@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800&display=swap');

/* poppin  */

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");


/** Generated by FG **/

@font-face {
    font-family: 'Conv_Sofia Pro Bold';
    src: url('../fonts/Sofia Pro Bold.eot');
    src: local('☺'), url('../fonts/Sofia Pro Bold.woff') format('woff'), url('../fonts/Sofia Pro Bold.ttf') format('truetype'), url('../fonts/Sofia Pro Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


/** Generated by FG **/

@font-face {
    font-family: 'Conv_Sofia Pro Regular';
    src: url('../fonts/Sofia Pro Regular.eot');
    src: local('☺'), url('../fonts/Sofia Pro Regular.woff') format('woff'), url('../fonts/Sofia Pro Regular.ttf') format('truetype'), url('../fonts/Sofia Pro Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}



body {
    font-family: 'Montserrat';
    background-color: #f7f7f7;
    color: #1f2b34;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-size: 15px
}

li {
    list-style: none;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

a,
.collapse-btn a img,
.db-content-main,
.db-sidebar,
.detail-sidebar .detail-nav ul.nav li a span.label,
.collapse-btn {
    text-decoration: none !important;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}

h2 {
    font-size: 27px;
    font-weight: 600;
    margin-bottom: 5px;
}

h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
}

.bg-white {
    background-color: #fff;
    box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.06) !important;
    border-radius: 7px;
}

.bttn {
    background: #25aae1;
    color: #fff !important;
    padding: 7px 24px 8px;
    border-radius: 100px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
}

.bttn:hover {
    background: #3ba273;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.07) !important;
}

.custom-select:focus,
.form-control:focus,
form input:focus {
    border-color: #25aae1;
}

.custom-select {
    /* background-image: url(../images/arrow-right.png) !important; */
    padding: 6px 23px !important;
    cursor: pointer;
    height: 35px;
    border-radius: 0.375rem !important;
    color:#697a8d;
    font-weight: 400;
}

.bttn,
[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: none !important;
    appearance: none !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #25aae1;
    background: #25aae1;
    color: #ffffff;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #2a845b;
    background: #2a845b;
}

.bttn:hover {
    background-color: #33a16f !important;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #25aae1;
}

.topbar {
    background: #25aae1;
    padding: 18px;
    height: 65px;
}

.dashboard-content {
    height: calc(100vh - 65px);
}

.logo a {
    display: block;
    width: 210px;
}

.topbar .dropdown-toggle::after {
    display: none;
}

.profile-info .dropdown-toggle {
    padding: 0;
    cursor: pointer;
}

.profile-info .dropdown-toggle img {
    max-width: 23px;
}

.profile-info li {
    display: inline-block;
    padding-left: 12px;
}

.profile-info .dropdown-item {
    padding: 3px 10px;
    font-size: 14px;
}

.profile-info .dropdown-menu {
    margin-top: 10px;
    border-radius: 0;
    border: 0;
}

.profile-info .dropdown-menu:after {
    content: "";
    height: 6px;
    width: 6px;
    position: absolute;
    top: -12px;
    right: 4.3px;
    border-top: 8px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 8px solid white;
    transform: rotate(90deg);
}

.db-inner {
    height: 100%;
    padding: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
}

.db-sidebar {
    width: 275px;
    background: #1f2b34;
    position: relative;
    height: 100%;
}

.db-content-main {
    width: calc(100% - 275px);
    height: calc(100vh - 65px);
    overflow-y: scroll;
    vertical-align: top;
    padding: 25px 33px;
}

.db-content-main::-webkit-scrollbar {
    width: 0 !important
}

.db-content-main::-moz-scrollbar {
    width: 0 !important
}

.db-content-main::-ms-scrollbar {
    width: 0 !important
}

.db-content-main::scrollbar {
    width: 0 !important
}

.doc-discription {
    font-size: 0;
}

.detail-nav {
    font-size: 16px;
}

.detail-nav ul.nav li {
    display: block;
    float: none;
    margin: 0;
    background: transparent;
    box-shadow: none;
    border-bottom: 1px solid #d6d6d6;
    border-radius: 0;
}

.detail-nav .collapse.navbar-collapse {
    padding: 0;
}

.detail-nav .collapse ul#side {
    float: none;
}

.detail-nav ul.nav li>a {
    padding: 13px 13px 13px 20px;
    color: #ffffff;
    display: flex;
}

.detail-nav ul.nav>li:last-child {
    border-bottom: 0;
}

.detail-nav ul.nav>li {
    position: relative;
    border: 0;
}

.detail-sidebar .detail-nav ul.nav li a span.icon {
    width: 50px;
    text-align: center;
    position: relative;
    right: 5px;
}

.detail-nav a span {
    font-size: 15px;
    font-weight: 400 !important;
    color: #fff;
}

.detail-sidebar .detail-nav ul.nav li a img {
    max-width: 30px;
    max-height: 30px;
    padding: 2px;
}

.detail-nav ul.nav>li.active,
.detail-nav ul.nav>li:hover a {
    background: #364550;
}

.detail-sidebar .detail-nav ul.nav li a span.label {
    width: calc(100% - 57px);
    margin-top: 4px;
}

.detail-nav ul.nav li>a:after {
    content: "";
    display: block;
    clear: both;
}

.collapse-btn {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 275px;
    z-index: 5;
    color: #fff;
}

.collapse-btn a {
    display: flex;
    padding: 24px 0 24px 30px;
    background: #364550;
    cursor: pointer;
    font-weight: 500;
    align-items: center;
}

.collapse-btn a img {
    max-width: 35px;
    margin: 0 12px 0 0;
}

.collapse-btn a:hover {
    background: #283640;
}

.menu-collapse .detail-sidebar span.label {
    width: 0 !important;
    font-size: 0 !important;
}

.menu-collapse .db-sidebar,
.menu-collapse .collapse-btn {
    width: 85px;
}

.menu-collapse .collapse-btn a img {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.menu-collapse .collapse-btn a:before {
    content: "Collapse";
    position: absolute;
    font-size: 11px;
    top: 10px;
    left: 0px;
    width: 100%;
    text-align: center;
}

.menu-collapse .collapse-btn a {
    padding: 35px 0 13px 30px;
}

.menu-collapse .db-content-main {
    width: calc(100% - 85px);
}

.navbar-collapse ul.navbar-nav {
    display: block !important;
}

.collapse-btn a span,
.detail-nav a span {
    transition: none !important;
}

.welcome-block p.sub-title {
    font-size: 18px;
}

.welcome-box .welbox-inner {
    padding: 22px 30px 65px;
    height: 100%;
    position: relative;
}

.welbox-inner a.bttn {
    position: absolute;
    bottom: 25px;
}

.db-title {
    padding: 20px;
}

.db-search-bttn select,
.db-search-bttn input
{
    border: 1px solid #ced4da;
    border-radius: 100px !important;
    padding: 6px 23px !important;
    font-size: 14px !important;
    color: #6c757d !important;
}

.db-search-bttn {
    padding: 0 20px 20px;
}

.db-search-bttn a.bttn {
    margin-left: 15px;
    padding: 6px 29px 8px;
}

.db-table .table td,
.db-table .table th {
    border: 0;
    color: #1f2b34;
    padding: 6px;
    vertical-align: middle;
}

.db-table .table th {
    color: #48555f;
    font-size: 17px;
    font-weight: 400;
}

.db-table .table tbody tr:nth-child(odd) {
    background-color: #f6f8fa;
}

.db-table .table th {
    padding-bottom: 10px;
}

.db-option li {
    display: inline-block;
    padding: 3px 8px;
}

.db-option li img {
    max-width: 20px;
}

.db-option a.bttn {
    padding: 5px 27px 5px 10px;
    font-size: 13px;
    background-image: url(../images/arrow-right01.png);
    background-repeat: no-repeat;
    background-position: 88% 49%;
    background-size: 12px;
}

.welbox-inner a.close-box {
    color: #b9b9b9;
    position: absolute;
    top: 5px;
    right: 15px;
    font-size: 17px;
    font-family: Arial, sans-serif;
    opacity: 0;
    pointer-events: none;
}

.welbox-inner a.close-box:hover {
    color: #25aae1;
}

.welbox-inner:hover a.close-box {
    opacity: 1;
    pointer-events: auto;
}

.welcome-box .col-lg-4 {
    margin-bottom: 30px;
}

.table-color tr th{
    color: #08212F !important;
    text-transform: none!important;
    font-weight: 400;
}

.table-color tr td{
    color: #33506C !important;
}

.center div{
    text-align: center;
}
/* CLOSING PAGE */

.closing-box .db-title .bttn {
    padding-left: 50px;
    padding-right: 50px;
}

.closing-box .db-option a.bttn {
    background-image: none;
    padding: 5px 12px 5px 12px;
}


/* LOGIN PAGE */

.login-main {
    background: #1f2b34;
    height: 100vh;
}

.login-box {
    background: #ffffff;
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 48%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
}

.lbox-header img {
    max-width: 380px;
}

.lbox-header {
    background: #25aae1;
    padding: 28px 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.lform-title * {
    font-family: 'Conv_Sofia Pro Regular';
    font-weight: 600;
}

.lform-title h3.green {
    font-size: 38px;
    margin: 0 0 15px;
}

.lform-title h5 {
    font-size: 22px;
}

.form-login input {
    border-radius: 100px;
    font-size: 17px;
    margin: 20px 0;
    border-color: #8a929e;
    padding: 11px 28px;
}

.form-login {
    max-width: 400px;
    margin: 0 auto;
}

.login-forgot a {
    display: inline-block;
}

.login-forgot a.bttn {
    padding: 6px 40px 8px;
    margin-right: 17px;
}

.or {
    color: #96989a;
    font-size: 19px;
    margin: 14px 0;
}

.create-ac {
    font-weight: 700;
}

.form-login .checkbox input:checked+label {
    color: #25aae1;
}

.checkbox input {
    display: none;
}

.checkbox label {
    position: relative;
    cursor: pointer;
    color: #96989a;
}

.checkbox label:before {
    content: '';
    -webkit-appearance: none;
    border: 2px solid #b0b0b0;
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
}

.checkbox input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: -3px;
    left: 10px;
    width: 8px;
    height: 20px;
    border: solid #25aae1;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.back-propsign {
    position: absolute;
    width: 100%;
    margin-top: 25px;
}

.back-propsign a:hover {
    background-position: center left;
}

.back-propsign a {
    color: #fff;
    padding: 4px 29px;
    background: url(../images/arrow-left01.png) no-repeat 2% 50%;
}


/* USER PAGE */

.user-box {
    margin-right: 30%;
}

.user-box .db-title .bttn {
    min-width: 190px;
}

table i.right:after {
    content: "";
    color: #25aae1;
    font-weight: 800;
    font-size: 18px;
    font-family: fantasy;
    background: url(../images/check-icon.png) no-repeat center center;
    background-size: 14px;
    height: 20px;
    width: 35px;
    display: block;
}


/* SUPPORT PAGE */

table i {
    font-style: normal;
}

i.low,
i.waiting,
i.yes,
i.urgent,
i.no {
    color: #25aae1;
    list-style-type: circle !important;
    position: relative;
    right: -13px;
}

i.low:before,
i.waiting:before,
i.yes:before,
i.urgent:before,
i.no:before {
    content: "";
    height: 7px;
    width: 7px;
    background: #25aae1;
    display: block;
    position: absolute;
    border-radius: 100px;
    left: -15px;
    top: 6px;
}

i.waiting {
    color: #f78c32;
}

i.waiting:before {
    background: #f78c32;
}

i.yes {
    color: #008ebb;
}

i.yes:before {
    background: #008ebb;
}

i.urgent,
i.no {
    color: #e22458;
}

i.urgent:before,
i.no:before {
    background: #e22458;
}

.db-option a.reassign {
    background: #00adcc;
    padding: 5px 12px 5px 12px;
}

.db-option a.view {
    background: #18998f;
    padding: 5px 16px 5px 16px;
}

.support-table .table th:last-child,
.support-table .table td:last-child {
    text-align: center;
}

.support-table .db-option li {
    padding: 3px 3px;
}

.radio-design input[type="radio"] {
    display: none;
}

.radio-design label {
    position: relative;
    display: inline-block;
    padding: 3px 12px 3px 25px;
    cursor: pointer;
}

.radio-design label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 18px;
    height: 18px;
    margin-top: -8px;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 100%;
}

.radio-design input[type="radio"]:checked+label::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 4px;
    width: 10px;
    height: 10px;
    margin-top: -4px;
    background: #25aae1;
    border-radius: 100px;
}

.radio-design input[type="radio"]:checked+label {
    color: #25aae1;
}

.support-info .inline {
    display: inline-flex;
}

.support-info select {
    width: 185px !important;
}

.support-option {
    margin: 0 5px 0 15px;
}

input.hasDatepicker {
    border: 1px solid #ced4da;
    border-radius: 100px;
    font-size: 14px;
    padding: 6px 14px;
}

.db-search-bttn input.hasDatepicker {
    max-width: 127px;
}

.support-box .db-search-bttn .support-date,
.support-box .db-search-bttn .support-info {
    display: inline-block;
}

.support-box .db-search-bttn .support-date {
    padding: 0 20px 10px 0;
}

.modal-header {
    background: #f6f8f9;
    border: 0;
}

.modal-header a img {
    max-width: 25px;
}

.appointment-form .input-group label,
.appointment-form .input-group select {
    display: block !important;
    width: 100%;
}

.appointment-form .input-group label,
.fields-label label {
    position: absolute;
    top: -10px;
    left: 20px;
    z-index: 11;
    background: #fff;
    width: auto;
    padding: 0 5px;
    font-size: 12px;
}

.appointment-form .input-group {
    margin: 24px 0;
}

.appointment-form .input-group:first-child {
    margin-top: 0;
}

.modal-body {
    padding: 30px 24px;
}

.modal-dialog {
    max-width: 650px;
}

.appointment-filds {
    margin-right: 45%;
}

.appointment-form hr {
    border-color: rgba(0, 0, 0, 0.2);
}

.appointment-timing {
    margin-right: 69%;
    margin-top: 25px;
}

.appointment-timing input {
    width: 100%;
}

.appointment-form .cancel {
    background: #cacaca;
    margin-right: 15px;
}

.appointment-timing .date input,
.appointment-timing .time input {
    background: url(../images/calendar-icon.png) no-repeat 93% 50%;
    background-size: 12px;
}

.appointment-timing .time input {
    background: url(../images/time-icon.png) no-repeat 93% 50%;
    background-size: 12px;
}

.support2-box {
    padding: 20px;
}

.support2-box .db-table .table th {
    font-weight: 600;
    font-size: 14px;
}

.support2-box .db-table .table tbody tr td {
    color: #9c9c9c;
    padding: 5px 10px !important;
}

.support2-box .db-table .table tbody tr:nth-child(odd) {
    background: transparent;
}

.support2-box .db-table .table th,
.support2-box .db-table .table td {
    padding: 8px 10px !important;
    border: 1px solid #e9e9e9;
}

.support2-box .db-title {
    padding: 0 0 20px;
}

.support2-box .close-ticket {
    background: #e22458;
    padding: 4px 29px 6px;
}

.support2-box .db-table .table tbody tr td a.name {
    text-decoration: underline !important;
}

.msg-topbar h3.pull-left {
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    line-height: 1.4;
}

.msg-topbar span {
    font-size: 14px;
}

.sup-msg-list {
    border: 1px solid #e9e9e9;
    margin-bottom: 30px;
}

.msg-topbar {
    background: #f6f8f9;
    padding: 8px 18px 8px;
    border-bottom: 1px solid #e9e9e9;
}

.sup-msg-list .msg-content {
    padding: 15px 10px 5px 18px;
    color: #8a8a8a;
}

h5.title {
    font-weight: 100;
    font-size: 19px;
    margin: 0 0 25px 0;
}

.support-editor .richText-toolbar:last-child {
    display: none;
}

.richText .richText-editor {
    overflow: auto;
}

.richText .richText-toolbar li a {
    background: #FFF;
    padding: 5px 11px !important;
}

.richText .richText-toolbar {
    background: #f3f2f2;
    padding: 8px;
}

.richText .richText-editor:focus {
    border-left: 0;
}

.richText .richText-toolbar ul li:last-child a {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.richText .richText-toolbar ul li:first-child a {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.support-editor .send-btn {
    background: #00adce;
    margin-top: 20px;
}

.support-files {
    background: #f6f8f9;
    border: 1px dashed #90969b;
    padding: 24px 5px;
}

.support-files .icon {
    max-width: 35px;
}

.support-files h6 {
    color: #595f63;
    font-weight: 400;
    margin: 5px 0 5px;
    font-size: 15px;
}

.support-files span {
    font-size: 10px;
}

.selectFile input#file {
    position: absolute;
    font-size: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    left: 0;
    cursor: pointer;
    opacity: 0;
}

.selectFile {
    max-width: 120px;
    position: relative;
    margin: 5px auto;
    background: #00adce;
    color: #fff;
    border-radius: 100px;
    padding: 5px;
}

.selectFile label {
    margin: 0;
}

.selectFile:hover {
    background: #25aae1;
}
.tutorials-card{
    background-color: #F2F7FA;
    padding: 20px 20px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.play_video{
    position: relative;

}

.play_video em{
    position: absolute;
    top: 35%;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 46px;
}
.play_video .card-img{
    height: 200px;
    overflow: hidden;
}
/* CONFIGURATIONS  */

.vertical-tab {
    background: #ffffff;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    width: 300px;
    box-shadow: 2px 0px 6px -2px rgba(0, 0, 0, 0.2) !important;
    position: relative;
}

.vertical-tab ul {
    display: block;
}

.vertical-tab li a {
    color: #48555f;
    padding: 9px 25px;
    display: block;
    font-size: 15px;
    font-weight: 500;
    position: relative;
}

.vt-content {
    width: calc(100% - 300px);
    background: #f6f8f9;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.config-main-tab {
    display: flex;
    height: 100%;
    border-radius: 6px;
    min-height: calc(100vh - 170px)
}

.config-inner {
    margin: 20px 0 0;
    /* height: calc(100vh - 170px);*/
    min-height: calc(100vh - 170px);
}

.vertical-tab li a.active,
.vertical-tab li a:hover {
    background: #f6f8f9;
}

.vertical-tab li a.active {
    width: calc(100% + 8px);
}

.vertical-tab li a:after {
    content: "";
    height: 1px;
    width: 80%;
    margin: 0 auto;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(208, 208, 208);
    background: linear-gradient(90deg, rgba(208, 208, 208, 0.2) 0%, rgba(198, 198, 198, 1) 50%, rgba(208, 208, 208, 0.2) 100%);
}

.vertical-tab li:last-child a:after {
    display: none;
}

.vt-title h3 {
    font-size: 24px;
}

.vt-title {
    line-height: 1.8;
    max-width: 650px;
    margin: 0 auto 35px;
}


/* .vertical-tab li.active { width: calc(100% + 5px);}  */

.navtab-inner {
    padding: 40px;
}

.navtab-inner .vertical-tab {
    background: #f6f8f9;
    box-shadow: none !important;
    width: 250px;
}

.navtab-inner .vt-content {
    background: #ffffff;
}

.navtab-inner .vertical-tab .active {
    background: #fff;
    width: calc(100% + 5px);
}

.navtab-inner .vertical-content {
    padding: 40px;
    width: calc(100% - 250px);
    border-bottom-left-radius: 6px;
}

.vt-main-content {
    overflow-y: scroll;
}

.vt-main-content::-webkit-scrollbar {
    width: 0 !important
}

.vt-main-content::-moz-scrollbar {
    width: 0 !important
}

.vt-main-content::-ms-scrollbar {
    width: 0 !important
}

.vt-main-content::scrollbar {
    width: 0 !important
}

.info-fields input {
    width: 100%;
}

.info-fields {
    font-size: 0;
    margin: 0 -10px;
}

.info-fields .input-group {
    width: 50%;
    display: inline-block !important;
    padding: 0 10px;
    margin: 10px 0;
}

.fields-label input.form-control {
    width: 100%;
}

.info-fields .fields-label label {
    left: 28px;
}

.information-form .info-fields input {
    font-size: 13px !important;
    padding: 8px 20px !important;
}

.navtab-inner .vertical-tab li:first-child a {
    border-top-left-radius: 6px;
}

.navtab-inner .vertical-tab li:last-child a {
    border-bottom-left-radius: 6px;
}

.config-main-tab ul.nav.inner-tabs,
.navtab-inner .vertical-content {
    box-shadow: -2px 1px 5px 0px rgba(0, 0, 0, 0.10) !important;
}

.navtab-inner .vertical-content {
    box-shadow: -1px 4px 15px -2px rgba(0, 0, 0, 0.10) !important;
}

.config-main-tab ul.nav.inner-tabs {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.steps-bttn a {
    color: #73787e !important;
    font-size: 15px;
    padding: 0px 25px;
    text-decoration: underline !important;
    position: relative;
    cursor: pointer;
    transition: none;
}

.steps-bttn a:after {
    content: "";
    height: 13px;
    width: 14px;
    background: url(../images/btn-arrows.png) no-repeat right top;
    position: absolute;
    margin: 5px 5px;
}

.steps-bttn a.back:after {
    left: 0;
    background-position: left top;
}

.steps-bttn {
    margin: 25px 0px 50px 0px;
}

.steps-bttn a.back {
    padding-right: 0;
}

.steps-bttn a.next {
    padding-left: 0;
}

.steps-bttn a:hover:after {
    background-position: right bottom;
}

.steps-bttn a.back:hover:after {
    background-position: left bottom;
}

.steps-bttn a:hover {
    color: #25aae1 !important;
}

.cq-list .radio-design label::before {
    border-radius: 3px;
    height: 20px;
    width: 20px;
}

.cq-list .radio-design label {
    padding: 3px 2px 3px 35px;
    margin: 0;
    color: #505d68;
}

.cq-list .radio-design input[type="radio"]:checked+label::after {
    position: absolute;
    content: '';
    width: 12px;
    border-radius: 0;
    height: 7px;
    background: transparent;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(-55deg);
    margin: -3px 0;
}

.cq-list .radio-design input[type="radio"]:checked+label::before {
    border-color: #000;
}

.cq-list .radio-design input[type="radio"]:checked+label {
    color: inherit;
}

.cq-option li {
    display: inline-block;
    margin: 2px 20px 2px 0;
}

.cq-list p {
    margin-bottom: 5px;
    color: #1f2b34;
}

.cq-list {
    margin-bottom: 25px;
}

.config-main-tab h6.bold {
    font-size: 17px;
    font-weight: 600;
}

.primary-identity .choose-country .input-group {
    width: 55%;
}

.select-id .radio-design label {
    margin: 0 0 5px;
    font-size: 13px;
}

.switch-mobile p a {
    color: #25aae1;
    text-decoration: underline !important;
}

.dl-show .primary-identity,
.dl-info {
    display: none;
}

.dl-show .dl-info {
    display: block;
}

.take-photo a,
.uplode-file a {
    cursor: pointer;
    color: #000;
    max-width: 220px;
    border: 1px solid #c8c8c8;
    padding: 10px 10px 10px 55px;
    display: block;
    margin: 15px 0;
    position: relative;
    background: #f6f8f9 url(../images/uplod-icon.png) no-repeat 10% 50%;
    background-size: 26px;
}

.uplode-file input[type="file"] {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.take-photo a {
    background: #f6f8f9 url(../images/camera-icon.png) no-repeat 9% 50%;
    background-size: 26px;
}

.cinfo-col {
    padding: 15px 25px 80px;
    height: 100%;
    position: relative;
}

.cinfo-col label {
    font-size: 13px;
    color: #e22458;
}

.cinfo-col h3 {
    font-size: 17px;
    font-weight: 600;
}

.cinfo-col span {
    display: block;
    font-size: 14px;
    color: #8a8a8a;
    line-height: 1.7;
}

.cinfo-col a.bttn {
    display: block;
    margin: 10px 0 20px;
    position: absolute;
    bottom: 8px;
    left: 5%;
    width: 90%;
}

.add-person .cinfo-col.bg-white {
    background-color: transparent !important;
    padding: 50px 0 !important;
}

.add-person-bttn {
    position: absolute;
    width: 80%;
    left: 10%;
    top: calc(50% + 25px);
    transform: translate(0%, -50%);
    margin: 0;
}

.add-person-bttn a {
    margin: 0 !important;
}


/* SYS-DASHBOARD */

.sys-dashboard label.super-admin {
    background: #fff;
    margin: 1px 20px 0 !important;
    color: #25aae1;
    font-weight: 600;
    padding: 4px 8px;
    font-size: 12px;
    letter-spacing: 0.8px;
}

.sys-dashboard .db-content-main {
    padding: 0;
}

.sys-tab-nav {
    background: #364550;
    padding: 20px 35px 0 35px;
    color: #fff;
}

.sys-tab-nav h1 {
    font-size: 24px;
}

.sys-tab-nav ul.nav li {
    margin-right: 70px;
}

.sys-tab-nav ul.nav li:last-child {
    margin-right: 0px;
}

.sys-tab-nav ul.nav li a {
    color: #fff;
    padding: 8px 0 10px;
    display: block;
    border-bottom: 3px solid #364550;
}

.sys-tab-nav ul.nav li a.active {
    font-weight: 700;
    border-color: #25aae1;
}

.sys-content {
    padding: 35px;
}

.order-col {
    background: #25aae1;
    border-radius: 6px;
    padding: 23px 35px;
    color: #fff;
    background: rgb(255, 255, 255);
    background: linear-gradient(93deg, rgba(255, 255, 255, 1) 0%, rgba(69, 181, 132, 1) 0%, rgba(52, 170, 136, 1) 38%, rgba(24, 153, 143, 1) 100%);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3) !important;
    margin-bottom: 30px;
}

.order-col label {
    font-weight: 500;
}

.order-col h4 {
    font-weight: 500;
    font-size: 20px;
    margin: 0;
}

.order-col span {
    font-size: 13px;
    opacity: 0.8;
}

.order-col li {
    display: flex;
    justify-content: space-between;
    margin: 0 0 5px 0;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.30);
    padding: 0 0 5px;
}

.order-col li:last-child {
    border: 0;
}

.expectations-col {
    background: rgb(255, 255, 255);
    background: linear-gradient(93deg, rgba(255, 255, 255, 1) 0%, rgba(0, 175, 208, 1) 0%, rgba(0, 156, 197, 1) 38%, rgba(0, 141, 189, 1) 100%);
}

.users-col {
    background: rgb(255, 255, 255);
    background: linear-gradient(93deg, rgba(255, 255, 255, 1) 0%, rgba(5, 83, 106, 1) 0%, rgba(7, 72, 92, 1) 38%, rgba(0, 35, 46, 1) 100%);
}

.sys-chart-row .bg-white {
    padding: 25px;
    height: 100%;
}

.gv-today li {
    display: inline-block;
}

.change-value {
    margin-left: 50px;
}

.gv-today span {
    font-weight: 500;
    color: #000;
}

.gv-today h3 {
    font-size: 22px;
    margin: 5px 0 5px;
    color: #25aae1;
}

.gv-today .change-value *,
.deposite-info li * {
    color: #878b8e;
}

.gv-select {
    width: 280px;
}

.gv-amount,
.analytics-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.deposite-info span {
    font-weight: 500;
}

.deposite-info h3 {
    margin: 5px 0 0;
    font-size: 22px;
}

.deposite-info .avalible-balance h3 {
    color: #25aae1;
}

.deposite-info .avalible-balance span {
    color: #000000;
}

.deposite-info li {
    margin-bottom: 18px;
}

.analytics-inner {
    padding: 20px;
}

.analytics-inner h2 {
    font-weight: 600;
    font-size: 18px;
    margin: 0;
}

.analytics-leftwrap ul li a {
    color: inherit;
}

.analytics-leftwrap ul li {
    display: inline-block;
    font-size: 13px;
    padding: 0 5px;
}

.analytics-leftwrap {
    display: flex;
    align-items: center;
}

.analytics-leftwrap ul {
    border: 1px solid #ced4da;
    border-radius: 100px !important;
    padding: 5px 20px;
    margin: 0 10px;
    color: #8c8e90;
}

.analytics-leftwrap label.mb-0 {
    font-size: 11px;
    opacity: 0.9;
}

.analytics-leftwrap ul li a:hover {
    color: #25aae1;
    font-weight: 500;
}

.analytics-leftwrap ul.analytics-day {
    margin: 0 16px 0 40px;
}

.analytics-date li.to img {
    max-width: 10px;
    margin-top: -1px;
}

.daily-btn a.bttn {
    background: #18998f;
}

.customize-btn a.bttn {
    background: #f78c32;
    min-width: 200px;
}

.cg-value h3 {
    font-size: 22px;
    padding: 12px 80px 10px 0px;
    display: inline-block;
    color: #25aae1;
}

.cg-value .value2 {
    color: #f78c32;
}

.cg-value .value3 {
    color: #009cc5;
    padding-right: 50px;
}

.cg-chart {
    width: 35%;
}

.cg-row {
    display: flex;
}

.deposite-info {
    height: 100%;
    position: relative;
}

.deposite-info .view-balance {
    position: absolute;
    bottom: 0;
}

.mob-cardscan {
    margin: 0 12%;
}

.cs-img img {
    max-width: 40px;
    border-radius: 100px;
}

.cs-title h3 {
    font-size: 15px;
    line-height: 1;
    margin-bottom: 0;
    font-weight: 600;
}

.cs-title span {
    font-size: 10px;
    line-height: 1;
}

.cs-list {
    padding: 12px 18px;
    border-bottom: 1px solid #f1f1f1;
}

.cs-name {
    line-height: 1;
}

.cs-detail img {
    max-width: 24px;
}

.cs-detail .details {
    background: #00adcc;
}

.order-col label {
    font-weight: 500;
}

.order-col h4 {
    font-weight: 500;
    font-size: 20px;
    margin: 0;
}

.order-col span {
    font-size: 13px;
    opacity: 0.8;
}

.order-col li {
    display: flex;
    justify-content: space-between;
    margin: 0 0 5px 0;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.30);
    padding: 0 0 5px;
}

.order-col li:last-child {
    border: 0;
}

.expectations-col {
    background: rgb(255, 255, 255);
    background: linear-gradient(93deg, rgba(255, 255, 255, 1) 0%, rgba(0, 175, 208, 1) 0%, rgba(0, 156, 197, 1) 38%, rgba(0, 141, 189, 1) 100%);
}

.users-col {
    background: rgb(255, 255, 255);
    background: linear-gradient(93deg, rgba(255, 255, 255, 1) 0%, rgba(5, 83, 106, 1) 0%, rgba(7, 72, 92, 1) 38%, rgba(0, 35, 46, 1) 100%);
}

.sys-chart-row .bg-white {
    padding: 25px;
    height: 100%;
}

.gv-today li {
    display: inline-block;
}

.change-value {
    margin-left: 50px;
}

.gv-today span {
    font-weight: 500;
    color: #000;
}

.gv-today h3 {
    font-size: 22px;
    margin: 5px 0 5px;
    color: #25aae1;
}

.gv-today .change-value *,
.deposite-info li * {
    color: #878b8e;
}

.gv-select {
    width: 280px;
}

.gv-amount,
.analytics-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.deposite-info span {
    font-weight: 500;
}

.deposite-info h3 {
    margin: 5px 0 0;
    font-size: 22px;
}

.deposite-info .avalible-balance h3 {
    color: #25aae1;
}

.deposite-info .avalible-balance span {
    color: #000000;
}

.deposite-info li {
    margin-bottom: 18px;
}

.analytics-inner {
    padding: 20px;
}

.analytics-inner h2 {
    font-weight: 600;
    font-size: 18px;
    margin: 0;
}

.analytics-leftwrap ul li a {
    color: inherit;
}

.analytics-leftwrap ul li {
    display: inline-block;
    font-size: 13px;
    padding: 0 5px;
}

.analytics-leftwrap {
    display: flex;
    align-items: center;
}

.analytics-leftwrap ul {
    border: 1px solid #ced4da;
    border-radius: 100px !important;
    padding: 5px 20px;
    margin: 0 10px;
    color: #8c8e90;
}

.analytics-leftwrap label.mb-0 {
    font-size: 11px;
    opacity: 0.9;
}

.analytics-leftwrap ul li a:hover {
    color: #25aae1;
    font-weight: 500;
}

.analytics-leftwrap ul.analytics-day {
    margin: 0 16px 0 40px;
}

.analytics-date li.to img {
    max-width: 10px;
    margin-top: -1px;
}

.daily-btn a.bttn {
    background: #18998f;
}

.customize-btn a.bttn {
    background: #f78c32;
    min-width: 200px;
}

.cg-value h3 {
    font-size: 22px;
    padding: 12px 80px 10px 0px;
    display: inline-block;
    color: #25aae1;
}

.cg-value .value2 {
    color: #f78c32;
}

.cg-value .value3 {
    color: #009cc5;
    padding-right: 50px;
}

.cg-chart {
    width: 35%;
}

.cg-row {
    display: flex;
}

.deposite-info {
    height: 100%;
    position: relative;
}

.deposite-info .view-balance {
    position: absolute;
    bottom: 0;
}

.mob-cardscan {
    margin: 0 12%;
}

.cs-img img {
    max-width: 40px;
    border-radius: 100px;
}

.cs-title h3,
.buyer-info h3 {
    font-size: 15px;
    line-height: 1;
    margin-bottom: 0;
    font-weight: 600;
}

.cs-title span,
.buyer-title span {
    font-size: 10px;
    line-height: 1;
}

.cs-list {
    padding: 12px 18px;
    border-bottom: 1px solid #f1f1f1;
}

.cs-name {
    line-height: 1;
}

.cs-detail img {
    max-width: 24px;
}

.cs-detail .details {
    background: #00adcc;
}

.modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}

.processing-loader span {
    display: block;
    position: relative;
    top: 80px;
}

.processing-loader {
    margin: 15% 0;
}

.processing {
    position: relative;
}

.processing-img img {
    position: absolute;
    width: 100%;
    max-width: 140px;
    left: 50%;
    top: 50%;
    -webkit-animation: spinLoader 3000ms steps(12, end) infinite;
    animation: spinLoader 3000ms steps(12, end) infinite;
}

.processing-loader {
    padding: 100px 0 30px 0;
}

@-webkit-keyframes spinLoader {
    from {
        transform: translate(-50%, -50%) rotate(0turn);
    }
    to {
        transform: translate(-50%, -50%) rotate(1turn);
    }
}

@keyframes spinLoader {
    from {
        transform: translate(-50%, -50%) rotate(0turn);
    }
    to {
        transform: translate(-50%, -50%) rotate(1turn);
    }
}


/* NEWFILE PAGE  */

.newfile-tab .vertical-tab h2,
.documents-info h2 {
    font-size: 17px;
    padding: 15px 20px 10px 18px;
}

.fileclose-tab .vertical-tab li a i img {
    max-width: 20px;
}

.fileclose-tab .vertical-tab li a i,
.bs-list label:last-child {
    position: absolute;
    left: 230px;
}

.fileclose-tab .vertical-tab li a {
    padding: 10px 22px;
}

.fileclose-tab .vertical-tab .bs-list label i {
    position: static;
    cursor: pointer;
    margin-left: 7px;
}

.fileclose-tab .vertical-tab .bs-list {
    font-size: 11px;
    color: #c0c0c0;
}

.bs-list label {
    margin: 0 0 0 12px;
}

.bs-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0;
}

