/*bootstrap css version update */
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'),
         url('../fonts/glyphicons-halflings-regular.woff') format('woff'),
         url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),
         url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
  }
  .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa{
    font-family:  FontAwesome;
}
table {
    border-spacing: 0;
}
.img-circle {
    border-radius: 50%;
}
.glyphicon-menu-left:before { content: "\e257"; } 
:root{
    --bs-body-font-size: 14px;
    --bs-body-line-height: 1.42857143;
    --bs-body-color: #333;
    
}
html {  font-size: var(--bs-body-font-size); }
.h1, h1   {font-size: 2.571428571428571rem} 

.has-feedback {
    position: relative;
}
.form-group {
    margin-bottom: 15px;
}
.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}
a {
    text-decoration: none;
}
.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.navbar {
    padding-top: 0px;
    padding-bottom: 0px;
}

.navbar-nav {
    margin: 7.5px -15px;
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.dropdown-toggle::after{
    display: none;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination>li {
    display: inline;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.pagination>li>a {
    background: #fafafa;
    color: #666;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    border-top: 0;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    width: auto;
}

.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both;
}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " ";
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block !important;
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0;
}
.checkbox-inline, .radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -20px;
}
input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}
input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px;
}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: 10px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.1;
}
.h4, h4 {
    font-size: 18px;
}
.form-control{
   padding: 6px 12px;
   /* height: 34px; */
}
::-ms-input-placeholder { /* Edge 12-18 */
    opacity: .8 !important;
  }
  
  ::placeholder {
    opacity: .8 !important;
  }
  .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1;
}
.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    
}
select.input-sm {
    height: 30px;
    line-height: 30px;
}
@media (min-width: 992px){
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left;
    }
}
@media (min-width: 768px){
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left;
    }
    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .navbar-nav {
        float: left;
        margin: 0;
    }
    .navbar-nav>li {
        float: left;
    }
    .nav>li {
        position: relative;
        display: block;
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
    }
}      
/*bootstrap css end version update */

