/*
Template Name: Material Pro Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
/*
Template Name: Material Pro Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");
/*Theme Colors*/
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
/*Preloader*/
.preloader {
  width: 100%;
  height: 100%;
  top: 0px;
  position: fixed;
  z-index: 99999;
  background: #fff;
}

.preloader .cssload-speeding-wheel {
  position: absolute;
  top: calc(50% - 3.5px);
  left: calc(50% - 3.5px);
}

/*******************
/*Top bar
*******************/
.topbar {
  background: #136BB4;
}

.topbar .navbar-header {
  background: rgba(0, 0, 0, 0.05);
}

.topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
  display: none;
}

.topbar .top-navbar .navbar-header .navbar-brand .light-logo {
  display: inline-block;
  color: rgba(255, 255, 255, 0.8);
}

.topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
  color: #ffffff !important;
}

.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
  color: rgba(255, 255, 255, 0.8) !important;
}

/*******************
/*General Elements
*******************/
a.link:hover, a.link:focus {
  color: #136BB4 !important;
}

.bg-theme {
  background-color: #136BB4 !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #136BB4;
  border-color: #136BB4;
}

.right-sidebar .rpanel-title {
  background: #136BB4;
}

.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
  border-left: 4px solid #136BB4;
}

.text-themecolor {
  color: #136BB4 !important;
}

.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
  border-bottom: 2px solid #136BB4;
  color: #136BB4;
}

.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
  color: #136BB4;
}

/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
  background: #136BB4;
  color: #ffffff;
  border: 1px solid #136BB4;
}

.btn-themecolor:hover,
.btn-themecolor.disabled:hover {
  background: #136BB4;
  opacity: 0.7;
  border: 1px solid #136BB4;
}

.btn-themecolor.active, .btn-themecolor:focus,
.btn-themecolor.disabled.active,
.btn-themecolor.disabled:focus {
  background: #028ee1;
}
.btn-success, .btn-success.disabled {

    background: #26c6da !important;
    border: 1px solid #26c6da !important;
}

/*******************
/*sidebar navigation
*******************/
.sidebar-nav {
  background: #fff;
}

.sidebar-nav ul li a {
  color: #607d8b;
  border-radius: 0;

}

.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
  color: #136BB4;
  border-radius: 0;
}

.sidebar-nav ul li a.active {
  color: #136BB4;
}

.sidebar-nav ul li.nav-small-cap {
  color: #99abb4;
}

.sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i {
  color: #136BB4;
}

.sidebar-nav > ul > li > a i {
  color: #99abb4;
}

.sidebar-nav > ul > li > a.active {
  font-weight: 400;
  background: #ffffff;
  color: #136BB4;
}

.sidebar-nav > ul > li.active > a, .sidebar-nav > ul > li.active:hover > a {
  color: #ffffff;
  background: #136BB4 !important;
}

.sidebar-nav > ul > li.active > a i, .sidebar-nav > ul > li.active:hover > a i {
  color: #ffffff;
}

.sidebar-nav > ul > li.active > a:after, .sidebar-nav > ul > li.active:hover > a:after {
  border-color: #ffffff;
}

/************************
 * images left from the sidebar
 */
.MP {
    background-repeat: no-repeat;
    display: block;
    height: 16px;
    width: 16px;
    float: left;
    margin-left: 13px;
    margin-top: 13px;
    margin-right: 5px;
}
.MPp001 {}
.MPp002 {background-position: 0px -16px;}
.MPp003 {background-position: 0px -32px;}
.MPp004 {background-position: 0px -48px;}
.MPp005 {background-position: 0px -64px;}
.MPp006 {background-position: 0px -80px;}
.MPp007 {background-position: 0px -96px;}
.MPp008 {background-position: 0px -112px;}
.MPp009 {background-position: 0px -128px;}
.MPp010 {background-position: 0px -144px;}
.MPp011 {background-position: 0px -160px;}
.MPp012 {background-position: 0px -176px;}
.MPp013 {background-position: 0px -192px;}
.MPp014 {background-position: 0px -208px;}
.MPp015 {background-position: 0px -224px;}
.MPp016 {background-position: 0px -240px;}
.MPp017 {background-position: 0px -256px;}
.MPp018 {background-position: 0px -272px;}
.MPp019 {background-position: 0px -288px;}
.MPp020 {background-position: 0px -304px;}
.MPp021 {background-position: 0px -320px;}
.MPp022 {background-position: 0px -336px;}
.MPp023 {background-position: 0px -352px;}
.MPp024 {background-position: 0px -368px;}
.MPp025 {background-position: 0px -384px;}
.MPp026 {background-position: 0px -400px;}
.MPp027 {background-position: 0px -416px;}