.fileclose-tab .vertical-tab .bs-list label i img {
    max-width: 13px;
}

.bs-list label:last-child {
    left: 195px;
}

.file-detail-inner .input-group {
    margin-bottom: 20px;
}

.file-detail-inner .row,
.file-detail-inner input {
    width: 100%;
}

.newfile-tab .vertical-tab {
    width: 270px;
}

.newfile-tab .vt-content {
    width: calc(100% - 270px);
}

.newfile-tab .navtab-inner {
    padding: 30px;
}

.fileclose-tab .fields-label label {
    background: #f6f8f9;
}

.fileclose-tab li.active {
    background: #f6f8f9;
    width: calc(100% + 5px);
}

.fileclose-tab ul.nav.main-tabs.inner-tabs {
    box-shadow: none !important;
}

.documents-info .title a img {
    max-width: 24px;
}

.documents-info .title h2 {
    margin: 0;
    padding: 0;
}

.documents-info .title {
    padding: 20px 18px;
}

.documents-info td.check img {
    max-width: 19px;
}

.documents-info tr {
    background-color: #ffffff !important;
}

.documents-info .db-table .table tbody tr:nth-child(even) {
    background-color: #f7f7f7 !important;
}

.documents-info tr td:last-child {
    width: 90px;
    margin: 0;
}

