.mt10 { margin-top: 10px !important;  }
.w58 { width: 58% !important; }
.w90 { width: 90% !important; }
.w100 { width: 100% !important; }

.form-group label { font-weight: 600 !important; /*color: #f41820 !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: #f41820 !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 #f15a2c !important; }
.dropdown-menu-right { width: 140px !important;}

.ctm-table td { padding: 5px 11px !important; }
.ctm-table th { padding: 10px 11px !important; }
.table.table-bordered thead tr, .table.table-bordered thead th { font-weight: 900 !important; color: #f41820 !important; 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: #f41820 !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 { /*border: 1px solid #f41820 !important;*/ 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; }

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

/** RIGHTSIDE FORM AREA **/
.form-main-area{position: fixed; top: 0px; right: -1000px; width: 900px; 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; }
.subheader-fixed.aside-minimize .subheader { background: #f41820; 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; }