#modTab {
border: 0;
}

.btn-primary {
background: #136BB4;
border: 1px solid #136BB4;
}
.btn-primary:hover {
background-color: #1160a2;
border-color: #1160a2;

}
.radio, .checkbox {
    position: unset !important; 
    left: unset !important;
    opacity: 1 !important;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .radio, .checkbox {
        position: relative !important;
        left: 0 !important;
        opacity: 1 !important;
    }

}
.sidebar-nav ul li.nav-devider {
    margin: 3px 0;
}

.sidebar-nav > ul > li {
    margin-bottom: 3px;
}

.form-material .input-group-text {
    border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;

    border-bottom: 1px solid #d9d9d9;
    background: #ffffff;
    margin-bottom: 1px;
    border-radius: .25rem !important;
}

.error .invalid-feedback {
display: block;
}

.trtitle {
    color: #38485e;
}

.trtitle2 {
    color: #6e85a6;
}

.fileinput .input-group-addon {

    border: 1px solid #ced4da;
    background: #e9ecef;
    margin-bottom: 0px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}

.nav-tabs-responsive {
overflow-x: auto;
overflow-y: hidden;
}

.search-button-m30 {
margin-top: 10px;
}
.search-button-m30x3 {
margin-top: 30px;
}


.page-titles-mobile {
padding-top: 15px;
}

.page-titles {
margin: 0 -30px 15px;
}

#modTab {
min-width: 800px;
}


.sidebar-nav ul li a {

    padding: 6px 25px 6px 12px;
}

.sidebar-nav ul li ul {
    padding-top: 0px;
}
.sidebar-nav ul li ul li a {

    padding: 6px 0px 6px 15px;

}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #136BB4;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    background-color: #136BB4;
}

.colfull {
max-width: 100%
}

.taoliste {list-style: none;font-size: 16px;color: #666;white-space: nowrap;background-color: #eeeeee;}
.taoliste a {color: #333;text-decoration: underline;}
.taoliste ul {list-style: none;display: none;margin: 10px;padding: 0px;background-color: #dddddd;}
.taoliste ul ul {list-style: none;display: none;margin: 10px;padding: 0px;background-color: #cccccc;}
.taoliste ul ul ul {list-style: none;display: none;margin: 10px;padding: 0px;background-color: #bbbbbb;}
.taoliste  li li li {padding-left: 20px;}

.taoliste1,.taoliste2 {
list-style: none;
white-space: nowrap;
}

.myprofile-image {
    position: relative;
    border: 2px solid #999999;
    border-radius: 50%;
    max-width: 70px !important;
    width: 70px;
    height: 70px;
    background: url(../../themes/normal/avatar.png) no-repeat center center;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    margin: 0 auto;
}

#USE_pic {
    width: 100%;
    height: 100%;
    opacity: 0;
}

.position-camera {
    position: absolute;
    right: 0;
    bottom: -10px;
    font-size: 18px;
 }

#webmailFr {
border: none;
width: 100%;

}

#TMBP_explorer {
display: block;
width: 61%;
min-width: 1000px;
// background: #ffffff;
position: fixed;
right: 5%;
top: 2%;
bottom: unset;
left: unset;
// box-shadow: 0 6px 12px rgba(0, 0, 0, 0.236);

}
#TMBP_explorer .modal-dialog{
    margin: 0;
    width: 100%;
font-size: 14px;
}
#TMBP_explorer .modal-header{
  height:30px;background-color:#444;
  color:#ddd;
}
#TMBP_explorer .modal-title{
  margin-top:-10px;
  font-size:16px;
}
#TMBP_explorer .modal-header .close{
  color:#fff;
  padding: 3px 7px 5px 5px;
}
#TMBP_explorer .modal-body{
}
#TMBP_explorer .modal-body p {
  text-align:center;
  padding-top:10px;
}

#TMBP_explorer .close {
position: relative;
color: #fff;
background: none;
border-radius: unset;
box-shadow: none;
text-shadow: none;
opacity: 1;
/* top: -10px; */
}
.dmq_folder {
margin-right: 10px !important;
margin-top: 3px;
vertical-align: top;
}