.documents-info .steps-bttn {
    padding: 0 20px;
}

.documents-info tr td .db-option img {
    max-width: 18px;
}

.documents-info .db-option li {
    padding: 0 0 0 12px;
}

.closing-documents .equipment-tabs .navtab-inner {
    margin-left: 0;
}

.closing-documents {
    margin-top: 25px;
    height: calc(100vh - 170px);
}

.closing-documents .equipment-tabs.vc-tabs,
.closing-documents .bg-white {
    height: 100%;
}

.new-doc-modal .row,
.new-doc-modal .row input,
.new-doc-modal .row select {
    width: 100%;
}

.history-show .newfile-colleft {
    flex: 0 0 100%;
    max-width: 100%;
}

.history-show .newfile-colright {
    display: none;
}

.newfile-history {
    padding: 20px 0;
}

.newfile-history .table tbody tr:nth-child(odd) {
    background-color: #fff;
}


/* Document Management */

.doc-manage-row .order-detail {
    width: 100%;
}

.doc-manage-row .bg-white {
    height: 100%;
}

.doc-manage-col {
    height: calc(100vh - 180px);
}


/* AGENT ADMIN DESHBOARD */

.filebox-user .users-col {
    background: linear-gradient(93deg, rgba(255, 255, 255, 1) 0%, rgb(255, 155, 51) 0%, #ff992d 38%, rgb(234, 127, 15) 100%);
}

.agent-filebox,
.agent-actype {
    height: 50%;
}

.agent-filebox div {
    height: 100%;
}

.agent-filebox .order-col {
    position: relative;
}

.agent-filebox div.filebox-info {
    height: auto;
    position: absolute;
    top: 50%;
    right: 0;
    width: 100%;
    transform: translate(0, -50%);
}

.agent-filebox {
    padding-bottom: 25px;
}

.agent-actype .actype-inner h2,
.file-statistic h2,
.file-disk-using h2 {
    font-size: 15px;
}

.agent-actype .actype-inner {
    padding: 20px 24px;
    height: 100%;
}

.total-file-col {
    height: 100%;
}

.office-digital-progress {
    margin: 25px 0;
}

.actype-progress h2 {
    margin-bottom: 5px;
}

.actype-progress .progress {
    border-radius: 100px;
    height: 16px;
    background-color: #f7f7f7;
}

.filebox-user h3 {
    font-size: 38px;
}

.filebox-user label {
    font-weight: 600;
}

.agent-row {
    display: flex;
    margin: 0 -15px;
}

.agent-chart-row,
.file-disk-using {
    height: calc(100vh - 235px);
    width: 44%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 15px;
}

.file-statistic {
    width: 28%;
    padding: 0 15px;
}

.file-statistic-chart {
    height: 100%;
    position: relative;
}

.fs-chart {
    width: 70%;
    position: relative;
    margin: 0 auto;
}

.fs-chart-inner {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translate(0, -50%);
}

.fs-chart span.unsigned label,
.fs-chart span.signed label {
    display: block;
    font-size: 8px;
    font-weight: bold;
    color: #000;
}

.fs-chart span.unsigned,
.fs-chart span.signed {
    position: absolute;
    color: #446eca;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.3;
}

.fs-chart span.signed {
    bottom: 0;
    right: -20px;
    color: #d9e4ec;
}

.file-disk-using {
    width: 28%;
    padding: 0 15px;
}

.file-using-col .bg-white {
    background-color: #25aae1 !important;
    color: #fff;
}

.file-disk-using .bg-white {
    height: 100%;
    position: relative;
}

.file-using-col {
    padding-bottom: 25px;
}

.disk-using-col .file-using-chart {
    background: url(../images/chart-circle2.png) no-repeat center center;
    background-size: 75%;
}

.file-using-chart span.file-value {
    font-size: 22px;
    font-weight: 500;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    transform: translate(0%, -50%);
}

.using-info span {
    font-weight: 600;
    font-size: 12px;
}

.using-info span label {
    height: 13px;
    width: 13px;
    background: #fff;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.using-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
}

.using-info .used-col span label {
    background: #11998f;
}

.disk-using-col .using-info span label {
    background: #f0f2f4;
}

.disk-using-col span.file-value {
    color: #008ebb;
}

.disk-using-col .using-info .used-col span label {
    background: #008ebb;
}

.disk-using-col,
.file-using-col {
    height: 50%;
}

.file-using-chart {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 40%;
    background: url(../images/chart-circle.png) no-repeat center center;
    background-size: 75%;
}


/* MEDIA CSS */

@media (min-width: 1600px) {
    .getstart-block .col-lg-4 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .clientinfo-box {
        padding-right: 15%;
    }
}

@media (min-width: 991px) {
    .db-table .table td:first-child,
    .db-table .table th:first-child {
        padding-left: 25px;
    }
    .closing-block .getstart-title a.bttn {
        width: 80%;
    }
}

@media (max-width: 1600px) {
    .analytics-leftwrap ul.analytics-day {
        margin: 0 5px 0 15px;
    }
    .analytics-leftwrap ul li {
        font-size: 12px;
        padding: 0 2px;
    }
    .customize-btn a.bttn {
        min-width: auto;
    }
    .analytics-leftwrap ul {
        padding: 5px 12px;
    }
}

@media (max-width: 1450px) {
    /*MENU*/
    .detail-sidebar span.label {
        width: 0 !important;
        font-size: 0 !important;
    }
    .db-sidebar,
    .collapse-btn {
        width: 85px;
    }
    .collapse-btn a img {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .collapse-btn a:before {
        content: "Collapse";
        position: absolute;
        font-size: 11px;
        top: 10px;
        left: 0px;
        width: 100%;
        text-align: center;
    }
    .collapse-btn a {
        padding: 35px 0 13px 30px;
    }
    .db-content-main {
        width: calc(100% - 85px);
    }
    /*MENU-OPEN*/
    .menu-open .detail-sidebar span.label {
        font-size: 15px !important;
    }
    .menu-open .db-sidebar,
    .menu-open .collapse-btn {
        width: 275px;
    }
    .menu-open .collapse-btn a img {
        transform: none;
    }
    .menu-open .collapse-btn a:before {
        display: none;
    }
    .menu-open .collapse-btn a {
        padding: 13px 13px 13px 20px;
    }
    .menu-open .db-content-main {
        width: calc(100% - 275px);
    }
}

@media (max-width: 1400px) {
    h2 {
        font-size: 24px;
    }
    .welcome-block p.sub-title {
        font-size: 16px;
    }
    body,
    .detail-sidebar .detail-nav ul.nav li a span.label {
        font-size: 14px;
    }
    .login-box {
        max-width: 580px;
    }
    .lbox-header {
        padding: 18px 0;
    }
    .lbox-header img {
        max-width: 350px;
    }
    .form-login input {
        font-size: 16px;
        margin: 15px 0;
    }
    .or {
        margin: 8px 0;
    }
    .user-box {
        margin-right: 25%;
    }
    .db-option li img {
        max-width: 18px;
    }
    .db-table .table th {
        font-size: 15px;
    }
    .db-table .table td {
        font-size: 13px;
    }
    .navtab-inner,
    .navtab-inner .vertical-content {
        padding: 25px;
    }
    .navtab-inner .vertical-tab li a {
        font-size: 13px;
    }
    .eaudio-inner .input-group {
        width: 100%;
    }
    .cq-option li {
        font-size: 13px;
        margin: 2px 6px 2px 0;
    }
    .navtab-inner {
        padding: 30px;
    }
}

@media (max-width: 1350px) {
    .db-table .table td,
    .db-table .table th {
        font-size: 12px;
    }
    .order-col {
        padding: 18px 25px;
    }
}

@media (max-width: 1200px) and (min-width: 992px) {
    .getstart-img {
        width: 60px;
        padding-right: 10px;
    }
    .getstart-block .welcome-box .welbox-inner {
        padding: 20px 15px 20px;
    }
}

@media (max-width: 1200px) {
    .order-detail,
    .verify-order-info {
        width: 100%;
    }
    .verify-order-info {
        padding-left: 0;
    }
    .equipment-tabs.vc-tabs {
        width: 100%;
    }
    .equipment-tabs .navtab-inner {
        margin-left: 0;
    }
}

@media (max-width: 1024px) {
    .db-table .table td,
    .db-table .table th {
        font-size: 13px;
        white-space: nowrap;
    }
    .user-box {
        margin-right: 0;
    }
    .sup-msg-list {
        margin-bottom: 20px;
    }
    .primary-identity .choose-country .input-group {
        width: 100%;
    }
    .vertical-tab li a {
        font-size: 14px;
        padding: 8px 10px;
    }
    .vertical-tab,
    .vt-content {
        width: 100%;
    }
    .navtab-inner .vertical-tab {
        width: 200px;
    }
    .navtab-inner .vertical-content {
        width: calc(100% - 200px);
    }
    .config-inner>.config-main-tab {
        display: block;
    }
    .config-main-tab ul.nav.main-tabs li {
        display: inline-block;
    }
    .vertical-tab li a {
        font-size: 15px;
        padding: 15px 15px;
    }
    .vertical-tab li a:after {
        display: none;
    }
    .analytics-leftwrap,
    .analytics-topbar {
        display: block;
    }
    .analytics-leftwrap ul {
        margin: 5px 0 !important;
        text-align: center;
    }
    .analytics-leftwrap ul li {
        font-size: 14px;
        padding: 0 7px;
    }
    .analytics-leftwrap label.mb-0 {
        display: block;
        text-align: center;
        color: #000;
        font-weight: 600;
    }
    .daily-btn {
        margin: 20px 0 10px;
    }
    .analytics-leftwrap ul.analytics-day {
        margin-top: 10px !important;
    }
    .cg-value h3 {
        font-size: 17px;
        padding: 10px 30px 10px 0px;
    }
    .sys-tab-nav ul.nav li {
        margin-right: 35px;
    }
}

@media (max-width: 991px) {
    .welcome-box .col-lg-4 {
        margin-bottom: 20px;
    }
    h2 {
        font-size: 22px;
    }
    .db-search-bttn select {
        margin: 10px 0;
    }
    .db-content-main {
        padding: 15px 20px;
    }
    .support-files {
        margin-top: 50px;
    }
    .signers-info-col {
        min-width: 100%;
        padding: 15px;
    }
    .equipment-order-col,
    .buyer-sidebar,
    .equipment-order .equipment-tabs {
        width: 100%;
    }
    .equipment-inner {
        display: block;
    }
    .buyer-sidebar {
        padding: 0;
    }
    .equipment-tabs .navtab-inner {
        margin-left: 0;
    }
    .buyer-pic img {
        height: 45vw;
    }
}


/* Ribbash custom CSS */

.recent-payment .custome-card {
    padding-bottom: 20px !important;
}

.header-inputs .form-control {
    border-radius: 5px !important;
}

.header-inputs .select-option {
    display: flex;
    align-items: center;
}

.header-inputs .select-option h4 {
    color: #070B21;
    font-size: 27px;
}

.header-inputs tbody td .custom-select,
.header-inputs .custom-select {
    background-image: unset !important;
    border-radius: 5px !important;
    border-color: #d9dee3 !important;
}

.header-inputs .form-control:focus {
    border-color: #d9dee3;
}

.header-inputs tbody td .btn-secondary,
.header-inputs .btn-secondary {
    border-radius: 5px !important;
    color: #fff !important;
    background-color: #25AAE1;
    border-color: #25AAE1;
    box-shadow: 0 0.125rem 0.25rem 0 rgba(37, 170, 225, 0.4);
    /*padding: 8px 22px !important;*/
}

.header-inputs .col-sm-2 {
    padding-left: 5px;
    padding-right: 5px;
    width:13% ;
}

.header-inputs .form-control {
    width: 100%;
}
.main-dashboard .ibox-content {
    border: unset !important;
}

.main-dashboard .ibox-content .alert-danger {
    margin-top: 20px;
}

.main-dashboard .alert.alert-danger {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-dashboard button.close {
    background-color: transparent !important;
    border: none;
    color: #1f2b34;
    font-size: 20px;
}

.vertical-tab.custome-tab ul {
    display: flex !important;
    align-items: center;
}

.vertical-tab.custome-tab {
    width: 100% !important;
}

.vertical-tab.custome-tab .vt-content {
    width: 100%;
    background: transparent;
    margin-top: 20px;
}

.vertical-tab.custome-tab li a {
    color: #070B21;
    background: transparent;
    width: max-content;
    border: none !important;
}

.vertical-tab.custome-tab li a.active {
    border-bottom: 4px solid #25AAE1 !important;
    background: transparent !important;
}

.vertical-tab.custome-tab a {
    color: #070B21;
}

.vertical-tab.custome-tab .media-object {
    margin-right: 18px !important;
}

@media (min-width: 1200px) {
    .tickets-header .col-xl-2 {
        width: 13%;
    }
    .tickets-header .col-xl-3 {
        width: 16%;
    }
}

.pretty.switch-change input:checked~.state.p-success label:after,
.switch-change .pretty.p-toggle .state.p-success label:after {
    background-color: #25AAE1 !important;
}

@media (max-width:767px) {
    .header-inputs .select-option {
        display: unset;
    }
    .header-inputs .select-option h4 {
        margin-bottom: 10px !important;
    }
    .header-inputs .select-option h4 {
        font-size: 22px;
    }
}

/*Styles from the FE items*/

#subscriptionPackagesFrm p,
#subscriptionPackagesFrm h1,
#subscriptionPackagesFrm h2,
#subscriptionPackagesFrm h3,
#subscriptionPackagesFrm h4,
#subscriptionPackagesFrm button,
#subscriptionPackagesFrm li,
#subscriptionPackagesFrm label,
#subscriptionPackagesFrm span {
    font-family: "Poppins", sans-serif;
}
#subscriptionPackagesFrm .wrapper {
    max-width: 1173px;
    margin: auto;
}

#subscriptionPackagesFrm .wrapper .title {
    display: flex;
    justify-content: space-between;
}

