@charset "utf-8" ;

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('../fonts/theme-icon/fonts.css');
body {font-family: 'Poppins', sans-serif;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Poppins', sans-serif;}
.swal2-popup{
    font-size: 15px;
}
.text-green{color: #0FB860 !important;}
.text-red{color: #BF0000 !important;}

a{color:#5f63f2;}
a:hover, a:active, a:focus{color: #d25f64;}
.main-sidebar{
    position: fixed;
}
.btn:focus {
    outline: none !important;
}

.border-all{border:1px solid #d2d6de;}
.border-t3{border-top-width: 3px !important;}
.skin-blue-light .main-header .navbar .sidebar-toggle,
.skin-blue-light .main-header .navbar .nav>li>a{color:#16163f;}
.content-wrapper{background-color: #F6F7F7;}
.skin-blue-light .main-header .logo,
.skin-blue-light .main-header .navbar{background-color:#fff;box-shadow:0px 0px 30px 0px rgba(0,0,0,0.05);}
.user-panel>.info>p{margin-bottom: 0px;}
.user-panel>.info{margin-top: 10px;}
.dropdown-menu{box-shadow:0 6px 12px rgba(0,0,0,.175);}
.nav-tabs-custom>.nav-tabs>li.active,
.box.box-primary{border-top-color:#191818; }
.main-header .navbar .nav>li>a.coin-animation:focus,
.main-header .navbar .nav>li>a.coin-animation:active,
.main-header .navbar .nav>li>a.coin-animation:hover{background-color: transparent;color: #f54400;}
.main-header .navbar .nav>li>a.coin-animation{font-size: 16px;/*padding: 3px 16px;*/font-weight: 600;color: #f54400;}

.navbar-custom-menu>.navbar-nav>li.nav-circle-icon{}
.navbar-custom-menu>.navbar-nav>li.nav-circle-icon>a{box-shadow: rgb(0 0 0 / 6%) 0px 1px 6px 0px, rgb(0 0 0 / 16%) 0px 2px 32px 0px;width: 42px;height: 42px;background-color: #fff !important;border-radius: 100%;color:#2F6FF5 !important;margin-top: 4px;padding: 0;display: flex;align-items: center;justify-content: center;font-size: 22px;right: 10px}

/*.main-header .navbar .nav>li>a.coin-animation img{height:44px;width: 50px;}*/

.sidebar .user-panel .image{height:45px;width:45px;border-radius: 100%;}
.sidebar .user-panel .image img{max-width: 100%;height: 100%;width: 100%;object-fit: cover;object-position: center;}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color:#047bf8;border-color: #047bf8; }
.skin-blue-light .wrapper, .skin-blue-light .main-sidebar, .skin-blue-light .left-side{background-color:#047bf8;}
.skin-blue-light .user-panel>.info, .skin-blue-light .user-panel>.info>a,.skin-blue-light .sidebar a{color:#fff;}
.sidebar-menu>li{outline: none;}

.nav-offer{display: flex;align-items: center;justify-content: center;height: 50px;float: left;margin: 0 auto;width: calc(100% - 314px);}
.nav-offer p{margin: 0px;background-color: #3F87F5;color: #fff;padding: 8px 16px;border-radius: 4px;position: relative;overflow: hidden;}
.nav-offer p b{font-weight: 600;letter-spacing: 0.4px;font-size: 16px;}
.nav-offer p:after {animation: slide 1.4s infinite 3s;}
.nav-offer:after,
.nav-offer p:after {content:'';top:0;transform:translateX(100%);width:100%;height:140px;position: absolute;z-index:1;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
}

@keyframes slide {
    0% {transform:translateX(-100%);}
    100% {transform:translateX(100%);}
}

.pbn { padding-bottom:0 !important; } 
.prn { padding-right:0 !important; } 
.pln { padding-left:0 !important; } 
.ptn { padding-top:0 !important; } 
.mtn { margin-top:0 !important;}
.mbn { margin-bottom:0 !important;}
.mrn { margin-right:0 !important;}

.pn{padding: 0 !important;}
.mn{margin: 0 !important;}

.mt5 { margin-top:5px !important;}
.mt15 { margin-top:15px !important;}
.mt10 { margin-top:10px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mb50 { margin-bottom:50px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb15 { margin-bottom:15px !important;}
.mb10 { margin-bottom:10px !important;}
.mb5 { margin-bottom:5px !important;}
.ml15 { margin-left:15px !important;}
.mr15 { margin-right:15px !important;}

.mauto{margin: 0 auto !important;}
.fw500{font-weight: 500 !important;}
.btn-theme{background-color: #3f87f5;color: #fff;padding: 6px 16px;box-shadow: 0 3px 6px rgba(0,0,0,0.15);transition: all 0.2s ease-in-out;font-weight: 500 !important;font-size: 12px}
.btn-theme:hover,.btn-theme:focus{color: #fff;background-color: #2F6FF5;}

.change-btn{padding: 4px 8px;color: #3f87f5;float: right;margin-top: -4px;border: 1px solid #3f87f5;border-radius: 4px;line-height: 18px;}
.change-btn:hover,.change-btn:focus{color: #3f87f5;}
/*===== Start  : fancy control =====*/
.fancy_control{position: relative;}
.fancy_control .form-group:not(.no-fancy):not(.custom-checkbox){position: relative;}
.fancy_control .form-group:not(.no-fancy):not(.custom-checkbox) .form-control{box-shadow: none;height:auto;padding:10px; font-size: 13px;border-radius: 4px;}
.fancy_control .form-group[data-extra-lg]:not(.no-fancy):not(.custom-checkbox){position: relative;padding-right:100px;}
.fancy_control .form-group[data-extra]:not(.no-fancy):not(.custom-checkbox){position: relative;padding-right:50px;}
.fancy_control .form-group[data-extra-lg]:not(.no-fancy):not(.custom-checkbox) .form-control,
.fancy_control .form-group[data-extra]:not(.no-fancy):not(.custom-checkbox) .form-control{border-radius: 4px 0 0 4px;}
.fancy_control .form-group[data-extra-lg]:not(.no-fancy):not(.custom-checkbox):before,
.fancy_control .form-group[data-extra]:not(.no-fancy):not(.custom-checkbox):before{content: attr(data-extra);position: absolute;right: 0;border: 1px solid #d2d6de;height: 48px;width: 50px;border-left: none;border-radius: 0 4px 4px 0;top: 0;text-align: center;line-height: 43px;font-size: 16px;color: #636F73;}
.fancy_control .form-group[data-extra-lg]:not(.no-fancy):not(.custom-checkbox):before{width:100px;content: attr(data-extra-lg);}
.fancy_control .form-group:not(.no-fancy):not(.custom-checkbox) .form-control:focus{border-color: #BF0000;}
.fancy_control .form-group:not(.no-fancy):not(.custom-checkbox) .form-control:focus + label:not(.error){color: #BF0000;}
.fancy_control .form-group:not(.no-fancy):not(.custom-checkbox) label:not(.error){margin:0;font-size: 13px;display: inline-block;padding: 4px 10px 0;font-weight:500;pointer-events: none;background-color: #fff;position: absolute;top:-11px;left: 12px;color: #666;}
/*===== End  : fancy control =====*/

/*===== Start : Color picker =====*/
.custom-picker{display: flex;align-items: center;position: relative;}
.custom-picker .minicolors{width: 100%;}
.custom-picker .form-control{border-radius:4px;}
/*===== End : Color picker =====*/

/*=== Error Start ===*/
.mandatory{
    color: #ea4031;
}
.form-group{position: relative;}
.error.error_preview:empty { display: none !important; }
.error.error_preview { position: absolute; background: #ea4031; font-weight: normal; z-index: 2; left:  inherit; right:0; bottom:32px; min-width: 250px; padding: 2px 8px; color: #fff !important; text-align: center; text-decoration: none; border: 1px solid #ea4031; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; min-width: 45px; word-wrap: break-word; font-size: 12px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; width: auto !important; font-weight: normal; box-shadow:0 1px 2px rgba(0, 0, 0, 0.4);max-width: 240px;}
.error.error_preview:after { border-bottom: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #ea4031; content: ""; left: 30px; z-index: 1; position: absolute; bottom: -6px; }
.form-group textarea + .error.error_preview{bottom: inherit;top:-4px;}
/*=== Error End ===*/


.ajax_loader { background: rgba(255, 255, 255, 0.8) url("../images/loader.gif") no-repeat scroll center center; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 9999999 ; }
.ajax_loader.fixed { position: fixed; }

.box-upgrad{border:1px solid #8d6c9f;background-color:#fefdff;border-radius: 8px;}
.box-upgrad .box-body{padding: 20px;}
.box-upgrad .box-body .bu_content{display: flex;align-items: center;justify-content: space-between;}
.box-upgrad .box-body img{max-width:54px;margin-right:16px;display: none;}
.box-upgrad .box-body .bu_content h4{margin:0px;color: #7190a0;font-size: 15px;}
.box-upgrad .box-body .bu_content span{display: block;font-weight: 600;color: #4c6c80; font-size: 16px;margin-top: 4px;}
.box-upgrad .box-body .bu_content .btn-txt{color:#5a430e;box-shadow: none;}
.box-upgrad .box-body .bu_content .btn-warning{background-color: #9171a1;border-color: #9171a1;}

.skin-blue-light .content-header{background-color:#f9fafc;box-shadow: 0 1px 10px rgba(140, 152, 164, 0.125);padding-bottom: 15px;}

.fieldset-wrap{border: 1px solid #ddd;padding: 15px;border-radius: 4px;margin-bottom: 0;position: relative;margin-top: 10px;}
.fieldset-wrap .fieldset-title{font-size: 18px;font-weight: 600;position: absolute;top: -9px;background-color: #fff;left: 28px;line-height: 18px;padding: 0 10px;}

.plans-row{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;max-width:1220px;margin:50px auto 20px;}
.plans-row .col-sm-4{-ms-flex: 0 0 33.33333%;flex: 0 0 33.33333%;max-width: 33.33333%;margin-bottom: 16px;}
.plansection{position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border: 1px solid #EDF2F9;border-radius: 4px;height: 100%;padding:24px 24px 70px 24px;}
.plansection .plansection-head{border-bottom: 1px solid #e7eaf3;margin-bottom: 20px;border-bottom: 1px solid #EDF2F9;display: flex;align-items: center;}
.plansection .plansection-head img{max-width: 62px;margin-right:20px;}
.plansection .plansection-head .plansection-content{flex: 1;max-width: 100%;text-align: left;}
.plansection .plansection_title{margin: 0;color: #2A2A2A;font-size: 18px;font-weight: 600;}
.plansection .plansection_price{margin:0 0 4px 0;}
.plansection .plansection_price b{color: #2A2A2A;font-size: 30px;font-weight: 700;line-height: 36px;}
.plansection .plansection_price span{font-weight: 700;line-height: 36px;font-size: 12px;display: inline-block;margin-left: 6px;vertical-align: middle;position: relative;top:-4px;}
.plansection .plansection-body{font-weight: 500;-ms-flex: 1 1 auto;flex: 1 1 auto;min-height: 1px;padding:0px;margin-bottom: 20px;}
.plansection ul{margin:0px;padding: 0px;}
.plansection ul li{display: block;text-align:left;margin-top:10px;color:#3a3a3a;font-size: 15px;line-height:1.85714285714286;position: relative;padding-right: 22px;padding-bottom: 10px;}
.plansection ul li:before{content: "\f00c";font-family: "FontAwesome";position: absolute;right: 0;top: 0;color:#00C9A7;font-size: 16px;}
.plans-row .plansection-form{position: relative;}
.plans-row .plansection-form .razorpay-payment-button{margin: 0;padding: 12px 24px;line-height:14px;font-size: 14px;user-select: none;vertical-align: middle;text-align: center;font-weight: 500;width: calc(100% - 48px);border:1px solid #3F87F5;background-color:#3F87F5;color:#FFFFFF;transition:all 0.2s ease-in-out;border-radius: 5px;outline: none;position: absolute;bottom: 24px;z-index: 4;left: 24px;right: 24px;}
.plans-row .plansection-form .razorpay-payment-button:focus,
.plans-row .plansection-form .razorpay-payment-button:hover{background-color: #5796F6;border-color: #5796F6;transform: scale(1.1);}

.plans-wrapper{margin-top: 20px;}
.plans-wrapper .plans-wrap-title{color: #091e42;font-size:36px;font-weight: 600;margin:0 0 64px 0;text-align: center;}

.plans-wrapper .plans-switch-flex{display: flex;align-items: center;justify-content: center;position: relative;}
.plans-wrapper .plans-switch-flex .switch-itmes{flex:0 0 75px;max-width:75px;position: relative;}
.plans-wrapper .plans-switch-flex .switch-itmes.toggle-switch{flex:0 0 60px;max-width: 60px;}
.plans-wrapper .plans-switch-flex .switch-itmes p{margin: 0px;color:#5c6975;text-align: center;font-size: 16px;}
.plans-wrapper .plans-switch-flex .switch-itmes .badge{position: absolute;top: -34px;left:44px;padding: 8px 16px;color: #fff;background-color: #377dff;border-radius: 25px;white-space: nowrap;font-weight:500;letter-spacing: 0.5px;}
.plans-wrapper .plans-switch-flex .switch-itmes .badge:before{content: "";background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 99.3 57' width='48'%3E%3Cpath fill='none' stroke='%23bdc5d1' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M2,39.5l7.7,14.8c0.4,0.7,1.3,0.9,2,0.4L27.9,42'%3E%3C/path%3E%3Cpath fill='none' stroke='%23bdc5d1' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M11,54.3c0,0,10.3-65.2,86.3-50'%3E%3C/path%3E%3C/svg%3E");position: absolute;left: -24px;width: 48px;height: 27.55px;top: -8px;}
.plans-wrapper .toggle-switch{position: relative;overflow: hidden;}
.plans-wrapper .toggle-switch input{position: absolute;height:0px;width:0px;margin:0px;opacity: 0;}
.plans-wrapper .toggle-switch label{display: block;margin:0px auto;position: relative; width: 48px;height:32px;border-radius: 25px;background-color:#3F87F5;cursor: pointer;transition: all 0.2s ease-in-out;}
.plans-wrapper .toggle-switch label:before{content: "";height:24px;width: 24px;border-radius: 100%;background-color: #fff;box-shadow: 0px 3px 6px 0px rgba(140, 152, 164, 0.25);position: absolute;right:4px;top:4px;transition: all 0.2s ease-in-out;}
.plans-wrapper .toggle-switch input:checked + label:before{right:20px;}
.plans-wrapper .toggle-switch input:checked + label{background-color: #e7eaf3;}

.form-highlight .plansection{background-color:#3F87F5;border-color: rgba(231,234,243,0.2);box-shadow: 0px 0px 40px rgba(55, 125, 255, 0.15);}
.form-highlight .plansection .plansection-head .plansection_title,
.form-highlight .plansection .plansection_price b,
.form-highlight .plansection ul li,
.form-highlight .plansection ul li:before,
.form-highlight .plansection .plansection-head .plansection_price span{color:#fff;}
.plans-row .plansection-form.form-highlight .razorpay-payment-button{background-color:#f7faff;border-color: #f7faff;color: #3F87F5;}
.plans-row .plansection-form.form-highlight .razorpay-payment-button:focus,
.plans-row .plansection-form.form-highlight .razorpay-payment-button:hover{color: #377dff;box-shadow: 0 4px 11px rgba(247, 250, 255, 0.35);}

.plans-row .plansection-filp{position: relative;}
.plans-row .plansection-filp.active .plansection-form-year{transform:rotateY(180deg);z-index:0;}
.plans-row .plansection-filp.active .plansection-form-month{transform:rotateY(0deg);}
.plans-row .plansection-form-year{transform: rotateY(0deg);z-index: 2;backface-visibility: hidden;transform-style: preserve-3d;transition: 0.6s;}
.plans-row .plansection-form-month{transform:rotateY(180deg);position: absolute;left:15px;right:15px; top:0px; z-index: 1;backface-visibility: hidden;transform-style: preserve-3d;transition: 0.6s;}

@media screen and (max-width:1024px){
    .plans-wrapper .plans-row .col-sm-4{padding:0px;max-width: 32%;flex:0 0 32%;}
    .plans-wrapper .plans-row{justify-content: space-between;margin-top: 30px;}
    .plans-wrapper .plans-row .plansection-form-month{left:0px;right:0px;}
    .plans-wrapper .plans-wrap-title{font-size: 28px;}
}
@media screen and (min-width: 901px) and (max-width:1024px){
    .plans-wrapper .plans-row .plansection{padding: 16px 12px 64px 12px;}
    .plans-wrapper .plans-row .plansection ul li{font-size: 14px;}
}
@media screen and (max-width:900px){
    .plans-wrapper .plans-row .col-sm-4{flex:0 0 100%;max-width: 100%;}
    .plans-wrapper .plans-row .col-sm-4.plansection-filp{order: 1;}
    .plans-wrapper .plans-row .col-sm-4:first-child{order: 3;}
    .plans-wrapper .plans-row .col-sm-4:last-child{order: 2;}
    .plans-wrapper .plans-row .plansection,
    .plans-wrapper .plans-row .plansection-form{max-width: 400px;margin: 0 auto;}
}
@media screen and (max-width:767px){
    .skin-blue-light .main-header .navbar{background-color: transparent;}
    .skin-blue-light .main-header .logo, .skin-blue-light .main-header .navbar{box-shadow: none;}
}

.alert-box{display: flex;align-items: center;justify-content: center;margin-top: 50px;}
.alert-box .box-success h3{color: #1bad6b;}
.alert-box .box-failed h3{color: #b93439;}
.alert-box .box-error h3{color: #b93439;}
.alert-box .box-body{background-color: #fff;padding:30px 25px;border-radius: 4px;box-shadow:0px 12px 15px rgba(140, 152, 164, 0.1);width: 500px;}
.alert-box .box-body img{margin: 0 auto;display: block;height: 100px;width: 100px;}
.alert-box .box-body h3{text-align: center;margin: 20px 0 30px 0;}
.alert-box .box-body p{font-size: 16px;color:#72849A;margin:15px 0;text-align: center;}
.alert-box .box-body h4{font-size: 18px;color:#5f6f82;font-weight: 500;text-align: center;}
.alert-box .box-body .box-button{text-align: center;margin-top: 25px;}
.alert-box .box-body .box-button .btn{font-size: 18px;padding: 6px 30px;}


.auth-wapper{height:100%;position: relative;}
.auth-wapper-row{display: flex;flex-wrap: wrap;min-height: 100vh;height:100%;}
.auth-wapper-row .auth-wapper-intro{flex:0 0 34%;max-width: 34%;background-repeat: no-repeat;background-size: cover;background-position: center center;display: flex;align-items:center;justify-content: flex-start;}
.auth-wapper-row .auth-wapper-intro .intro-content{box-sizing: border-box;padding: 30px 40px;color: #fff;flex: 0 0 100%;max-width: 100%;}
.auth-wapper-intro .intro-content h3{font-size: 60px;margin:0 0 20px 0;font-weight: 500;color:#fff;}
.auth-wapper-intro .intro-content p{color:#fff;opacity: 0.85;font-size: 15px;width: 80%;line-height: 2;margin:0px;}
.auth-wapper-intro .intro-content p span{display: block;margin-top:10px;}
.auth-wapper-intro .intro-content p:last-child{margin-top: auto;}

.auth-wapper-row .auth-wapper-body{flex:0 0 66%;max-width: 66%;display: flex;align-items: center;justify-content: center;}
.auth-wapper-body .auth-input-box{min-width: 480px;}
.auth-wapper-body .auth-input-box .auth-brand{margin-bottom: 40px;}
.auth-wapper-body .auth-input-box .auth-brand img{max-width: 150px;display: block;margin: 0 auto;margin-top: 50px;}
.auth-wapper-body .auth-input-box h4{color:#2a2a2a;line-height:24px;font-weight: 500;font-size: 24px;margin:0 0 8px 0;}
.auth-wapper-body .auth-input-box .auth-box-msg{color:#72849a;line-height:14px;font-size:14px;margin:0 0 30px 0;}
.auth-wapper-body .auth-input-box .form-group label{font-weight: 500;}
.auth-wapper-body .auth-input-box .form-group .form-control{height:40px;border-radius: 4px;}
.auth-wapper-body .auth-input-box .form-group .form-control:focus{border-color:#3F87F5;}


.user-review-wrap{margin-top: 15px}
.user-review-wrap .gallery-thumbnail{margin: 0;padding: 0;list-style: none;display: flex;align-items: center;}
.user-review-wrap .gallery-thumbnail li{height: 44px;width: 44px;border-radius: 100%;overflow: hidden;position: relative;cursor: pointer;border: 2px white solid;margin-left: -10px;}
.user-review-wrap .gallery-thumbnail li img{height: 100%;width: 100%;display: block;object-fit: cover;}
.auth-wapper-intro .intro-content .user-review-wrap p{max-width: 70%;line-height: 1.4;margin-top: 8px}

.theme-flex .nav-tabs.btn_tabs{justify-content: space-around;}
.theme-flex .nav-tabs.btn_tabs li{}
.theme-flex .nav-tabs.btn_tabs li a{padding: 3px 14px;}
.theme-flex .nav-tabs.btn_tabs li a:active,
.theme-flex .nav-tabs.btn_tabs li a:focus,
.theme-flex .nav-tabs.btn_tabs li a:hover,
.theme-flex .nav-tabs.btn_tabs li a.active{background-color: #fff;color:#2F6FF5 !important;box-shadow: 0px 0px 0px 2px inset #3f87f5 !important;}
.theme-flex .tab-content.button_tab_wrap{padding:15px 0;}

.foot-auth-links{margin:25px 0 20px;text-align: center;color:#3a3a3a;}
.foot-auth-links a{font-size: 15px;color:#3F87F5;position: relative;font-weight:500;}
.foot-auth-links a:hover{text-decoration: underline;}
.foot-auth-links a:nth-child(2):before{content: "";height: 4px;width: 4px;background-color: #999;display: inline-block;vertical-align: middle;border-radius: 100%;margin: 0 12px 0 10px;}
.foot-auth-links p{color:#6c757d;margin:20px 0 0 0;}

.auth-wapper-body .auth-button{margin-top:30px;}
.auth-button .btn-theme:active:focus,
.auth-button .btn-theme{background-color:#3F87F5;box-shadow:0 4px 8px rgba(0,0,0,.3);border:none;border-radius:4px;font-size: 14px;font-weight: 600 !important;outline: none;padding: 8px 20px;transition: all 0.2s ease-in-out;}
.auth-button .btn-theme:hover{box-shadow: 0 2px 4px rgba(0,0,0,.2);background-color: #1951f3;}

@media screen and (max-width: 992px){
    .auth-wapper-row .auth-wapper-intro{display: none;}
    .auth-wapper-row .auth-wapper-body{flex:0 0 100%;max-width: 100%;}
}
@media screen and (max-width:540px){
    .auth-wapper-row .auth-wapper-body .auth-input-box{width: calc(100% - 40px);min-width: auto;}
}

/*===== Start : Customer Details ======*/
.badge-danger{background-color: #5f63f2 !important;}

.btn-white{border:1px solid #B7BEC1;color:#262C2D;border-radius: 7px;background-color: #fff;}
.btn-white:focus{outline: none;}

.custom-checkbox{position: relative;}
/* .custom-switch input[type="checkbox"], */
.custom-checkbox input[type="checkbox"]{position: absolute;height: 0;width: 0;opacity: 0;margin:0;}
.custom-checkbox label{padding-left:30px;font-size:14px;position: relative;cursor: pointer;user-select: none;z-index: 1;display: block;min-height: 22px;color:#555; font-weight: 500;}
.custom-checkbox label:before{content: "";height: 16px;width: 16px;position: absolute;left: 0;border: 2px solid #6F7C94;border-radius: 4px;transition: all 0.2s ease-in-out;}
.custom-checkbox label:after{content: "";height: 0;width:0px;border-left: 3px solid #6F7C94;border-bottom: 3px solid #6F7C94;position: absolute;left:5px;transform: rotate(-45deg);top:5px;opacity: 0;transition: all 0.2s ease-in-out;}
.custom-checkbox input[type="checkbox"]:checked + label:after{
    height:6px;width:10px;opacity: 1;
    /* border-color: #fff;  */
    border: none;
    background: #fff; z-index: 2;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    background: none;
}
.custom-checkbox input[type="checkbox"]:checked + label:before{background-color:#3f87f5;border-color:#3f87f5;}
.custom-checkbox-group .custom-checkbox{margin-bottom:20px;}
.custom-checkbox-group .custom-checkbox label:before{top:0;}
.custom-checkbox-group .custom-checkbox label:after{top:5px;}
.custom-checkbox-group .custom-checkbox label{font-weight: 600;}
.custom-checkbox-group .custom-checkbox label span{display: block;font-weight: normal;}

.add-arrow-group.custom-checkbox{height: 34px;}
.add-arrow-group.custom-checkbox input[disabled] + label{opacity: 0.5;cursor: not-allowed;}



.custom-checkbox input[type="checkbox"] + label:before {
    content: '';
    opacity: 1;
}

.custom-checkbox input[type="checkbox"] + label:after {
    content: "";
    height: 0;
    width: 0px;
    border-left: 2px solid #6F7C94;
    border-bottom: 2px solid #6F7C94;
    position: absolute;
    left: 6px;
    transform: rotate(-45deg);
    top: 4px;
    opacity: 0;
    transition: all 0.2s ease-in-out;
    border-radius: 0px;
}
/* .custom-switch{position: relative;} */
/* .custom-switch label{ height: 20px;width: 44px;border-radius: 20px;border:1px solid #6F7C94;background-color: #E4E6EB;position: relative;transition: all 0.2s ease-in-out;margin-right: 40px;cursor: pointer;}
.custom-switch label:before{content: ""; height: 12px;width: 12px;border-radius: 100%;background-color: #6F7C94;position: absolute;top: 3px;left: 3px;transition: all 0.2s ease-in-out;}
.custom-switch label:after{content: "OFF";position: absolute;right: -30px;top: -2px;font-size: 14px;color: #636F73;}
.custom-switch input[type="checkbox"]:checked + label:after{content: "ON";}
.custom-switch input[type="checkbox"]:checked + label:before{left:27px;background-color: #fff;}
.custom-switch input[type="checkbox"]:checked + label{background-color: #00a65a;border-color: #008d4c;} */

.form_wrap{}
.form_wrap .form-control{border-radius: 4px;}
.form_wrap .form-control:focus{border-color: #BF0000;}


.table.table-wrap{border:1px solid rgba(112,112,122,0.15);}
.table.table-wrap th .custom-checkbox label{font-size:15px;font-weight: bold;}
.table.table-wrap thead th{background-color: #f5f5f5;color: #636F73;text-transform: capitalize;vertical-align: middle; font-size: 15px;border-bottom: 1px solid #e8e8e8}
.table.table-wrap tbody td{vertical-align: middle;}
.table.table-wrap thead th .custom-checkbox label{margin-bottom: 0;}
.table.table-wrap p{margin:4px 0;color:#636F73;font-size: 14px;line-height:16px;}
.table.table-wrap .badge_active{position: relative;padding-left: 14px;}
.table.table-wrap .badge_active:before{content: "";height: 8px;width: 8px;background-color: #6BDB72;border-radius: 100px;position: absolute;left: 0;top: calc(50% - 4px); }

table .ui-sortable-helper{background-color: #fff;box-shadow: 0 0 4px rgba(0,0,0,0.5);cursor: move}
table.cg-table-five tr.ui-sortable-helper td:first-child{display: table-cell;}
table.cg-table-five tr.ui-sortable-helper td:first-child:before{display: table-cell;vertical-align: middle;}
table.cg-table-five tr.ui-sortable-helper td:first-child .cg-tbl-img{display: table-cell;vertical-align: middle;}

.detail-box{background-color: #fff;border-radius: 4px;box-shadow: 0 2px 4px 0 rgba(163, 163, 163, 0.5);}
.detail-panel-box {box-shadow: 0 3px 6px rgba(0,0,0,0.16);background-color: #fff;border-radius: 8px;overflow: hidden;border-top:none;margin-bottom: 20px;}
.detail-panel-box .box-header{background-color:#FAFBFC;padding:12px 16px;}
.detail-panel-box .box-body{padding:16px;}
.detail-panel-box .box-header .box-title{font-size: 13px;font-weight: 500;line-height: 23px;letter-spacing: 0px;color: #333;}

.detail-panel-box .box-header .box-collapse{float: right;margin-top: -5px;margin-bottom: -5px;}
.detail-panel-box .box-header .box-collapse a{height: 28px;width: 28px;border-radius: 100%;background-color: #EAEFF3;color: #6d7488;display: flex;align-items: center;justify-content: center;font-size: 22px;font-weight: bold;transform: rotate(180deg);transition: all 0.2s ease-in-out;}
.detail-panel-box .box-header .box-collapse a[aria-expanded="false"]{transform: rotate(0deg);}

#collapse-other-setting .form-group{padding-right: 20px;}
#collapse-other-setting .form-group .custom-checkbox{position: absolute;right: 25px;bottom: 20px;}
#collapse-other-setting .form-group .custom-checkbox>label{pointer-events: visible;}

.theme-flex{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;position: relative;}
.theme-flex .col-3{flex:0 0 310px;max-width: 310px;padding-right: 15px;padding-left: 15px;box-sizing: border-box;}
.theme-flex .col-3 .panel-sticky{position: -webkit-sticky;position: sticky;top:10px;z-index: 99;}
.theme-flex .col-9{flex:0 0 calc(100% - 310px);max-width: calc(100% - 310px);padding-right: 5px;padding-left: 1px;box-sizing: border-box;}

.detail-box-semi-title{font-size: 16px;font-weight: 600;margin:20px 0 8px;color: #636F73;}
.detail-box-disable-txt{color:#A3ACAF;}

.panel-iframe{background-color: #fff;position: relative;border:none;box-shadow: none;}
.panel-iframe .panel-heading{background-color:#FAFBFC;}
.panel-iframe .panel-heading .panel-title{font-size: 16px; font-weight: 600;line-height: 19px;letter-spacing: 0.4px;color: #636F73;}

.use-item-list{margin:0px;padding:0px;list-style: none;display: flex;align-items: stretch;justify-content: flex-start;flex-wrap: wrap;position: relative;height: 100%;}
.use-item-list li{flex:0 0 50%;max-width: 50%;position: relative;padding-left: 64px;box-sizing: border-box;margin-bottom:16px;}
.use-item-list li i{height: 44px;width: 44px;position: absolute;background-color: #eaf2fe;color: #3f87f5;border-radius: 100%;display: flex;align-items: center;justify-content: center;font-size: 18px;font-weight: normal;left: 0;top: 0;}
.use-item-list li h4{margin: 4px 0 0 0;font-size: 22px;font-weight: 600}
.use-item-list li p{margin:0;font-size:13px;color:#9ea5ad;font-weight: 600}
.use-item-list li:last-child,.use-item-list li:nth-last-child(2){margin-bottom: 0px;}

.alert-wrap{background-color: #eaf2fe;padding: 14px;border-radius: 4px;position: relative;}
/*.alert-wrap .alert-wrap-close{position: absolute;right: 8px;top: 8px;font-size: 18px;line-height: 18px;color: #303030;}*/
.alert-wrap h4{margin:0px 0px 7px 0px; font-size: 16px;}
.alert-wrap p{margin:0px;font-size: 13px;line-height: 2}
.alert-wrap p a{color:#0065ff;position: relative;padding-bottom: 4px;display: inline-block;margin-top: 5px;}
.alert-wrap p a:before{content: "";position: absolute;bottom: 0;height: 2px;left: 0;right: 0;background-color:rgb(22 103 255 / 47%);transition: all 0.2s ease-in-out;width: 0px;}
.alert-wrap p a:hover:before{width: 100%;}

.notifications-wrap{}
.notifications-wrap .box-title{max-width: calc(100% - 50px);}
.notifications-wrap .box-tools a{height: 34px;width: 34px;position: relative;display: flex;align-items: center;justify-content: center;font-size: 18px;/*background: #eaf2fe;*/border-radius: 100%;color: #3f87f5;}
.notifications-wrap .box-tools a>span{position: absolute;top: 2px;right: 2px;text-align: center;font-size: 9px;padding: 2px 3px;line-height: .9;}

@media screen and (min-width: 992px){
    .dashboard-flex-row{display: flex;align-items: stretch;}
    .dashboard-flex-row [class*='col-md']:first-child{padding-right:8px;}
    .dashboard-flex-row [class*='col-md']:last-child{padding-left:8px;}
    .dashboard-flex-row .col-md-5 .box-body{padding:28px;height: 100%;}
    .dashboard-flex-row .detail-panel-box{margin: 0px;height: 100%;}
}

/*responsive*/
/*.contents.expanded,*/
/*.contents{padding-left: 0 !important;}*/
/*.content-wrapper{margin-left: 0;}*/
/*.main-content .sidebar,*/
/*.theme-flex .col-3{display: none;}*/
/*.theme-flex .col-9{flex: 0 0 100% !important;max-width: 100% !important;}*/
/*.header-top,.breadcrumb-main,*/
/*.theme-flex .col-9 .detail-panel-box:not(:last-child){display: none}*/
/*responsive*/

/* Start : preview Iframe */
#preview-open{letter-spacing: 0.4px;position: relative;padding-right: 15px;}
#preview-open i{font-size: 16px;position: absolute;bottom: 0;right: 9px;}
.preview-iframe-wrap{background-color: #fff;position: fixed;top:0px;left:0px;bottom:0px;right:0px;z-index: 99999;display: none;}
.preview-iframe-wrap.active{display: block}
.preview-iframe-wrap .preview-iheader{padding:8px 16px;display: flex;align-items: center;justify-content: space-between;position: relative;background-color: #FAFBFC;flex-wrap: wrap;}
.preview-iframe-wrap .preview-ibody iframe{position: relative;width: 100%;height: 100%;display: block;border: 0;padding: 0;margin: 0 auto;box-sizing: border-box;/*box-shadow: 0 3px 6px rgb(0 0 0 / 16%)*/;transition: width 0.2s;}
.preview-iheader .preview-ioption{flex:0 0 100%;max-width: 100%;position: relative;}
.preview-iframe-wrap .preview-ioption ul{margin:0px;padding:0px;list-style: none;display: flex;align-items: center;justify-content: center;}
.preview-iframe-wrap .preview-ioption ul li{margin: 0 4px;}
.preview-iframe-wrap .preview-ioption ul li a{font-size: 16px;display: flex;align-items: center;justify-content: center;padding: 5px 16px;line-height: 16px;border-radius: 25px;background-color: #ecf3fd;color: #3f87f5;transition: all 0.2s ;}
.preview-iframe-wrap .preview-ioption ul li.active a{background-color: #3f87f5;color:#fff;}
.preview-iframe-wrap .preview-ioption ul li a i{font-size: 20px;line-height: 20px;margin-right: 5px;}
.preview-iframe-wrap .preview-ioption ul li:last-child a i{margin-left: 5px;}
.preview-iframe-wrap .preview-ioption ul li[data-view="view-exit"] a{color:#dc1905;background-color: #ffd9d5;}
.iframeabody{padding: 16px;}
.iframeabody a{text-decoration: none;}

@media screen and (max-width: 767px){
    .preview-iframe-wrap .preview-iheader{padding: 12px 16px;box-shadow: 0 1px 10px rgb(140 152 164 / 44%);z-index: 1;}
    .preview-iframe-wrap .preview-ibody{overflow: auto;}
    .navbar-custom-menu>.navbar-nav>li.nav-circle-icon>a{transform: scale(0.8);}
}
@media screen and (max-width: 480px){
    .preview-iframe-wrap .preview-ioption ul li a{padding:4px 10px;line-height: 14px;font-size: 14px;}
    .preview-iframe-wrap .preview-ioption ul li a i{font-size: 16px;line-height: 16px;}

}
/* End : preview Iframe */

.user-content{padding:16px 12px;text-align: center;}
.user-content img{height: 64px;width: 64px;border-radius: 100%;display: block;margin:0 auto 10px;}
.user-content h4{font-size: 16px;line-height: normal;color: #636F73; font-weight: bold;text-transform: capitalize;}
.user-content p{font-size:12px;color: #8E9DA2;line-height: 14px;margin-bottom: 8px}
.user-content .button-group{margin-top: 15px;}

.comment-post-profile{position: relative;margin:20px 0 15px;display: flex;align-items: center;}
.comment-post-profile img{border-radius: 100px;height: 36px;width: 36px;}
.comment-post-profile p{font-size: 16px; font-weight: 600;margin:0 0 0 10px;color: #636F73;}

.user-button-group{position: relative;margin-top: 15px;border-radius: 4px;overflow: hidden;box-shadow: 0 2px 4px 0 rgba(163, 163, 163, 0.5);background-color: #fff;margin-bottom:12px;}
.user-button-group ul{display: block;padding: 0;margin:0;}
.user-button-group ul li{display: block;}
.user-button-group ul li:not(:last-child){border-bottom: 1px solid #D6D6D6}
.user-button-group ul li a{padding: 8px 12px; display: block;text-align: center;color:#636F73;}
.user-button-group ul li a .badge{background-color: #636F73;}
.user-button-group ul li a.active{background-color: #5f63f2;color:#fff;}


.box-pagination{display: flex;align-items: center;justify-content: space-between;width: 100%;position: relative;margin-bottom:20px;}
.box-pagination .box-items{display: flex;align-items: center;flex-grow: 1;}
.box-pagination .box-items:last-child{justify-content: flex-end;}
.box-pagination .box-items p{margin:0; font-size: 14px;line-height: 17px;color:#636F73;}

.box-filter{position: relative;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #E5E9EA;}
.box-badge-list{padding:0;margin:0 0 20px 0;position: relative;}
.box-badge-list li{display: inline-block;margin-right: 10px;}

.table_car-box{display: flex;align-content: center;flex-wrap: wrap;}
.table_car-box .car-box-check{max-width: 40px;flex:0 0 40px;display: flex;align-items: center;}
.table-car-box .car-box-images{max-width: 64px;width:64px;height: 64px;border:1px solid #E1E1E1;flex:0 0 64px;border-radius: 4px;overflow: hidden;}
.table-car-box .car-box-images img{max-width: 100%;display: block;}
.table-car-box .car-box-images.car-box-images-round{border:none;}
.table-car-box .car-box-images.car-box-images-round img{border-radius: 100%;}
.table-car-box .car-box-content{flex-grow: 1;max-width: 100%;box-sizing: border-box;margin-left:15px; }
.table-car-box .car-box-content.car-box-center{display: flex;align-items: flex-start;flex-direction: column;justify-content: center; }
.table-car-box .car-box-content h4{color:#636F73; font-size: 16px; font-weight: 600;line-height:20px;margin:0;}
.table-wrap.table .action-td .dropdown .dropdown-menu{left:auto;right: 0;}
.table-submit-time{}
.table-submit-time span{display: inline-block;border-bottom: 1px dashed #ddd;color: #9CA4A7;margin-top:4px;}
.table-field-item{}
.table-field-item img{height:36px;width: 36px;margin-right: 8px;}

.table.table-wrap p.txt-lg-bold{ font-size: 15px;color: #636F73; font-weight: 600; }
.table.table-wrap p.table-nxt-due span{display: block;color: #9CA4A7;}
.table.table-wrap p.table-reminder-first{color: #9CA4A7;}
.table.table-wrap p.table-reminder-first span{display: inline-block;color: #636F73;border-bottom: 1px dashed #636F73;}

.table-divider-date{background-color: #F7F8F8;}
.table-divider-date td{font-size: 14px; font-weight: 600;color:#636F73;}
.table-divider-date td span{border-bottom:1px dashed #636F73;}

.panel-extra{border:1px solid #E4E4E4;background-color: #fff;position: relative;border-radius: 6px;box-shadow: none;}
.panel-extra .panel-heading{background-color: #FAFBFC;display: flex;align-items: center;justify-content: space-between;position: relative;border-radius: 6px 6px 0 0;}
.panel-extra .panel-heading .panel-title{font-size: 14px; font-weight: 600;line-height: 18px;margin:0;color: #636F73;}
.panel-extra .panel-heading .panel-option .btn{border-radius: 4px;border-color: #D0D3D5;background-color: #F7F8F9;padding: 2px 16px;font-size: 12px;color:#636F73;font-weight:600;}
.panel-extra .panel-heading .panel-option .btn:hover{background-color: transparent;}
.panel-extra .simple-list{}
.panel-extra .simple-list label{ font-size: 14px;margin:0;display: block;color:#262C2D; }
.panel-extra .simple-list p{margin:0;color:#636F73;}

.empty-wrap.empty-wrap-lg{flex-direction:column;}
.empty-wrap{display: flex;align-items: center;justify-content: center;}
.empty-wrap p{color: #636F73;font-size: 14px;margin:0;}
.empty-wrap p i{font-size: 20px;margin-right: 8px;}

.content-nav{margin:-15px -15px 20px -15px;background-color: #fff;position: relative;display: flex;align-items: center;justify-content: space-between;box-shadow: 0px 3px 6px rgba(0,0,0,0.15);}
.content-nav .nav-btn-group{display: flex;align-items: center;}
.content-nav .nav.nav-tabs{border:none;}
.content-nav .nav.nav-tabs li{margin:0;}
.content-nav .nav.nav-tabs a{border:none;margin:0;color: #6F7C94;position: relative;display: flex;align-items: center;}
.content-nav .nav.nav-tabs a i{display: block;height: 16px;margin-right: 7px;}
.content-nav .nav.nav-tabs li.active a{color:#5f63f2;}
.content-nav .nav.nav-tabs li.active:before{content: "";height: 2px;width: 100%;left: 0;position: absolute;bottom: 0;background-color: #5f63f2;}
.content-nav .nav-tabs>li.active>a, .content-nav .nav-tabs>li.active>a:focus, .content-nav .nav-tabs>li.active>a:hover{border:none;background-color: transparent;}



.user-enable{position: relative;margin-bottom:20px;display: flex;align-items: center;	}
.user-enable .user-info{display: flex;align-items: center;	}
.user-enable .user-info img{height: 54px;width: 54px;border-radius: 100%;margin-right:15px;}
.user-enable .user-info h4{margin:0;font-size:16px;color:#636F73;font-weight: 600;}
.user-enable .user-info h4 span{margin:0;font-size:14px;color:#B0B4B5;font-weight:normal;display: block;}

.custom-btn-group .btn-white:focus,
.custom-btn-group .btn-white{outline: none;}
.custom-btn-group .btn-white.active{background-color: #5f63f2;color: #fff;}

.content-nav.dash-content-nav{}
.content-nav.dash-content-nav .dashboard-nav-menu{flex:0 0 calc(100% - 200px);max-width: calc(100% - 200px);}
.content-nav.dash-content-nav .nav-btn-group{flex:0 0 200px;max-width: 200px;padding-right: 16px;flex-direction:column;justify-content: flex-start;}
.content-nav.dash-content-nav .nav-btn-group label{display: block;font-weight: 600;flex-grow:1; font-size:17px;line-height: 17px;text-transform: capitalize;width: 100%;color: #5f63f2;}
.content-nav.dash-content-nav .nav-btn-group .price{display: block;font-weight: 600;flex-grow:1; font-size:17px;line-height: 17px;text-transform: capitalize;width: 100%;color: #5f63f2;}

/*===== End : Customer Details ======*/

/*===== JQToast Start =======*/
/**
 * jQuery toast plugin created by Kamran Ahmed copyright MIT license 2014
 */
.jq-toast-wrap { display: block; position: fixed; width: 250px;  pointer-events: none !important; margin: 0; padding: 0; letter-spacing: normal; z-index: 9000 !important; }
.jq-toast-wrap * { margin: 0; padding: 0; }

.jq-toast-wrap.bottom-left { bottom: 20px; left: 20px; }
.jq-toast-wrap.bottom-right { bottom: 20px; right: 40px; }
.jq-toast-wrap.top-left { top: 20px; left: 20px; }
.jq-toast-wrap.top-right { top: 20px; right: 40px; }

.jq-toast-single { display: block; width: 100%; padding: 10px; margin: 0px 0px 5px; border-radius: 4px; font-size: 12px; font-family: arial, sans-serif; line-height: 17px; position: relative;  pointer-events: all !important; background-color: #444444; color: white; }

.jq-toast-single h2 { font-family: arial, sans-serif; font-size: 14px; margin: 0px 0px 7px; background: none; color: inherit; line-height: inherit; letter-spacing: normal; }
.jq-toast-single a { color: #eee; text-decoration: none; font-weight: bold; border-bottom: 1px solid white; padding-bottom: 3px; font-size: 12px; }

.jq-toast-single ul { margin: 0px 0px 0px 15px; background: none; padding:0px; }
.jq-toast-single ul li { list-style-type: disc !important; line-height: 17px; background: none; margin: 0; padding: 0; letter-spacing: normal; }

.close-jq-toast-single { position: absolute; top: 3px; right: 7px; font-size: 14px; cursor: pointer; }

.jq-toast-loader { display: block; position: absolute; top: -2px; height: 5px; width: 0%; left: 0; border-radius: 5px; background: red; }
.jq-toast-loaded { width: 100%; }
.jq-has-icon { padding: 10px 10px 10px 50px; background-repeat: no-repeat; background-position: 10px; }
.jq-icon-info { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII='); background-color: #31708f; color: #d9edf7; border-color: #bce8f1; }
.jq-icon-warning { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII='); background-color: #8a6d3b; color: #fcf8e3; border-color: #faebcc; }
.jq-icon-error { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII='); background-color: #a94442; color: #f2dede; border-color: #ebccd1; }
.jq-icon-success { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg=='); color: #dff0d8; background-color: #3c763d; border-color: #d6e9c6; }

/*===== JQ Toast Over ========*/

/*===== Button Outline =======*/
.btn-light {
    color: #292b2c;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-light:hover {
    color: #292b2c;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}
.btn-light:focus,
.btn-light.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-light.disabled,
.btn-light:disabled {
    color: #292b2c;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
    color: #292b2c;
    background-color: #dae0e5;
    border-color: #d3d9df;
}
.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}
.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
}
.btn-dark:focus,
.btn-dark.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d;
}
.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-primary {
    color: #047bf8;
    background-color: transparent;
    background-image: none;
    border:2px solid #047bf8;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #047bf8;
    border-color: #047bf8;
}
.btn-outline-primary:focus,
.btn-outline-primary.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(4, 123, 248, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(4, 123, 248, 0.5);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #047bf8;
    background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #047bf8;
    border-color: #047bf8;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(4, 123, 248, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(4, 123, 248, 0.5);
}
.btn-outline-secondary {
    color: #292b2c;
    background-color: transparent;
    background-image: none;
    border:2px solid #292b2c;
}
.btn-outline-secondary:hover {
    color: #fff;
    background-color: #292b2c;
    border-color: #292b2c;
}
.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(41, 43, 44, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(41, 43, 44, 0.5);
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #292b2c;
    background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #292b2c;
    border-color: #292b2c;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(41, 43, 44, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(41, 43, 44, 0.5);
}
.btn-outline-success {
    color: #24b314;
    background-color: transparent;
    background-image: none;
    border:2px solid #24b314;
}
.btn-outline-success:hover {
    color: #fff;
    background-color: #24b314;
    border-color: #24b314;
}
.btn-outline-success:focus,
.btn-outline-success.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(36, 179, 20, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(36, 179, 20, 0.5);
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #24b314;
    background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #24b314;
    border-color: #24b314;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(36, 179, 20, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(36, 179, 20, 0.5);
}
.btn-outline-info {
    color: #5bc0de;
    background-color: transparent;
    background-image: none;
    border:2px solid #5bc0de;
}
.btn-outline-info:hover {
    color: #292b2c;
    background-color: #5bc0de;
    border-color: #5bc0de;
}
.btn-outline-info:focus,
.btn-outline-info.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5);
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #5bc0de;
    background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
    color: #292b2c;
    background-color: #5bc0de;
    border-color: #5bc0de;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5);
}
.btn-outline-warning {
    color: #fbe4a0;
    background-color: transparent;
    background-image: none;
    border:2px solid #fbe4a0;
}
.btn-outline-warning:hover {
    color: #292b2c;
    background-color: #fbe4a0;
    border-color: #fbe4a0;
}
.btn-outline-warning:focus,
.btn-outline-warning.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(251, 228, 160, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(251, 228, 160, 0.5);
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #fbe4a0;
    background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
    color: #292b2c;
    background-color: #fbe4a0;
    border-color: #fbe4a0;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(251, 228, 160, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(251, 228, 160, 0.5);
}
.btn-outline-danger {
    color: #e65252;
    background-color: transparent;
    background-image: none;
    border:2px solid #e65252;
}
.btn-outline-danger:hover {
    color: #fff;
    background-color: #e65252;
    border-color: #e65252;
}
.btn-outline-danger:focus,
.btn-outline-danger.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(230, 82, 82, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(230, 82, 82, 0.5);
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #e65252;
    background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #e65252;
    border-color: #e65252;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(230, 82, 82, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(230, 82, 82, 0.5);
}
.btn-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border:2px solid #f8f9fa;
}
.btn-outline-light:hover {
    color: #292b2c;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-outline-light:focus,
.btn-outline-light.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
    color: #292b2c;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-dark {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border:2px solid #343a40;
}
.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}
.btn-outline-dark:focus,
.btn-outline-dark.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-link {
    font-weight: 400;
    color: #047bf8;
    background-color: transparent;
}
.btn-link:hover {
    color: #0356ad;
    text-decoration: underline;
    background-color: transparent;
    border-color: transparent;
}
.btn-link:focus,
.btn-link.focus {
    text-decoration: underline;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-link:disabled,
.btn-link.disabled {
    color: #636c72;
}
/*======= Button Outline Over =====*/

.product-image {position:relative;}
.product-image .form-control{width:calc(100% - 40px);}
.product-image .product-image-trash{color: #f00;position: absolute;top: 28px; right: 12px;}

.product-list {position: relative;display: flex;align-items: stretch;justify-content: flex-start;flex-wrap: wrap;margin:0px 0px 5px 0;padding:0px;}
.product-list li{border: 1px solid #ddd;list-style: none;flex:0 0 calc(20% - 12px);max-width: calc(20% - 12px);margin-right: 12px;padding: 4px;box-sizing: border-box;position: relative;border-radius: 4px;margin-bottom:10px;}
.product-list li .addprd_img{height: 120px;width:100%;overflow: hidden;}
.product-list li .addprd_img img{max-width:100%;max-height: 100%;display: block;margin:0 auto;}
.product-list li a{height: 32px;width:32px;border-radius:100%;background-color: #fff;color: #f00;position: absolute;top:6px;right:6px;z-index: 1;transition: all 0.2s ease-in-out;text-align: center;line-height: 32px}
.product-list li a:hover{background-color: #f0f0f0;}


.tgo_colors ul{margin: 0px;padding: 0px; display: flex; align-items: center;justify-content: space-between; flex-wrap: wrap;}
.tgo_colors ul li{ width: calc(100%/5);list-style: none; flex: 0 0 calc(100%/5);margin-bottom:8px;position: relative; }
.tgo_colors ul li input[type="radio"]{margin:0px;height: 0px;width: 0px;opacity: 0;position: absolute;}
.tgo_colors ul li label{ height:30px;width: 30px; cursor: pointer;border-radius: 2px;margin: 0px;background-color: var(--cg-theme-color); }
.tgo_colors ul li label:before{content: "";height: 9px;width: 16px;border-left: 3px solid #fff;border-bottom: 3px solid #fff;transform: rotate(-45deg) scale(0);position: absolute;bottom: 18px;left: 7px;transition: all 0.2s;overflow: hidden;}
.tgo_colors ul li label:hover:before{transform: rotate(-45deg);opacity: 0.6;}
.tgo_colors ul li input[type="radio"]:checked + label:before{transform: rotate(-45deg) scale(1);opacity: 1;}

.popup-box.box{border:none;box-shadow: none;}
.popup-box.box>.box-header{padding: 16px 20px;border-bottom: 1px solid #dee5f0;}
.popup-box.box>.box-header .box-title{font-size: 15px;color:#2A2A2A;}
.popup-box.box>.box-body.theme-box{padding: 20px;}
.theme-box .box{border: 1px solid #dee5f0;box-shadow: none;border-radius: 4px;margin-bottom: 20px;position: relative;transition: all 0.2s ease-in-out;}
.theme-box .box:hover{box-shadow:0px 2px 5px 0px #DDEAF1;border-color: #3F87F5;}
.theme-box .box>.box-body{padding: 10px;overflow: hidden;}
.theme-box .box>.box-body>a{display: block;position: relative;}
.theme-box .box>.box-body>a>span{position: absolute;bottom: 0px; right: 8px;transition: all 0.2s ease-in-out;transform: translateY(50px);}
.theme-box .box>.box-body:hover>a>span{transform: translateY(-14px);}
.theme-box .box>.box-body>img{max-height: 190px;max-width: 300px;margin: 0 auto;display: block;}
/* .theme-box .box>.box-body>.price-badge{position: absolute;right: 4px;top: 4px;padding: 8px 16px;background-color: #28a745;color: #fff;border-radius: 4px;font-size: 16px;line-height: 14px;font-weight: 600;letter-spacing: 1px;box-shadow: 0px 1px 6px #28a745;z-index: 2;} */

.theme-box .box>.box-body>.price-badge {
    position: absolute;
    /* right: 4px; */
    top: -18px;
    padding: 6px 6px;
    background-color: #3f87f5;
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
    line-height: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    /* box-shadow: 0px 1px 6px #3f87f5; */
    z-index: 2;
    border: solid 2px #3f87f5;
    border-radius: 5px;
}
.search-box-product{position: relative;margin-bottom: 0;}
.search-box-product .result-product-row{position: relative;display: flex;flex-direction: row;flex-wrap: wrap;padding:8px 8px 16px 8px;}
.result-product-row .result-item{position: relative;flex:0 0 33.33%;max-width: 33.33%;}
.result-product-row .result-item input[type="checkbox"]{position: absolute;height: 0;width:0;margin:0;opacity: 0;}
.result-product-row .result-item label{display: flex;margin:8px;border:1px solid #ddd;flex-direction: row;padding: 10px 16px;cursor: pointer;transition: all 0.2s ease-in-out;position: relative;}
.result-product-row .result-item label:before{transform: scale(0);opacity: 0; content: "\f058";font-family: "FontAwesome";position: absolute;font-size: 20px;right: -6px;top: -8px;color: #17b21e;background-color: #fff;height: 20px;line-height: 20px;width: 20px;border-radius: 100%;transition: all 0.2s ease-in-out;}
.result-product-row .result-item input:checked + label:before{transform: scale(1);opacity: 1;}
.result-product-row .result-item input:checked + label,
.result-product-row .result-item label:hover{border-color: #3F87F5;background-color: #f7faff;}
.result-product-row .result-item label img{max-width: 70px;flex: 0 0 70px;display: block;max-height: 80px;}
.result-product-row .result-item label .result-content{margin-left: 15px;flex: 0 0 calc(100% - 70px);max-width: calc(100% - 70px);}
.result-product-row .result-item label .result-content p{font-size: 13px;line-height: 20px;margin-bottom: 4px;font-weight: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.result-product-row .result-item label .result-content span{display: block;font-size: 20px;font-weight: 600;}

.free-item-content .free-item-title{font-size:22px; font-weight:600; margin-bottom: 10px;padding-bottom: 10px;position: relative; padding-top: 10px;}
.free-item-content .free-item-title span{border-bottom: 2px solid #3F87F5;display: inline-block;padding-bottom: 4px;}
.free-item-content .detail-panel-box.box{border:1px solid transparent;transition: all 0.2s ease-in-out;}
.free-item-content .detail-panel-box.box:hover{border-color: #3F87F5;}
.free-item-content .detail-panel-box.box a{position: relative; display: block;}
.free-item-content .detail-panel-box.box img{max-width: 100%;}
.free-item-content .detail-panel-box.box .btn-theme{position: absolute;bottom: 0px; right: 10px;transition: all 0.2s ease-in-out;transform: translateY(60px);}
.free-item-content .detail-panel-box.box a:hover .btn-theme{transform: translateY(-10px);}

.cg-cb-row .cg-cb-items{position: relative;}
.cg-table-eight .cg-more-opt,
.cg-table-seven .cg-more-opt,
.cg-table-six .cg-more-opt,
[class*='cg-box-accord-'] .cg-more-opt,
table[class*='cg-table-'] td .cg-more-opt,
.cg-cb-items .cg-more-opt{position: absolute;top:0px;left: 0;
    /* background-color:#5f63f2; */
    padding: 2px 5px;border-radius:0px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.15);
    z-index: 1;
}
.cg-versus-box-eight .cg-cb-items .cg-more-opt,
.cg-versus-box-five .cg-cb-items .cg-more-opt{left: 50%;}
.cg-versus-box-seven .cg-cb-items:last-child .cg-more-opt{left: unset; right: 0;}

[class*='cg-box-accord-'] .cg-more-opt,
.cg-table-eight .cg-more-opt,
.cg-table-seven .cg-more-opt,
.cg-table-six .cg-more-opt,
table[class*='cg-table-'] td .cg-more-opt{right: 0px;left:inherit;}
.cg-choice-box-seven .cg-cb-items .cg-more-opt,
.cg-choice-box-six .cg-cb-items .cg-more-opt,
.cg-choice-box-five .cg-cb-items .cg-more-opt,
.cg-choice-box-three .cg-cb-items .cg-more-opt{left:inherit;right: 0px;}
.cg-table-eight .cg-more-opt a,
.cg-table-seven .cg-more-opt a,
table[class*='cg-table-'] td .cg-more-opt a,
.cg-cb-items .cg-more-opt a{color:#3f87f5;padding: 0 2px;display: inline-block;}

@media screen and (min-width: 1368px) and (max-width:1599px){
    .free-item-content .box-body.theme-box .box-body {height:180px;}
    .free-item-content .box-body.theme-box .box-body a{display: flex;align-items: center;justify-content: center;}
}
@media screen and (min-width: 1200px) and (max-width:1367px){
    .free-item-content .box-body.theme-box .box-body {height:125px;}
    .free-item-content .box-body.theme-box .box-body a{display: flex;align-items: center;justify-content: center;}
}
@media screen and (min-width: 992px) and (max-width:1199px){
    .free-item-content .box-body.theme-box .box-body {height:150px;}
    .free-item-content .box-body.theme-box .box-body a{display: flex;align-items: center;justify-content: center;}
}

/*chat section start*/
.direct-chat-messages{height: 500px;}
.direct-chat-msg{margin-bottom:22px;}
.direct-chat-msg br{content: "";display:block;margin:5px 0;}
.direct-chat-msg .direct-chat-text{display: inline-block;margin:0px;max-width: 800px;padding: 15px 35px;background-color: #fff9f0;color: #594939;margin-bottom: -20px;margin-left: 20px;border-radius: 20px;text-align: left;border:none;}
.direct-chat-msg .direct-chat-text:after,.direct-chat-msg .direct-chat-text:before{display: none;}
.direct-chat-msg.right{text-align: right;}
.direct-chat-msg.right .direct-chat-text{background-color: #f0f9ff;color: #2A4E7F;margin-right: 20px;margin-left: 0px;}
.direct-chat-img{width: 40px;height: 40px;border-radius:40px;display: inline-block;box-shadow: 0px 0px 0px 10px #fff;float: none !important;}
.direct-chat-img img{height: 100%;width:100%;object-position: center;object-fit: cover;border-radius: 100%;}
.direct-chat-msg .direct-chat-info{position: relative;}
.direct-chat-msg .direct-chat-info .direct-chat-timestamp{display: inline-block;position: relative;top: 8px;margin-left: 14px;}
.direct-chat-msg.right .direct-chat-info .direct-chat-timestamp{display: inline-block;position: relative;margin-right: 14px;top: 8px;}
.direct-chat-msg:not(.right) .direct-chat-name{margin-left: 20px;font-weight: 500;font-size: 12px;color: #594939;}
.direct-chat-msg.right .direct-chat-name{margin-right:20px;font-weight: 500;font-size: 12px;color: #2A4E7F;}
/*chat section end*/

/*affiliate-dashboard start*/
.affiliate-dashboard{}
.affiliate-dashboard .affiliate-box .box-body{padding: 15px 20px;}
.affiliate-dashboard .affiliate-box .box-body h3{margin:0px;font-size: 20px;}
.affiliate-dashboard .affiliate-box .box-body h3 b{color:#3f87f5;}
.affiliate-dashboard .affiliate-box p{font-size: 12px;margin:8px 0 12px 0;color:#545659;}
.affiliate-dashboard .affiliate-box .form-group{margin-bottom: 10px;}
.affiliate-dashboard .affiliate-box .form-group label{display: block;font-weight: normal;color:#949697;}
.affiliate-dashboard .affiliate-box .form-group .input-group .form-control:first-child{border-radius: 4px 0 0 4px;}
.affiliate-dashboard .affiliate-box .form-group .input-group .btn{font-size: 14px;}
.affiliate-dashboard .affiliate-box .form-group .input-group .form-control{font-size: 16px;}

.affiliate-box .affiliate-box-row{display: flex;align-items: center;justify-content: flex-start;margin-bottom:9px;}
.affiliate-box .affiliate-box-row img{flex: 0 0 72px;max-width: 72px;}
.affiliate-box .affiliate-box-row .affiliate-box-content{flex: 1;max-width: 100%;margin-left: 20px;}
.affiliate-box .affiliate-box-row .affiliate-box-content h3{font-size:22px;font-weight: bold;}
.affiliate-box .affiliate-box-row .affiliate-box-content p{margin:4px 0 0 0;font-size: 12px;}

.affiliate-dashboard .affiliate-tab{}
/*.affiliate-dashboard .affiliate-tab .box-header{background-color: #fff;padding: 25px 30px;}*/
.affiliate-dashboard .affiliate-tab .box-body{padding: 0px;}
/*.affiliate-dashboard .affiliate-tab .box-header h3{margin:0px;font-size: 22px;font-weight: 600;}*/
.affiliate-dashboard .affiliate-tab .nav-tab{margin:0px;padding: 0px;list-style: none;display: flex;align-items: stretch;justify-content: flex-start;}
.affiliate-dashboard .affiliate-tab .nav-tab li{flex: 1;max-width: 100%;position: relative;box-sizing: border-box;}
.affiliate-dashboard .affiliate-tab .nav-tab li:not(:last-child){border-right: 1px solid #e0e0e0;}
.affiliate-dashboard .affiliate-tab .nav-tab li a{display: block;position: relative;background-color:#ebebed;padding: 10px 0;text-align: center;font-size: 16px;color: #525252;}
.affiliate-dashboard .affiliate-tab .nav-tab li a span{display: block;margin-top: 5px;font-size: 20px;line-height: 22px; font-weight: 600;color:#000;}
.affiliate-dashboard .affiliate-tab .nav-tab li.active a{background-color: #3f87f5;color: #fff;}
.affiliate-dashboard .affiliate-tab .nav-tab li.active a span{color: #fff;}
.affiliate-dashboard .affiliate-tab .tab-content{margin-top: 15px;}
.affiliate-dashboard .affiliate-tab table thead th{background-color:#f1f6ff;color:#3f87f5;font-weight: 600;letter-spacing: 0.5px;font-size: 16px;padding: 10px 10px;}

/*affiliate-dashboard End*/

@media screen and (max-width: 767px){
    .nav-offer p{font-size: 12px;padding: 4px 10px;}
        .nav-offer p b{font-size: 14px;}
    }
@media screen and (max-width: 520px){
    .nav-offer{background-color: #3F87F5;position: relative;overflow: hidden;}
    .nav-offer p{padding: 0;text-align: center;}
    .nav-offer p:after{animation: none;}
    .nav-offer:after {animation: slide 1.4s infinite 3s;}
}

@media (max-width:1000px) {
    /* responsive popup css start ========================== */
    body #colorbox {width: 90% !important; left: 5% !important;}
    body #cboxWrapper, body #cboxContent, body #cboxLoadedContent { width: 100% !important;}
    /* responsive popup css end ============================ */
}

@media screen and (min-width: 1150px){
    .filter-opt-panel{display: none;}
}
@media screen and (max-width: 1149px){
    .filter-opt-panel{display: flex;justify-content: space-between;padding: 8px 16px;align-items: center;}
    .filter-opt-panel p{margin-bottom: 0px;font-size: 16px;}
    .filter-opt-panel .btn{padding: 4px 16px;}
    .theme-flex .col-3{}
    .theme-flex .col-9{flex:0 0 100%;max-width: 100%;}
    .theme-flex .col-3 .panel-sticky{position: fixed;left: 0;top: 0;z-index: 9999;padding:0;background-color: #fff;width: 340px;bottom: 0;overflow-x: hidden;overflow-y: auto;transform: translateX(-100%);transition:transform 0.2s ease-in-out; }
    .theme-flex .col-3 .panel-sticky.active{transform: translateX(0%);box-shadow: 2px 0px 8px rgba(0,0,0,0.16);}
    .theme-flex .col-3 .panel-sticky .detail-panel-box{box-shadow: none;margin:0px;border-radius: 0px;}
    .theme-flex .col-3 .panel-sticky .detail-panel-box .box-header{background-color: #ebf0f5;}
    .panel-backdrop.active{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1040;background-color: rgba(0,0,0,0.10);}
}
@media screen and (max-width: 767px){
    .theme-flex .col-9 .detail-panel-box .box-header .box-tools.pull-right{float: none !important;margin-top: 10px;}
    .theme-flex .col-9 .detail-panel-box .box-header .box-tools.pull-right .btn{margin:4px;}
}

.free-item-content .free-item-title span {
  border-bottom: none;
  padding-bottom: 0;
}

.cg-table-eight .cg-more-opt, .cg-table-seven .cg-more-opt, table[class*='cg-table-'] td .cg-more-opt, .cg-cb-items .cg-more-opt {
    background-color: white !important;
    border-radius: 3px;
}