.hidden {
    display: none !important;
}

.fit {
    width:1px;
}

.nowrap {
    white-space: nowrap;
}

.form-group label {
    font-weight: 600;
}

.alert.alert-custom .alert-icon {
    align-items: start;
}

.hint-block {
    color: #B5B5C3;
    font-size: small;
}


#modal-universe-full .modal-footer,
#modal-universe-xlarge .modal-footer,
#modal-universe-large .modal-footer,
#modal-universe-small .modal-footer,
#modal-universe .modal-footer {
    margin: 35px -22px -22px -22px !important;
    background: #fafafa;
}
.modal-content {
    overflow: hidden;
}
.modal-backdrop
{
    opacity:0.5 !important;
}

@media (min-width: 992px) {
    .modal-full {
        max-width: 95%;
    }
}

@media (min-width: 1280px) {
    .modal-full {
        max-width: 90%;
    }
}




.table-responsive {
    border-radius: 0.42rem !important;
    background: #fff;
    margin-bottom: 1rem;
}
.rc-handle-container {
    overflow-x: auto;
}
.kv-grid-table {
    margin-bottom: 0;
}
.toolbar span,
.toolbar input,
.toolbar a.btn,
.toolbar button {
    margin-bottom: 1rem;
    margin-left: 0;
    margin-right: 0.2rem;
}
.toolbar.right span,
.toolbar.right input,
.toolbar.right a.btn,
.toolbar.right button {
    margin-left: 0.2rem;
    margin-right: 0;
}
.btn-summary {
    padding: 0.65rem 1rem;
    line-height: 1.5;
}
.card .table.detail-view {
    margin-bottom: 0;
    margin-top: -1px;
}
.detail-view th {
    width: 20rem;
    white-space: nowrap;
    background-color: #F3F6F9;
}
.btn.btn-icon.btn-xs {
    height: 20px;
    width: 22px;
}
.btn.btn-xs i {
    font-size: 0.8rem;
}
.text-mono {
    font-family: ui-monospace, SFMono-Regular, SF Mono, Consolas, Liberation Mono, Menlo, monospace !important;
    font-weight: 500 !important;
}

.select2-selection__rendered {
    font-weight: 400;
}
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    border: 1px solid #E4E6EF !important;
    outline: none !important;
    border-radius: 0.42rem !important;
    height: auto !important;
    line-height: 0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    width: 100% !important;
    color: #3F4254 !important;
    position: relative !important;
    padding: 0.65rem 3rem 0.65rem 1rem !important;
    line-height: 1.5 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--multiple .select2-selection__arrow {
    border: 0 !important;
    margin-left: 0.5rem !important;
    font-size: 0.85rem !important;
    left: auto !important;
    right: 0 !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    position: static !important;
    width: auto !important;
    height: 20px !important;
    margin-right: 1rem !important;
}

.error-summary ul {
    padding:0;
    margin:0;
    list-style: none;
    font-size: 80% !important;
}
.invalid-feedback {
    font-size: 80% !important;
}
/* 
.select2-dropdown {
    width: auto !important;
} */



/* palette */