#Dqm_sroller {

overflow: auto;
margin-right: 15px;
height: 400px;
}

.fa-pdf {
color: #ff0000;
}

.fa-word {
color: #2a5696;
}

.fa-powerpoint {
color: #d04525;
}

.fa-excel {
color: #2e7d32;
}

.bg-info {
background: #d9edf7 !important;
}

.Dqm_explorer_label > label {
padding-left: 16px;
height: 15px;
}
.DQM_fa_size {
font-size: 1.2em;
}


/* Bootstrap Toggle v2.2.2 corrections for Bootsrtap 4*/
.toggle-off {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    left: unset !important; 
}
.toggle.off {
    border-color: rgba(0, 0, 0, .25);
}

.toggle-handle {
    background-color: white;
    border: thin rgba(0, 0, 0, .25) solid;
}


/* TYPE */
.pull-right {
    float: right !important;
}
.pull-left {
    float: left !important;
}


span.twitter-typeahead .tt-menu {
  cursor: pointer;
}

 span.twitter-typeahead .tt-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 1rem;
  color: #373a3c;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem; }

span.twitter-typeahead .tt-suggestion {
  display: block;
  width: 100%;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.5;
  color: #373a3c;
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0; }
span.twitter-typeahead .tt-suggestion:focus, .dropdown-item:hover, span.twitter-typeahead .tt-suggestion:hover {
    color: #2b2d2f;
    text-decoration: none;
    background-color: #f5f5f5; }
span.twitter-typeahead .active.tt-suggestion, span.twitter-typeahead .tt-suggestion.tt-cursor, span.twitter-typeahead .active.tt-suggestion:focus, span.twitter-typeahead .tt-suggestion.tt-cursor:focus, span.twitter-typeahead .active.tt-suggestion:hover, span.twitter-typeahead .tt-suggestion.tt-cursor:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0275d8;
    outline: 0; }
span.twitter-typeahead .disabled.tt-suggestion, span.twitter-typeahead .disabled.tt-suggestion:focus, span.twitter-typeahead .disabled.tt-suggestion:hover {
    color: #818a91; }
span.twitter-typeahead .disabled.tt-suggestion:focus, span.twitter-typeahead .disabled.tt-suggestion:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; }

/*
span.twitter-typeahead {
  width: 100%; }

.input-group span.twitter-typeahead {
//    display: block !important; 
}
*/
.input-group span.twitter-typeahead .tt-menu {
  top: 1.675rem !important; 
}

.bootstrap-tagsinput .label-info {
background: #136BB4;
}

.ui-sortable-placeholder {
    border: 2px dashed #aaa;
    height: 40px;
    width: 100%;
    background: #ccc;
}


.rotate-caret {

    transform:rotate(-90deg);
    transition:all 0.3s ease-in-out; 
}

.mega-dropdown .dropdown-menu {
    width: calc(100% - 240px) !important;
    padding: 30px;
    margin-top: 26px;
    left: 5px !important;
}


.btn-tmbp-danger,
.btn-tmbp-danger.disabled {
  background: #fc4b6c;
  border: 1px solid #fc4b6c;
  -webkit-box-shadow: 0 2px 2px 0 rgba(239, 83, 80, 0.14), 0 3px 1px -2px rgba(239, 83, 80, 0.2), 0 1px 5px 0 rgba(239, 83, 80, 0.12);
  box-shadow: 0 2px 2px 0 rgba(239, 83, 80, 0.14), 0 3px 1px -2px rgba(239, 83, 80, 0.2), 0 1px 5px 0 rgba(239, 83, 80, 0.12);
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in; }
  .btn-tmbp-danger:hover,
  .btn-tmbp-danger.disabled:hover {
    background: #fc4b6c;
    -webkit-box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2);
    box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2);
    border: 1px solid #fc4b6c; }
  .btn-tmbp-danger.active, .btn-tmbp-danger:focus,
  .btn-tmbp-danger.disabled.active,
  .btn-tmbp-danger.disabled:focus {
    background: #e6294b;
    -webkit-box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2);
    box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2); }