.btn-back,.btn-back:hover,.btn-back:focus{color:#333}
.action-control{color:#333;padding:5px}
.action-control:hover{color:#333;padding:5px}
.action-control:focus{color:#333;padding:5px}
.dataTables_length{margin-left:10px;float:left}
.dataTables_filter,.add-new-btn{margin-left:20px;float:right}

/* Status toggle button CSS */
.material-switch>input[type="checkbox"]{display:none}
.material-switch>label{cursor:pointer;margin-top: 15px;height:0;position:relative;width:40px}
.material-switch>label::before{background:#f2d1d1;box-shadow:none;border-radius:8px;content:'';height:13px;margin-top:-8px;position:absolute;opacity:1;transition:all .4s ease-in-out;width:40px}
.material-switch>label::after{background:#df8585;border-radius:13px;box-shadow:0 0 5px rgba(0,0,0,0.3);content:'';height:18px;left:0;margin-top:-8px;position:absolute;top:-3px;transition:all .3s ease-in-out;width:18px}
.material-switch .label-success {background: #7ab364 !important;}
.material-switch>input[type="checkbox"]:checked+label::before{background: #cbe4c1;box-shadow: none;opacity: 1;}
.material-switch>input[type="checkbox"]:checked+label::after{background:inherit;left:22px}
#rating-error{font-size:14px}
.subscription_status_center{padding:10px}
.image-file{float:left;width:70%}
.image-container{float:left;width:30%;padding-left:10px;}
.image-container img{width:100px}
.ui-dialog-titlebar{background-color: #FFF !important;border: 0;border-bottom: 1px solid #dbdbdb;border-radius: 0; background: no-repeat;}
.ui-dialog-titlebar-close{display:none!important}
.ui-dialog{width: 100% !important;max-width: 340px;position: fixed;top: 50% !important;left: 50% !important;padding: 0;border-radius: 0;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);font-family: 'Open Sans', sans-serif;z-index: 9999 !important}
textarea{resize:none}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;margin:0!important}
input[type='number']{-moz-appearance:textfield}
.ui-dialog-title{color: #333333;font-size: 18px;font-weight: 600;/* font-family: 'Open Sans', sans-serif; */}
/*.table-responsive{overflow-x:inherit!important}*/
.group-line{border-bottom:3px solid #f4f4f4;line-height:32px}
.left-align{text-align:left}
.pb-2{padding-bottom:10px}
.pb-1{padding-bottom:5px}
.control-label-icon {margin: 6px 0 0;padding-left: 24px;position: relative}
.control-label-icon i {position: absolute;left: 0;top: 3px}
.cke_inner.cke_reset {margin-left: 1px;margin-right: 1px}
/*Admin UI Chnages*/
html, body{height: auto; min-height:100% }
.image-file-upload-again{transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;}


/*h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .main-footer{font-family: 'Open Sans', sans-serif;}*/
/* Autofill color ;) */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {-webkit-text-fill-color: #495057;-webkit-box-shadow: 0 0 0 30px white inset !important;}
.form-control:focus {border-color: #195481}

.box.box-1{padding:20px 0}
.box-2 .box-header{padding:26px 40px;border-bottom:1px solid #dcdcdc}
.box-2 .box-header h3{margin:0;font-size:20px;font-weight:600;color:#333}
.box-body .control-label-icon{font-family:'Open Sans',sans-serif}
.control-label-icon i{color:#555;left:0}
.box-2 .form-group {margin-bottom: 12px}

/*Login*/
.login-box, .register-box{width: 100%;float: left;}
.login-box-body, .register-box-body{max-width: 360px; margin: 0 auto}
.login-box-body .checkbox, .login-box-body .radio, .register-box-body .checkbox, .register-box-body .radio{margin: 2px 0}
.login-page{margin:0;background-image:url("../admin/snap_bg.jpg");background-position:center;background-repeat:no-repeat;background-size:cover}
#refresh{font-size: 18px;color: #195481;cursor:pointer}
.login-box-msg, .register-box-msg {color: #313131}
.login-logo, .register-logo{margin-bottom: 20px}
.login-logo a, .register-logo a{display: inline-block;}
.login-logo h1, .register-logo h1{margin-top: 52px;font-weight: 700; color: #ffffff}
.login-box-body .form-control-feedback, .register-box-body .form-control-feedback {font-size: 18px;color: #b0b0b0}
.captcha-box-main{padding:0}
.captcha-box-main .refreshButton,.captcha-box-main .captcha{display:inline-block;vertical-align:middle}
.captcha-box-main .captcha{border:1px solid #d2d6de;height:34px;background-color:#dcdcdc}
.captcha-box-main .captcha img{height:100%;width:100%;object-fit:contain}
.captcha-box-main .refreshButton{padding-top: 2px;padding-left:15px}
.checkbox, .radio {color: #303030}
.icheckbox_square-blue, .iradio_square-blue {margin-top: -4px}
.login-box .m-link,.register-box .m-link{color:#797979;padding-top:6px;display:inline-block;vertical-align:middle}
.login-box .m-link-bb, .register-box .m-link-bb{font-weight: 700; color: #195481} 
.login-box .m-link:hover,.register-box .m-link:hover{text-decoration:underline}
.login-box .btn, .register-box .btn, .btn-primary {padding: 6px 15px}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-primary {padding:6px 12px}
.btn-primary{background-color:#195481;border-color:#195481}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background-color:#2c7cb9;border-color:#2c7cb9}
.btn-default{background-color:#999999;border-color:#999999;color: #FFF}
.btn-default:hover,.btn-default:focus,.btn-default:active{background-color:#858282;border-color:#858282;color: #FFF}
.mt-12{margin-top: 12px}

/*Dashboard*/
.sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini {margin-top: 7px}
.dropdown.user-menu.open .fa-caret-down:before {content: "\f0d8"}
.skin-blue .main-header .logo {background-color: #105177}
.skin-blue .main-header .navbar {background-color: #1c5d83}
.navbar-nav>.user-menu .user-image{margin-top:-7px;width:35px;object-fit:cover;height:35px;}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img{object-fit:cover;}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{padding-top:0;}
.skin-blue .main-header li.user-header{background-color: #ffffff;border: 1px solid #195481;border-bottom: 0;}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer{display:table;width:100%;padding:10px 5px;border:1px solid #195481;}
.user-footer-links{display:table-cell;vertical-align:middle;padding:0 5px;}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header{height:auto}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p{color:#000}
.dashbord-table-cover .row {display: flex;flex-wrap: wrap;}
.row-border {padding: 10px;border: 1px solid #e2e2e2;}
.row-border-right {padding: 10px;border: 1px solid #e2e2e2;}


/*Sidebar*/
.skin-blue .sidebar-menu>li.header{color:#ecf0f5;background:#3a434a;}
.skin-blue .sidebar a{color:#ffffff;}
.skin-blue .sidebar-menu>li>a>i{font-size:13px;}
.skin-blue .main-sidebar{background-color:#1b2934;}
.skin-blue .sidebar-menu>li.active>a{border-left-color:#4298cc;}
.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li.menu-open>a{color:#fff;background:#243440;}
.sidebar-menu .menu-open>a>.fa-angle-left, .sidebar-menu .menu-open>a>.pull-right-container>.fa-angle-left{-webkit-transform:rotate(-270deg);-ms-transform:rotate(-270deg);-o-transform:rotate(-270deg);transform:rotate(-270deg);}
.sidebar-menu li>a>.fa-angle-left, .sidebar-menu li>a>.pull-right-container>.fa-angle-left{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);font-size: 26px;color: #768794; margin-top: -6px;}
.skin-blue .sidebar-menu>li>.treeview-menu {margin: 1px 0 0;background: #243440}
.treeview-menu>li>a {padding: 12px 5px 12px 15px}

/*.main-footer{visibility: hidden;}
.skin-blue .wrapper{background-color: #ebebeb}*/

/*Forms*/
.content-header>h1 {font-weight: 600}
.btn-back .h4 {font-weight: 600}
.content-wrapper{background-color: #ebebeb;}
.box-body {padding: 20px 20px}
.box-header {padding: 20px 30px}
.box-footer {padding: 10px 40px;border: 0}
.form-horizontal .control-label {color: #383838;font-size: 14px;font-weight: normal;text-align: left;}
.box .btn{font-weight: bold;min-width: 82px}
.box .btn + .btn{margin-left: 7px}
.box-body legend{border:0;font-size:24px;font-weight:600;font-family:'Open Sans',sans-serif;display:inline-block;position:relative;width:100%;}
.box-body legend span{background-color:#fff;padding-right:15px;display:inline-block;}
.box-body legend:before{content:"";position:absolute;top:18px;left:0;width:100%;height:1px;background:#dadada;z-index:-1}
.box-body fieldset{position:relative;z-index:1}
.box-body fieldset+fieldset{margin-top:15px}
.mb-0 {margin-bottom: 0 !important}

/*Custom File Upload*/
.custom-profile-main{position:relative;display:inline-block}
.custom-profile-main .image-file{width:114px;height:122px;position:relative}
.custom-profile-main input[type="file"]{padding:0;position:relative;margin:0;opacity:0}
.custom-profile-main .image-file{border:1px solid #d2d6de}
.custom-profile-main .image-file-label{position:absolute;margin:0;top:0;overflow: hidden;}
.custom-profile-main input[type="file"], .custom-profile-main .image-file-label, .custom-profile-main .image-file-label .image-container{width:112px;height:120px}
.custom-profile-main .image-file-label img{width:100%;height:100%;object-fit:cover}
.custom-profile-main .image-file-label .image-container{padding:0;text-align:center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.custom-profile-main .image-file-upload-again{position:absolute;top:100%;left:0;width:100%;height:100%;padding-top:50px;text-align:center;font-weight:normal;color:#FFF;background-color:rgba(0,0,0,0.70)}
.custom-profile-main .image-file-label:hover .image-file-upload-again{top:0}
.custom-profile-main .image-file-remove{position:absolute;z-index:1;cursor:pointer;right:0;bottom:0;width:22px;height:22px;background-color:#FFF;color:#999;font-size:24px;font-family:auto;line-height:1;text-align:center}
.file-upload-col.has-error{padding-bottom: 30px;}

/*Custom Radio & CheckBox*/
.admin-custom-radio, .admin-custom-checkbox{padding:0 0 0 22px !important;margin-top: 7px !important;}
.admin-custom-checkbox input[type=checkbox], .admin-custom-radio input[type=radio]{opacity:0;}
.admin-custom-radio .ac-radio-checkmark{position:absolute;width:13px;height:13px;background-color:#FFF;border:1px solid #494949;border-radius:100%;left:0;top:0;margin-top:4px;}
.admin-custom-radio .ac-radio-checkmark:before{content:"";display: none; position:absolute;top:2px;left:2px;border-radius:100%;width:7px;height:7px;background-color:#195481;}
.admin-custom-checkbox input[type=checkbox]:checked ~ .ac-radio-checkmark:before, .admin-custom-radio input[type=radio]:checked ~ .ac-radio-checkmark:before{display: block;}
.admin-custom-checkbox .ac-radio-checkmark{position:absolute;width:20px;height:20px;background-color:#FFF;border:1px solid #d2d6de;left:0;top:0;}
.admin-custom-checkbox .ac-radio-text{padding-left:2px;}
.admin-custom-checkbox .ac-radio-checkmark:before{content:"";display:none;position:absolute;top:1px;left:6px;height:13px;width:6px;border-bottom:2px solid #000;border-right:2px solid #000;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}



/*Tables*/
.table-responsive{
    position: relative;
}
div.dataTables_wrapper div.dataTables_processing{ 
    position: absolute; 
    top: 50px !important; 
    left: 50%;
    /* transform: translate(-50%, -50%); */
    text-align: center; 
    background-color: #b6c8da; 
    padding: 1.5rem 1rem; 
    color: #4a5763; 
    border: 2px solid #FFF; 
    border-radius: .25rem; 
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.20);
    font-size: large;
    font-weight: bold;
    z-index: 99999;
}
.table-responsive-main {display: inline-block;width: 100%}
.box-body table.dataTable td, .box-body table.dataTable th{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.box-body .dataTables_length{margin:0 0 15px}
.box-body .dt-buttons .btn{min-width:auto;padding:5px 10px;margin-bottom:20px}
.box-body div.dataTables_wrapper div.dataTables_filter label{margin-bottom:20px}
.box-body div.dataTables_wrapper div.dataTables_filter input{width:278px}
.box-body .table-bordered{border-color:#e2e2e2;color:#383838;font-family:'Open Sans',sans-serif;margin:0 0 20px !important; width: 100% !important}
.box-body .table-bordered>thead>tr>th,.box-body .table-bordered>tbody>tr>th,.box-body .table-bordered>tfoot>tr>th,.box-body .table-bordered>thead>tr>td,.box-body .table-bordered>tbody>tr>td,.box-body .table-bordered>tfoot>tr>td{border-color:#e2e2e2}
.box-body .table>tbody>tr>td{padding:14px 21px;vertical-align:middle;border-bottom: none;}
.box-body .table>thead>tr>th{padding:8px 21px;white-space: nowrap;vertical-align:middle}
.box-body .action-control{color:#80898f;font-size:20px;line-height:normal;padding:0;}
.box-body .action-control + .action-control{margin-left: 15px}
.box-body .action-control .fa-edit {position: relative;top: 1px}
.box-body .action-control:hover {color: #195481}
.box-body div.dataTables_wrapper div.dataTables_info{width:20%;float:left;font-family:'Open Sans',sans-serif;color:#222d32;}
.box-body div.dataTables_wrapper div.dataTables_paginate{width:80%;float:right;font-family:'Open Sans',sans-serif;}
.box-body .pagination>.active>a,.box-body .pagination>.active>a:focus,.box-body .pagination>.active>a:hover,.box-body .pagination>.active>span,.box-body .pagination>.active>span:focus,.box-body .pagination>.active>span:hover{background-color:#195481;border-color:#195481;color: #ffffff}
.box-body .pagination>li>a{background:#FFF;color:#195481}
.box-body .pagination>li>a:focus,.box-body .pagination>li>a:hover,.box-body .pagination>li>span:focus,.box-body .pagination>li>span:hover{color:#195481;background-color: #eee;border-color: #ddd}
.box-body .pagination>.disabled>a,.box-body .pagination>.disabled>a:focus,.box-body .pagination>.disabled>a:hover,.box-body .pagination>.disabled>span,.box-body .pagination>.disabled>span:focus,.box-body .pagination>.disabled>span:hover{color:#777;background-color:#fff;border-color:#ddd}
.box-body .table>thead>tr>th:last-child,.box-body .table>tbody>tr>td:last-child{white-space: nowrap;text-align:center}

/*boxBodyTopSection*/
.boxBodyTopSection{padding-top:10px;padding-bottom:50px;font-family:'Open Sans', sans-serif;}
.boxBodyTopSection .col-md-4 > div{position:relative;padding-right:15px;}
.boxBodyTopProfile{width:130px;height:122px;border:1px solid #d2d6de; cursor: pointer;}
.boxBodyTopProfile img{width:100%;height:100%;object-fit:cover;}
.user-detail-profile-div{width:160px;height:175px;}
.boxBodyTopSection .col-md-4 > div:after{content:":";position:absolute;top:0;right:0;}
.boxBodyTopGroup{margin-bottom: 24px;float: left;width:100%;}
.boxBodyTopGroup > div{float: left;}
.boxBodyTopGroupTitle{width:44%;/*150px*/;position:relative;padding-right:15px;}
.boxBodyTopGroupTitle:after{content:":";position:absolute;right:0;top:0;}
.boxBodyTopGroupValue{padding-left:20px;/*width: calc(100% - 150px);*/ width: calc(100% - 44%); word-break: break-all;word-break: break-word;font-weight: bold;}

/*Custom Section*/
.box .btn-sm,.btn-sm{font-weight:600;font-family:'Open Sans',sans-serif;font-size:11px;padding:6px 10px}
.custom-sections .box-header{padding:10px 20px}
.custom-sections .btn-back{margin:5px 10px 0 0}
.custom-sections .box-body{padding:20px}
.custom-sections .box-footer{padding:20px}
.accordion-form-main .collapsed > .fa-angle-up:before {content: "\f107";}
.accordion-form-main .panel-group{margin-bottom: 0}
.accordion-form-main .panel-default>.panel-heading{background-color:#FFF;border-color:#d2d6de;padding:0;}
.accordion-form-main{font-family:'Open Sans', sans-serif;}
.accordion-form-main .panel-header{border-top:1px solid #d2d6de;display:inline-block;width:100%;text-align:center;font-size:20px;font-weight:600;padding:10px 20px;}
.accordion-form-main .panel-body{padding:0;}
.accordion-form-main .panel-footer{text-align:center;background-color:#ffffff;padding:0 20px;margin-top:6px;}
.accordion-form-main .panel-footer a{background-color:#FFF;border:1px solid #d2d6de;font-size:15px;padding:1px 17px;display:inline-block;border-radius:5px 5px 0 0;color:#333333;}
.accordion-form-main .panel-footer a:hover{color:#195481;}
.acc-header-inner{display:table;width:100%;font-size:16px;}
.acc-header-inner > div{display:table-cell;vertical-align:middle;padding:4px 20px;}
.acc-header-col1 small{display:block;line-height:22px;}
.acc-header-inner > div.acc-header-col4{width:30px;background-color:#fbfbfb;border-left: 1px solid #d2d6de; padding:0;text-align:center;font-size:24px;}
.acc-header-col4 a{color:#80898f;background-color:#fbfbfb;width:100%;height:100%;display:inline-block;padding:9px 6px;}
.acc-header-col3{text-align:right;}
.acc-header-col1{width:224px;}
/*.acc-header-inner strong{font-weight:600;}*/

/*Conditions Section*/
.conditions-repeater .row{margin-left:-10px;margin-right:-10px;}
.conditions-repeater .row > div[class*="col-"]{padding-left:10px;padding-right:10px;}
.form-condition-header .add-remove-circle{text-align:right;}
.add-remove-circle a{margin-left:10px;margin-top:3px;display:inline-block;}
.add-remove-circle a:hover {opacity: .8}
.conditions-repeater{display:inline-block;width:100%;border:1px solid #d2d6de;font-family:'Open Sans', sans-serif;}
.form-condition-header{display:inline-block;width:100%;padding:20px;background-color:#f8fbfd;border-bottom:1px solid #d2d6de;}
.form-condition-body{display:inline-block;width:100%;padding:20px 20px 5px;}
.form-condition-label{font-weight:normal;}
select.form-control{padding-right:25px;background-image:url('../admin/select-down-arrow.png');background-repeat:no-repeat;background-position:center right 10px;appearance:none;-webkit-appearance:none;-moz-appearance:none;}
.conditions-repeater + .conditions-repeater{margin-top: 20px}


.recent-arrivals-pdf-img{
	position: relative;
	height: 170px;
}

.recent-arrivals-pdf-img img{
	width: auto;
    height: auto;
    position: absolute;
    top: 20px;
    margin: auto;
    left: 0;
    right: 0;
}
.recent-arrivals-preview{
	background: #c0c0c2;
	padding: 5px 10px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #3a3a3b;
	display: inline-block;
	position: absolute;
	bottom: 20px;
	left: -7px;
	right: -7px;
}
.recent-arrivals-preview:before{
	content: '';
    position: absolute;
    bottom: 0px;
    border-left: 7px solid transparent;
    border-right: 0px solid transparent;
    border-top: 10px solid #7e7e80;
    left: 0px;
    bottom: -9px;
}
.recent-arrivals-preview:after{
	content: '';
    position: absolute;
    bottom: 0px;
    border-left: 0px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid #7e7e80;
    right: 0px;
    bottom: -9px;
}
/*Modal*/
/*.modal{padding: 0!important;text-align:center}
.modal:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-4px}
.modal-dialog{font-family: 'Open Sans', sans-serif;display:inline-block;text-align:left;vertical-align:middle}*/
.modal-title{font-size:24px;color:#333;font-weight:600}
.modal-header .close span{font-size:28px;line-height:normal}
.modal-header .close{color:#7f7f7f;opacity:1}
.modal-header{padding:10px 20px;border-bottom-color:#dbdbdb}
.modal-body{padding:20px}
.modal-body .box-body{padding:10px 0}
.modal-body .box-footer{padding:10px 0}
.modal-body .box-footer .btn{min-width:82px;font-weight:bold}
.modal-body .box-footer .btn+.btn{margin-left:7px}

/*Modal Large*/
.modal-lg .modal-header {padding-top: 12px;padding-bottom: 12px}
.modal-lg .modal-body .box-body{padding: 0 0 15px}
.modal-lg .modal-title{font-size:20px;}
.modal-lg .modal-header .close{margin-top:3px;font-family:sans-serif;}
.modal-dialog.modal-lg .modal-content{border-radius:5px;}
.box-body-inner .modal-title{padding:20px 0 15px;display:block;}
.box-body .box-body-inner .table>tbody>tr>td:first-child{min-width: 180px}
.box-body .table-responsive>.table>tbody>tr>td .admin-custom-radio, .box-body .table-responsive>.table>tbody>tr>td .admin-custom-checkbox{margin-top: 0 !important}
.box-body .table>tbody>tr>td.ifAddRemoveBtns, .box-body .table>thead>tr>th.ifAddRemoveBtns{padding-left:0;padding-right:10px;text-align:left;width: 90px;}
.box-body .table>tbody>tr>td.width-100{width:100px;padding:14px 10px;}
.box-body .table>tbody>tr>td.width-80{width:80px;text-align:center;padding:14px 10px;}
.box-body .table>tbody>tr>td.width-250 {width: 250px}
.box-body .table>tbody>tr>td.width-150 {width: 150px}

/*Alert Box*/
.ui-widget-overlay{background:#000;}
.ui-draggable .ui-dialog-titlebar{cursor:default;padding:.5em 1em;}
.ui-dialog .ui-dialog-content h4{font-size:16px;}
.ui-dialog .ui-dialog-buttonpane button{margin:0;min-width:80px;}
.ui-dialog .ui-dialog-buttonpane button + button{margin-left:10px;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{width:100%;}
.ui-dialog .ui-dialog-buttonpane{padding:1rem 1rem;border-top-color:#dbdbdb;margin-top:0;}
.ui-dialog .ui-dialog-buttonpane button{color:#fff !important;background-color:#286090 !important;border-color:#204d74 !important; background: no-repeat;}
.ui-dialog .ui-dialog-buttonpane button:hover, .ui-dialog .ui-dialog-buttonpane button:focus, .ui-dialog .ui-dialog-buttonpane button:active{color:#fff;background-color:#204d74;border-color:#122b40;}


/*Add Remove Icons*/
.fa-minus-square-o{background-image: url('../admin/remove-icon.png')}
.fa-plus-square-o{background-image: url('../admin/add-icon.png')}
.fa-plus-square-o, .fa-minus-square-o {width: 36px;height: 34px;}
.fa-plus-square-o:before, .fa-minus-square-o:before {content: none}
span.help-block{color: #a94442;}
select.input-sm{line-height: 12px;}
.header-hide,.body-hide,.pdf-text-hide{display:none!important;}

/*Admin Custom Dropdown Menu*/
.dropdown-dropup-menu{position: absolute; z-index:99; list-style: none; max-width:200px; background-color:#FFF; margin-left:-150px; margin-top:40px; right: 0; top: 0; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px ; -ms-border-radius:5px; -o-border-radius:5px;font-size:15px;margin-right:-45px;padding:5px 12px;box-shadow:0px 0px 15px 0px rgba(0,0,0,0.30);-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.30);-moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.30);}
.dropdown-dropup-menu>li>a{color:#383838;padding:7px 2px;display: inline-block;width: 100%;}
.dropdown-dropup-menu>li{border-bottom:1px solid #eeeeee;}
.dropdown-dropup-menu>li:last-child{border-bottom:0;}
.dropdown-dropup-menu>li>a:hover,.dropdown-dropup-menu>li>a:focus,.dropdown-dropup-menu>li>a:active{background-color:#FFF;color:#0f426a;}
.dropdown-dropup-menu:before{content:"";position:absolute;top:-13px;right:34px;border-right:solid 11px transparent;border-left:solid 11px transparent;border-bottom:solid 14px #ffffff;}

/*Form View Details*/
.form-view-box > .form-group { display: table;margin-bottom: 8px; width: 100%;}
.form-view-box .col-sm-3,.form-view-box .col-sm-9 { float: none; display: table-cell;vertical-align: middle;}
.form-view-box{float:left;width:100%;}
.form-view-box .col-sm-3{background-color:#efefef;width:40%;padding-top:8px;padding-bottom:8px;}
.form-view-box .col-sm-9{width:60%;padding-top:7px;padding-bottom:7px;margin-bottom: 5px; border:1px solid #efefef;}
.form-view-box .col-sm-9 p{margin-bottom:0;}
.form-view-box .col-sm-9 p + p{margin-top:5px;}
.modal-content-details  .modal-title {font-size: 20px}
.modal-content-details .modal-header .close span {line-height: 1}
.modal-content-details .clearfix ~ .modal-title{margin-top:15px;margin-bottom:5px;}

/*Create Optional Text*/
.input-group-ckeditor > div {float: left; position: relative;}
.input-group-ckeditor1 {width: 30%;}
.input-group-ckeditor2 {width: 70%;}
.input-group-ckeditor {float: left; width: 100%;}
.input-group-ckeditor > div .form-control {padding-left: 55px;}
.input-group-ckeditor > div label {position: absolute;left: 15px; top: 7px;margin: 0;}
.input-group-ckeditor > div.input-group-ckeditor1 .form-control {padding-left: 50px;border-right: 0;}

/*For block UI in ajax request*/
.blockUI.blockOverlay{z-index:9999 !important;background-color:#fff !important;}
.blockUI.blockMsg{border:0 !important;position:absolute;top:50% !important;left:50% !important;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);z-index:9999 !important;background-color:#226599 !important;width:100% !important;min-width:11.75rem;max-width:11.75rem;padding:1.90rem 2.25rem !important;color:#fff !important;font-size:.938rem;text-align:center;border-radius:.25rem;box-shadow:0 5px 5px rgba(0,0,0,0.15);-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.15);-moz-box-shadow:0 5px 5px rgba(0,0,0,0.15);}
/* .modal-dialog.lightbox360 {max-width: 815px !important;} */
.lightbox360 .modal-body{padding:3px;background-color:#FFF;border-radius:4px;}
.lightbox360 .modal-content{background:transparent;border-radius:4px;box-shadow: none;}

.lightbox360 .modal-header{border:0;color:#FFF;padding:0;margin-top:10px;}
.lightbox360 .modal-header .modal-title{font-size:14px;color:#ffffff;line-height:1.7;font-weight:normal;}
.lightbox360 .modal-header .close{text-shadow:none;font-size:0;line-height:0;}
.lightbox360 .modal-header .close span{font-size:50px;font-family:initial;line-height:.8;color:#939393;}
.lightbox360 .ekko-lightbox-nav-overlay a span{padding:0 15px;font-size:40px}
.lightbox360 .ekko-lightbox-nav-overlay a{color:#bdbdbd;opacity:1}
.checkbox-field-btn{min-width: 100px;}
.overrideForm{font-weight: bold;}

input[type="file"] {
    display: none;
}
.custome-file {
    /*border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    */
    cursor: pointer;
    position: absolute;
    float: right;
    text-align: center;
    right: 16px;
    background: #999;
    line-height: 34px;
    top: 0;
    padding: 0;
    width: 20%;
    color: #FFF;
    font-weight: 700;
}
.custome-placeholder{
	color:#a3a3a4;
	font-weight: normal;

}
.custom-file-upload{
	cursor: pointer;
}
.font-weight-bold .control-label{
    font-weight: bold
}
.add-on i{
	display:block;
	cursor:pointer;
	width:16px;
	height:16px;
	position: absolute !important;
	text-align: right !important;
	right: 5% !important;
	top: 20% !important
}
.scane-reuest-subtitle{
	padding: 15px 0px 25px 0px;
}
.wrapper{
	    overflow-y: hidden;
}

.autologin-link{
    width: 100%;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    margin-bottom: 20px;
}

.text-center-bold{
	text-align: center;
	font-weight: bold;
}
.text-center{
	text-align: center;
	font-size: 12px;
}

.text-center-bold input{
	font-weight: bold;	
}

#autologin_url_field {
	border-top-style: hidden;
	border-right-style: hidden;
	border-left-style: hidden;
	border-bottom-style: hidden;
	width: 100%;
	color: #3c8dbc;
	position: absolute;
	
	z-index: -7;
	height: 50px;
	width: 50px;
      /*background-color: #eee;*/
}
.autologin-note{
	color: #195481;
	font-weight: bold;
}
.autologin-note-cover{
	font-size: 14px;
}

.deposit-submit-btn{
	text-align:right;
	padding-top: 10px;
}
.add-deposit-plus-btn{
	font-size: 34px;
	color: green;
	cursor: pointer;
}
.remove-deposit-plus-btn{
	font-size: 34px;
	color: red;
	cursor: pointer;
}

#sections div:nth-child(n+2).section {
	padding-top: 60px;
	border-top: 1px solid #ecebeb;   
}

#sections .fa-minus-circle, #sections .fa-plus-circle{
	padding-top: 10px !important;
}

#deposit-check-table td:nth-child(2){
	word-break: break-all;
}

.dashbord-subtitle{
	width: 100%;
	display: inline-block;
	font-size: 24px;
	color: #333333;
	font-weight: 600;
	margin-bottom: 20px;
}
.dashbord-box-cover{
	margin: 0px -5px;
	display: flex;
	flex-wrap: wrap;
}
.dashbord-box{
	width: 25%;
	float: left;
	padding: 0px 5px;
	    margin-bottom: 40px;
}
.dashbord-box-inner{
	border: 2px solid #000;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	float: left;
	overflow: hidden;
	    position: relative;
    padding-bottom: 25px;

}
.dashbord-box-top{
	padding: 20px;
	width: 100%;
	float: left;
}
.dashbord-box-price{
	font-size: 16px;
	color: #000;
	width: 70%;
	float: left;
	font-weight: 600;

}
.dashbord-box-churn{
	font-size: 16px;
	color: #000;
	width: 100%;
	float: left;
	font-weight: 600;
}
.dashbord-box-icon{
	float: right;
	width: 30%;
	text-align: right;
	padding-top: 10px;
}
.dashbord-box-icon svg{
	max-height: 50px;
	max-width: 50px;
}
.dashbord-box-price span{
	width: 100%;
	float: left;
	font-size: 40px;
	font-weight: bold;
	line-height: 30px;
    margin-bottom: 12px;
}
.dashbord-box-churn span{
	width: 100%;
	float: left;
	font-size: 40px;
	font-weight: bold;
	line-height: 30px;
    margin-bottom: 12px;
}
.dashbord-box-viewmore{
	background: #fff;
	padding: 6px;
	font-size: 13px;
	color: #000;
	text-align: center;
	width: 100%;
	float: left;
	position: absolute;
    float: left;
    bottom: 0;
}
.dashbord-box-viewmore span{
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}
.dashbord-box-viewmore span svg{
	width: 14px;
}
.red-box .dashbord-box-inner{
	border-color: #ff675a;
}
.red-box  .dashbord-box-price{
	color: #ff675a;
}
.green-box .dashbord-box-churn{
	color: #4fae54;
}
.red-box .dashbord-box-viewmore{
	color: #ff675a;
	background: #ffd1cd;
}
.red-box .dashbord-box-icon svg path,.red-box .dashbord-box-viewmore span svg path{
	fill: #F2675C;
}
.drak-green-box .dashbord-box-inner{
	border-color: #00b080;
}
.drak-green-box  .dashbord-box-price{
	color: #00b080;
}
.drak-green-box .dashbord-box-viewmore{
	color: #00b080;
	background: #b2e7d9;
}
.drak-green-box .dashbord-box-icon svg path,.drak-green-box  .dashbord-box-viewmore span svg path{
	fill: #00B080;
}

.drak-blue-box .dashbord-box-inner{
	border-color: #259dbf;
}
.drak-blue-box  .dashbord-box-price{
	color: #259dbf;
}
.drak-blue-box .dashbord-box-viewmore{
	color: #259dbf;
	background: #bde1ec;
}
.drak-blue-box .dashbord-box-icon svg path,.drak-blue-box  .dashbord-box-viewmore span svg path{
	fill: #249DBF;
}
.drak-blue-box .dashbord-box-icon svg{
	max-width: 40px;
}

.yellow-box .dashbord-box-inner{
	border-color: #ff951a;
}
.yellow-box  .dashbord-box-price{
	color: #ff951a;
}
.yellow-box .dashbord-box-viewmore{
	color: #ff951a;
	background: #ffdfba;
}
.yellow-box .dashbord-box-icon svg path,.yellow-box  .dashbord-box-viewmore span svg path{
	fill: #F89422;
}



.purpole-box .dashbord-box-inner{
	border-color: #3f68da;
}
.purpole-box  .dashbord-box-price{
	color: #3f68da;
}
.purpole-box .dashbord-box-viewmore{
	color: #3f68da;
	background: #c5d1f4;
}

.purpole-box .dashbord-box-icon svg path,.purpole-box  .dashbord-box-viewmore span svg path{
	fill: #3f68da;
}

.orange-box .dashbord-box-inner{
	border-color: #ff6630;
}
.orange-box  .dashbord-box-price{
	color: #ff6630;
}
.orange-box .dashbord-box-viewmore{
	color: #ff6630;
	background: #ffd1c0;
}
.orange-box .dashbord-box-icon svg path,.orange-box  .dashbord-box-viewmore span svg path{
	fill: #ff6630;
}

.blue-box .dashbord-box-inner{
	border-color: #0d78ca;
}
.blue-box  .dashbord-box-price{
	color: #0d78ca;
}
.blue-box .dashbord-box-viewmore{
	color: #0d78ca;
	background: #b6d6ef;
}
.blue-box .dashbord-box-icon svg path,.blue-box  .dashbord-box-viewmore span svg path{
	fill: #0d78ca;
}

.green-box .dashbord-box-inner{
	border-color: #4fae54;
}
.green-box  .dashbord-box-price{
	color: #4fae54;
}
.green-box .dashbord-box-viewmore{
	color: #4fae54;
	background: #cae7cb;
}
.green-box  .dashbord-box-viewmore span svg path{
	fill: #4fae54;
}
.light-blue-box .dashbord-box-inner{
	border-color: #40bbec;
}
.light-blue-box  .dashbord-box-price{
	color: #40bbec;
}
.light-blue-box .dashbord-box-viewmore{
	color: #40bbec;
	background: #c5eaf9;
}
.light-blue-box  .dashbord-box-viewmore span svg path{
	fill: #40bbec;
}
.light-purpole-box .dashbord-box-inner{
	border-color: #9c2fb0;
}
.light-purpole-box  .dashbord-box-price{
	color: #9c2fb0;
}
.light-purpole-box .dashbord-box-viewmore{
	color: #9c2fb0;
	background: #e1c0e7;
}
.light-purpole-box  .dashbord-box-viewmore span svg path{
	fill: #9c2fb0;
}

.box-price-inline{
	display: inline-block;
    width: auto !important;
    vertical-align: middle;
    float: none !important;
    margin-right: 5px;
}
.dashbord-box-text-big{
	float: left;
    width: 100%;
    font-size: 25px;
    font-weight: bold;
    line-height: 20px;
}
.add-address-page p{
	font-size: 11px;
    color: #636363;
}
@media (max-width:1599px) {
	.dashbord-box-text-big{
		font-size: 20px;
	}
	.dashbord-box-price{
		font-size: 13px;
	}
}
@media (max-width:1023px) {
	.dashbord-box{
		width: 50%;
	}
}
@media (max-width:567px) {
	.dashbord-box{
		width: 100%;
	}
}
@media screen and (max-width : 420px){
    #card-container .braintree-sheet__content--form .braintree-form__notice-of-collection{
        bottom: -42px !important;
    }
}
.bulk-image-prevew-cls{
	border:1px solid #868080;
	cursor: pointer;
}
.bulk-disabled-cls{
	cursor: not-allowed;
}
#mailMap .select2{
	width: 100% !important;
}
.modal-md{
	max-width: 450px;
}
.custom-note-heading{
	position: absolute;
    top: 18px;
    /* left: 38px; */
}
.custom-note-heading-box{
	position: relative;
}
span.add-chr-block {
    display: block;
    padding-left: 20px;
}
.p-custom-align-center{
	text-align: center;
}
.address-block select.form-control {
    background: none;
}
.box  .address-block .btn + .btn {
    margin: 15px 0 0;
}
/* .address-block > .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
} */
.address-btn-block {
    height: 200px;
    vertical-align: middle;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.clear-both{
	clear: both;
}

/* MAIN CREDIT CARD CONTAINER */
.cardBoxMain .credit-card{margin:0 10px 10px 0;border-radius:7px;width:250px;position:relative;transition:all 0.4s ease;box-shadow:0 2px 4px 0 #cfd7df;min-height:90px;padding:13px;background:#1b2934;color:#efefef;}
.cardBoxMain .credit-card.selectable:hover{box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23);}
/* NUMBER FORMATTING */
.cardBoxMain .credit-card-last4{font-size:24px;}
.cardBoxMain .credit-card-last4:before{content:"**** **** **** ";color:#9f9f9f;font-size:20px;}
.cardBoxMain .credit-card-expiry{font-size:18px;position:absolute;bottom:8px;left:15px;}
.cardBoxMain .credit-card-type{font-size:18px;position:absolute;bottom:8px;right:15px;font-size:14px;}
.cardBoxMain .paypal-email{word-wrap: break-word; }
.cardBoxMain {
    display: flex;
    flex-wrap: wrap;
}

.cardBoxMain .credit-card.credit-card-btn {
    position: relative;
    background-color: #dde1f3;
}

.cardBoxMain .credit-card.credit-card-btn a {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #484848;
}

.cardBoxMain .credit-card.credit-card-btn a i {
    width: 100%;
    font-size: 22px;
}
.form-sq-card-name{
	color: #105880;
    padding: 0 0;
    font-size: 16px;
    font-weight: 400;
	display: block;
    margin: 0;
    width: 100%;
    padding-left: 12px;
}
.text-truncate-header {
    font-weight: normal;
    display: inline-block;
    max-width: 175px;
    margin-right: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: bottom;
}

.word-break-dropdown{
	word-break: break-word;
}
button.btn.btn-primary.custome-btn {
    min-width: auto;
    padding: 5px 10px;
    margin-bottom: 0px;
    font-size: 12px;
    margin-left: 5px;
}
.flash-message {
    display: inline-flex;
    vertical-align: center;
    align-items: center;
    padding: 8px 19px;
    position: fixed;
    top: 5px;
    right: 5px;
    min-width: 200px;
}

.flash-message .close {
    position: static;
    padding-left: 12px;
    order: 2;
    margin-left: auto;
}

.dashbord-header {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 20px;
}
.dashbord-right-calendar {
    float: right;
    margin-bottom: 20px;
}
.dashbord-right-calendar select,.dashbord-right-calendar input{
	width: auto!important;
}
.dashboard-export-div {
    display: table-cell;
    vertical-align: middle;
}
.text-end-float {
    text-align: right;
    float: right;
}
.dashboard-export-div{
	margin-left: 10px;
}
.form-card-info .help-block{
    color: #dc3545;
}
.sq-card-iframe-container{
	height: 48px!important;
}
.failed-reason-data{
	word-break: break-word;
}

.disabled-link{
	cursor: pointer;
    pointer-events:none;
}

#showeppo .dropdown-dropup-menu:before{
	right: initial;
	left: 15px;
}
#showeppo .dropdown-dropup-menu>li>a{
	padding: 7px 2px !important;
}
#showeppo .dropdown-dropup-menu>li>a{
	width: 23%;
}
#showeppo .dropdown-dropup-menu{
	font-size: 20px;
}
#showeppo .action-control{
	color: #80898f;
}
#showeppo .dropdown-dropup-menu>li>a:hover, .dropdown-dropup-menu>li>a:focus, .dropdown-dropup-menu>li>a:active{
	color: #0f426a;
}

.actionClass{
	white-space: nowrap;
    text-align: center;
	cursor: pointer;
}
.file-date{
	background-color:#eee;
	opacity:1;
	font-size: 12px;
}
/* Code for braintree card detail form */
.register-card-detail .braintree-placeholder,.register-card-detail .braintree-sheet__header{
    display: none;
}
.register-card-detail .braintree-sheet{
    
}
.register-card-detail .braintree-sheet__content--form{
    padding: 0px;
    display: flex;
	flex-wrap: wrap;
}
.register-card-detail .braintree-sheet__content--form .braintree-form__field-group{
    padding-left: 0px;
    margin-bottom: 0px;
    width: 100%;
	border-bottom: 1px solid #B5B5B5;
}
.register-card-detail .braintree-sheet__content--form .braintree-form__field-group .braintree-form__label{
    display: none !important;
}
.register-card-detail .braintree-sheet__content--form .braintree-form__field-group.braintree-form__field-group--has-error {
    margin-bottom: 0;
    width: 100%;
    display: inline;
}
.register-card-detail .braintree-sheet__content--form .braintree-form__flexible-fields{
    width: 100%;
}
.register-card-detail{
    margin-bottom: 10px !important;
}
.register-card-detail .braintree-sheet__content--form .braintree-form__flexible-fields .braintree-form__field-group{
    width: 33.33%;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    margin-bottom: 0;
	border-bottom: none;
}
.register-card-detail .braintree-sheet__content--form .braintree-form__field-group .braintree-form__field .braintree-form__hosted-field{
    margin: 0px 0 0;
    padding: 0 8px;
    border: none;
}
.register-card-detail .braintree-sheet__content--form .braintree-form__field-group.braintree-form__field-group--has-error .braintree-form__field-error{
    display:none !important
}
.register-card-detail .braintree-loaded .braintree-sheet__container{
    margin-bottom: 0px !important;
}
.braintree-sheet__content--form .braintree-form__field-group .braintree-form__field label{
	margin: 0;
}

#card-container .braintree-sheet__content--form .braintree-form__field-group .braintree-form__field .braintree-form__hosted-field input::-webkit-input-placeholder { /* Edge */
    color: rgb(0, 0, 0) !important;
    font-size: 15px !important;
    opacity: .6 !important;
}

#card-container .braintree-sheet__content--form .braintree-form__field-group .braintree-form__field .braintree-form__hosted-field input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgb(0, 0, 0) !important;
    font-size: 15px !important;
    opacity: .6 !important;
}
#card-container .braintree-sheet__content--form .braintree-form__field-group .braintree-form__field .braintree-form__hosted-field input{
    font-size: 15px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    color: rgb(0, 0, 0);
}
#card-container .braintree-sheet__content--form .braintree-form__field-group .braintree-form__field .braintree-form__hosted-field input::placeholder {
    color: rgb(0, 0, 0) !important;
    font-size: 15px !important;
    opacity: .6 !important;
}
#card-container .braintree-sheet__content--form .braintree-form__field-group .braintree-form__field label{
    margin: 0;
    vertical-align: top;
}
#card-container .braintree-sheet__content--form .braintree-form__notice-of-collection{
    text-align: left;
    position: absolute;
    color: #36a7d6 !important;
    bottom: -30px;
}
#card-container .braintree-card.braintree-form{
	position: relative;
	margin-bottom: 50px;
}
#card-container .braintree-sheet__content--form .braintree-form__notice-of-collection a{
    color: #36a7d6 !important;
}
#card-container [data-braintree-id="save-card-field-group"] {
    display: none;
}

.register-card-detail .braintree-sheet__content--form > .braintree-form__field-group:first-child{
    width: 100%;
    display: block;
    border-bottom: 1px solid #B5B5B5;
}

.user-detail-action-btns{
	width: 160px;
	margin-top: 10px;
	text-align: center;
}
#showeppo .dropdown-dropup-menu:before{
	right: initial;
	left: 15px;
}
#showeppo .dropdown-dropup-menu>li>a{
	padding: 7px 2px !important;
}
#showeppo .dropdown-dropup-menu>li>a{
	width: 23%;
}
#showeppo .dropdown-dropup-menu{
	font-size: 20px;
}
#showeppo .action-control{
	color: #80898f;
}
#showeppo .dropdown-dropup-menu>li>a:hover, .dropdown-dropup-menu>li>a:focus, .dropdown-dropup-menu>li>a:active{
	color: #0f426a;
}

.actionClass{
	white-space: nowrap;
    text-align: center;
	cursor: pointer;
}
.file-date, .next-charging-date{
	background-color:#eee;
	opacity:1;
	font-size: 12px;
}

/* css for select braintree payment method customised */
.payment-info-section .braintree-options-list {
    display: flex;
    padding-bottom: 10px;
    gap: 15px;
    justify-content: space-between;
}
.payment-info-section .braintree-option {
    border-radius: 16px;
    color: #434343;
    border: 0;
    min-width: 177px;
    justify-content: left;
    background: #fff;
    padding: 9px 0;
    position: relative;
    flex: 1;
}
.payment-info-section .braintree-option:first-child:before {
    content: "Credit Card/Debit Card";
    color: #434343;
    text-align: center;
    position: absolute;
    display: block;
    display: flex;
    align-items: center;
    top: 2px;
    bottom: 0;
    margin: auto;
    font-size: 16px;
    padding-left: 36px;
    text-align: left;
}
.payment-info-section .braintree-option .braintree-option__logo, .payment-info-section .braintree-option.braintree-option__card .braintree-option__logo {
    display: none;
}
.payment-info-section .braintree-option .braintree-option__label {
    width: auto;
    font-family: Open Sans,sans-serif;
    margin-left: 0;
    height: 28px;
    font-size: 0;
}
.payment-info-section .braintree-option__paypal {
    background: url(../img/PayPal-New.svg) no-repeat;
    background-position: 36px;
}
.payment-info-section .braintree-options {
    display: block;
    height: inherit;
    opacity: 1;
    visibility: visible;
}
.payment-info-section .braintree-large-button, .payment-info-section [data-braintree-id=other-ways-to-pay], .payment-info-section [data-braintree-id=methods-label] {
    display: none;
}
.payment-info-section .braintree-option.active {
    border-color: #1c5d83;
    color: #1c5d83;
    background-color: transparent   ;
}
.payment-info-section .braintree-upper-container:before {
    border: none!important;
}
.payment-info-section .braintree-option::after {
    background: url(../img/radio-unchecked.png);
    content: '';
    height: 27px;
    width: 27px;
    position: absolute;
    background-repeat: no-repeat;
}
.payment-info-section .braintree-option.active::after {
    background: url(../img/radio-checked.png);
}
.modal-header .close {
    color: #7f7f7f;
    opacity: 1;
    position: absolute;
    right: 18px;
    top: 9px;
}
.modal-header .close {
    margin-top: -2px;
}
button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity = 20);
    opacity: .2;
}
textarea.form-control {
    height: auto;
}
@media (min-width: 768px){
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
        max-width: 600px;
    }
}
/* end css for select braintree payment method customised */

/* For refund history popup */
#refundHistory .modal-dialog{
	min-width: 750px;
}


.select2-container--open .select2-dropdown {
    left: 0;
    z-index: 99999;
}
.modal-dialog form{
    width:100%;
}
.boxBodyTopProfile-cover{
    width: 160px;
    margin-bottom: 15px;
}

@media (max-width:767px) {
    .dt-buttons{
        margin-bottom: 10px;
        display: inline-block;
        text-align: right;
        width: 100%;
    }
    .box-body div.dataTables_wrapper div.dataTables_filter input{
        margin-left: 0px;
        margin-bottom: 10px !important;
    }
    .box-body div.dataTables_wrapper div.dataTables_filter select.form-control{
        margin-left: 0px;
        margin-bottom: 10px;
    }
}

.action-text-center{
    text-align: center;
}
.login-activity-btn{
    color: #FFFFFF;
    font-weight: bold;
    background-color: #80B54B;
    padding: 5px 10px;
    border-radius: 5px;
    
}
.logout-activity-btn{
    color: #FFFFFF;
    font-weight: bold;
    background-color: #D3453B;
    padding: 5px 10px;
    border-radius: 5px;
}
.inbox-tab-list .nav-tabs .nav-link{
    background-color: #dee1e8;
    margin-right: 10px;
    color: #000;
}
.inbox-tab-list .nav-tabs .nav-link.active{
    background-color: #125582;
    color: #fff;
}
.proecss-dropdown{
    box-shadow: 0px 2px 4px  1px rgba(0,0,0,.4)
}
.proecss-dropdown li a{
    font-size: 15px;
    font-weight: 600; 
    color: #222;
    padding-bottom: 5px;
    padding-top: 5px;
}
.proecss-dropdown li{
    border-bottom: 1px solid #ddd;
}
.proecss-dropdown li:last-child{
    border-bottom: none;
}

.alert-msg{
    border-radius: 5px;
    padding: 15px;;
}
.padding-left-0{
    padding-left: 0 !important;
}

.assign-bulk-upload-mail-popup{
    max-width: 1450px;
    width: 1450px;
}
.mail-preview-section{
    border: 1px solid #ededed;
    padding: 5px 10px 10px;
}
.mail-preview-section img{
    width: 100%;
    max-width: 100%;
}
.mail-preview-text-section{
    padding: 5px 10px 5px 10px;
    border-left: 1px solid #ededed;
    border-top: 1px solid #ededed;
    border-right: 1px solid #ededed;
}
#tbl-advance-search_filter{
    /* float: left !important; */
    display: flex;
    width: 45%;
    justify-content: end;
    align-items: center;
}
#tbl-advance-search{
    width: 100% !important;
}

#tbl-advance-search_filter input{
    /* min-width: 300px; */
}
.assign-mail-btn{
    text-align: right;
}

.saperate-shadow{
    margin: 20px -22px;
    box-shadow: 0px 2px 4px 2px rgba(0,0,0,0.05);
    width: calc(100% + 40px);
    display: inline-block;
    height: 2px;
}
#startRange, #endRange{
    max-width: 200px;
    
}

.search-smb{
    cursor: pointer;
}
.advance-search-btn{
    /* position: absolute;
    left: 39%; */
}
.reset-advance-btn{
    margin-left: 5px;
}
.text-left{
    text-align: left !important;
}
#tbl-advance-search_filter .select2{
    text-align: left;
}

.hidden-cls{
    display: none;
}
.shred-request-confirmation{
    /* font-size: 10px; */
    color: red;
}
.shred-request-confirmed{
    /* font-size: 10px; */
    color: green;
}

/* report not found page */
.search-page-main {
    padding-top: 5.75rem;
    display: inline-block;
    width: 100%;
}
.search-page-container {
    max-width: 74.5rem;
    margin: 0 auto;
}
.search-page-row {
    display: table;
    width: 100%;
}
.search-page-row>div
{
    display: table-cell;
    vertical-align: top;
}
.error-page-content .search-page-inner {
    text-align: center;
}
.search-result-header {
    padding-top: 0.75rem;
    position: relative;
    display: inline-block;
    width: 100%;
    padding-bottom: 1.125rem;
    margin-bottom: 2.5rem;
}

.search-result-header h1, .search-result-header p strong {
    font-weight: 700;
}
.search-result-header p {
    font-size: 2.3rem;
    color: #3b454f;
}
.error-page-content .search-result-header:after {
    left: 50%;
    margin-left: -4.8125rem;
}
/* .search-result-header:after {
    content: "";
    width: 10rem;
    height: 0.778rem;
    position: absolute;
    bottom: 0;
    background: linear-gradient(to right, #1c5d83 0, #1c5d83 44%, #40bbec 100%);
} */
.search-result-content {
    display: inline-block;
    width: 100%;
}
.download-report-btn{
    font-weight: 600;
    font-size: 20px;
    display: inline-block;
    min-width: 11.875rem;
    text-align: center;
    border-radius: 0.5rem;
    padding: 0.66rem 1.4rem;
    cursor: pointer;
}

.download-report-btn:focus{
    background-color: #195481 !important;
    color: #FFFFFF !important;
}
#switch-smb-modal .select2{
	width: 100% !important;
}