/*menambahkan class agar tombol atau link,ketika mouse di hover tidak berubah cursornya*/
.nohover{
    cursor: unset;
}

/*menambahkan class agar tombol atau link,ketika mouse di hover tidak berubah cursornya*/
.hover{
    cursor: pointer;
}

.width-statusperiksa{
    width:170px;
}

.default-icon{
    font-size:15px;
}

.overflow-x{
    overflow-x: scroll;
}

.btn-blue {
    color: #ffffff;
    background-color: #0072bc;
    border-color: #0072bc;
}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active,
.open .dropdown-toggle.btn-blue {
    color: #ffffff;
    background-color: #005993;
    border-color: #004d7f;
}
.btn-blue:active,
.btn-blue.active,
.open .dropdown-toggle.btn-blue {
    background-image: none;
}
.btn-blue.disabled,
.btn-blue[disabled],
fieldset[disabled] .btn-blue,
.btn-blue.disabled:hover,
.btn-blue[disabled]:hover,
fieldset[disabled] .btn-blue:hover,
.btn-blue.disabled:focus,
.btn-blue[disabled]:focus,
fieldset[disabled] .btn-blue:focus,
.btn-blue.disabled:active,
.btn-blue[disabled]:active,
fieldset[disabled] .btn-blue:active,
.btn-blue.disabled.active,
.btn-blue[disabled].active,
fieldset[disabled] .btn-blue.active {
    background-color: #0072bc;
    border-color: #0072bc;
}
.btn-blue .badge {
    color: #0072bc;
    background-color: #ffffff;
}
.btn-blue > .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff !important;
}
.btn-blue.dropdown-toggle {
    border-left-color: #005c98;
}
.btn-blue.btn-icon {
    position: relative;
    padding-right: 39px;
    border: none;
}
.btn-blue.btn-icon i {
    background-color: #005993;
    padding: 6px 6px;
    font-size: 12px;
    line-height: 1.42857143;
    border-radius: 3px;
    -webkit-border-radius: 0 3px 3px 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 3px 3px 0;
    -moz-background-clip: padding;
    border-radius: 0 3px 3px 0;
    background-clip: padding-box;
}
.btn-blue.btn-icon.icon-left {
    padding-right: 12px;
    padding-left: 39px;
}
.btn-blue.btn-icon.icon-left i {
    float: left;
    right: auto;
    left: 0;
    -webkit-border-radius: 3px 0 0 3px !important;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px 0 0 3px !important;
    -moz-background-clip: padding;
    border-radius: 3px 0 0 3px !important;
    background-clip: padding-box;
}
.btn-blue.btn-icon.btn-lg {
    padding-right: 55px;
}
.btn-blue.btn-icon.btn-lg.icon-left {
    padding-right: 16px;
    padding-left: 55px;
}
.btn-blue.btn-icon.btn-lg i {
    padding: 10px 10px;
    font-size: 15px;
    line-height: 1.33;
    border-radius: 3px;
}
.btn-blue.btn-icon.btn-sm {
    padding-right: 36px;
}
.btn-blue.btn-icon.btn-sm.icon-left {
    padding-right: 10px;
    padding-left: 36px;
}
.btn-blue.btn-icon.btn-sm i {
    padding: 5px 6px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 2px;
}
.btn-blue.btn-icon.btn-xs {
    padding-right: 32px;
}
.btn-blue.btn-icon.btn-xs.icon-left {
    padding-right: 10px;
    padding-left: 32px;
}
.btn-blue.btn-icon.btn-xs i {
    padding: 2px 6px;
    font-size: 10px;
    line-height: 1.5;
    border-radius: 2px;
}
.btn-red {
    color: #ffffff;
    background-color: #d42020;
    border-color: #d42020;
}
.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active,
.open .dropdown-toggle.btn-red {
    color: #ffffff;
    background-color: #b11b1b;
    border-color: #9f1818;
}
.btn-red:active,
.btn-red.active,
.open .dropdown-toggle.btn-red {
    background-image: none;
}
.btn-red.disabled,
.btn-red[disabled],
fieldset[disabled] .btn-red,
.btn-red.disabled:hover,
.btn-red[disabled]:hover,
fieldset[disabled] .btn-red:hover,
.btn-red.disabled:focus,
.btn-red[disabled]:focus,
fieldset[disabled] .btn-red:focus,
.btn-red.disabled:active,
.btn-red[disabled]:active,
fieldset[disabled] .btn-red:active,
.btn-red.disabled.active,
.btn-red[disabled].active,
fieldset[disabled] .btn-red.active {
    background-color: #d42020;
    border-color: #d42020;
}
.btn-red .badge {
    color: #d42020;
    background-color: #ffffff;
}
.btn-red > .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff !important;
}
.btn-red.dropdown-toggle {
    border-left-color: #b51b1b;
}
.btn-red.btn-icon {
    position: relative;
    padding-right: 39px;
    border: none;
}
.btn-red.btn-icon i {
    background-color: #b11b1b;
    padding: 6px 6px;
    font-size: 12px;
    line-height: 1.42857143;
    border-radius: 3px;
    -webkit-border-radius: 0 3px 3px 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 3px 3px 0;
    -moz-background-clip: padding;
    border-radius: 0 3px 3px 0;
    background-clip: padding-box;
}
.btn-red.btn-icon.icon-left {
    padding-right: 12px;
    padding-left: 39px;
}
.btn-red.btn-icon.icon-left i {
    float: left;
    right: auto;
    left: 0;
    -webkit-border-radius: 3px 0 0 3px !important;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px 0 0 3px !important;
    -moz-background-clip: padding;
    border-radius: 3px 0 0 3px !important;
    background-clip: padding-box;
}
.btn-red.btn-icon.btn-lg {
    padding-right: 55px;
}
.btn-red.btn-icon.btn-lg.icon-left {
    padding-right: 16px;
    padding-left: 55px;
}
.btn-red.btn-icon.btn-lg i {
    padding: 10px 10px;
    font-size: 15px;
    line-height: 1.33;
    border-radius: 3px;
}
.btn-red.btn-icon.btn-sm {
    padding-right: 36px;
}
.btn-red.btn-icon.btn-sm.icon-left {
    padding-right: 10px;
    padding-left: 36px;
}
.btn-red.btn-icon.btn-sm i {
    padding: 5px 6px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 2px;
}
.btn-red.btn-icon.btn-xs {
    padding-right: 32px;
}
.btn-red.btn-icon.btn-xs.icon-left {
    padding-right: 10px;
    padding-left: 32px;
}
.btn-red.btn-icon.btn-xs i {
    padding: 2px 6px;
    font-size: 10px;
    line-height: 1.5;
    border-radius: 2px;
}
.btn-orange {
    color: #ffffff;
    background-color: #ff9600;
    border-color: #ff9600;
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.open .dropdown-toggle.btn-orange {
    color: #ffffff;
    background-color: #d67e00;
    border-color: #c27200;
}
.btn-orange:active,
.btn-orange.active,
.open .dropdown-toggle.btn-orange {
    background-image: none;
}
.btn-orange.disabled,
.btn-orange[disabled],
fieldset[disabled] .btn-orange,
.btn-orange.disabled:hover,
.btn-orange[disabled]:hover,
fieldset[disabled] .btn-orange:hover,
.btn-orange.disabled:focus,
.btn-orange[disabled]:focus,
fieldset[disabled] .btn-orange:focus,
.btn-orange.disabled:active,
.btn-orange[disabled]:active,
fieldset[disabled] .btn-orange:active,
.btn-orange.disabled.active,
.btn-orange[disabled].active,
fieldset[disabled] .btn-orange.active {
    background-color: #ff9600;
    border-color: #ff9600;
}
.btn-orange .badge {
    color: #ff9600;
    background-color: #ffffff;
}
.btn-orange > .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff !important;
}
.btn-orange.dropdown-toggle {
    border-left-color: #db8100;
}
.btn-orange.btn-icon {
    position: relative;
    padding-right: 39px;
    border: none;
}
.btn-orange.btn-icon i {
    background-color: #d67e00;
    padding: 6px 6px;
    font-size: 12px;
    line-height: 1.42857143;
    border-radius: 3px;
    -webkit-border-radius: 0 3px 3px 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 3px 3px 0;
    -moz-background-clip: padding;
    border-radius: 0 3px 3px 0;
    background-clip: padding-box;
}
.btn-orange.btn-icon.icon-left {
    padding-right: 12px;
    padding-left: 39px;
}
.btn-orange.btn-icon.icon-left i {
    float: left;
    right: auto;
    left: 0;
    -webkit-border-radius: 3px 0 0 3px !important;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px 0 0 3px !important;
    -moz-background-clip: padding;
    border-radius: 3px 0 0 3px !important;
    background-clip: padding-box;
}
.btn-orange.btn-icon.btn-lg {
    padding-right: 55px;
}
.btn-orange.btn-icon.btn-lg.icon-left {
    padding-right: 16px;
    padding-left: 55px;
}
.btn-orange.btn-icon.btn-lg i {
    padding: 10px 10px;
    font-size: 15px;
    line-height: 1.33;
    border-radius: 3px;
}
.btn-orange.btn-icon.btn-sm {
    padding-right: 36px;
}
.btn-orange.btn-icon.btn-sm.icon-left {
    padding-right: 10px;
    padding-left: 36px;
}
.btn-orange.btn-icon.btn-sm i {
    padding: 5px 6px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 2px;
}
.btn-orange.btn-icon.btn-xs {
    padding-right: 32px;
}
.btn-orange.btn-icon.btn-xs.icon-left {
    padding-right: 10px;
    padding-left: 32px;
}
.btn-orange.btn-icon.btn-xs i {
    padding: 2px 6px;
    font-size: 10px;
    line-height: 1.5;
    border-radius: 2px;
}
.btn-gold {
    color: #846e20;
    background-color: #fcd036;
    border-color: #fcd036;
}
.btn-gold:hover,
.btn-gold:focus,
.btn-gold:active,
.btn-gold.active,
.open .dropdown-toggle.btn-gold {
    color: #846e20;
    background-color: #fbc70e;
    border-color: #f1bc04;
}
.btn-gold:active,
.btn-gold.active,
.open .dropdown-toggle.btn-gold {
    background-image: none;
}
.btn-gold.disabled,
.btn-gold[disabled],
fieldset[disabled] .btn-gold,
.btn-gold.disabled:hover,
.btn-gold[disabled]:hover,
fieldset[disabled] .btn-gold:hover,
.btn-gold.disabled:focus,
.btn-gold[disabled]:focus,
fieldset[disabled] .btn-gold:focus,
.btn-gold.disabled:active,
.btn-gold[disabled]:active,
fieldset[disabled] .btn-gold:active,
.btn-gold.disabled.active,
.btn-gold[disabled].active,
fieldset[disabled] .btn-gold.active {
    background-color: #fcd036;
    border-color: #fcd036;
}
.btn-gold .badge {
    color: #fcd036;
    background-color: #846e20;
}
.btn-gold > .caret {
    border-top-color: #846e20;
    border-bottom-color: #846e20 !important;
}
.btn-gold.dropdown-toggle {
    border-left-color: #fbc813;
}
.btn-gold.btn-icon {
    position: relative;
    padding-right: 39px;
    border: none;
}
.btn-gold.btn-icon i {
    background-color: #fbc70e;
    padding: 6px 6px;
    font-size: 12px;
    line-height: 1.42857143;
    border-radius: 3px;
    -webkit-border-radius: 0 3px 3px 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 3px 3px 0;
    -moz-background-clip: padding;
    border-radius: 0 3px 3px 0;
    background-clip: padding-box;
}
.btn-gold.btn-icon.icon-left {
    padding-right: 12px;
    padding-left: 39px;
}
.btn-gold.btn-icon.icon-left i {
    float: left;
    right: auto;
    left: 0;
    -webkit-border-radius: 3px 0 0 3px !important;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px 0 0 3px !important;
    -moz-background-clip: padding;
    border-radius: 3px 0 0 3px !important;
    background-clip: padding-box;
}
.btn-gold.btn-icon.btn-lg {
    padding-right: 55px;
}
.btn-gold.btn-icon.btn-lg.icon-left {
    padding-right: 16px;
    padding-left: 55px;
}
.btn-gold.btn-icon.btn-lg i {
    padding: 10px 10px;
    font-size: 15px;
    line-height: 1.33;
    border-radius: 3px;
}
.btn-gold.btn-icon.btn-sm {
    padding-right: 36px;
}
.btn-gold.btn-icon.btn-sm.icon-left {
    padding-right: 10px;
    padding-left: 36px;
}
.btn-gold.btn-icon.btn-sm i {
    padding: 5px 6px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 2px;
}
.btn-gold.btn-icon.btn-xs {
    padding-right: 32px;
}
.btn-gold.btn-icon.btn-xs.icon-left {
    padding-right: 10px;
    padding-left: 32px;
}
.btn-gold.btn-icon.btn-xs i {
    padding: 2px 6px;
    font-size: 10px;
    line-height: 1.5;
    border-radius: 2px;
}
.btn-black {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
}
.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
}
.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black {
    background-image: none;
}
.btn-black.disabled,
.btn-black[disabled],
fieldset[disabled] .btn-black,
.btn-black.disabled:hover,
.btn-black[disabled]:hover,
fieldset[disabled] .btn-black:hover,
.btn-black.disabled:focus,
.btn-black[disabled]:focus,
fieldset[disabled] .btn-black:focus,
.btn-black.disabled:active,
.btn-black[disabled]:active,
fieldset[disabled] .btn-black:active,
.btn-black.disabled.active,
.btn-black[disabled].active,
fieldset[disabled] .btn-black.active {
    background-color: #000000;
    border-color: #000000;
}
.btn-black .badge {
    color: #000000;
    background-color: #ffffff;
}
.btn-black > .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff !important;
}
.btn-black.dropdown-toggle {
    border-left-color: #000000;
}
.btn-black.btn-icon {
    position: relative;
    padding-right: 39px;
    border: none;
}
.btn-black.btn-icon i {
    background-color: #000000;
    padding: 6px 6px;
    font-size: 12px;
    line-height: 1.42857143;
    border-radius: 3px;
    -webkit-border-radius: 0 3px 3px 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 3px 3px 0;
    -moz-background-clip: padding;
    border-radius: 0 3px 3px 0;
    background-clip: padding-box;
}
.btn-black.btn-icon.icon-left {
    padding-right: 12px;
    padding-left: 39px;
}
.btn-black.btn-icon.icon-left i {
    float: left;
    right: auto;
    left: 0;
    -webkit-border-radius: 3px 0 0 3px !important;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px 0 0 3px !important;
    -moz-background-clip: padding;
    border-radius: 3px 0 0 3px !important;
    background-clip: padding-box;
}
.btn-black.btn-icon.btn-lg {
    padding-right: 55px;
}
.btn-black.btn-icon.btn-lg.icon-left {
    padding-right: 16px;
    padding-left: 55px;
}
.btn-black.btn-icon.btn-lg i {
    padding: 10px 10px;
    font-size: 15px;
    line-height: 1.33;
    border-radius: 3px;
}
.btn-black.btn-icon.btn-sm {
    padding-right: 36px;
}
.btn-black.btn-icon.btn-sm.icon-left {
    padding-right: 10px;
    padding-left: 36px;
}
.btn-black.btn-icon.btn-sm i {
    padding: 5px 6px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 2px;
}
.btn-black.btn-icon.btn-xs {
    padding-right: 32px;
}
.btn-black.btn-icon.btn-xs.icon-left {
    padding-right: 10px;
    padding-left: 32px;
}
.btn-black.btn-icon.btn-xs i {
    padding: 2px 6px;
    font-size: 10px;
    line-height: 1.5;
    border-radius: 2px;
}
.btn-white {
    color: #303641;
    background-color: #ffffff;
    border-color: #ffffff;
    border-color: #ebebeb;
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
    color: #303641;
    background-color: #ebebeb;
    border-color: #e0e0e0;
}
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
    background-image: none;
}
.btn-white.disabled,
.btn-white[disabled],
fieldset[disabled] .btn-white,
.btn-white.disabled:hover,
.btn-white[disabled]:hover,
fieldset[disabled] .btn-white:hover,
.btn-white.disabled:focus,
.btn-white[disabled]:focus,
fieldset[disabled] .btn-white:focus,
.btn-white.disabled:active,
.btn-white[disabled]:active,
fieldset[disabled] .btn-white:active,
.btn-white.disabled.active,
.btn-white[disabled].active,
fieldset[disabled] .btn-white.active {
    background-color: #ffffff;
    border-color: #ffffff;
}
.btn-white .badge {
    color: #ffffff;
    background-color: #303641;
}
.btn-white > .caret {
    border-top-color: #303641;
    border-bottom-color: #303641 !important;
}
.btn-white.dropdown-toggle {
    border-left-color: #ededed;
}
.btn-white.btn-icon {
    position: relative;
    padding-right: 39px;
    border: none;
}
.btn-white.btn-icon i {
    background-color: #ebebeb;
    padding: 6px 6px;
    font-size: 12px;
    line-height: 1.42857143;
    border-radius: 3px;
    -webkit-border-radius: 0 3px 3px 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 3px 3px 0;
    -moz-background-clip: padding;
    border-radius: 0 3px 3px 0;
    background-clip: padding-box;
}
.btn-white.btn-icon.icon-left {
    padding-right: 12px;
    padding-left: 39px;
}
.btn-white.btn-icon.icon-left i {
    float: left;
    right: auto;
    left: 0;
    -webkit-border-radius: 3px 0 0 3px !important;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px 0 0 3px !important;
    -moz-background-clip: padding;
    border-radius: 3px 0 0 3px !important;
    background-clip: padding-box;
}
.btn-white.btn-icon.btn-lg {
    padding-right: 55px;
}
.btn-white.btn-icon.btn-lg.icon-left {
    padding-right: 16px;
    padding-left: 55px;
}
.btn-white.btn-icon.btn-lg i {
    padding: 10px 10px;
    font-size: 15px;
    line-height: 1.33;
    border-radius: 3px;
}
.btn-white.btn-icon.btn-sm {
    padding-right: 36px;
}
.btn-white.btn-icon.btn-sm.icon-left {
    padding-right: 10px;
    padding-left: 36px;
}
.btn-white.btn-icon.btn-sm i {
    padding: 5px 6px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 2px;
}
.btn-white.btn-icon.btn-xs {
    padding-right: 32px;
}
.btn-white.btn-icon.btn-xs.icon-left {
    padding-right: 10px;
    padding-left: 32px;
}
.btn-white.btn-icon.btn-xs i {
    padding: 2px 6px;
    font-size: 10px;
    line-height: 1.5;
    border-radius: 2px;
}

