:root{
    --main-color:#f05133;
}

/* General */
body{color:#595d6e;}
.main-color{color:rgba(var(--main-color),1);}
.text-danger{color:red !important;}
.kt-badge.kt-badge--danger{background-color: #ff3a3a;}
.btn.btn-default, .btn.btn-default:hover{background-color: #4B87F7;color: white !important;border: unset;}
.btn.btn-default i{color: white !important;}
.btn:focus, .btn.focus{box-shadow: 0 0 0 0.2rem rgba(var(--main-color), 0.25);}
.dropdown-menu{z-index: 99999;}
.blockUI.blockMsg.blockPage { z-index: 999999 !important; }

/* Layaout */
.kt-aside{width: 220px !important;}
.kt-aside--minimize .kt-aside{width: 70px !important;}
.kt-aside--fixed .kt-wrapper{padding-left: 220px;}
#codeigniter_profiler{padding-left: 220px !important;}

/* Top header */
.kt-pulse.kt-pulse--brand .kt-pulse__ring{border-color:rgba(var(--main-color), 0.8);}
.kt-notification .kt-notification__item:hover .kt-notification__item-details .kt-notification__item-title,
.kt-header .kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--quick-panel .kt-header__topbar-icon i{color:rgba(var(--main-color), 1)}
.kt-aside__brand-logo img {position: absolute;top: 9px;left: 50%;transform: translate(-50%, 0);}

/* Menu */
.kt-menu__item .flaticon-dashboard:before{font-weight: 700 !important;}

.kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link .kt-menu__link-icon,
.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-icon,
.kt-aside-menu .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__link .kt-menu__link-icon,
.kt-aside--minimize .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link > .kt-menu__link-icon,
.kt-aside--minimize .kt-aside-menu .kt-menu__nav > .kt-menu__item:hover > .kt-menu__link > .kt-menu__link-icon { color: #fff!important; } 

.kt-aside-menu .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__link .kt-menu__link-text,
.kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--open > .kt-menu__link .kt-menu__link-text,
.kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__link .kt-menu__link-text { color: #fff; }

.kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item > .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot > span { background-color: #593ae1!important; }
.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__heading .kt-menu__link-bullet.kt-menu__link-bullet--dot > span, .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot > span { background-color: #593ae1; opacity: 0.5; }
.kt-aside-menu .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__heading .kt-menu__link-bullet.kt-menu__link-bullet--dot > span, .kt-aside-menu .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot > span { background-color: #593ae1; }

/* Dashboard */
.kt-iconbox--wave--brand{background-color: rgba(93, 120, 255, 0.07) !important}
.kt-iconbox--wave--success{background-color: rgba(10, 187, 135, 0.07) !important;}
.kt-iconbox--wave--warning{background-color: rgba(255, 184, 34, 0.07) !important}
.kt-iconbox--wave--danger{background-color: rgba(253, 57, 122, 0.07) !important}

/* table */
table thead,table tbody{text-align: center;}
div.dataTables_wrapper div.dataTables_filter{float: right;}
.table-bordered th, .table-bordered td{font-weight: normal;}
table .btn.btn-clean:hover{background-color: transparent;}
table thead tr,
.dataTables_wrapper .pagination .page-item.active > .page-link,
.dataTables_wrapper .pagination .page-item.previous > .page-link:hover, .dataTables_wrapper .pagination .page-item.next > .page-link:hover, .dataTables_wrapper .pagination .page-item.last > .page-link:hover, .dataTables_wrapper .pagination .page-item.first > .page-link:hover,
.dataTables_wrapper .pagination .page-item:hover > .page-link{background: rgba(var(--main-color),1);}
table thead tr th{color:white !important;background-color: #593ae1 !important;}
table tbody tr td a.btn.btn-clean:hover i{color:rgba(var(--main-color),1) !important;}
.dataTables_wrapper .pagination .page-item.next > .page-link,
.dataTables_wrapper .pagination .page-item.previous > .page-link{background-color: rgba(var(--main-color),.5);}
.dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before{top: 25% !important;}
.table-large-wit th, .table-large-wit td {padding: 1rem .5rem !important;font-size: 14px !important;}
.dataTables_filter label{display: block !important;}
.dataTables_filter label input{font-size: 14px;margin-left: 0em !important;}

/* Form */
.form-group label{font-size:1.2rem !important;}
.form-group input, .form-group button, .form-group select, .form-group textarea, .form-group a{font-size:1rem !important}
.form-control.disabled, .form-control.readonly { background-color: #f7f8fa; opacity: 1; }
.form-group label.my_col-form-label {padding-top: 0px !important;}

/* Filters*/
.kt-portlet__head-actions .datepicker{width: 100% !important;}
.kt-portlet__head-actions button{font-size:14px;}

/* Notification */
.kt-quick-panel .kt-quick-panel__close:hover{background-color: rgba(var(--main-color),1);}

/*Sweet Alert */
.swal2-styled.swal2-confirm{background-color: red;color:white;}
button.swal2-confirm.btn-primary.swal2-styled{background-color: #5867dd !important;color:white;}

/* Plugin - Morris*/
.morris-hover{z-index: 1;}

/* Plugin - Select2 */
.select2 { width: 100%!important; }

/* Summernote */
.note-editor .note-toolbar .note-btn-group .btn { color: #74788d!important; }
.note-editor .note-toolbar .note-btn-group .btn i { color: #74788d!important; }
.note-group-image-url { display: none!important; }

/* Page login */
.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__actions .kt-login__link-forgot:hover,
.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__head .kt-login__signup-link{color:rgba(var(--main-color),1)}
.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__actions .kt-login__link-forgot:hover::after,
.kt-link:hover::after{border-bottom: 1px solid rgba(var(--main-color),1);}

/* Footer */
.kt-footer .kt-footer__copyright .kt-link:hover{color:rgba(var(--main-color),1);}

/* Dashboard */
.box{color:#fff;width:100%;height:200px;-webkit-box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.3);box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.3);}
.box h2{margin-right:15px;}
.box-blue{background-color:#5d78ff;}
.box-blue:hover{background-color:#FFF;border:1px solid #5d78ff;color:#5d78ff;}
.box-green{background-color:#0abb87;}
.box-green:hover{background-color:#FFF;border:1px solid #0abb87;color:#0abb87;}
.box-red{background-color:#ff3a3a;}
.box-red:hover{background-color:#FFF;border:1px solid #ff3a3a;color:#ff3a3a;}
.box-yellow{background-color: #ffb822;}
.box-yellow:hover{background-color:#FFF;border:1px solid #ffb822;color:#ffb822;}
.box-pink{background-color: #fd397a;}
.box-pink:hover{background-color:#FFF;border:1px solid #fd397a;color:#fd397a;}
.box-orange{background-color:rgba(250, 146, 61, 0.8);}
.box-orange:hover{background-color:#FFF;border:1px solid #f05133;color:#f05133;}

/* Map */
#map{height:500px;}
.gm-style .gm-style-iw-c{padding-top: 25px !important; padding-left: 20px !important; padding-right: 5px !important;}

/* Pad Signature */
.signature-pad {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;font-size: 10px;width: 100%;height: 285px;max-width: 700px;max-height: 460px;border: 1px solid #e8e8e8;background-color: #fff;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;border-radius: 4px;padding: 16px;margin-left:0px;}
.signature-pad--body {position: relative;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;border: 1px solid #f4f4f4;}
.signature-pad--body canvas {position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 4px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;}
.signature-pad--footer {color: #C3C3C3;text-align: center;font-size: 1.2em;margin-top: 8px;}
.signature-pad--actions {margin-top: 8px;}
.signature-pad--actions #btn-clear{/*width: 100%;*/float:left;}
.signature-pad--actions #btn-save{float:right;}

/* Datepicker */
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {background: lightgray !important;}
.datepicker thead th.prev:hover, .datepicker thead th.datepicker-switch:hover, .datepicker thead th.next:hover {background: lightgray !important;}

/* Select */
.bootstrap-select.form-control-sm .dropdown-toggle{padding: 0.5rem 0.5rem !important;}

/* Invoice */
.kt-invoice-2 .kt-invoice__head{padding:40px 0px !important;}
.kt-invoice-2 .kt-invoice__body{padding:2rem 0 !important;}
.kt-invoice-2 .kt-invoice__foot{padding:2rem 0 !important;}
.kt-invoice-2 .kt-invoice__head .kt-invoice__items{margin-top: 20px !important;}

/* Daterangepicker */
.daterangepicker select{color: #ebedf2 !important;}
.daterangepicker .drp-calendar th.next span, .daterangepicker .drp-calendar th.prev span{border-color: #ebedf2 !important;}

/* Swal */
.swal2-container.swal2-shown{z-index: 9999999999 !important;}

@media (min-width:992px) and (max-width:1024px){

    /* Layaout */
    .kt-aside--enabled .kt-header.kt-header--fixed{left: unset;}
    .kt-aside--fixed .kt-wrapper{padding-left: unset;}
}
@media (min-width:768px) and (max-width:991px){

    /* Layaout */
    .kt-aside--enabled .kt-header.kt-header--fixed{left: unset;}
    .kt-aside--fixed .kt-wrapper{padding-left: unset;}
}
@media (min-width:320px) and (max-width:767px){

    /* table */
    div.dataTables_wrapper div.dataTables_filter{float: unset;}
    div.dataTables_wrapper div.dataTables_info {white-space: unset;}
    .dataTables_filter label input{width: 100% !important;}
    .table-sm th, .table-sm td {padding: .75rem !important;}
    .dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before {top: 50% !important;}

    /* Layaout */
    .kt-aside--enabled .kt-header.kt-header--fixed{left: unset;}
    .kt-aside--fixed .kt-wrapper{padding-left: unset;}

    /* Dashboard */
    .box{height:150px;}
    .box h2{font-size: 1.5rem;}
    .box i{font-size: 3em !important;}

    /* Pad Signature */
    .signature-pad {height: 285px;}

    /* Profiles */
    #codeigniter_profiler {padding-left: 10px !important;}
}