.btn-tmbp-warning, .btn-tmbp-warning.disabled {
    background: #ffb22b;
    color: #ffffff;
    -webkit-box-shadow: 0 2px 2px 0 rgba(248, 194, 0, 0.14), 0 3px 1px -2px rgba(248, 194, 0, 0.2), 0 1px 5px 0 rgba(248, 194, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(248, 194, 0, 0.14), 0 3px 1px -2px rgba(248, 194, 0, 0.2), 0 1px 5px 0 rgba(248, 194, 0, 0.12);
    border: 1px solid #ffb22b;
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

.selected .mail-contnet h5 {
    font-weight: bold !important;
}


@media (max-width: 767px) {

    .page-titles-mobile {
        margin: 0 -30px 30px;
        padding-top: 0px;
    }
    .col-12-mobile {
        padding: 0;
    }
    .mega-dropdown .dropdown-menu {
        width: 100% !important;
    }

    #TMBP_explorer {
        display: block;
        width: 98%;
        min-width: unset;
        // background: #ffffff;
        position: fixed;
        right: 1%;
        top: 2%;
        bottom: unset;
        left: unset;
    }

}

.input-group_wflex {
flex: 1 1 auto;
}

a {
color: #428bca;
}




.CAL_more,.CAL_dat,.CAL_res,.CAL_able {display:none;}

.TMBP_position_unset .input-group-text {
    align-items: unset !important;
}

#side-cover {
    background: white none repeat scroll 0 0;
    border: 1px solid #bbb;
    box-shadow: -6px 0 6px -5px #bbb;
    display: none;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1050 !important;
    min-height: 550px;
}

.h400o {
    height: 400px;
    overflow: auto;
    border: 1px dashed gray;
    border-radius: 4px;
}

#modEvent {
width: 100%;
position: absolute;
top: 0;
left: 0;
background: white;
z-index: 5000;
/* height: 460px; */
border-bottom: 1px solid gray;
padding-bottom: 15px;
}


#userIN, #userNotIN {
    max-height: 400px;
    min-height: 400px;
    overflow-x: auto;
    padding: 6px;
}

/*.modal-lg {
    max-width: 80% !important;
}
*/
.modal-lg80 {
    max-width: 80% !important;
}

.modal-lg90 {
    max-width: 90% !important;
    height: 90%;
}

.modal-lg90 .modal-content {
    height: 100%;
} 


.View .modal-dialog.modal-lg {
    max-width: 80% !important;
    height: 90%;
}

#myModal.View .modal-body {
    overflow-y: auto;
}

.View .modal-content,.View .modal-content .tab-content,.View .modal-content .modtable {
    height: 100%;
}

.cover-item {
    position: relative;
    display: inline-block;
    margin: 8px 8px;
    width: 320px;
    height: 240px;
    vertical-align: bottom;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
}

.ScrollXAuto {
overflow-x: auto;
}

.karl {
    display: none;
}
.hide-imp {
    display: none !important;
}
.list-group-item.node-dqmtree:hover > .karl {
    display: block;
}

.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {
    width: 260px;
    background: #136BB4;
    color: #ffffff;
    border-color: #009efb;
}

.node-selected .fa-folder-open {

    padding-right: 17px !important;
vertical-align: top;

}
.Caldeletebtn {
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.2);
border-radius: .3rem;
padding: 30px;
position: absolute;
bottom: -3px;
width: 100%;
}

.task_img {
    width: 30px;
    height: 30px;
    background-size: cover !important;
    float: left;
}

.page-wrapper {
    padding-bottom: 0px;
}
.page-wrapper-n-p {
padding: 0px;
}

.page-wrapper-n-p #BackendModuleContainer {
padding: 0px;
}

.page-wrapper-n-p .page-titles-mobile {
display: none;
}

.has-danger .btn-light {
border-color: #fc4b6c;
}

.modal-backdrop {
z-index: 997;
}

@media (max-width: 500px) {

    .kundeElips {
        padding: 0px;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 70px;
    }
}

.p-10 {
    padding: 10px !important;
}

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

#openModal {
    z-index: 1051;
}

.dqm-tree-line {
width: 75%;
white-space: pre-wrap;
display: inline-block;
}

.btn-overview {
width: 100%;
background: none;
padding-top: 7px;
padding-bottom: 7px;
}
.dropdown-item {
padding: .25rem 1.5rem !important; 
}

select#DQT_font {
 font-family: 'Font Awesome 5 Free';
}

.bold { font-weight: 700 }
#file-history-container .form-group.row.m-b-5 > a { width: 20% }


