/*
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: #5e789d;
}

.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: #5e789d !important;
}

.bg-theme {
  background-color: #5e789d !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: #5e789d;
  border-color: #5e789d;
}

.right-sidebar .rpanel-title {
  background: #5e789d;
}

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

.text-themecolor {
  color: #5e789d !important;
}

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

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

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

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

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

/*******************
/*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: #5e789d;
  border-radius: 0;
}

.sidebar-nav ul li a.active {
  color: #5e789d;
}

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

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

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

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

.sidebar-nav > ul > li.active > a, .sidebar-nav > ul > li.active:hover > a {
  color: #ffffff;
  background: #5e789d !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: #5e789d;
border: 1px solid #5e789d;
}
.btn-primary:hover {
background-color: #566F8F;
border-color: #465B75;

}
.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;
}

.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: #5e789d;
}

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

.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: #5e789d;
}

.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); }


.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;
}

.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;
}
.list-group-item.node-dqmtree:hover > .karl {
    display: block;
}

.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {
    width: 260px;
    background: #5e789d;
    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: #5e789d !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;
}

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