/*General css start*/
html, body, *, *:after, *before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { font-size: 16px; line-height: 23px; color: #2C3035; font-family: 'NunitoSans'; background-color: #f2f5fa; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-top: 70px; }
img { max-width: 100%; /*image-rendering: crisp-edges; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; -ms-interpolation-mode: nearest-neighbor;*/ }
ul { list-style-type: none; }
a { color: #2C3035; }
a:hover, a:active, a:focus, button:focus, button:hover, button:active, .btn.focus, .btn:focus { outline: none; box-shadow: none; text-decoration: none; cursor: pointer; }
a:hover, a:active, a:focus { color: #f59f3f; }
input:focus, input:active { outline: 0; }
#scroll { position: fixed; right: 10px; bottom: 10px; cursor: pointer; width: 50px; height: 50px; text-indent: -9999px; display: none; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; z-index: 9; background: #2C3035; }
#scroll span { height: 12px; width: 12px; border-left: 2px solid #ffffff; border-top: 2px solid #ffffff; transform: rotate(45deg); position: absolute; bottom: 0; left: 0; right: 0; margin: 43% auto 0; top: 0; }
.material-icons { font-size: 24px; color: #4E5867; vertical-align: middle; }
.btm-arrow, .top-arrow { position: relative; }
/* .btm-arrow:after, .top-arrow:after { position: absolute; content: ""; height: 8px; width: 8px; border-top: 8px solid #ffffff; top: 5px; right: 0; margin: auto; border-right: 8px solid #2C3035; transform: rotate(45deg); } */
.top-arrow:after { border-right: 8px solid #ffffff; border-top: 8px solid #2C3035; top: 10px; }

/*General css end*/

/*css for form start*/
.form-group { margin-bottom: 15px; }
.form-control { padding: 10px; border: 1px solid #D7DCE3; border-radius: 4px; color: #2C3035; font-size: 17px; line-height: 23px; height: 44px; }
.form-control::-webkit-input-placeholder { color: #2C3035; opacity: 1; }
.form-control::-moz-placeholder { color: #2C3035; opacity: 1; }
.form-control:-ms-input-placeholder { color: #2C3035; opacity: 1; }
.form-control:-moz-placeholder { color: #2C3035; opacity: 1; }
.custom-checkbox .custom-control-label:before { border-radius: 2px; border-color: #4E5867; }
.custom-control-input:checked ~ .custom-control-label:before { border-color: #4E5867; background-color: #4E5867; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after { background-image: none; height: 11px; width: 6px; transform: rotate(45deg); border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff; top: 5px; left: -19px; }
.custom-control-label { cursor: pointer; }
.form-control:focus { color: #2C3035; border-color: #D7DCE3; box-shadow: none; }

/*css for form end*/

/*General class start*/
.white-clr { color: #ffffff !important; }
.general-clr { color: #2C3035 !important; }
.blue-clr { color: #2E4384 !important; }
.orange-clr { color: #F59F3F !important; }
.gray-clr { color: #4E5867 !important; }
.body-bg { background-color: #F2F5FA !important; }
.white-bg { background-color: #ffffff !important; }
.general-bg { background-color: #2C3035 !important; }
.blue-bg { background-color: #2E4384 !important; }
.orange-bg { background-color: #F59F3F !important; }
.gray-bg { background-color: #4E5867 !important; }
.lg-font { font-size: 24px !important; line-height: 32px !important; }
.md-font { font-size: 20px !important; line-height: 30px !important; }
.body-font { font-size: 17px !important; line-height: 23px !important; }
.md-small-font { font-size: 16px !important; line-height: 22px !important; }
.small-font { font-size: 14px !important; line-height: 19px !important; }
.xs-font { font-size: 13px !important; line-height: 18px !important; }
.radius { border-radius: 21px; }
.xx-bold { font-family: 'NunitoSans-black'; }
.extra-bold { font-family: 'NunitoSans-eb'; }
.bold { font-family: 'NunitoSans-bold'; }
.semi-bold { font-family: 'NunitoSans-sb'; }
.normal { font-family: 'NunitoSans'; }
.light { font-family: 'NunitoSans-lg'; }
.extra-lighht { font-family: 'NunitoSans-el'; }
.secondary-font { font-family: 'Poppins-bold'; }

/*General class end*/

/*css for button start*/
.btn { background-color: #2E4384; color: #ffffff; border: 1px solid #2E4384; font-size: 17px; line-height: 23px; padding: 10px 20px; border-radius: 21px; }

.btn, .btn:focus, .btn:active, .btn:hover { font-size: 17px; line-height: 23px; text-align: center; color: #ffffff; border-radius: 50px; padding: 9px 25px; }
.btn:focus, .btn:active, .btn:hover { opacity: 0.8; }
.btn-transparent, .btn-transparent:focus, .btn-transparent:active, .btn-transparent:hover { background-color: transparent; color: #2C3035; border: 1px solid; }
.btn-blue { color: #2E4384; border-color: #2E4384; }
.btn-blue:focus, .btn-blue:active, .btn-blue:hover { color: #ffffff; background-color: #2E4384; border-color: #2E4384; opacity: 1; }
.btn-blue-fill, .btn-blue-fill:hover, .btn-blue-fill:focus, .btn-blue-fill:active { background-color: #2E4384; border: 1px solid #2E4384; }
.btn-square, .btn-square:hover, .btn-square:focus, .btn-square:active { border-radius: 4px; }
.btn-general, .btn-general:focus, .btn-general:active, .btn-general:hover { background-color: #2C3035; color: #ffffff; }
.btn .material-icons.md-font { line-height: 20px !important; }

.btn-bordered { background-color: #ffffff; color: #2E4384; }
.btn-bordered:hover, .btn-bordered:active { background-color: #2E4384; color: #ffffff; }
/* .btn-bordered {
    background-color: #ffffff;
    color: #2E4384;
}
.btn-bordered:hover, .btn-bordered:active {
    background-color: #2E4384;
    color: #ffffff;
} */
/*css for button end*/

/*css for header start*/
header .navbar { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); padding: 13px 0 12px; }
.sidebar-icon { height: 40px; width: 40px; margin-right: 9px; padding: 10px; position: relative; }
.sidebar-icon span { height: 2px; background-color: #F59F3F; display: block; position: relative; top: 50%; transform: translateY(-50%); width: 15px; }
.sidebar-icon span:before, .sidebar-icon span:after { position: absolute; content: ""; height: 2px; left: 0; right: 0; margin: auto; width: 15px; top: -4px; background-color: #F59F3F; }
.sidebar-icon span:after { top: auto; bottom: -4px; }
.navbar-expand-lg .navbar-nav .nav-link { padding-left: 20px; padding-right: 20px; }
.navbar-expand-lg .navbar-nav .nav-link.btn { padding-left: 25px; padding-right: 25px; }
.dropdown-toggle { border: none; }
.dropdown-toggle:after { margin-bottom: -2px; margin-left: 10px; }
header .dropdown-menu { width: 100%; border: none; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); padding: 0; }
header .dropdown-menu .dropdown-item { padding: 14px 15px; }
header .dropdown-menu .dropdown-item + .dropdown-item { border-top: 1px solid #D7DCE3; }
.dropdown-menu .dropdown-item { color: #2C3035; font-size: 17px; }
.dropdown-menu{overflow-x: auto;}
.dropdown-item:focus, .dropdown-item:hover { color: #16181b !important; background-color: #f8f9fa !important; }

/*css for header end*/

/*css for sidebar start*/
.sidebar { position: fixed; left: 0; top: 70px; background: #fff; height: calc(100vh - 70px); overflow: auto; width: 350px; border-right: 1px solid #D7DCE3; transition: all 0.5s ease; padding: 20px 14px 20px 8px; z-index: 9999;}
.sidebar-hide .sidebar { left: -360px; }
.sidebar .sub-menu { display: none; }
.sidebar > ul > li > a { padding: 17px 8px; display: block; border-top: 1px solid #D7DCE3; font-family: 'Poppins-medium'; }
.sidebar li { position: relative; }
/* .sidebar li span { position: absolute; height: 24px; width: 24px; text-align: center; top: 18px; right: 10px; cursor: pointer; }
.sidebar li span:after { position: absolute; content: ""; height: 8px; width: 8px; border-right: 2px solid #4E5867; top: 5px; right: 0; margin: auto; border-bottom: 2px solid #4E5867; transform: rotate(45deg); left: 0; }
.sidebar li span.close-menu:after { transform: rotate(-135deg); top: 10px; } */
.reset-filter { transform: rotateX(180deg); transform-origin: center; margin: -3px 0 0 0; }
.sidebar .sub-menu { padding: 0 8px; }

/*css for sidebar end*/

/*css for right side start*/
.right-sec { width: 100%; transition: padding 0.5s ease; padding: 25px 15px 25px 365px; }
.sidebar-hide .right-sec { padding-left: 15px; }

/*css for right side end*/

/*table css start*/

/*Table pagination css start*/
.pagination { align-items: center; }
.pagination span { white-space: nowrap; }
.pagination a:not([href]):not([tabindex]), .pagination .paginate_button { height: 34px; width: 34px; line-height: 34px; text-align: center; display: inline-block; vertical-align: top; border-radius: 100%; margin: 2px 3px 2px 2px; color: #2C3035; }
.pagination .paginate_button.current, .pagination .paginate_button:hover { background-color: #D7DCE3; }
.pagination .paginate_button i { line-height: 34px; }
.pagination .previous { transform: rotateY(180deg); }
.disabled { opacity: 0.5; pointer-events: none; }
.table-top-panel .btn-transparent { padding: 4px 25px; }
/*Table pagination css end*/
.table thead th { border: none; color: #4E5867; font-family: 'NunitoSans-sb'; font-size: 16px; line-height: 22px; white-space: nowrap; }
.table tbody td { color: #2C3035; font-family: 'NunitoSans'; font-size: 16px; line-height: 22px; }
.table tbody tr:last-child td { border-bottom: 1px solid #dee2e6; }

/*table css end*/

/*modal opens from right side css start*/
.modal.right { right: -100%; -webkit-transition: right 0.5s ease; -moz-transition: right 0.5s ease; -o-transition: right 0.5s ease; transition: right 0.5s ease; left: auto; }
.modal-open .modal.right { right: 0; -webkit-transition: right 0.5s ease; -moz-transition: right 0.5s ease; -o-transition: right 0.5s ease; transition: right 0.5s ease; }
.modal.right .modal-content { height: 100%; overflow-y: auto; border: none; border-radius: 0; box-shadow: 0 10px 4px 0 rgb(215, 220, 227); padding-top: 51px; }
.modal.right .modal-content.header-lg { padding-top: 71px; }
.header-lg .modal-header { padding: 10px 20px; }
.modal.right .modal-dialog { position: fixed; margin: auto; width: 100%; height: 100%; -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); right: -100%; -webkit-transition: right 0.5s ease-out; -moz-transition: right 0.5s ease-out; -o-transition: right 0.5s ease-out; transition: right 0.5s ease-out; }
.modal.right.show .modal-dialog { right: 0; }
.modal-header { padding: 13px 20px; border-bottom: 1px solid #D7DCE3; background-color: #F2F5FA; }
.modal.right .modal-header { position: absolute; top: 0; right: 0; z-index: 4; }
.modal-title { font-size: 16px; line-height: 22px; color: #2C3035; font-family: 'NunitoSans-bold'; }
.modal-header .close { padding: 0; height: 24px; width: 24px; margin: 0; color: #4E5867; opacity: 1; }
.modal-xl.modal-dialog { max-width: 1200px; }
.modal-lg.modal-dialog { max-width: 900px; }
.modal-md.modal-dialog { max-width: 768px; }
.modal-sm.modal-dialog { max-width: 500px; }
.modal-xl.modal-dialog .modal-header { max-width: 1200px; width: 100%; }
.modal-lg.modal-dialog .modal-header { max-width: 900px; width: 100%; }
.modal-md.modal-dialog .modal-header { max-width: 768px; width: 100%; }
.modal-sm.modal-dialog .modal-header { max-width: 500px; width: 100%; }
.modal.right .modal-xl .modal-body { padding: 0 15px; }
.modal.right .modal-body { overflow: auto; }
.control-label { color: #4E5867; font-size: 16px; line-height: 19px; margin-bottom: 5px; }
.display-info { color: #2C3035; font-size: 16px; line-height: 22px; margin: 0; }
.cus-badge { padding: 3px 17px; }
.modal-backdrop + .modal-backdrop { display: none; }
.modal-open .main + .modal { z-index: -1; }

/*modal opens from right side css end*/

/*affilliate css start*/
.affilliate .sidebar { width: 300px; }
.affilliate .sidebar > ul > li > a { font-family: 'NunitoSans'; padding: 15px 21px; }
.affilliate .sidebar > ul > li:first-child > a { border-top: none; }
.affilliate .sidebar > ul > li > a.active { background-color: #F2F5FA; }
.affilliate .right-sec { padding: 25px 15px 25px 315px; }
.nav-tabs .nav-item .nav-link { border: none; color: #4E5867; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-item .nav-link:hover, .nav-tabs .nav-link.active { border-bottom: 1px solid #FFA63E; color: #FFA63E; }
.nav-tabs .nav-item { margin: 0; }
.stat-sec .box { min-width: 190px; }
.note-sec { border: 1px solid rgba(245, 159, 63, 0.5); border-radius: 4px; background-color: rgba(245, 159, 63, 0.1); padding: 10px 20px; }
.share-page .right-sec { min-height: calc(100vh - 80px); }
.share-act-btn-wrapper .btn { padding: 7px 25px; }
.share-content { max-width: 400px; width: 100%; }

/*affilliate css end*/
.single-col { padding: 50px 25px 30px; }
.search-box { width: 631px; max-width: 100%; border: 1px solid #D7DCE3; border-radius: 4px; background-color: #FFFFFF; padding: 35px 15px 45px; }


/*User account css start*/
.user-img-wrapper { height: 120px; width: 120px; margin: auto; }
.user-img-wrapper img { height: 100%; width: 100%; object-fit: cover; }
.user-img-wrapper input, .user-img-wrapper .custom-file-label { height: 100%; width: 100%; }
.user-img-wrapper .custom-file-label:after { display: none; }
.user-img-wrapper.custom-file label:before { position: absolute; content: ""; background-image: url("../img/edit-profile.svg"); height: 32px; width: 32px; z-index: 2; top: calc(100% - 32px); left: calc(100% - 32px); cursor: pointer; }

.account-info { margin-top: 25px; }
.right-sec-customer{width: 100%;
    transition: padding 0.5s ease;
    padding: 25px 15px 25px 35px;}
    .sidebar-hide .right-sec {
        padding-left: 15px;
    }
.required{color: #dc3545;}

.tbl-mssql-add td,.tbl-mssql-add th{padding:1.5rem;vertical-align:top;border-top:1px solid #dee2e6}
/*User account css end*/
.invalid-year{width: 100%; margin-top: .25rem; font-size: 80%; color: #dc3545;}
/* .form-group.row.validate:after { margin-top: 45px; } */
.error-help-block{color:#dc3545}
.btn-secondary:hover{background-color: #2E4384;border-color: #2E4384;}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle{background-color: #2E4384;border-color: #2E4384;}
.table-responsive{height: 100%;overflow-x: inherit;}
.btn-action{margin: -45px 0px 0px 38px;}
.settings-form{padding:22px;}
.settings-form-input{height: 37px !important;}
.wrapper_1::after {
    content: "";
    background-color: rgba(0,0,0,.1);
    position: absolute;
    width: 1px;
    height: 300px;
    top: 10px;
    left: 98%;
    display: block;
  }
  .wrapper_2::after {
    content: "";
    background-color: rgba(0,0,0,.1);
    position: absolute;
    width: 1px;
    height: 200px;
    top: 10px;
    left: 98%;
    display: block;
  }
  .category-image{
    padding: 0px 0px 0px 0px;
    border: 1px solid rgba(0,0,0,.1);
    margin-top: 19px;
  }
  .scrollable option{
    min-height:190px;
    overflow-y :auto;
    overflow-x:hidden;
    position:absolute;
    width:300px;
  }
  #loading {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #fff url('http://littleshare.xpertprint.in/img/loader.gif') no-repeat center center;
    z-index: 9999;
    }
/* .common-class:first-letter{text-transform: capitalize;} */