.bg-appskep-light-blue       { background-color: #04ade0; }
.bg-appskep-ultralight-blue  { background-color: #b4d5e6; }
.bg-appskep-dark-blue        { background-color: #00496d; }
.bg-appskep-dark-grey        { background-color: #212e42; }
.bg-appskep-light-grey       { background-color: #868d97; }
.bg-appskep-ultralight-grey  { background-color: #e5e5e5; }

.text-appskep-light-blue       { color: #04ade0; }
.text-appskep-ultralight-blue  { color: #b4d5e6; }
.text-appskep-dark-blue        { color: #00496d; }
.text-appskep-dark-grey        { color: #212e42; }
.text-appskep-light-grey       { color: #868d97; }
.text-appskep-ultralight-grey  { color: #e5e5e5; }

.bg-gradient-medium-blue {
    background-color: #0084c8;
    background-image: linear-gradient(240deg, rgba(4,173,224,1) 0%, rgba(0,132,200,1) 100%);
}
.bg-gradient-light-blue  {
    background-color: rgba(4, 173, 224, 0.1);;
    background-image: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(4,173,224,0.19511554621848737) 100%);
}

.bg-subheader {
    background-color: #0084c8;
}

@media (min-width: 768px) {
    .bg-subheader-list {
        background-image: url('../images/bg-subheader.png');
        background-repeat: no-repeat;
        background-position: right top;
    }
    .bg-subheader-view {
        background-image: url('../images/bg-subheader-view.png');
        background-repeat: no-repeat;
        background-position: right top;
    }
}

body {
    background-color: #fff repeat center center; 
    background: linear-gradient(0deg, rgba(219, 238, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.alert-exam-fixed {
    -webkit-backdrop-filter: saturate(180%) blur(8px);
    backdrop-filter: saturate(180%) blur(8px);
    background-color: #012131bd;
    -webkit-transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
    transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
    -webkit-transition-property: background-color, -webkit-backdrop-filter;
    transition-property: background-color, -webkit-backdrop-filter;
    transition-property: background-color, backdrop-filter;
    transition-property: background-color, backdrop-filter, -webkit-backdrop-filter;
    margin-bottom:0; 
    border-radius:0; 
    position:fixed; 
    z-index:9; 
    width: 100%;
    box-shadow: 0 0 32px #012131bd;
}
.alert-fixed {
    -webkit-backdrop-filter: saturate(180%) blur(8px);
    backdrop-filter: saturate(180%) blur(8px);
    /* background-color: #012131bd; */
    -webkit-transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
    transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
    -webkit-transition-property: background-color, -webkit-backdrop-filter;
    transition-property: background-color, -webkit-backdrop-filter;
    transition-property: background-color, backdrop-filter;
    transition-property: background-color, backdrop-filter, -webkit-backdrop-filter;
    margin-bottom:0; 
    border-radius:0; 
    position:fixed; 
    z-index:9; 
    width: 100%;
    box-shadow: 0 0 32px #012131bd;
}

@media (min-width: 992px) {
    .header.header-fixed {
        -webkit-backdrop-filter: saturate(180%) blur(32px);
        backdrop-filter: saturate(180%) blur(32px);
        background-color: rgba(255,255,255,0.85);
        -webkit-transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
        transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
        -webkit-transition-property: background-color, -webkit-backdrop-filter;
        transition-property: background-color, -webkit-backdrop-filter;
        transition-property: background-color, backdrop-filter;
        transition-property: background-color, backdrop-filter, -webkit-backdrop-filter;
    }
}

@media (max-width: 991px) {
    #kt_header_mobile {
        -webkit-backdrop-filter: saturate(180%) blur(32px);
        backdrop-filter: saturate(180%) blur(32px);
        background-color: rgba(255,255,255,0.85);
        -webkit-transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
        transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
        -webkit-transition-property: background-color, -webkit-backdrop-filter;
        transition-property: background-color, -webkit-backdrop-filter;
        transition-property: background-color, backdrop-filter;
        transition-property: background-color, backdrop-filter, -webkit-backdrop-filter;
    }
    .topbar {
        visibility: hidden;
        -webkit-backdrop-filter: saturate(180%) blur(32px);
        backdrop-filter: saturate(180%) blur(32px);
        background-color: rgba(255,255,255,0.85);
        -webkit-transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
        transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
        -webkit-transition-property: background-color, -webkit-backdrop-filter;
        transition-property: background-color, -webkit-backdrop-filter;
        transition-property: background-color, backdrop-filter;
        transition-property: background-color, backdrop-filter, -webkit-backdrop-filter;
    }
    body.topbar-mobile-on .topbar {
        visibility: visible;
    }
}

div.sticky {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 6em;
}

ul.check div {
    margin-top: 0.2rem;
}

ul.check li {
    padding-top: 1rem;
}

.btn.btn-icon.btn-xs {
    height: 20px;
    width: 22px;
}
.btn.btn-xs i {
    font-size: 0.8rem;
}

/* override select2 */

.select2-selection__rendered {
    font-weight: 400;
}
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    border: 1px solid #E4E6EF !important;
    outline: none !important;
    border-radius: 0.42rem !important;
    height: auto !important;
    line-height: 0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    width: 100% !important;
    color: #3F4254 !important;
    position: relative !important;
    padding: 0.65rem 3rem 0.65rem 1rem !important;
    line-height: 1.5 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--multiple .select2-selection__arrow {
    border: 0 !important;
    margin-left: 0.5rem !important;
    font-size: 0.85rem !important;
    left: auto !important;
    right: 0 !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    position: static !important;
    width: auto !important;
    height: 20px !important;
    margin-right: 1rem !important;
}

.select2-selection__placeholder {
    white-space: pre !important;
}
.select2-selection__placeholder:after {
    content: " " !important;
}
.select2.input-xs .select2-selection__rendered {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

/* end select2 */

.overflow-hidden {
    overflow: hidden;
}
.card-custom {
    margin-bottom: 1rem;
}



/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/

#hero:before {
    width: 100%;
    height: 683px;
    background: transparent;
    position: absolute;
    border-bottom-left-radius: 80% 25%;
    border-bottom-right-radius: 80% 25%;
    content: '';
    /* z-index: 0; */
    z-index: -1;
    border: 1px solid #1a84c8;
    bottom: -18px;
    border-top: 0px solid #fff !important;
}

#hero:after {
    width: 100%;
    height: 683px;
    background: transparent;
    position: absolute;
    border-bottom-left-radius: 80% 20%;
    border-bottom-right-radius: 80% 20%;
    content: '';
    /* z-index: 0; */
    z-index: -1;
    border: 1px solid #1a84c8;
    bottom: -9px;
    transform: rotate(1deg);
    border-top: 0px solid #fff !important;
}

#hero {
    width: 100%;
    /* height: 661px; */
    background: #0084C8;
    position: relative;
    border-bottom-left-radius: 80% 25%;
    border-bottom-right-radius: 80% 25%;
    overflow: visible;
    /* overflow-x: hidden; */
}

@media (max-width: 1199px) {
    #hero {
        border-bottom-left-radius: 80% 20%;
        border-bottom-right-radius: 80% 20%;
    }
}

@media (max-width: 991px) {
    #hero {
        border-bottom-left-radius: 80% 15%;
        border-bottom-right-radius: 80% 15%;
    }
}

@media (max-width: 767px) {
    #hero {
        border-bottom-left-radius: 80% 10%;
        border-bottom-right-radius: 80% 10%;
    }
}

@media (max-width: 575px) {
    #hero {
        border-bottom-left-radius: 80% 10%;
        border-bottom-right-radius: 80% 10%;
    }
}

.bootstrap-dialog .bootstrap-dialog-message {
    font-size: 1rem !important;
}

.page-title {
    margin-bottom: 1rem;
}

.btn .fas {
    margin-top: -4px !important;
}
.btn-icon .fas {
    margin-top: 0px !important;
}