#subscriptionPackagesFrm .hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: .25;
}
#subscriptionPackagesFrm .initial-package .step-buttons {
    justify-content: end;
}

:root {
    --primary: #185fb7;
    --secondary: #404040;
    --white: #ffffff;
    --black: #000000;
    --black70: rgba(0, 0, 0, 0.7);
    --white70: rgba(255, 255, 255, 0.7);
    --blue10: rgba(153, 203, 236, 0.1);
    --transation: 0.3s all ease;
    --bgGradient: linear-gradient(82.93deg, #185fb7 0%, #3daae4 100%);
    --cardBoxshadow: 0px 8px 40px 0px rgba(48, 189, 243, 0.23);
    --primerydark: rgba(8, 33, 47, 1);
}


button {
    background-color: transparent;
    border: unset;
    padding: 0;
}

.site-btn {
    background-color: var(--primary);
    text-align: center;
    font-size: 16px;
    border-radius: 37px;
    cursor: pointer;
    font-weight: 500;
    position: relative;
    z-index: 1;
    border: 1px solid var(--primary);
    color: var(--white);
    overflow: hidden;
    transition: 0.2s all ease;
    padding: 13px 10px;
    display: inline-block;
    min-width: 175px;
}

.site-btn::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--white);
    z-index: -1;
    transition: 0.3s all ease;
    width: 0;
    height: 100%;
    border-radius: 50px;
    transform-origin: right;
    transform: scaleX(0);
    width: 100%;
    transition: transform 0.3s ease-in-out;
}

