@font-face{
    font-family: 'IBMPlexSansCondensed-Regular';
    src: local('☺'),
    url('../fonts/IBMPlexSansCondensed/IBMPlexSansCondensed-Regular.woff') format('woff')
}
@font-face{
    font-family: 'IBMPlexSansCondensed-Medium';
    src: local('☺'),
    url('../fonts/IBMPlexSansCondensed/IBMPlexSansCondensed-Medium.woff') format('woff')
}
@font-face{
    font-family: 'IBMPlexSansCondensed-Bold';
    src: local('☺'),
    url('../fonts/IBMPlexSansCondensed/IBMPlexSansCondensed-Bold.woff') format('woff')
}

*{
    font-family: 'IBMPlexSansCondensed-Regular', serif;
    letter-spacing: normal;
}

.bg-white {
    background-color: #FFFFFF !important;
}

/* TEXT */
.txt-white {
    color: #FFFFFF !important;
}
.txt-red {
    color: #F73438 !important;
}
.txt-green {
    color: #2EC07E !important;
}
.txt-orange {
    color: #FF8822 !important;
}
.text-grey-light {
    color: #B9BCCA !important;
}

.txt-medium {
    font-family: 'IBMPlexSansCondensed-Medium' !important;
}

.divider-hr {border: 1px solid #eceef3; margin: 0px 16px;}
.divider-space {height: 20px;}

.size15 {
    font-size: 1.15rem;
}

.mbsc-event-button {
    margin: 6px 0 0 0 !important;
    padding: 0px 10px 0 10px !important;
    font-size: 14px !important;
}
.mbsc-event-button-sm {
    margin: 0 0 7px 0 !important;
    padding: 0px 10px 0 10px !important;
    font-size: 14px !important;
}
.mbsc-event-button-md {
    padding: 3px 14px 3px 14px !important;
    font-size: 18px !important;
}
.float-right {
    float: right;
}

.margtop20 {
    margin-top: 20px !important;
}
.margtop10 {
    margin-top: 10px !important;
}
.margtop5 {
    margin-top: 5px !important;
}

.lineheight30 {
    line-height: 30px !important;
}

.username_profile{width: 100%;float: left;background: #FFFFFF;padding: 12px 0px; z-index: 999;}
.username_profile p{float:left;margin-bottom: 0px;font-size: 18px;color: #1B2441;font-family:'IBMPlexSansCondensed-Bold';    margin: 6px 0px 0px 15px; line-height: 23px;}

/* BUTTON */
button {
    border-radius: 4px !important;
    text-transform: inherit !important;
    padding: 10px 14px !important;
    /*font-size: 1.15rem !important;*/
    font-family: 'IBMPlexSansCondensed-Regular', serif !important;
}
button .mbsc-button-ic.mbsc-ic {
    font-size: 1.4rem !important;
    padding: 0 6px 0 0 !important;
}
.mbsc-button-primary {
    background: #F73438 !important;
}
.mbsc-button-success {
    background: #2EC07E !important;
}
.mbsc-button-secondary {
    background: #ECEEF3 !important;
    color: #1B2441 !important;
}
.mbsc-button-ic {
    color: #ffffff;
    font-size: 1.15rem;
}
/*button[disabled] {*/
/*    background-color: #B9BCCA !important;*/
/*    color: #F8F9FB !important;*/
/*}*/
.mbsc-button-primary[data-position="right"] .mbsc-button-ic.mbsc-ic {
    padding-right: 0 !important;
    padding-left: .625em !important;
    float: right;
    padding-top: .2em !important;
}

/* INPUT */
input,
select {
    font-size: 15px !important;
    color: #1B2441 !important;
    font-family: 'IBMPlexSansCondensed-Medium' !important;
}

.mbsc-vpdive-light.mbsc-input .mbsc-control {
    border: 0px !important;
}

/* NOTIFICATION NOTE */
.mbsc-note-success {
    background-color: #2EC07E !important;
    color: #ffffff !important;
}
.mbsc-note-danger {
    background-color: #F73438 !important;
    color: #ffffff !important;
}
.mbsc-note-info {
    background-color: #1B2441 !important;
    color: #ffffff !important;
}
.mbsc-note-warning {
    background-color: #FF8822 !important;
    color: #ffffff !important;
}
.password_forgot {
    position: absolute;
    right: 31px;
    margin-top: 7px;
}

.md-image-text-item {
    position: relative;
    padding: 15px 0 15px 50px;
    text-align: left;
    line-height: normal;
}
.md-image-text-avatar {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 5px;
    border-radius: 20px;
}

.mbsc-inline-value {
    padding: 10px 0 0 15px;
    color: black;
    font-family: 'IBMPlexSansCondensed-Medium';
}

.mbsc-bloc-danger-label {
    background-color: rgba(244, 67, 54, 0.15);
    width: fit-content;
    padding: 7px 15px;
    border-radius: 5px 5px 0 0;
    border-bottom: 2px solid white;
}
.mbsc-bloc-danger div.divider-hr {
    background-color: rgba(244, 67, 54, 0.15);
    border-bottom: 1px solid rgba(244, 67, 54, 0.4);
}
.mbsc-bloc-danger label {
    background-color: rgba(244, 67, 54, 0.15);
    border: 0px;
}

.mbsc-bloc-success-label {
    background-color: rgba(76, 175, 80, 0.15);
    width: fit-content;
    padding: 7px 15px;
    border-radius: 5px 5px 0 0;
    border-bottom: 2px solid white;
}

.mbsc-form-custom-label {
    font-family: 'IBMPlexSansCondensed-Medium';
    color: black;
    padding: 10px 0 0 14px;
}

.mbsc-fileupload-noone {
    padding: 0 0 0 10px;
    line-height: 44px;
    color: black;
    font-family: 'IBMPlexSansCondensed-Medium';
    font-style: italic;
}

.mbsc-form-custom-label-msg {
    position: absolute;
    right: 0;
    font-size: 11px;
    width: 80px;
    color: rgba(33, 150, 243);
}

.mbsc-label-warning {
    border-left: 5px solid rgba(255, 152, 0, 0.15) !important;
}
.mbsc-label-success {
    border-left: 5px solid rgba(76, 175, 80, 0.15) !important;
}
.mbsc-label-info {
    border-left: 5px solid rgba(33, 150, 243, 0.15) !important;
}
.mbsc-label-danger {
    border-left: 5px solid rgba(244, 67, 54, 0.15) !important;
}

.txt-10 {
    font-size: 10px !important;
}
.txt-15 {
    font-size: 15px !important;
}
.txt-20 {
    font-size: 20px !important;
}

.mbsc-tag-warning {
    background-color: rgba(255, 152, 0, 0.15) !important;
    border: 1px solid rgba(255, 152, 0,0.4);
    border-radius: 5px;
    padding: 5px 0 5px 10px;
    color: rgb(255, 152, 0);
}
.mbsc-tag-success {
    background-color: rgba(76, 175, 80, 0.15) !important;
    border: 1px solid rgba(76, 175, 80, 0.4);
    border-radius: 5px;
    padding: 5px 0 5px 10px;
    color: rgb(76, 175, 80);
}
.mbsc-tag-info {
    background-color: rgba(33, 150, 243, 0.15) !important;
    border: 1px solid rgba(33, 150, 243, 0.4);
    border-radius: 5px;
    padding: 5px 0 5px 10px;
    color: rgb(33, 150, 243);
}
.mbsc-tag-danger {
    background-color: rgba(244, 67, 54, 0.15) !important;
    border: 1px solid rgba(244,67,54,0.4);
    border-radius: 5px;
    padding: 5px 0 5px 10px;
    color: rgb(244, 67, 54);
}

.mbsc-bloc-warning-label {
    background-color: rgba(255, 152, 0, 0.15);
    width: fit-content;
    padding: 7px 15px;
    border-radius: 5px 5px 0 0;
    border-bottom: 2px solid white;
}

.mbsc-bloc-info-label {
    background-color: rgba(33, 150, 243, 0.15);
    width: fit-content;
    padding: 7px 15px;
    border-radius: 5px 5px 0 0;
    border-bottom: 2px solid white;
}
.mbsc-bloc-info div.divider-hr {
    background-color: rgba(33, 150, 243, 0.15);
    border-bottom: 1px solid rgba(33, 150, 243, 0.4);
}
.mbsc-bloc-info label {
    background-color: rgba(33, 150, 243, 0.15);
    border: 0px;
}

/* OTHER */
.divider {
    background: #F8F9FB;
}
.inner {
    border-top: 2px solid #ECEEF3;
    width: 90%;
    margin-left: 5%;
}
.cursor-pointer {cursor: pointer}

.space-50 { height: 20px !important; }

.form-title-group div { font-size: 15px !important; color: #888EA3; }

.mbsc-ios.mbsc-form-control-wrapper, .mbsc-ios.mbsc-textfield-wrapper-underline,.mbsc-ios.mbsc-select, .mbsc-ios.mbsc-textarea-inner.mbsc-textfield-inner-box, .mbsc-ios.mbsc-textarea-inner.mbsc-textfield-inner-outline { background-color: #F8F9FB !important; }
.form_input_mbsc{
    border-radius: 3px;
    padding: 3px 0px;
    border: 2px solid #F8F9FB;
    background-color: #F8F9FB;
    width: 100%;
}
.form_input2_mbsc label{
    border-radius: 3px;
    padding: 3px 0px;
}
.form_input_mbsc:focus-within,
.form_input2_mbsc label:focus-within {
    border: 2px solid #2ec07e;
}
.form_input_mbsc .mbsc-icon-eye
{
    color: #2EC07E !important;
}
.mbsc_form_radius {
    padding: 12px 0 12px 0
}
.mbsc-ios.mbsc-form-control-wrapper::before, .mbsc-ios.mbsc-form-control-wrapper::after {
    border-color: #F8F9FB !important;
}
.mbsc-fileupload-mask {
    width: 58%;
    height: 100%;
    position: absolute;
}
.mbsc-fileupload-preview {
    color: #1B2441;
    font-family: 'IBMPlexSansCondensed-Medium';
    padding: 9px 15px;
    font-size: 15px;
}
.hide {
    display: none;
}
.mbsc-row img {
    max-width: 100%;
    object-fit: contain;
}
.mobile_loader_notification{text-align: center;top: 30%;position: relative;}
.usernotifiy{width: 100%;float: left;padding: 10px 22px 10px 13px;border-bottom: 1px solid #ECEEF3;cursor: pointer;}
.usernotifiy.active{border-left: 5px solid #f73438;}
.usernotifiy img{float: left;border-radius: 22px; width: 25px}
.notification_blackBG{width: 94%;float: right;position: fixed;top: 0px;right:0px;height: 100%;background: rgb(27 36 65 / 0.4);z-index: 999;display: none;}
.notifications_box{width: 25%;float: left;background: #FFFFFF;height: 100vh;}
.goarrow{display: none;}
.notifi_titles{width: 100%;float: left;background: #1B2441;padding: 15px 12px;    height: 60px;}
.notifi_titles a i {font-size: 18px;color: #888EA3;margin: 9px 10px;}
.notifi_titles h2{font-size: 30px;color: #FFFFFF;font-family: 'IBMPlexSansCondensed-Bold';margin-bottom: 0px;float: left;}
.notifi_titles img{float: left;width: 20px;margin: 11px 10px 0px;}
.notifi_titles ul{display: none;}
.notifications_list{width: 100%;float: left;    height: 90vh;overflow-x: hidden;overflow-y: scroll;}
.notifications_list::-webkit-scrollbar {width: 5px;}
.notifications_list::-webkit-scrollbar-track {background: #f1f1f1; }
.notifications_list::-webkit-scrollbar-thumb {background: #c5c5c5; }
.notifications_list::-webkit-scrollbar-thumb:hover {background: #c5c5c5; }
.notify_popup .position a i{color: #1B2441;font-size: 30px;}
.user_seg{width: 90%;float: left;padding-left: 15px;}
.user_seg p{width: 100%;float: left;font-size: 15px;color: #1B2441;margin-bottom: 3px;    line-height: 19px;}
.user_seg p strong{font-family: 'IBMPlexSansCondensed-Bold';}
.user_seg span{width: 100%;float: left;font-size: 13px;color: #B9BCCA;    line-height: 15px;}
.appseg{width: 100%;float: left;padding: 10px 22px 10px 13px;border-bottom: 1px solid #ECEEF3;border-left: 5px solid #f73438;    cursor: pointer;}
.appseg p{width: 100%;float: left;font-size: 15px;color: #1B2441;margin-bottom: 3px;}
.appseg span{width: 100%;float: left;font-size: 13px;color: #B9BCCA;}
.appseg a{border: 1.5px solid #F73438;border-radius: 3px;color: #F73438;font-size: 15px;float: left;padding: 7px 15px;margin-top: 10px;font-family: 'IBMPlexSansCondensed-Medium';    line-height: 19px;}.other_seg{width: 100%;float: left;padding: 10px 22px 10px 13px;border-bottom: 1px solid #ECEEF3;    border-left: 5px solid #ffffff;cursor: pointer;}
.other_seg p{width: 100%;float: left;font-size: 15px;color: #1B2441;margin-bottom: 3px;    line-height: 19px;}
.other_seg span{width: 100%;float: left;font-size: 13px;color: #B9BCCA;    line-height: 15px;}
.other_seg p strong{font-family: 'IBMPlexSansCondensed-Medium';}
.other_seg.active{    border-left: 5px solid #f73438;}

@media screen and (min-width:992px) and (max-width:1300px){
    /* capacities mutiple select */
    .mbsc-form-group-inset {padding: 0 20px 0 20px;}
    .mbsc-form-group-inset .material-icons-outlined { position: absolute; margin: 10px 0 0 225px; }
    .mbsc-sel-multi .mbsc-sc-itm{font-size: 15px!important;text-align:left;}
    .mbsc-input.mbsc-sel-filter-cont{margin:10px 0 0 15px !important;}
    .form-title-group { padding: 0 0 12px 22px; }
    .hide_on_xl { display: none !important; }
    .marghead {padding-top: 30px}

    .notification_blackBG {    width: 92%;}
    .notifications_box {width: 34%;}
    .notifi_titles img{width: 26px;margin: 4px 10px 0px;}
    .user_seg {width: 90%;}
}

@media screen and (min-width:768px) and (max-width:991px){
    /* capacities mutiple select */
    .mbsc-form-group-inset {padding: 0 20px 0 20px;}
    .mbsc-form-group-inset .material-icons-outlined { position: absolute; margin: 10px 3px 0 0; right: 0; }
    .form-title-group { padding:0 0 11px 12px; }
    .username_profile{height: 60px; position:fixed; top:0; left:0;}
    .backmsg{float: left;padding-top: 2px; padding-left: 10px;display: block;}
    .backmsg a i{font-size: 30px;color: #1B2441;}
    .marghead {padding-top: 30px}
    .hide_on_md { display: none !important; }

    .notification_blackBG{width: 100%;background:rgb(0 0 0 / 58%);}
    .notifications_box {width: 85%;    float: right;}
    .goarrow{display: block;width: 15%;float: left;padding: 0px 10px;    padding: 15px 10px;position: absolute;bottom: 0;left: 0;}
    .goarrow a{width: 100%;float: left;    text-align: center;}
    .goarrow a i{color:#ffffff;font-size: 18px;}
    .notifi_titles h2 {font-size: 21px;margin-top: 0px;}
    .notifi_titles img{margin: 0px 10px 0px;    width: 30px;}
    .notifi_titles ul{float: right;list-style-type: none;margin-bottom: 0px;display: block;}
    .notifi_titles ul li{float: left;}
    .notifi_titles ul li a i{font-size: 30px;margin: 0px 5px;}
    .notifi_titles a i{font-size: 18px;color: #888EA3;margin: 5px 10px;}
    .notifi_titles ul .hidenotify a i{color: #ffffff;}
    .user_seg {width: 90%;}
}

@media screen and (min-width:375px) and (max-width:767px){
    .mbsc-form-group-inset label.mbsc-label { text-align: left; }
    .form-title-group div {padding-left: 8px !important;}
    .hide_on_sm { display: none !important; }
}

@media screen and (min-width:1px) and (max-width:767px){
    /* capacities mutiple select */
    .mbsc-form-group-inset {padding: 0 20px 0 20px;}
    .mbsc-form-group-inset .material-icons-outlined { position: absolute; margin: 12px 13px 0 0; right: 0; }
    .mbsc-sel-multi .mbsc-sc-itm{font-size: 11px!important;text-align:left;}
    .mbsc-input.mbsc-sel-filter-cont{margin:6px 0 0 10px !important;}
    .form-title-group { padding:0 0 11px 12px; }
    .form-title-group div { padding-left: 37px; }
    .username_profile{height: 60px; position:fixed; top:0; left:0;}
    .backmsg{float: left;padding-top: 2px; padding-left: 10px;display: block;}
    .backmsg a i{font-size: 30px;color: #1B2441;}
    .marghead {padding-top: 30px}
    .hide_on_xs { display: none !important; }

    .notification_blackBG{width: 100%;}
    .notifications_box {width: 85%;    float: right;}
    .goarrow{display: block;width: 15%;float: left;padding: 0px 10px;    padding: 15px 10px;position: absolute;bottom: 0;left: 0;}
    .goarrow a{width: 100%;float: left;    text-align: center;}
    .goarrow a i{color:#ffffff;font-size: 18px;}
    .notifi_titles h2 {font-size: 21px;margin-top: 0px;}
    .notifi_titles img{margin: 0px 10px 0px;    width: 30px;}
    .notifi_titles ul{float: right;list-style-type: none;margin-bottom: 0px;display: block;}
    .notifi_titles ul li{float: left;}
    .notifi_titles ul li a i{font-size: 30px;margin: 0px 5px;}
    .notifi_titles a i{font-size: 18px;color: #888EA3;margin: 5px 10px;}
    .notifi_titles ul .hidenotify a i{color: #ffffff;}
    .user_seg {width: 90%;}
    .page {margin-bottom: 60px !important;}
}

.ts-hidden-accessible {
    display: none!important;
}