.Bills_textarea {
    width: 100%;
    resize: vertical;
    min-height: 400px;
}

.Frame_height_90 {
    height: 90%;
}

.height100per{
    height: 100%;
}

.col-lg-4Imp {
    -ms-flex: 0 0 33.333333% !important;
    flex: 0 0 33.333333% !important;
    max-width: 33.333333% !important;
}

.col-lg-5Imp {
    -ms-flex: 0 0 41.666667% !important;
    flex: 0 0 41.666667% !important;
    max-width: 41.666667% !important;
}

.col-md-8Imp {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.bootstrap-select {
    border: 1px solid #ced4da !important;
}

#result > del {
    background: #ff000082;
}

#result > ins {
    background: #90ee90;
    text-decoration: none;
}

.dropdown-item.active, .dropdown-item:active,.dropdown-item.active:hover {
    background-color: #136BB4 !important;
}
.dropdown-item.active .text, .dropdown-item:active .text,.dropdown-item.active:hover .text {
    color: #ffffff;
}


.DQD_hasbranch {
    color: #858585;
}
.m-l-4 {
    margin-left: 4px;
}
.text-leftOverwrite {
    text-align: left !important;
}

.label-export {
background-color: #20c997;
}

@media print {
    .page-wrapper {
        margin:0px;
    }
    #draftAdd {
        padding: 0px;
    }

    .d-print-100 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .d-print-p-0 {
        padding: 0px;
    }
}