.site-btn:hover {
    color: var(--primary);
}

.site-btn:hover::before {
    transform-origin: left;
    transform: scaleX(1);
}


.bttn {
    padding: 13px 33px;
    margin: 15px 0 10px;
    color: #fff;
    font-size: 15px;
    display: inline-block;
    border-radius: 100px;
    font-weight: 500;
}

.site-btn.secondary-btn {
    min-width: 380px;
}

.site-btn.secondary-btn:hover {
    border: 1px solid var(--primary);
}

.site-btn.outline-btn {
    min-width: 380px;
    background: transparent;
    border: 1px solid var(--primary);
    color: var(--primary);
}

.site-btn.outline-btn:hover {
    color: var(--white);
}

.site-btn.outline-btn::before {
    background-color: var(--primary);
}

.bttn-orange {
    background-color: #ee9155;
}

.bttn-orange:hover {
    background-color: #30bdf3;
    color: #fff;
}

.bttn-blue {
    background-color: #2fb7ef;
}

.bttn-blue:hover {
    background-color: #ee9155;
    color: #fff;
}

.bttn-green {
    background-color: #01b9ad;
}

.bttn-green:hover {
    background-color: #ee9155;
    color: #fff;
}

a.btn.btn-orange {
    background: #ee9155;
}

a.btn.btn-orange:hover {
    background: #2fb7ef !important;
}



