.ibox_title_btn_right{
    min-width:120px;
    margin-top:-7px;
}
.breadcrumb{
    padding:20px 10px 16px 15px;
}
.page-heading{
    padding:0 10px 10px;
}
.col-form-label{
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}
.help-block {
    color:#b7b3b3;
}

.bootstrap-touchspin > span > button{
    margin-bottom: 0px !important
}
.text-gray{
    color:#A9A9A9;
}

.dataTables_wrapper	{
    padding-bottom:10px;
}
.in-ex-clude span {
    float:right!important;
    margin-right: 15px;
}

#enroll-form .row .enroll-block { margin-top: 20px;}
#enroll-form .row .enroll-block .enroll-block-title { margin-bottom: 20px;}

.content-desktop {display: block;}
.content-mobile {display: none;}
/* .modal-block-first, .modal-block-second { margin-top:15px;} */
.modal-block-first { border-right: 1px #e7eaec solid;}

/*.skin-md-skin.app-title { color: aliceblue;}*/
.skin-md-skin.app-title { color: #384d9f;}
/*.skin-md-skin.user-role { color: aliceblue;}*/

.noticement {
    font-size:1em;
    line-height:1.1em;
    color:#31498d;
    background-color:rgb(0,0,0,0);
    padding:0em;
    width:80%;
}

@media screen and (max-width: 768px) {

    .content-desktop {display: none;}
    .content-mobile {display: block;}
    .fs-12-mobile {font-size: 12px;}
    .minimalize-styl-2 { margin-left: 2px;}
    .wrapper-content { padding: 0px 0px 40px;}
    .wrapper-content .row .col-md-12 { padding-left:2px; padding-right:2px;}
    .wrapper-content .row .col-md-12 .ibox .ibox-title { padding: 0px 0px 0px; min-height: 0px;}
    .wrapper-content .row .col-md-12 .ibox .ibox-content { padding: 5px 5px 2px;}
    .page-heading { padding: 0px 5px 0px;}
    .page-heading .col-sm-10 { padding-left: 0px;}
    .page-heading .col-sm-10 .breadcrumb { padding: 5px 0px 5px 0px;}
    #enroll-form .row .enroll-block { margin-top: 0px;}
    #enroll-form .row .enroll-block .enroll-block-title { margin-bottom: 10px;}
    .inmodal .modal-header {padding: 10px;}
    .inmodal .modal-body { padding: 10px;}
    .inmodal .modal-footer { text-align: center;}
    .modal-half-left { border-right: none;}
    #page-wrapper .wrapper .tabs-container{ margin-left:0px; margin-right:-15px;}
    .panel-collapse .panel-body { padding:5px;}
    div.dataTables_wrapper div.dataTables_filter input { width:100px;}
    .modal-block-first { border-right: none;}
}

.disabled-select {
    background-color: #d5d5d5;
    opacity: 0.5;
    border-radius: 3px;
    cursor: not-allowed;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
    background: #eee;
    box-shadow: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow,
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
    display: none;
}

body.mini-navbar .fa {
    display: none !important;
}

body.mini-navbar .nav-label {
    display: inline !important;
    font-size: 0.7em;
}

.word-break-all {
    word-break: break-all;
}

.bg-danger {
    background-color: rgb(251 67 37) !important;
}

.bg-gray {
    background-color: gray !important;
}

.bg-green {
    background-color: greenyellow !important;
}

.bg-yellow {
    background-color: yellow !important;
}

.bg-orange {
    background-color: rgb(238, 176, 19) !important;
}

.bg-light-blue {
    background-color: rgb(6, 197, 178) !important;
}

.bg-subject-drop {
    background-color: #FFFFCD !important;
}

.bg-subject-exit {
    background-color: hwb(39 0% 0%);
}

.bg-subject-finish {
    background-color: #B4EEB4;
}