@media (max-width: 500px) {
    .col-lg-4Imp {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .col-lg-5Imp {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .col-md-8Imp {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .page-titles-fixed {
        width: 100% !important;
    }
    .p-xs-0 {
        padding: 0px;
    }
    .m-xs-0 {
        margin: 0px;
    }
    #BillsView {
        min-height: 400px;
    }
    .d-xs-none {
        display:none;
    }
}


.no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.text-left-bill {
    text-align: left !important;
}


.chat_avatar {
border-radius: 100%;
object-fit: cover;
width: 42px !important;
height: 42px !important;
border: 2px solid #bbb;
}


#TMBP_calldiv {
position: absolute;
top: 0px;
z-index: 5000;
resize: both;
overflow: auto;
border: 1px solid #bbb;
background: #ccc;
}

.TMBP_calldiv-header {
height: 20px;
cursor: grab;
border-bottom: 1px solid #aaa;
background: #136BB4;
}
.profile-avatar {
    width: 34px;
    height: 34px;
    background-size: cover !important;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #cbcbcb;

}

.max500 {
    max-height: 500px;
    overflow: auto;
}

.page-titles-fixed {
    width: calc(100% - 240px);
    position: fixed;
    top: 72px;
    z-index: 2;
}

.page-titles-mobile-top {
    padding-top: 87px;
}

.page-titles-mobile-top120 {
    padding-top: 120px;
}

.page-titles-mobile-top200 {
    padding-top: 200px;
}

.table thead th {
    vertical-align: top !important;
}

.ui-state-highlight {
    height: 1.5em; line-height: 1.2em;
    background-color: yellow;
    list-style-type: none; 
}

.Buzhismax {
    max-height: 500px;
    overflow-x: auto;
}

.page-item.disabled .page-link {
    background-color: #eee;
}

/* Custom application module css start here */

.custom-h4{
    border-bottom: 1px solid #f8f9fa;
  }
  
  .custom-scroll{
    max-height: 400px; 
    overflow: auto;
  }
  
  .ApprovalBox {
    /* padding-top: 40px; */
  }
  .ApprovalBox .item {
    border-bottom: 1px solid #d7dfe3;
  }
  .ApprovalBox .item:not(:first-child) .col-6 {
    color: #0056b3;
  }
  .ApprovalBox .item:last-child {
    border-bottom: 0;
  }
  
  .EmailBox .form-group .control-label {
    display: none;
  }
  .EmailBox .text-right .form-group {
    text-align: right !important;
  } 
  
  .HistoryBox .card {
    border: 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
    box-shadow: none;
    border-radius: 0;
  }
  .HistoryBox .card .date {
    color: #222;
    display: block;
    margin-bottom: 15px;
  }
  .HistoryBox .card .date small {
    color: #ccc;
  }
  .HistoryBox .card .date span {
    color: #0056b3;
    display: inline-block;
  }
  
  .DocumentBox .input-group .input-group-prepend {
    overflow: auto;
  }
  .DocumentBox .col-6:empty {
    display: none;
  }
  .DocumentBox .col-6:empty + .col-6 {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
  .DocumentBox .form-group.documents .control-label {
    display: none;
  }
  .DocumentBox .form-group .control-label {
    padding-top: 5px;
  }
  
  .custom-bdr{
    border-bottom: 1px solid #ced4da;
    padding-bottom: 5px;
  }

  .UploadDoc {
    border: 0;
    box-shadow: none !important;
  }
  .UploadDoc .item a {
    display: block;
    padding: 7px 15px;
    text-decoration: none;
    color: #67757c;
  }
  .UploadDoc .form-group {
    padding-top: 15px;
  }

  .ApplicationModel .modal-body,
  .EmailFormBox {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
  }
  .ApplicationModel .form-group,
  .EmailFormBox .form-group {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .ApplicationModel .form-group.GRP_EMAIL_subject,
  .ApplicationModel .form-group.GRP_EMAIL_subject_1,
  .EmailFormBox .form-group.GRP_EMAIL_subject,
  .EmailFormBox .form-group.GRP_EMAIL_subject_1 {
    flex: 0 0 50%;
    width: 100%;
    max-width: 50%;
  }
  .ApplicationModel .form-group.GRP_EMAIL_subject .form-control,
  .EmailFormBox .form-group.GRP_EMAIL_subject .form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
  }
  .ApplicationModel .form-group.GRP_EMAIL_subject_1 .form-control,
  .EmailFormBox .form-group.GRP_EMAIL_subject_1 .form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .EmailBox .card {
    border: 1px solid #ccc;
  }
  .EmailBox .card .card-header {
    padding: 0;
    border: 0;
  }
  .EmailBox .card .card-header .btn {
    color: #208df9;
    padding: 15px;
    text-decoration: none;
  }
  .EmailBox .card .card-header .btn span {
    display: block;
  }
  .EmailBox .card .card-header .btn .title {
    position: relative;
    font-size: 16px;
    padding: 5px 20 5px 0;
  }
  .EmailBox .card .card-header .btn .title::after {
    position: absolute;
    top: 0;
    right: 0;
    content: '\f107';
    font-family: 'fontawesome';
  }
  .EmailBox .card .card-header .btn .date {
    color: #ccc;
    font-size: 12px;
  }
  .EmailBox .card .card-header .btn .subtitle {
    color: #222;
    font-size: 14px;
  }
  .EmailBox .card .card-body {
    padding: 15px;
  }
  .EmailBox .card .card-body .title {
    position: relative;
    font-size: 16px;
    padding: 5px 20 5px 0;
    color: #208df9;
    display: block;
  }
  .EmailBox .card .card-body .date {
    color: #ccc;
    font-size: 14px;
    display: inline-block;
  }
  .EmailBox .card .card-body p,
  .EmailBox .card .card-body p a {
    color: #222;
  }

  .HistoryBox .card .card-body {
      padding-left: 0;
      padding-right: 0;
  }


  .StatusBlue {
      background-color: #7460ee;
      color: #fff;
      border-radius: 4px;
      display: inline-block;
      padding: 5px;
  }

  .StatusSkyBlue {
    background-color: #1d87e4;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    padding: 5px;
  }
  
  .StatusGreen {
    background-color: #00897b;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    padding: 5px;
  }
  .StatusDark {
    background-color: #2f3d4a;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    padding: 5px;
  }

  .StatusYellow {
    background-color: #ffb22b;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    padding: 5px;
  }


  .StatusSkyBlueDark {
    background-color: #26c6da;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    padding: 5px;
  }

  .StatusLight {
    background-color: #f2f4f8;
    border-radius: 4px;
    display: inline-block;
    padding: 5px;
  }

  .StatusRed {
    background-color: #fc4b6c;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    padding: 5px;
  }

  .StatusDarkGreen {
    background-color: #2dbd43;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    padding: 5px;
  }


  .StatusPink {
    background-color: #e13ecf;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    padding: 5px;
  }

  .StatusRed {
    background-color: #fc4b6c;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    padding: 5px;
  }

  .StatusMarron {
    background-color: #900c3f;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    padding: 5px;
  }

  .StatusMagenta {
    background-color: #FF0090;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    padding: 5px;
  }

  .StatusBabyPink {
    background-color: #F4C2C2;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    padding: 5px;
  }

  

/* Custom application module css end here */

  
.bootstrap-datetimepicker-widget.dropdown-menu {
    width: 90% !important; 
}

.datetimepickerPerStart .bootstrap-datetimepicker-widget.dropdown-menu, .datetimepickerPerStop .bootstrap-datetimepicker-widget.dropdown-menu {
    width: 100% !important;
}

.tmbp-text-right {
    text-align: right !important;
}

.modal-dialog-scrollable {
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-body {
    overflow-y:auto;
}

#calendar .fc-event {

}

.SUbLearning {
    text-align: left;
    white-space: pre;
}


@media (min-width: 1600px) {
    .d-xlg-block {
        display: block !important;
    }
}


.dropzone__container {
  display: flex;
  flex-direction: row;
  gap: 0;
  position: relative;
  padding: 16px 0;
  align-items: center;
  border: 1px dotted rgba(150,150,150, 1);
  border-radius: 3px;
  /* cursor: pointer; */
  justify-content: center;
  transition: background-color .2s ease-in-out,color .2s ease-in-out,border .2s ease-in-out;
}

.dropzone__container i {
  font-size: 1.2rem;
  margin-right: 16px;
}

.dropzone__container .dropzone__title {
  font-size: 14px;
  line-height: 19px;
}

.dropzone__container .button--secondaryContentAction {
  display:flex;
  align-items: center;
  padding: 6px 8px;
  margin: 0;
  background-color: rgba(0,0,0,0);
  border: none;
  color: #67757c;
  position: relative;
  text-decoration: none;
  border-radius: 3px;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  transition: background-color .2s ease-in-out,color .2s ease-in-out,border .2s ease-in-out !important;
}

.multiupload-container input[type=file] {
  /* position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer; */
  visibility: hidden;
}

.multiupload-container .MultiFile-item {
  display: flex;
  flex-direction: row;
  gap:12px;
}
.multiupload-container .MultiFile-item .MultiFile-thumbnail {

}

.multiupload-container .MultiFile-item .MultiFile-item-fields {
  flex: 1;
}

.MultiFile-item .MultiFile-item-fields .form-group {
  margin-bottom: 12px;
  display: flex;
  flex-direction: column;
}

.MultiFile-item .MultiFile-item-fields .form-group label{
  margin-bottom: 0;
  font-size: 80%;
  font-weight: 400;
}

.MultiFile-item .file-info {
  font-size: 80%;
  font-weight: 400;
}

@media (max-width: 500px) {
  .multiupload-container .MultiFile-item {
    display: flex;
    flex-direction: column;
  }

  .page-wrapper #BackendModuleContainer {
    padding: 0 15px 25px 15px;
  }

  .page-wrapper-n-p #BackendModuleContainer {
    padding: 0px;
  }
}