/* order domaon page  */

.order-domain {
    padding: 170px 0 90px;
}

.order-domain.bg-blue-2::before {
    height: 55%;
}

.order-domain .wrapper {
    box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.08);
    border-radius: 25px;
    padding: 40px;
    background-color: var(--white);
}

.order-domain .wrapper h3 {
    color: var(--black);
    font-size: 20px;
    font-weight: 600;
    margin: 30px 0 13px;
}

.order-domain .input-form {
    margin-top: 16px;
}

.order-domain .input-form label {
    margin-bottom: 2px;
    color: var(--black);
    font-size: 18px;
}

.order-domain .input-form input,
.order-domain .input-form select {
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 100px;
    padding: 12px 15px;
}

.order-domain .input-form input::placeholder,
.order-domain .input-form select {
    color: rgba(0, 0, 0, 0.4);
    font-size: 18px;
}

.order-summary {
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    border-radius: 12px;
}

.order-summary .buttons {
    display: flex;
    gap: 10px;
}

.order-summary .site-btn {
    min-width: unset;
    width: 100%;
}

.order-summary .btn-2 {
    background-color: transparent;
    border: 1px solid var(--primary);
    color: var(--primary);
}

.order-summary .btn-2:hover {
    color: var(--white);
}

.order-domain .order-summary>h3 {
    margin: unset;
    margin-bottom: 20px;
}