.form-section {
    color: #2c343b;
    line-height: 3rem;
    font-weight: 500;
    margin-bottom: 20px;
    border-bottom: 1px solid #E4E5EC;
    font-family: "Quicksand", Georgia, "Times New Roman", Times, serif!important;
}

table thead th {
    text-align: center!important;
    vertical-align: middle!important;
}
.form-control {
    display: block;
    width: 100%;
    height: calc(1em + 1.25rem + 2px);
    padding: 0.75rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    color: #4e5154;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #babfc7;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 
}

form .form-actions {
    border-top: none;
    padding: 20px 0;
    margin-top: 20px; 
}

.ui-autocomplete-input {
    border-top-left-radius: 1.5em!important; 
    border-bottom-left-radius: 1.5em!important;
}

.text-dialog {
    border-top-left-radius: 1.5em!important; 
    border-bottom-left-radius: 1.5em!important;
}

.btn-dialog {
    padding:6px;
    cursor: pointer;  
    border-top-right-radius: 1.5em!important; 
    border-bottom-right-radius: 1.5em!important;
}

.separator{
    border: 1px solid #E4E5EC!important;
}

.nav.nav-tabs.nav-top-border .nav-item a {
    color: #1e9ff2!important; 
}
.nav.nav-tabs.nav-top-border .nav-item a.nav-link.active {
    border-top: 3px solid #1e9ff2!important;
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
    color: #555!important; 
}

.modal-header button {
    float: right!important;
    text-align: center;
}

.modal-header h4 {
    float: left!important;
    text-align: left!important;
}

.round {
    border-radius: 1.5rem!important;
}

.kv-date-picker{
    border-top-right-radius: 1.5em!important; 
    border-bottom-right-radius: 1.5em!important;
}

.danger{
    vertical-align: top!important;
}
.col-form-label {
    text-align: right;
}

.modal-header{
    display: block !important;
}

.additional-label{
    vertical-align: middle;
    height: 33.5px;
    display: table-cell;
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: static !important;
    background: #fff;
    float: right !important;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1em + 1.25rem + 2px);
    padding: 0.75rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    color: #4e5154;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #babfc7;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 
}

.form-group {
    margin-bottom: 0.5rem!important;
}