.selectpicker-fixed .dropdown-menu {
  min-width: 0 !important;
  width: auto !important;
  max-width: 500px !important; 
}

.selectpicker-fixed .bootstrap-select .dropdown-menu li {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.has-danger .select2-container--default .select2-selection--single {
  border-color: #fc4b6c;
}

.datetimepickerFilterStart .bootstrap-datetimepicker-widget.dropdown-menu, .datetimepickerFilterStop .bootstrap-datetimepicker-widget.dropdown-menu {
  width: 19em !important;
}

.loci-comments .checkbox-dense > .control-label {
  display: none;
}

.modal-body .loci-comments {
  overflow-y: auto;
  height: 50vh;
}

.tmbp_listgroup .custom-radio {
  display: flex;
}

    #particles {
      position: fixed;
      inset: 0;
      width: 100vw;
      height: 100vh;
      z-index: 0; /* NICHT negativ */
    }
html {
    background-color: var(--primary-background-color,#fafafa) !important;
}


.xnews-pub-row {
    display: block;               /* Jede Gruppe untereinander */
    max-width: 100%;              /* Nicht breiter als die Card */
    white-space: nowrap;          /* Keine Zeilen innerhalb */
    overflow: hidden;             /* Versteckt Überstand */
    text-overflow: ellipsis;      /* (…) bei zu langem Text */
    background: #f8f9fa;          /* Helles Badge-ähnliches Design */
    border: 1px solid #e1e1e1;
    color: #555;
    font-size: 11px;
    padding: 3px 6px;
    border-radius: 4px;
    margin-bottom: 4px;
}