.order-summary select {
    margin: 16px 0;
    background-image: url(../images/chavron-down.svg);
    color: #000000;
    background-size: 13px 13px;
}

.order-summary .domain-holder,
.order-summary select {
    background-color: var(--white);
    padding: 12px 10px;
    border-radius: 6px;
}

.order-summary .domain-holder p {
    color: var(--black);
}

.order-summary .domain-holder span {
    font-weight: 500;
}

.order-summary hr {
    border: 1px solid var(--black);
    opacity: 0.35;
    margin: 20px 0 16px;
}

.totle-usd {
    display: flex;
    justify-content: space-between;
}

.totle-usd span:first-child {
    color: #000000;
    font-weight: 500;
}

.totle-usd span:last-child {
    color: var(--primary);
    font-weight: 600;
    font-size: 18px;
}

.order-summary h5 {
    font-size: 14px;
    margin: 14px 0 8px;
}

.order-summary>p {
    color: var(--black70);
    font-size: 12px;
}

.process-order {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 58%;
    margin-top: 30px;
}

.process-order :where(a,
button) {
    flex-basis: 50%;
}

.process-order a {
    color: var(--primary);
}

/* New-pages */
.order-domain.initial-package {
    padding-bottom: 120px;
}
.bg-blue-2.initial-package::before {
    height: 68% !important;
}
.package-card{
    box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.1) !important;
    background: var(--white);
    border-radius: 13px;
    padding: 25px 25px;
}
.package-card .card-title h3{
    margin-top: 0;
}
.initial-package .title h1{
    color: #092433;
    font-size: 50px;
    font-weight: 800;
    letter-spacing: 1px;
}
.package-card li{
    list-style: none;
    margin-bottom: 16px;
}
.package-card li:last-of-type{
    margin-bottom: 0;
}
.package-card li img{
    max-width: 20px;
    margin-right: 5px;
}
.profit-potential span{
    color: var(--primary);
    font-size: 24px;
    font-weight: 700;
}
.profit-potential h4{
    font-size: 18px;
    font-weight: 700;
    color: #092433;
    margin-bottom: 0;
}
.package-card .amount{
    margin-top: 40px;
}
.package-card .amount span{
    font-size: 40px;
    color: var(--primary);
    font-weight: 700;
}
.check-card{
    width: 100%;
}
.check-card .btn {
    display: inline-block;
    color: #212529;
}
.check-card label{
    width: 100%;
    text-align: left;
    padding: 0;
}
.check-card .btn-check:checked+.btn {
    border: 2px solid;
    border-color: #3daae4;
    border-radius: 13px;
}

