.mt10 { margin-top: 10px !important;  }
.w58 { width: 58% !important; }
.w90 { width: 90% !important; }
.w100 { width: 100% !important; }
.mt-10 { margin-top: -10px !important; }
.mt-16 { margin-top: -16px !important; }
.ml14 { margin-left: 14px !important; }
.mb30 { margin-bottom: 30px; !important; }

.center { text-align: center !important; }

/*html, body { font-size: 12px !important; }*/
.form-group label { font-weight: 600 !important; /*color: #fe6e70 !important;*/ font-size: 13px !important; }
.form-group .form-text { font-size: 1rem !important; font-weight: 500 !important; }
.text-dark, .text-dark-50, .text-dark-75 { color: #fe6e70 !important; }
.ml-3, .mx-3 { font-weight: 500 !important; }

.is-invalid, .is-invalid + .select2 { border: 2px solid #e50119 !important; border-radius: 0.42rem !important; }
.switch_database_li:hover { cursor: pointer; }
.btn-dropdown-switch-database { width: auto !important;padding-left: 15px !important; padding-right: 15px !important;border: 1px solid #fe6e70 !important; }
.dropdown-menu-right { width: 140px !important;}

/*.ctm-table td { padding: 5px 11px !important; }
.ctm-table th { padding: 10px 11px !important; }*/
.ctm-table td { padding: 3px 10px !important; }
.ctm-table th { padding: 8px 11px !important; }

.table.table-bordered thead tr, .table.table-bordered thead th { font-weight: 900 !important; color: #fe6e70 !important; /*font-size: 1.2rem;*/ font-size: 1rem; text-transform: uppercase !important; }

/*.card.card-custom > .card-header .card-title, .card.card-custom > .card-header .card-title .card-label { font-weight: 600 !important; color: #fe6e70 !important; text-transform: uppercase !important; }
.aside-menu .menu-nav > .menu-item > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item > .menu-link .menu-text { font-weight: 500 !important; font-size: 1.0rem !important; }
.form-control, .ctm-fc, .select2 { box-shadow: 0px 2px 3px #ccc !important; border-radius: 6px !important; } */
.dataTables_filter, .dataTables_info { display: none; }
.text-dark-75 { font-weight: 600 !important; }

.input-group > .form-control { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.input-group-append { /*box-shadow: 0px 2px 3px #ccc !important; border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important;*/ }
.invalid-feedback { font-size: 1rem !important; font-weight: 500 !important; }
.validation_error{color: #e50119 !important;font-size: 1rem !important;font-weight: 500 !important;}
/*.item_repeat_div{border: 1px dashed;padding-bottom: 15px;padding-top: 15px;}*/
.item_repeat_div{    background: #e3f2fd; padding: 10px 15px !important; border: #64b5f6 1px solid; border-radius: 6px;}
.item_repeat_div .form-group{margin: 0px}
.item_repeat_div .form-group label{font-size: 11px !important; margin: 0 0 3px 0;}


/** SCROLL BAR **/
::-webkit-scrollbar { width: 3px; }
::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; /*border-radius: 10px;*/ }
::-webkit-scrollbar-thumb { background: #fe6e70; /*border-radius: 10px;*/ }
::-webkit-scrollbar-thumb:hover { background: #fe6e70; }
/** END **/

/** RIGHTSIDE FORM AREA **/
.form-main-area{position: fixed; top: 0px; right: -1000px; width: 700px; background: #fff; height: 100%; z-index: 1111; -webkit-box-shadow: -30px 0px 69px 0px rgba(0,41,113,0.30); -moz-box-shadow: -30px 0px 69px 0px rgba(0,41,113,0.30); box-shadow: -30px 0px 69px 0px rgba(0,41,113,0.30); transition: all .5s ease;}
.form-main-area.active{opacity: 1; right: 0px; transition: all .5s ease; }
.form-main-area .popup-title{display: flex; justify-content: space-between; padding: 20px; border-bottom: #e8e8e8 1px solid; font-size: 18px; font-weight: 700; color: #000; line-height: 20px; position: relative;z-index: 1}
.form-main-area .form-block{padding: 20px; overflow-y: auto; overflow-x: hidden; scroll-behavior: smooth; position: absolute; top: 60px; bottom: 74px; left: 0; width: 100%;}
.form-main-area .form-block h4{font-size: 18px; font-weight: 700; margin-bottom: 20px}
.form-main-area .btn-fixed{position: absolute; bottom: 0px; display: flex; width: 100%; padding: 15px; background: #fff}
.form-main-area .btn-fixed .btn{display: block; width: 100%;}

.black-fade{background: #000; position: fixed; top: 0px; right:-100%; width: 100%; height: 100%; z-index: 111; opacity: 0; transition: all .5s ease;}
.black-fade.active{ right: 0px; opacity: 0.5; transition: all .5s ease;}

@media (max-width: 767px) {
	.form-main-area { width: 100%; }
}
/** END **/

.select2-results__option[aria-selected=true] { display: none; }
#date_time   { position: absolute;top: 0;right: 0;margin: 1%; } 

.subheader-fixed.aside-minimize .subheader{background: #fe6e70; color: #fff;}
.subheader-fixed.aside-minimize .subheader h5{color: #fff !important;}
.subheader-fixed.aside-minimize .subheader .breadcrumb .breadcrumb-item a{color: #fff !important; opacity:0.7}

.limit-block ul {margin: 0px; padding: 0px; list-style: none;}
.limit-block ul li{font-size: 13px; display: flex; justify-content: space-between; background: #e7fff0; padding: 6px 15px !important; border: #b3f3cb 1px solid; border-radius: 6px; margin-bottom: 5px; color: green;}
.limit-block ul li.debit{background: #ffe9e9; border: #efb9b9 1px solid; color:#b52c2c;}

.total-area{background: #e7fff0; padding: 15px !important; border: #b3f3cb 1px solid; width: 360px; float: right; border-radius: 6px; margin-bottom: 15px}
.total-area .float-right{font-weight: 700; line-height: 38px; margin:0px;}
.md-0{margin-bottom: 0px}
.md-5{margin-bottom: 8px}

.btn-dropdown-switch-database .icon{margin-left: 10px; margin-right: -5px}
.btn-dropdown-switch-database{color:#fe6e70 !important; font-weight: 700}

.creditnote-block {display: flex; justify-content: space-between; align-items: center; border: #fe6e70 1px solid;padding: 10px; border-radius: 6px; margin-top: 10px;}
.creditnote-block label {margin: 0px !important; font-weight: 700;}
.hidden-button {display: none !important;}
td:hover .hidden-button {display: inline-block !important;}


/** timer **/
.header .date-time-box { background: #e7fff0; text-align: left; border: none; position: relative; font-size: 14px;
    color: #272727; line-height: 24px; font-weight: 700; padding: 12px 15px 9px 45px; border-radius: 5px; margin-top: 10px; }
.header .date-time-box i { position: absolute; top: 0px; left: 0px; width: 45px; color: #fe6e70; height: 45px; font-size: 30px; text-align: center; line-height: 45px; }

.menu-item.active {background-color: #f0f0f0;}
.menu-item.active {background-color: #f0f0f0;}
.brand, .header-mobile { background-color: #F3F6F9 !important; }
.aside-menu .menu-nav > .menu-item > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item > .menu-link .menu-text { font-weight: 500 !important; }

.site-content-area{width: 100%; height: 200px; border: 1px solid #E4E6EF; border-radius: 0.42rem;}
.site-preview{height: 90% !important; width: 100% !important; object-fit:contain;}

/************************************************ CUSTOM LABEL ************************************************/
.label.label-green { color: #ffffff; background-color: #15a120; }
.label.label-yellow { color: #000; background-color: #ebeb5d; }
.label.label-white { color: #000; background-color: #edecf1; }
.label.label-inline.label-md { padding: 1rem 0.9rem !important; }

.switch.switch-outline.switch-green input:checked ~ span:after { color: #ffffff; background-color: #15a120; }
.switch.switch-outline.switch-green input:checked ~ span:before { border: 2px solid #15a120; background-color: transparent; }

.btn.btn-light-ctm {
    color: #fe6e70;
    background-color: #E3C1EB;
    border-color: transparent;
}

.search_filter_btn, .empty_db, .reset_filter_btn, .export_xls, .export_pdf {
    border-color: #c32322 !important;
    background: linear-gradient(90deg, #c32322 0%, rgba(195, 35, 34, 0.75) 100%) !important;
}