.check-card .btn-check+.btn:hover {
    color: #212529;
    background-color: initial;
    border-color: #3daae4;
}
.domain-package-card{
    margin: 50px 0 70px;
}
.step-buttons{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.step-buttons .site-btn{
    min-width: 195px !important;
}
.outline-btn{
    background-color: transparent !important;
    border: 2px solid var(--primary);
    color: var(--primary);
}
.outline-btn:hover{
    color: var(--white);
}
.outline-btn::before {
    background: var(--primary);
}

/* Card-details */
.bg-blue-2.card-details::before {
    height: 59%;
}
.order-domain.card-details {
    padding-bottom: 200px;
}
.card-details .wrapper{
    max-width: 900px;
}
.card-details h1{
    color: #092433;
    font-size: 50px;
    font-weight: 800;
    letter-spacing: 1px;
}
.card-input{
    margin-top: 40px;
}
.card-input .form-control{
    border: 1px solid #D9D9D9;
    color: #A4A4A4;
    padding: 16px 14px;
    border-radius: 10px;
}
.card-input input::placeholder{
    color: #A4A4A4;
}
/*.card-input input:focus{*/
/*    box-shadow: none;*/
/*}*/
.card-details .card-title h3{
    color: #092433;
    margin-bottom: 20px;
}
.card-details .amount {
    margin-top: 0;
    margin-bottom: 10px;
}
.card-details .package-card li {
    margin-bottom: 20px;
}
.card-details .package-card{
    background: #F1F5FB;
    box-shadow: none;
}
.package-card{
    height: 100%;
}
.package-card ul {
    padding: 0;
    color: #212529;
}
.step-buttons p{
    max-width: 267px;
    color: #4D4D4D;
}
.step-buttons p span{
    font-weight: 600;
    color: var(--primary)
    
}
/* Detail-point */
.detail-point .wrapper{
    max-width: 960px;
}
.detail-point h1{
    color: #092433;
}
.all-point{
    margin: 50px 0 70px;
}

.all-point label{
    color: #4D4D4D;
    font-size: 18px;
    font-weight: 400;
    margin-left: 12px;
}
/*.all-point .form-check-input:focus{*/
/*    box-shadow: none;*/
/*}*/
.all-point .form-check-input:checked{
    border-color: #185FB7;
}
.all-point .form-check-input{
    border-color: #185FB7;
    width: 20px;
    height: 20px;
}
.all-point .form-check-input:checked {
    background-color: #185FB7 !important;
}

.all-point .form-check{
    margin-bottom: 30px;
}

.all-point .form-check input, .all-point .form-check label{
    cursor: pointer;
}
.all-point .form-check:last-of-type{
    margin-bottom: 0;
}
.deal-checkout[disabled]{
    background-color: #9D9D9D;
    border-color: #9D9D9D;
    pointer-events: none;
}
.deal-checkout:hover{
    color: var(--white);
}
.deal-checkout::before{
    width: 0;
    transform: unset;
    border-radius: 0;
    background: var(--primary);
}

@media (max-width:991px) {
    .order-domain.initial-package {
        padding-bottom: 70px;
    }
    .card-details .step-buttons .site-btn {
        min-width: 155px;
    }
    .all-point label {
        font-size: 16px;
    }
    .order-domain.card-details {
        padding-bottom: 100px;
    }
}
@media (max-width:767px) {
    .package-card{
        padding: 16px 16px;
    }
    .order-domain .wrapper h3{
        font-size: 18px;
    }
    .profit-potential h4 {
        font-size: 16px;
    }
    .profit-potential span{
        font-size: 20px;
    }
    .package-card li{
        font-size: 14px;
    }
    .package-card li img {
        max-width: 15px;
    }
    .package-card .amount {
        margin-top: 30px;
    }
    .package-card .amount span{
        font-size: 30px;
    }
    .step-buttons{
        display: unset;
    }
    .step-buttons a{
        width: 100%;
        margin-bottom: 10px;
    }
    .step-buttons p{
        font-size: 14px;
        text-align: center;
        margin:0 auto 20px;
    }
    .domain-package-card {
        margin: 30px 0 40px;
    }
    .all-point {
        margin: 40px 0 50px;
    }
    .card-input .form-control{
        padding: 12px 12px;
    }
    .card-details .amount {
        margin-top: 0;
    }
    .initial-package .title h1{
        font-size: 26px;
    }
}


.site-btn.certificate-btn{
    background: #FFA500;
    border-color: #FFA500;
    min-width: 240px;
    margin-right: 15px;
}
.certificate-btn:hover{
    border-color: #fff;
    color: #fff;
}
.footer-btn{
    position: relative;
}
.certificate-btn {
    overflow: visible;
}
.certificate-btn::before{
    content: none;
}
.certificate-btn img {
    position: absolute;
    z-index: 1;
    right: 90%;
    top: -30%;
    width: 48%;
}
.footer-button{
    display: flex;
    align-items: center;
}

.modal-body h3{
    font-size: 18px;
    font-weight: 600;
    color: var(--black);
    text-align: center;
}
.modal-header{
    border-bottom: none;
}
.modal-footer{
    border-top: none;
    justify-content: center !important;
}
.validate-btn{
    background-color: #279CDE;
    border-color: #279CDE;
    width: 100%;
}
.valid-pin{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}
.valid-pin .form-control{
    border: 1px solid #CED3D5;
    font-size: 16px;
    border-radius: 5px;
    width: 49px;
    height: 49px;
}
.popup-wrapper{
    max-width: 320px;
    margin: auto;
}
@media (max-width:991px) {
    .footer-button{
        display: unset;
    }
    .site-btn.certificate-btn {
        margin: 0 0 40px;
    }
}

@media (max-width:767px) {
    .certificate-btn img {
        position: absolute;
        z-index: 1;
        right: 87%;
        top: -12%;
        width: 33%;
    }
    
    #subscriptionPackagesFrm .wrapper .title {
        flex-direction: column;
    }
}

#subscriptionPackagesFrm .order-domain, #subscriptionPackagesFrm .order-domain .container {
    padding: 0;
}

#subscriptionPackagesFrm h3 {
    text-align: initial;
}