@import url("https://fonts.googleapis.com/css?family=Nunito:400,600,700,900");
@font-face {
  font-family: "Cerebri Sans,sans-serif";
  src: url("../fonts/cerebrisans-light.eot");
  src: local("Cerebri-sans Light"), url("../fonts/cerebrisans-light.woff") format("woff");
  font-weight: 300; }

@font-face {
  font-family: "Cerebri Sans,sans-serif";
  src: url("../fonts/cerebrisans-regular.eot");
  src: local("Cerebri-sans Regular"), url("../fonts/cerebrisans-regular.woff") format("woff");
  font-weight: 400; }

@font-face {
  font-family: "Cerebri Sans,sans-serif";
  src: url("../fonts/cerebrisans-medium.eot");
  src: local("Cerebri-sans Medium"), url("../fonts/cerebrisans-medium.woff") format("woff");
  font-weight: 500; }

@font-face {
  font-family: "Cerebri Sans,sans-serif";
  src: url("../fonts/cerebrisans-semibold.eot");
  src: local("Cerebri-sans Semibold"), url("../fonts/cerebrisans-semibold.woff") format("woff");
  font-weight: 600; }

@font-face {
  font-family: "Cerebri Sans,sans-serif";
  src: url("../fonts/cerebrisans-bold.eot");
  src: local("Cerebri-sans Bold"), url("../fonts/cerebrisans-bold.woff") format("woff");
  font-weight: 700; }
body {
    font-family: 'Cerebri Sans,sans-serif';
    font-size: 16px;
    line-height: 1.5em;
    color: #212121;
    -webkit-font-smoothing: antialiased;
    padding: 0;
    margin: 0;
    background-color: #dbdbdb;
    min-height: 100%;
}

@media (max-width: 768px) {
  body {
    font-size: 14px;
  }
}


body .ui-selectbutton .ui-button.ui-state-active:not(.ui-state-disabled):hover{
    background-color: #9c27b0;
    color: #ffffff;
}
body .ui-selectbutton .ui-button.ui-state-active{
    background-color: #9c27b0;
    color: #ffffff;
}
body .ui-button.ui-button-text-icon-left, body .ui-datepicker-buttonpane > button.ui-button-text-icon-left {
    /* padding-left: 2.5em; */
}
body .ui-selectbutton .ui-button{
    height: 2.5em;
}
body .ui-button.ui-button-icon-only, body .ui-datepicker-buttonpane > button.ui-button-icon-only {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    /* border-radius: 2px; */
   min-width: 45px;
   height: 41px;
   /* margin-top: 5px; */

}
@media (max-width: 768px) {
  body .ui-button.ui-button-icon-only, body .ui-datepicker-buttonpane > button.ui-button-icon-only {
    min-width: 36px;
    border-radius: 2em;
    margin-right: 7px;
  }
}
.ui-datepicker-trigger.ui-calendar-button {
  margin-top: 5px;
}
body .ui-widget, body .ui-widget .ui-widget {


    text-decoration: none;
    font-weight: 500;

}
body .ui-paginator-bottom , .ui-paginator{
  text-decoration: none;
  font-weight: 500;
  float: right;
  padding-right: 3px;

}

.sidemenubar::-webkit-scrollbar{
  width: 5px;
  visibility: hidden
}
.sidemenubar::-webkit-scrollbar-track{
  background: white;
}
.sidemenubar::-webkit-scrollbar-track:hover{
    background: rgb(199, 199, 199);
  }
.sidemenubar::-webkit-scrollbar-thumb{
  background: #d8d8d8;

  height: 60px;
  border-radius: 176px;
  visibility: hidden;
}
.schedules-details-header{
    margin-left: 37px;

    /* width: 1199px; */
}
.sidemenubar::-webkit-scrollbar-thumb:hover{
  background: #d8d8d8;
  visibility: visible;
  height: 60px;
  -webkit-animation: cssAnimation 5s forwards;
    animation: cssAnimation 5s forwards;
}
.sidemenubar::-webkit-scrollbar-track:hover{
  background: white;
}
body .ui-multiselect {

    /* border: 0px;
    border-bottom: 1px solid #bdbdbd;
    box-sizing: border-box;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-transition: border-color 0.3s;
    -o-transition: border-color 0.3s;
    -webkit-transition: border-color 0.3s;
    transition: border-color 0.3s;
    min-width: 50%; */
    height: calc(1.5em + .9rem + 2px);
    padding: .45rem .9rem;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 12px;
    height: 41px;
    color: #6c757d;
    background-color: #fff!important;
    border: 1px solid #ced4da;
    box-shadow: none;
  }
  body .ui-paginator {
    background-color: white;
    padding: 0.625em 1em;
}

body .ui-widget-header {
    background-color: white;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    font-family: Nunito,sans-serif;
    border: none;
}
body .ui-paginator .ui-paginator-pages .ui-paginator-page{
    color:#323a46;
}
body .ui-paginator .ui-paginator-first, body .ui-paginator .ui-paginator-prev, body .ui-paginator .ui-paginator-next, body .ui-paginator .ui-paginator-last{
    color: #323a46;
}
body .ui-paginator .ui-dropdown .ui-dropdown-trigger, body .ui-paginator .ui-dropdown .ui-dropdown-label{
    background: none;
    color: #323a46;
    padding-top: 0px;
}
body .ui-dropdown .ui-dropdown-trigger{
    background: none;
}
body .ui-dropdown{
    background: none;
    border: 0px;
}
.ui-dropdown-label .ui-inputtext .ui-corner-all {
padding: none;
}
body .ui-inputtext{
    border:0px;

}
body .ui-table .ui-table-thead > tr > th{
    background:none;
    border: none;
}
body .ui-inputtext {
  display: block;
  width: 100%;
  padding: .45rem .9rem;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
  /* height: 44px; */
  color: #6c757d;
  height: 41px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 4px;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  box-shadow: none;
}
body .ui-inputtext:enabled:hover:not(.ui-state-error){border-color: #ddd;}
.form-group .form-control:focus{border-color: #0aa89e;}
body .ui-inputtext:enabled:focus:not(.ui-state-error){border-color: #0aa89e; border-bottom-width: 1
  px;}
body .ui-table .ui-table-tbody > tr > td{
    border: 0px;
}
body .ui-table .ui-table-tbody > tr {
    background: #ffffff;
}
body .ui-table .ui-table-tbody > tr:nth-child(odd) {
    background-color: #f3f7f9;
    border-bottom: 1px solid;
    border-color: rgb(222,226,230);
    height: auto;
}
body .ui-table .ui-table-tbody > tr:nth-child(odd) :active :focus :click{
 border: none;
}
body .ui-table .ui-table-tbody > tr:nth-child(even){
    background: #ffffff;
    border-bottom: 1px solid;
    border-color: rgb(222,226,230);
    height: 52px;
}
body a{
  color: #6c757d;
  font-family: Nunito ,sans-serif;

}
body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active{
    background-color: #6658dd;
    color: #ffffff;
    border-radius: 100%;

}
.md-timer{

background-color: #f7b84b!important;
border-inline-width: 27px;
width: 56px;
height: 56px;
padding-top: 11px;
font-size: 35px;
padding-left: 16px;
color: white;
border-radius: 5px;
}
input:focus{
 text-decoration: none;
}
.md-poll{

    background-color:#1abc9c!important;
    border-inline-width: 27px;
    width: 56px;

    height: 56px;
    padding-top: 11px;
    font-size: 35px;
    padding-left: 16px;
    color: white;
    border-radius: 5px;
}
.md-recent-actors{
  border-inline-width: 27px;
  width: 56px;
  background-color: #4a81d4!important;
  height: 56px;
  padding-top: 11px;
  font-size: 35px;
  padding-left: 16px;
  color: white;
  border-radius: 5px;
}
.btn-success{
  background-color: #1abc9c;
  border-color: #1abc9c;
}
.btn-info{
  background-color: #4fc6e1;
  border-color: #4fc6e1;

}
.md-view-week{
  border-inline-width: 27px;
  width: 56px;
  height: 56px;
  padding-top: 11px;
  font-size: 35px;
  padding-left: 16px;
  color: white;
  border-radius: 5px;
  background-color: #f1556c!important;

}
body .ui-button:hover{
  /* background-color: #1abc9c!important; */
  color: white;
}
.btn-outline-danger {
  color: #f1556c;
  border-color: #f1556c;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #f1556c;
  border-color: #f1556c;
}
body .ui-button{
  border-radius: 2em;
  color: #6658dd;

  overflow: hidden;
  background-color: rgba(102,88,221,.18);
  border-color: rgba(102,88,221,.12);

  font-size: 13px;
  /* height: 38px;
  line-height: 31px;

  padding: 0 1em;
  padding-top: 3px; */


}
.ui-datepicker {
    width: 25em;
}
/*  ---  ----------------------- ---------------------
    Updated By Sayed
------------------------ ------------------------   */

/*  ---  Added By Fazil  - 16/10/2018 ---  */
.card .card-header .nav{/* border-bottom: 1px solid #ddd; *//* border-top: 1px solid #ddd; *//* margin-top: -4px; margin-bottom: 35px;*/}
.card .card-header .nav .crm-stepper-horizontal{width:50%;outline: none;padding: 0px;box-shadow: none;}
.card .card-header .nav .crm-stepper-horizontal .crm-step {/* border-left: 1px solid #ddd; */cursor: pointer;padding: 10px;border: none;background: #FFF;}
.card .card-header .nav .crm-stepper-horizontal .crm-step:last-child{/* border-right: 1px solid #ddd; */}
.card .card-header .nav .crm-stepper-horizontal .crm-step .crm-step-circle{width: 140px;height: 40px;line-height: 40px;background-color: #fff !important;color: #757575;outline: none;border-radius: 2px;border: none;}
.card .card-header .nav .crm-stepper-horizontal .crm-step .crm-step-circle span span{vertical-align: middle;}
.card .card-header .nav .crm-stepper-horizontal .crm-step .crm-step-circle span .crm-step-index{padding: 0px;border-radius: 50%;background-color: #ababab;color: #fff;}
.card .card-header .nav .crm-stepper-horizontal .crm-step .crm-step-circle span .crm-step-index-text{/* margin-left: 10px; */font-size: 16px;font-weight: 300;}
.card .card-header .nav .crm-stepper-horizontal .crm-step .crm-step-circle:hover, .card .card-header .nav .crm-stepper-horizontal .crm-step .crm-step-circle:focus{/*background-color: #caeae8*/}
.card .card-header .nav .crm-stepper-horizontal .crm-step.active .crm-step-circle{background-color: #ffffff !important;color: #ffffff;}
.card .card-header .nav .crm-stepper-horizontal .crm-step.active .crm-step-circle span .crm-step-index{background-color: #fff;color: #6658dd;transition: border-color 0.4s linear;border-color: #6658dd;}
.card .card-header .nav .crm-stepper-horizontal .crm-step.active .crm-step-circle span .crm-step-index-text{/* color: #ffffff; */}
.card .card-header .nav .crm-stepper-horizontal .crm-step-title, .card .card-header .nav .crm-stepper-horizontal .crm-step-bar-left, .card .card-header .nav .crm-stepper-horizontal .crm-step-bar-right{display: none;}

@media screen and (max-width: 768px) {
  .card .card-header .nav .crm-stepper-horizontal .crm-step .crm-step-circle{width: 90px;height: 40px;line-height: 40px;background-color: #fff !important;color: #757575;outline: none;border-radius: 2px;border: none;}
  .card .card-header .nav .crm-stepper-horizontal .crm-step .crm-step-circle span .crm-step-index-text{font-size: 10px;}
  .card .card-header .nav .crm-stepper-horizontal{width:100%;}
}

.ui-card-content button.ui-button-warning{background-color: #ff0000; position: absolute; left: 40px;}
.ui-card-content button.ui-button-warning:focus{background-color: #ff0000 !important;}
.ui-card-content button.ui-button-warning.active{background-color: #ff0000 !important; color: white;}
.mat-fab.mat-primary, .mat-flat-button.mat-primary, .mat-mini-fab.mat-primary, .mat-raised-button.mat-primary, body .ui-button:focus, body .ui-button:focus body .ui-datepicker-buttonpane > button:focus{}
.ui-tabview .ui-tabview-panels .ui-tabview-panel .ui-fieldset-content-wrapper .ui-accordion .ui-accordion-header a {position: relative;}
.ui-tabview .ui-tabview-panels .ui-tabview-panel .ui-fieldset-content-wrapper .ui-accordion .ui-accordion-header a .ui-accordion-toggle-icon{position: absolute; top: 20px; left: 18px;}
.ui-tabview .ui-tabview-panels .ui-tabview-panel .ui-fieldset-content-wrapper .ui-accordion .ui-accordion-header a .form-row{height: 36px;}
.ui-tabview .ui-tabview-panels .ui-tabview-panel .ui-fieldset-content-wrapper .ui-accordion .ui-accordion-header a .form-row .floating-label{padding-left: 30px;}
.ui-tabview .ui-tabview-panels .ui-tabview-panel .ui-fieldset-content-wrapper .ui-accordion .ui-accordion-header a .form-row .floating-label label{display: inline-block;}

/*24/10*/
body .ui-tabview.ui-tabview-top .ui-tabview-nav li, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li, body .ui-tabview.ui-tabview-left .ui-tabview-nav li, body .ui-tabview.ui-tabview-right .ui-tabview-nav li {
    border: 0px solid #c8c8c8;
    background-color: #ffffff;
    font-size: 16px;
}

body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover, body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover, body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover {
    /* border: none; */
    /* background-color: #ffffff !important; */
    /* border-bottom: 3px solid #9c27b0; */
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}

body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active, body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active, body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active{
  /*  */
  line-height: 20px;
  text-transform: capitalize;
  font-weight: normal;
  border-color: #6658dd;
  /* background-color: #ffffff; */
  /* border-radius: 2px; */
  /* border: 1px solid #ffffff; */
  background-color: transparent;
  /* border-radius: 4px; */
  /* color: white; */
  color: #6c757d !important;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active a, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active a, body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active a, body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active a:hover {
  line-height: 22px;
  text-transform: capitalize;
  font-weight: normal;
  /* border-bottom: 2px solid #6658dd !important; */
  height: 42px;
  font-size: 13px;
  font-weight: 600;
  min-width: 165px;
  text-align: center;
  /* border-radius: 4px; */


  border-color:#6658dd ;
  /* background-color: #ffffff; */
  /* border-radius: 2px; */
  /* border: 1px solid #ffffff; */
  /* background-color: #6658dd; */

  /* color: #6c757d !important; */
  cursor: pointer;
}
body .ui-button.ui-state-default.ui-button-warning, body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default {
    color: #ffffff;
    background-color: #ff0101;
    border: 1px solid #ff0101;
}
body .ui-button.ui-state-default.ui-button-warning:enabled:focus, body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:focus{
    background-color: #ff0101;
}
body .ui-button.ui-state-default.ui-button-warning{position: absolute; left: 40px;}
.mat-fab.mat-primary, .mat-flat-button.mat-primary, .mat-mini-fab.mat-primary, .mat-raised-button.mat-primary {
    background-color: #0aa89e;
    float: left;
    margin-left: -11px;
}
.card-block wizard-step p-toolbar .ui-widget-header{background-color: transparent;}
body .ui-tabview .ui-tabview-panels{border:0px;}


body .ui-multiselect-panel.ui-widget .ui-multiselect-header .ui-multiselect-close{top: 45%;}
body .ui-multiselect-panel.ui-widget .ui-multiselect-header .ui-multiselect-close:hover{text-decoration: none !important;}
body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item label{margin-bottom: 0px;}
body .main-header .ui-button{

  /* border-radius:2px; */
}
body .main_wrapper .section-body .main-header .filter-btn-block .ui-selectbutton{top: 0px;position: relative;height: 2.8em; padding-right: 10px;}
body .main_wrapper .section-body .main-header .filter-btn-block .ui-selectbutton .ui-button.ui-button-icon-only{     width: 2.8em;
  height: 2.8em;
  padding-left: 3em;
  padding-right: 2em;
  background-color: #0aa89e;
  border: 1px solid #0aa89e;
  color: #ffffff;
  border-radius: 2em;
  margin-left: 5px;
}
body .main_wrapper .section-body .main-header .filter-btn-block .ui-selectbutton .ui-button .ui-button-icon-left{color: #ffffff;}
body .ui-selectbutton .ui-button.ui-state-active{border-color: #9c27b0 !important; background-color: #9c27b0 !important;}
@media (max-width: 768px) {
  body .ui-selectbutton .ui-button.ui-state-active {
    border-radius: 2em;
    margin-right: 7px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 950px) {
  body .ui-selectbutton .ui-button.ui-state-active {
    border-radius: 2em;
    margin-right: 7px;
  }
}
body .main_wrapper .section-body .main-header .filter-btn-block .filter-btn{border-color: #0aa89e !important;background-color: #0aa89e !important;width: 2.5em;padding-left: 1em;padding-right: 1em;height: 2.5em;margin-left: 5px;}
.ui-widget .ui-table-wrapper .ui-table-thead > tr > th,.ui-widget .ui-table-scrollable-wrapper .ui-table-thead > tr > th{
  position: relative;
  padding: 1px;
  width: 100%;
  word-wrap: normal;
  table-layout: fixed;
  font-weight: 700;
  width: -2px;
  color: #6c757d;
  font-size: 12px;
  border-color: grey;
  font-family: Nunito,sans-serif;
}

.ui-table-wrapper .ui-table-thead > tr:nth-of-type(2) > th,.ui-table-scrollable-wrapper .ui-table-thead > tr:nth-of-type(2) > th {
    background: #fff;
}

.ui-widget .ui-table-wrapper .ui-table-thead > tr:nth-of-type(2) > th input,.ui-widget .ui-table-scrollable-wrapper .ui-table-thead > tr:nth-of-type(2) > th input{
    color: #000;
    height: 29px;
}

.ui-table-thead{background-color: white;}
.ui-table-thead .ui-inputtext{color: #FFF;}

.ui-widget .ui-table-wrapper .ui-table-thead > tr > th a.ui-table-sort-icon,.ui-widget .ui-table-scrollable-wrapper .ui-table-thead > tr > th a.ui-table-sort-icon{position: absolute;top: 35%;right: 0px;width: 1.3em;height: 33%;background: transparent;display: block;}
.ui-widget .ui-table-wrapper .ui-table-thead > tr > th a.ui-table-sort-icon:before,.ui-widget .ui-table-scrollable-wrapper .ui-table-thead > tr > th a.ui-table-sort-icon:before{top: 40%; position: relative;}
.ui-widget .ui-table-wrapper .ui-table-tbody td .btn-group a.btn.btn-flat,.ui-widget .ui-table-scrollable-wrapper .ui-table-tbody td .btn-group a.btn.btn-flat{font-size:16px; padding:2px 3px;  color: #757575; }

.ui-widget .ui-table-wrapper .ui-table-tbody td .btn-group a.btn.btn-flat:hover,.ui-widget .ui-table-scrollable-wrapper .ui-table-tbody td .btn-group a.btn.btn-flat:hover{background: transparent; color: #0aa89e !important;}
.ui-widget .ui-table-wrapper .ui-table-tbody td .btn-group a.btn.btn-flat .fa-edit ,.ui-widget .ui-table-scrollable-wrapper .ui-table-tbody td .btn-group a.btn.btn-flat .fa-edit {
   position: relative;
   top: 8px;

}
.fa-trash , .fa-pencil {
  position: relative;
  top: 5px !important;

}
body .ui-table .ui-sortable-column.ui-state-highlight, body .ui-table .ui-table-tbody > tr.ui-state-highlight{background: transparent; color: #333;}
body .ui-table .ui-table-tbody > tr.ui-state-highlight td, body .ui-table .ui-table-tbody > tr.ui-state-highlight td div{outline: none;}
body .ui-table .ui-sortable-column:not(.ui-state-highlight):hover{background-color: transparent; outline: none;}
.menubar-foot-panel small{font-size:10px;}
.menubar-foot-panel small strong{margin-left: 3px; border-left: 1px solid #333; padding-left: 4px;}
@media (max-width: 1024px){
    .ui-widget .ui-table-wrapper .ui-table-thead > tr > th ,
    .ui-widget .ui-table-scrollable-wrapper .ui-table-thead > tr > th {
        font-size: 12px;
        word-break: break-word;
        line-height: 1.3;
    }

}
@media (max-width: 640px) {
    .ui-widget .ui-table-wrapper .ui-table-thead > tr > th,
    .ui-widget .ui-table-scrollable-wrapper .ui-table-thead > tr > th{font-size: 12px;}
}
@media (max-width: 385px) {

}
.nav.view-schedule-li > li > a{
 /* padding:2px 10px !important;*/
 padding:2px 0px !important;
}
.nav-tabs.view-schedule-li  > li > a{font-weight: 300;}
.view-schedule .card-head header, .view-schedule .card-body{padding-top: 20px; padding-bottom: 0px;}
.view-schedule .tools .btn-group .btn.btn-flat{vertical-align: middle;width: 32px;height: 32px;line-height: 20px;}



.schedules-details-tab li{
    margin-right: px;
    width: 25%;
    background: #fff !important;
    opacity:0.5;
}
.schedules-details-tab li.active, .schedules-details-tab li:hover, .schedules-details-tab li a:hover, .schedules-details-tab li.active a{opacity:1;}
.schedules-details-tab li:nth-child(1).active{
  border-bottom: 2px solid #0aa89e ;
}
.schedules-details-tab li:nth-child(2).active{
  border-bottom: 2px solid #9c27b0 ;
}
.schedules-details-tab li:nth-child(3).active{
  border-bottom: 2px solid #ff9800  ;
}
.schedules-details-tab li:nth-child(4).active{
  border-bottom: 2px solid #4caf50 ;
}
.schedules-details-tab li a{
    border-bottom: 0px !important;
    background: #fff !important;
}
.schedules-details-tab li:nth-child(1) a{
    /* border-top: 6px solid #0aa89e !important; */
    color: #0aa89e !important;
}
.schedules-details-tab li:nth-child(2) a{
    /* border-top: 6px solid #9c27b0 !important; */
    color: #9c27b0 !important;
}
.schedules-details-tab li:nth-child(3) a{
    /* border-top: 6px solid #ff9800 !important; */
    color: #ff9800 !important;
}
.view-schedule .fa-trash, .view-schedule .fa-close, .view-schedule .md-edit {
  color: #757575 !important;
  font-size: large !important;
}
.schedules-details-tab li:nth-child(4) a{
    /* border-top: 6px solid #4caf50 !important; */
    color: #4caf50 !important;
}
 .ui-dialog-content{
    /* height: 100% !important;
    max-height:700px !important;
    max-height:800px !important; */
    /* padding: 0px !important; */
    overflow:hidden;
  /* scroll-behavior: smooth !important; */
  top: 0px !important;
  scroll-behavior: initial;
  }.ui-widget-header{
    scroll-behavior:top;
   }
.region-width{
     width: 111%;
     margin-left: -9px;
   }
.align-center{
  padding-right: 13%;
}
.inbuilt-schedule-class .ui-widget-header{display:none !important;}
.inbuilt-schedule-class .linked-schedules-block .ui-widget-header{display:block !important;}
 .inbuilt-schedule-class .expense-form .ui-widget-header{
    display: block !important;
}

.ui-dialog-content .scheduler-details{
  overflow: auto;
  overflow-y: scroll !important;
  height: 424px !important;
  overflow-x: hidden !important; 
  position: relative; top: 173px;}
.ui-dialog-content .scheduler-details .tab-content, .ui-dialog-content .tab-pane .linked-schedules{top: 0px !important; overflow-y: visible;}
.ui-dialog-content .tab-pane .list-results{overflow-y: visible; max-height: 100%;}

/*18/10*/

body .ui-tabmenu .ui-tabmenu-nav{
  border-bottom: 2px solid rgba(152,166,173,.2)!important;
  margin-bottom: 10px;
  margin-right: 17px;
  margin-left: 1px;
}
.link-contact{
    margin-top: 10px;
    z-index: 99;

}
.breadcrumb > .active{font-size: 14px !important;}
.breadcrumb{
    font-size: 14px;
    margin-bottom: 14px;
    text-shadow: none;
    padding: 0;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem{background:#ffffff; border:0px;}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active{
   line-height: 18px;
  text-transform: capitalize;
  color: #333333;
  border-radius: 0px;
  font-weight: normal;
  border-radius: 2px;
  border-bottom: 4px solid #6658dd!important;
  /* border: 1px solid #ffffff; */
  background: none !important;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem{

  color: #6c757d;

  border-color: #d5dadf;
  /* padding-left:9px; */
  /* background-color: #edeff1; */
  color: #6c757d;
  /* line-height: 20px; */
  text-transform: capitalize;
 color: #ffffff;
  border-radius: 0px;
  font-weight: normal;
  border-radius: 2px;
  margin-right: 11px;
}

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active .ui-menuitem-link .ui-menuitem-text{color: #333333;}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:not(.ui-state-active):not(.ui-state-disabled):hover{ border:0px;}
body .ui-button:enabled:hover{
  background-color: #6658dd; border-color: #6658dd; color: white;
}
.form-group.link-tab .ui-autocomplete{width:100%;}
.form-group.link-tab .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token{width:100%;}
.form-group.link-tab .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input{width:100%;}
/*.row.main-header .subbtn .ui-button{margin-right: 12px;}*/
body .ui-radiobutton .ui-radiobutton-box{width: 18px; height: 18px;}
body .ui-radiobutton-label{vertical-align: middle; top: 0px; margin-right: 10px; margin-left: 2px;}
.form .form-group.floating-label{}
.note-content .btn-raised{margin-right: 12px; background: #0aa89e; color: #fff; box-shadow: none !important;}
.btn-raised.disabled, .btn-raised[disabled]{background:rgba(0, 0, 0, 0.15) !important; }
.ql-editor{min-height: 100px;}
input[type="file"] { display: block; font-size: 14px; vertical-align: middle; color: #777;}
.card-tiles .hbox-column{
  /* padding-bottom: 33px !important; */
  border-radius: 4px;
  /* padding-bottom: 34px; */
  background-color: white;
}


.fa-plus-circle{
  padding-top:5px;
}

/*22/10*/

.filter-btn-block > p-selectbutton{height: 40px; display: inline-block; vertical-align: middle; position: relative; top: 0;}
.filter-btn-block > .filter-btn{display: inline-block; height: 40px; vertical-align: middle; position: relative; top: 0;}
body .btn.btn-danger{
  background-color: #f1556c !important;
   border-color: #f1556c !important;
   color: white;
  }
  body .btn.btn-danger:hover{
    background-color: #c84054 !important;
     border-color: #c84054 !important;
    }
body .btn.btn-success{ }
body .ui-dialog .btn.btn-primary{min-width: 4em; padding: 4.5px 14px;  line-height: 31px; width:100%; height: 2.8em; margin-right: 230px;}
body .ui-dialog .btn.btn-success{line-height:37px;  width:100%; height: 37px; min-width: 2.8em;}
body .ui-radiobutton .ui-radiobutton-box.ui-state-active{background-color: #6658dd !important; border-color: #6658dd !important;}


/*26/10*/
.main-menu li a.active{color:#0aa89e; }
@media (max-width: 1360px) {

    .ui-widget .ui-table-wrapper .ui-table-thead > tr > th,.ui-widget .ui-table-scrollable-wrapper .ui-table-thead > tr > th{font-size: 12px;}
}
@media (max-width: 1200px) {
    .ui-widget .ui-table-wrapper .ui-table-thead > tr > th, .ui-widget .ui-table-scrollable-wrapper .ui-table-thead > tr > th{font-size: 13px;}
}
@media (max-width: 1090px) {
    .ui-widget .ui-table-wrapper .ui-table-thead > tr > th,.ui-widget .ui-table-scrollable-wrapper .ui-table-thead > tr > th{font-size: 12px;}
}
body .ui-table .ui-



-tbody > tr > td {
    padding: 10px 20px;
}
/* .list-content .ui-table table{border:1px solid #ddd;} */

.btn-icon-toggle{background-color:transparent !important; border-color: transparent !important;}
.section-body .detail-content .card-tiles .tab-column app-detail #details{padding: 0;}
.card-tiles .hbox-column.contactcard-box{padding: 8px 20px; background-color: transparent;  padding-right: 0px;}
.main-header {
    /* position: relative !important; */
    left: 0px !important;
    width: calc(100%);

}
.card-tiles .hbox-column.contactcard-box .card{
  border-radius: 6px;
  /* height: 12px; */
  margin-top: -7px;

}
ul.staffTabs{border-bottom: 0px;}
.staffTabs li a{
  line-height: 39px;
  text-transform: capitalize;
  font-weight: normal;
  border-color: #edeff1;

  border-radius: 0px;

  background-color: #d5dadf;

  color: #6c757d;
  height: 41px;
  font-size: 13px;
  font-weight: 600;
  min-width: 165px;
  text-align: center;
  border-radius: 4px;
  margin-left: 10px;
}
.card-head > .nav-tabs {
  padding: -1 24px;
  /* margin: 7px; */
  /* margin-left: 7px; */
  margin-top: 5px;
}
.ui-tabmenu{
  margin-top: 21px;
  margin-left: 18px;
}

@media screen and (max-width: 768px) {
  .ui-tabmenu{
    margin-top: auto;
    margin-left: auto;
  }
}


.staffTabs li.active a{
  background-color: #6658dd;
  color: #fff;
}
.staffTabs li a:hover{
  color: #6658dd;

}
.nav-tabs.staffTabs > li.active > a, .nav-tabs.staffTabs > li.active > a:hover, .nav-tabs.staffTabs > li.active > a:focus{

  border-color: #6658dd;
  color: white;
  background-color: #6658dd;
  line-height: 21px;
  text-transform: capitalize;
  font-weight: normal;
  border-radius: 4px;
  height: 41px;
  font-size: 13px;
  font-weight: 600;
  min-width: 165px;
  text-align: center;
  border-radius: 4px;
  margin-left: 10px;


}
.form-group p-autocomplete span.ui-widget{display:block;}
.staffForm .ui-multiselect, .main-Form .ui-multiselect, .main-Form .ui-dropdown, .leadForm .ui-multiselect{
    width:100% !important;
}
.staffForm .ui-multiselect .ui-multiselect-panel .ui-multiselect-header, .leadForm .ui-multiselect .ui-multiselect-panel .ui-multiselect-header, .main-Form .ui-multiselect .ui-multiselect-panel .ui-multiselect-header{border:0px solid #ddd;}
.staffForm .ui-multiselect .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container, .leadForm .ui-multiselect .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container, .main-Form .ui-multiselect .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container{width: 90%;}
body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container .ui-multiselect-filter-icon{color: #0aa89e !important;}
body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-highlight{background-color: #0aa89e;}
body .ui-chkbox .ui-chkbox-box.ui-state-active {
    border-color: #0aa89e;
    background-color: #0aa89e;
    color: #ffffff;
}
.ui-clickable{
  padding-top: 1px;

}
.add-staff-tabs >li>a{
  line-height: 16px;
}
body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-highlight {
    color: #323a46;
    background-color: transparent;
    margin-bottom: 1px;
    font-family: Nunito,sans-serif;
    font-size: 13px;
}
.btn-soft-info{
  color: #4fc6e1;
    background-color: rgba(79,198,225,.18);
    border-color: rgba(79,198,225,.12);
}
.det-tab {
  padding-bottom: 11px;
}
.contact_id{
  margin-bottom: -47px;
}

.link-tab-details{
  margin-bottom: 31px !important;
}
.btn-soft-info:hover{
  color: white;
  background-color: #4fc6e1;
  border-color: rgba(79,198,225,.12);
}

body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-token{
  margin-top: 2px;
  color: #1abc9c !important;
  background-color: rgba(26,188,156,.18) !important;
  border-color: rgba(26,188,156,.12) !important;
  padding-bottom: 4px;

}
.staff-tab-header .form-group .btn, .move-btn .btn{width:100%;}
.breadcrumb-header{
  padding-left: 26px;
  padding-top: 21px;

}
@media (max-width: 768px) {
  .breadcrumb-header{
    padding-left: 14px;
    padding-top: 14px;
  }
}

.label-info {
  /* background-color: #2196f3; */
  display: none;
}
.auto-password{
  margin-bottom: 0px !important;
  margin-top: -10px;
}
.btn-rounded{
  min-width: 85px;
}
.hdr-level{
   margin-right: -10px;
}
.menu-bar .nav-tabs > li > a:hover{
  color:#6658dd ;

}
.calendar-block{
  margin-top: -14px;
}
.fa-sort{
  float: right;
  margin-top: 5px;
}
.tab-level{
  margin-top: -8px;
}


.menu-bar .nav-tabs > li > a{

  line-height: 19px;
  text-transform: capitalize;
  font-weight: normal;
  border-color: #edeff1;
  /* background-color: #ffffff; */
  border-radius: 0px;
  /* border: 1px solid #ffffff; */
  background-color: #edeff1;
  border-radius: 4px;
  color: #6c757d;
  height: 41px;
  font-size: 13px;
  font-weight: 600;
  min-width: 145px;
  text-align: center;
  margin-left: 16px;


}

.menu-bar .nav-tabs > li.active > a, .menu-bar .nav-tabs > li.active > a:hover, .menu-bar .nav-tabs > li.active > a:focus{
  line-height: 21px;
  text-transform: capitalize;
  font-weight: normal;

  /* background-color: #ffffff; */
  border-radius: 0px;
  /* border: 1px solid #ffffff; */

  border-radius: 4px;
  color: white;
  height: 41px;
  font-size: 13px;
  font-weight: 600;
  min-width: 145px;
  text-align: center;
/*
  border-color:#6658dd ; */
  /* border: 1px solid #ffffff; */
  background-color: #6658dd;


}
ul.nav-tabs{
  border-radius: 4px;
  background-color: white;
  padding-top: 23px;
  padding-bottom: 10px;
  /* padding-left: 16px; */

}
.header-search-bar > .sticky-footter{
  position: fixed;
  top: auto;
  width: 536px;
  font-weight: 600px;
  padding: 3px 12px;
  font-size: 12px;
  height: 29px;
  background-color: #6658dd;
  color: #fff;
}
.lead-list{
  margin-top: -10px;
}
.crm-details{


  margin-top: -52px;
    padding-top: 0px;
}


.crm-filter{
  margin-top: -63px;
  padding-top: 13px;

}
ul.tab-header-content{
  border-radius: 4px;


}
.bd-activity-tabs{
margin-top: -39px;
}
.lead-nav{
  background-color:white;
  padding-left: 12px;
}
/* ul.nav-tabs{
  margin-left: -22px;
  border-radius: 4px;
  background-color: white;
  padding: 9px;
  width: 1211px;
  margin-bottom: -23px
} */
@media (max-width: 385px) {
    .card-tiles .hbox-md{display: flex; flex-direction: column;}
    .card-tiles .hbox-md .hbox-column.tabcss{order: 2;}
    .card-tiles .hbox-column.contactcard-box{order: 1;}
}
.menu-bar.bd-activity-tabs ul.nav-tabs li{ border-top-width: 1px !important; border-color: transparent;}
.menu-bar.bd-activity-tabs ul.nav-tabs li a{  font-weight: 600;  color: #6c757d !important; text-align: center; font-family: Nunito ,sans-serif;}
/* .menu-bar.bd-activity-tabs ul.nav-tabs li:hover{background:#caeae8 !important;} */
/* .menu-bar.bd-activity-tabs ul.nav-tabs li.active{background:#6658dd !important; border-color: #6658dd !important;}
.menu-bar.bd-activity-tabs ul.nav-tabs li.active a{color: #fff !important; background:#6658dd !important; border-color: #6658dd !important;  margin: -2px;} */
/* .menu-bar.bd-activity-tabs ul.nav-tabs li.active:hover{background:#0aa89e !important;} */
body .ui-dialog .modal-footer button.btn{width:20%; display:inline-block; text-align:center;}
.form-group p-autocomplete:focus + label{
    color: #0aa89e;
    opacity: 1;
    font-style: 12px !important;
}
.ui-tabview {
  /* padding: 3.25em; */
  padding-top: 0px;
}

.contact_id1{
  margin-bottom: -22px;
}
.ui-inputtext.ui-widget.ui-state-default.ui-corner-all{
overflow-y: auto;
}
#range{
  display: inline;
  margin-top: 5px;
}
.staffForm #stateWrapper, .main-Form #stateWrapper, .leadForm #stateWrapper{
  /* margin-top:17px !important; */
}
body .ui-multiselect .ui-multiselect-label, body .ui-multiselect .ui-multiselect-label:hover{padding-top:9px;}
body .ui-multiselect:not(.ui-state-disabled):hover{border-color: #ddd;}
 .ui-multiselect{border-bottom:1px solid #ddd; padding-top: 12px;width: 100%;}
body .ui-inputtext.ng-dirty.ng-invalid, body p-dropdown.ng-dirty.ng-invalid > .ui-dropdown, body p-autocomplete.ng-dirty.ng-invalid > .ui-autocomplete > .ui-inputtext, body p-calendar.ng-dirty.ng-invalid > .ui-calendar > .ui-inputtext, body p-chips.ng-dirty.ng-invalid > .ui-inputtext, body p-inputmask.ng-dirty.ng-invalid > .ui-inputtext, body p-checkbox.ng-dirty.ng-invalid .ui-chkbox-box, body p-radiobutton.ng-dirty.ng-invalid .ui-radiobutton-box, body p-inputswitch.ng-dirty.ng-invalid .ui-inputswitch, body p-listbox.ng-dirty.ng-invalid .ui-inputtext, body p-multiselect.ng-dirty.ng-invalid > .ui-multiselect, body p-spinner.ng-dirty.ng-invalid > .ui-inputtext, body p-selectbutton.ng-dirty.ng-invalid .ui-button, body p-togglebutton.ng-dirty.ng-invalid .ui-button{}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link{outline: none !important;}
body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container:not(.ui-state-disabled):hover{border-color:#ddd;}
.form .form-group, .form-inline .form-group{padding-top: 26px;}
body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container:not(.ui-state-disabled).ui-state-focus {border-color:#0aa89e !important; outline: 0;}
.staffForm .ui-multiselect.ui-state-focus, .main-Form .ui-multiselect.ui-state-focus, .leadForm .ui-multiselect.ui-state-focus, .main-Form .ui-multiselect.ui-state-focus, .main-Form .ui-multiselect.ui-state-focus, .main-Form .ui-multiselect.ui-state-focus{border-color:#6658dd !important; border-bottom-width: 2px; outline: 0;}
.form-group.form-location{padding-top: 30px !important;}
.note-wrapper .list-results{max-height: 380px !important;}
.form .form-group, .form-inline .form-group.item-attach-file{padding-top: 25px !important;}
 .form-group.item-attach-file{
    height:93px;
    padding-top:36px !important;
    margin-bottom:0px !important;

  }
  .form-group.item-attach-file label{
    /* color:#000 !important;
    font-weight: bold !important; */
  }
.ui-dropdown label.ui-dropdown-label {
    border-bottom: 1px solid #ddd;
    color: #000;
    font-weight: unset !important;
}
.addCustomer-form #regionWrapper{margin-top:18px;}
.addCustomer-form #regionWrapper .ui-dropdown{margin-top: 8px;}
.addlead-form  #regionWrapper{margin-top:18px;}
.addlead-form  #regionWrapper .ui-dropdown{margin-top: 8px;}
.form-group > label, .form-group .control-label, .floating-label .form-control:focus ~ label, .floating-label .form-control.dirty ~ label{font-size: 12px;}
.main-Form-custom .pi-caret-down::before{content: "" !important;}
.main-Form-custom span.pi{
    position: absolute;
    bottom: 9px;
    right: 4px;
    color: #cdcdcd;
}
.main-Form-custom select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    outline: none;
}


.main-Form-custom select option{
    padding: 3px 0;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

}
.contact-header{
  margin-top: -40px;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover a, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover a, body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover a, body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover a{}
.schedule_page .nav-tabs > li:last-child{margin-right:0px !important;}
.scheduler-tabs li{width: 24% !important; opacity: 1 !important;}
.form .form-group.floating-label p-radiobutton{top: 8px; position: relative;}
.form-group > label, .form-group .control-label{
  opacity: 1 !important;

  font-weight: 600;
  color: #6c757d;
  font-size: 12px;
}

.form  {

  margin: 0px;

  /* border-radius: 4px;
  padding: 20p;
  margin-top: 10px;

  padding-top: -14px;
  padding-top: 14px;
  padding-bottom: 14px; */


}
.form-pad{
  /* background-color: white; */
  /* padding-left: 0px;
  padding-right: 0px; */
  margin-left: 18px;
  margin-right: 18px;
  margin-top: -16px;
  border-radius: 4px;
}

.approvalForm{
  padding: 37px;
    margin-top: 37px;
    background-color: white;
    border-radius: 4px;
    /* width: 1200px; */
    margin-left: -11px;
}
.addlead-form{
 margin-left: 28;
 margin-right: 28px;
}
.login-screen .login_text{text-align: center;
   width: 100%;
    display: inline-block;
    font-weight: bold;
    padding-bottom: 40px;

  }
/* .form-group .form-control ~ label{opacity: 0.65 !important;} */
body .ui-table .ui-table-tbody > tr > td{
  text-align: left !important;
  font-display: Nunito,sans-serif;
  color: #6c757d;
    font-weight: 400;
    font-size: 13px;
}
.staff-details .ui-table tr th{
  width: 2% !important;
}
/* .staff-details .ui-table tr th:nth-of-type(1){width: 11%;}
.staff-details .ui-table tr th:nth-of-type(2){width: 11%;}
.staff-details .ui-table tr th:nth-of-type(3){width: 11%;}
.staff-details .ui-table tr th:nth-of-type(4){width: 11%}
.staff-details .ui-table tr th:nth-of-type(5){width: 11%}
.staff-details .ui-table tr th:nth-of-type(6){width: 11%}
.staff-details .ui-table tr th:nth-of-type(7){width:11% }
.staff-details .ui-table tr th:nth-of-type(8){width: 11%;}
.staff-details .ui-table tr th:nth-of-type(9){width: 6%;} */
.contact-details .ui-table tr th:last-child,.lead-details .ui-table tr th:last-child,.schedule-details .ui-table tr th:last-child{
     /* width:2% !important; */
}

body .bd-activity-details .ui-table .ui-table-tbody>tr>td:nth-of-type(1){
    text-transform:uppercase!important;

}
/* .customer-details .ui-table tr th:last-child{
    width:11.5% !important;
} */
.route-planning-details .linked-schedules {
    position:relative !important;
    top:25px !important;
}
body .ui-datepicker{

  padding: 0.2em !important;
}
@media only screen and (min-width: 1500px){
    .contain-lg{max-width: 100% !important;}
}

body .ui-datepicker{min-width:10em;}
body .ui-datepicker table.ui-datepicker-calendar{table-layout: fixed;}
body .ui-datepicker table th{padding:0.2em;}
body .ui-datepicker table td, body .ui-datepicker table td > a, body .ui-datepicker table td > span{padding:0.2em;}
.accor-add{padding-top:28px}
.contact_info p-card .ui-widget-content{padding-left:0px}
.cmr_details legend{text-align: center;font-size: 32px;}
.cmr_details .p-accordion-tab .ui-accordion p-accordiontab > .ng-trigger-tabContent .ui-widget-content{border: 1px solid #c8c8c8 !important}

.nav .crm-step-index {
    display: inline-block;
    line-height: 51px;
    width: 60px;
    height: 60px;
    border-radius: 999px;
    border: 4px solid #e5e6e6;
    background: #ffffff;
    font-size: 20px;
}
@media screen and (max-width: 768px) {
  .nav .crm-step-index {
    line-height: 40px;
    width: 45px;
    height: 45px;
    border: 3px solid #e5e6e6;
    font-size: 18px;
  }
}
.nav div.active .crm-step-index,
.nav div.crm-step-circle:hover .crm-step-index {
  -webkit-transition: border-color 0.4s linear;
  -o-transition: border-color 0.4s linear;
  transition: border-color 0.4s linear;
  border-color: #6658dd;
}

.nav .crm-step-index-text {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -48px;
    color: #969c9c;
}

.nav .active .crm-step-index-text,.nav div.crm-step-circle:hover .crm-step-index-text {
    color: #313534;
}

.crm-step-index-notes{
    background: none !important;
    transition: none !important;
    border: none !important;
    color: #000 !important;
    font-weight: 100 !important;
}

.dyn-wrapper legend.ui-fieldset-legend {
    margin-top: 1px;
    margin-left: 10px;
    padding-top: 0!important;
    padding-bottom: 12px!important;
    display: none;
    width: auto;
    text-transform: capitalize;
    font-size: 15px;

}

.cmr_details_form legend.ui-fieldset-legend{
    text-align: center;
    font-size: 30px;
    text-transform:capitalize;
}


.cmr_details_form div legend.ui-fieldset-legend{
    text-align: center;
    font-size: 20px;
    text-transform:capitalize;
}

.back-btn button,.back-btn .mat-primary{
    background-color: #fff !important;
    color: #0aa89e !important;
    font-weight: bold !important;
    border: 2px solid #0aa89e !important;
}

.note-block label{
    font-weight:bold !important;
}

.section-body:first-child{
  /* margin-top: -34px !important; */
  margin-top: -22px !important;
  padding: 14px;
  padding-bottom: 8px;

}
@media (max-width: 768px) {
  .section-body:first-child{
    padding: 8px;
    padding-bottom: 0px;
  }
}
.bt-level{
  margin-top: 16px;
}

.crm-stepper-horizontal[_ngcontent-c27]{box-shadow:none;}

.alert-red{color: #b71515;}
.help-block{right: 0 !important;}
.forgot-pass-btn{
  position: absolute !important;

  top: 75%;
  align-items: left;
  left: -22%;
  margin-right: -62px;
}


/*  Login Page */
.login-bg-section{
    position: absolute;
    width: 100vw;
    height: 100vh;
    margin-left: -53%;
    margin-right: -26%;
    margin-top: -46px;
    /* margin-bottom: -11%; */
    z-index: 4;
    padding: 0;
}
@media (max-width: 767px) {
  .login-bg-section{
    z-index: 2;
  }
}
.bg-frame{
   background: url(../img/renata-adrienn-711234-unsplash.jpg);
   width: 100%;
   height: 106vh;
}
.btn-soft-danger {
  color: #f1556c;
  background-color: rgba(241,85,108,.18);
  border-color: rgba(241,85,108,.12);
}
.btn-soft-danger:hover {
  color: #fff;
  background-color: #f1556c;
}

.login-section{
  width: 55%;
  height: 100vh;
  position: absolute;
  margin-bottom: -11%;
  /* margin-top: -140px; */
  /* height: 1000px; */
  right: 0;
  overflow: hidden;
  z-index: 3;
  padding: 97px 0!important;
  background: #fff;
  overflow-y: auto;
}

@media (max-width: 767px) {
  .login-section {
    width: 100%;
    height: 110vh;
    padding: 97px 0!important;
  }
  .card {
    padding: 1%;
    
  }
  .forgot-pass-btn{
    left: -35%;
    top: 80%;
  }
  body .ui-tabmenu .ui-tabmenu-nav{
    margin-right: auto;
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    flex-direction: row;
    overflow-y: hidden;
  }
  .det-form{
    margin: auto !important;
  }
}

@media (min-width: 769px) and (max-width: 950px) {
  body .ui-tabmenu .ui-tabmenu-nav{
    margin-right: auto;
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    flex-direction: row;
    overflow-y: hidden;
  }
}
@media (min-width: 950px) and (max-width: 1905px) {
  body .ui-tabmenu .ui-tabmenu-nav{
    margin-right: auto;
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    flex-direction: row;
    overflow-y: hidden;
  }
}

.login-section .logo_placement{width: 100% !important;}
.login-section .login-screen .card-body{
    width: 100% !important;
   /* padding: 0 52px !important;*/
}
.logout-button {
  background-color: #f1556c !important;
  border-color: #f1556c !important;
  margin-right: -48px;

  margin-top: -56px;

}

.login-section .form .form-group.floating-label{
  padding: 30px 13px !important;
  margin-left: -66px;
  margin-top: 7px;
  margin-bottom: -20px;
}
.sub-block2{
  margin-top: 10px;}

.delete-btn1{
  position: absolute;
  right: -1px !important;
  /* bottom: -39px !important; */
}
.login-section .form .form-group.floating-label .form-control{
  border: 1px solid rgba(12, 12, 12, 0.12);
  border-radius: 4px;
  width: 352px;
  align-items: center;

  margin-left: -45px;
}
.login-section .form .form-group.floating-label .form-control:focus{

border-color: #0aa89e;


}
.login-section .form .form-group > label, .login-section .form-inline .form-group > label{
   margin-left: -30px;
    font-size: 14px;
    color: #7b7878;
}
.login-section .form .form-group.floating-label .show-password{
  left: 275px;
  /* margin-top: 4px; */
}

.login-section .form .form-group.floating-label .help-block {
  bottom: 35px !important;
  margin-right: -46px;
}
.login-section .form .text-center button{
    width: 100%;
    padding: 12px 0;
    border-radius: 6px;
}
.login-section .footer-copyright{
    margin-top: 146px;
}
.login-section .footer-copyright p{
  text-align: center;
  font-size: 14px;
margin-top: -52px;}

.bd-bucket-block{}
.bd-bucket-block .dot{
    padding: 22px 0;
}
.bd-bucket-block .dot span{}
.bd-bucket-block .dot hr.new4{
    margin: 2px 0;
    border-color: #434343;
}
.bd-bucket-block .dot hr.new4 + span{
    color: #ff0000;
}
.mtop-sixteen{margin-top:16px;}
/*app-footer footer{
    margin-top: -34px;
    position: relative;
    z-index: 20;
    width: 100%;
    right: 0;
    height: 20px;
}
app-footer footer .container{width: 100% !important; position: absolute; z-index: 20; padding:0 50px;}*/
.form-group.item-attach-file label{top: 12px;}
.form-group.item-attach-file input[type="file"]{line-height: normal;}
.search_input{}
.acceptance-tab .modal-backdrop{
    /* height:3920px !important; */
}
.terms-tab .modal-backdrop{
     /* height:12555px !important; */
}
.venu-navbar{
   /* background-color: white; */
}
.schedules-details-tab{
  margin-top: -14px;
  margin-left: -14px;
}

app-footer footer.login-privacy{position: fixed; bottom: 0; right: 32px; z-index: 3;}
app-footer footer.inner-privacy{
  position: relative;
  bottom: 0;
  background-color: #ffffff;
  color: #98a6ad;
}
app-footer footer.inner-privacy .container{width: 100%;}
/* .sticky{

    position: fixed;
    width: 762px;
    top: 0px;
} */
/*.crm-details .ui-table tr th:nth-of-type(1){width: 6.8%;}
.crm-details .ui-table tr th:nth-of-type(2){width: 8.7%;}
.crm-details .ui-table tr th:nth-of-type(3){width: 8.7%;}
.crm-details .ui-table tr th:nth-of-type(4){width: 7.7%}
.crm-details .ui-table tr th:nth-of-type(5){width: 6%}
.crm-details .ui-table tr th:nth-of-type(6){width: 9.5%}
.crm-details .ui-table tr th:nth-of-type(7){width:8.6% }
.crm-details .ui-table tr th:nth-of-type(8){width: 9.8%;}
.crm-details .ui-table tr th:nth-of-type(9){width: 7%;}
.crm-details .ui-table tr th:nth-of-type(10){width: 6.8%;}
.crm-details .ui-table tr th:nth-of-type(11){width: 6.8%;}
.crm-details .ui-table tr th:nth-of-type(12){width: 7.3%;}*/

.crm-details .ui-table tr th:nth-of-type(1){width:7%;}
.crm-details .ui-table tr th:nth-of-type(2){width: 10%;}
.crm-details .ui-table tr th:nth-of-type(3){width: 8.7%;}
.crm-details .ui-table tr th:nth-of-type(4){width: 7.7%}
.crm-details .ui-table tr th:nth-of-type(5){width: 11%}
.crm-details .ui-table tr th:nth-of-type(6){width: 9.5%}
.crm-details .ui-table tr th:nth-of-type(7){width:8.6% }
.crm-details .ui-table tr th:nth-of-type(8){width: 9.8%;}
.crm-details .ui-table tr th:nth-of-type(9){width: 7%;}
.crm-details .ui-table tr th:nth-of-type(10){width: 6.8%;}
.crm-details .ui-table tr th:nth-of-type(11){width: 7.8%;}
.crm-details .ui-widget .ui-table-wrapper .ui-table-thead > tr > th,.crm-details .ui-widget .ui-table-scrollable-wrapper .ui-table-thead > tr > th{
    padding-right:1em !important;
}
.crm-details .ui-table .ui-table-thead > tr > th{
    padding: .25em .5em;


}
body .ui-table .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item{
    text-align: center !important;
    padding: 4px !important;

}
body .schedule-venues-option .ui-inputtext{
    /* border: none !important; */
    /* padding: 10px; */
    position: relative !important;
   border:  1px solid #ced4da;
   border-radius: 4px;
    top: 12px !important;
}
body p-autocomplete.schedule-venues-option > .ui-autocomplete > .ui-inputtext{
    /* border-bottom: none !important; */
    padding-top:10px !important;
    font-size:16px !important;
}
.group-permission-select .ui-autocomplete-panel{
 position:relative !important;
 top:auto !important;
}
.form .isactive-field{
    padding-top:5px !important;
    padding-left: 12px !important;
  }
  .form .isactive-field .input-group-addon{
      padding-top:12px !important;
  }
  .form .notify_by_email{
    padding-top:50px !important;
  }
  .form-group .ui-dropdown .ui-dropdown-label{
    font-weight:unset !important;
  }
  p-sorticon{
      margin-bottom: 5px;
  }
  .region-navbar{
    background-color: white;
    /* width: 1221px; */
    margin-left: 0px;
    margin-bottom: -3px;
    border-radius: 4px;
  }
  .filter-block{
    /* border: 1px solid #c8c8c8; */
    font-family: Nunito, sans-serif;
  }
  .filter-block h2{
   font-size: 15px;
   font-weight: 600;
   color: #6c757d;
  }
  .filter-block label{
   color: #6c757d;
   font-weight: 400;
   font-size: 13px;
   }
  div.ui-table-loading.ui-widget-overlay{
      background-color: white;
  }
  /* input#contact_name.form-control{
    width: 98%;
    margin-left: 13px;
  }
  label.ng-star-inserted{
      margin-left: 6px;
  } */
  /* .form-adjust{
    width: 98%;
    margin-left: 12px;

  } */
  div.tab-content{
      padding-bottom: 36px;
  }
  nav > li > a {
     padding: 0px;
    margin-left: 17px;
  }
.search_title{
  font-family: 'Roboto';
    font-size: 14px;
    font-weight: 500;
    text-decoration: auto;
    color: #585858;
}
.search_title:hover{
  font-family: 'Roboto';
    font-size: 14px;
    font-weight: 500;
    text-decoration: auto;
    color: #bc20a9  !important;
}
.search_type{
  font-family: 'Roboto';
    font-size: 10px;
    font-weight: 500;
    text-decoration: auto;
    color: #585858;
}
.search_title{
  font-family: 'Cerebri Sans,sans-serif';
  font-size: 12px;
  font-weight: 400;
  text-decoration: auto;
  color: #6C757D;


}
.search_title:hover{
  font-family: 'Cerebri Sans,sans-serif';
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
    color: #0aa89e  !important;
    cursor: pointer;
}

.search_type , .search_type:hover{
   font-family: 'Cerebri Sans,sans-serif';
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
    color: #6c757d;
    text-align: end;
    margin-right: 6px;
    cursor: pointer;
}


/* .flex{
  display: flex;
  flex-direction: row;
  text-justify: auto;

} */
.breadcrumb-item .active{
  color: #adb5bd;
}

.text-primary {
  color: #323a46;
  line-height:75px;
font-size: 20px;
  font-weight:500;
  margin:0;
}
button ,textarea{
  font-family: Nunito,sans-serif;
}
.gui-icon{
  color:rgb(110, 118, 142)
}
.serach_wrapper{
  margin-left: 28px;
  line-height: 22px;
  max-height: 200px;
  overflow-y: auto;
}
.card-pad{
  margin-left: 7px;
  margin-right: 3px;
}
.menubar-toggle{
  border: none;
    color: #fff;
    display: inline-block;
    height: 70px;
    /* line-height: 70px; */
    width: 60px;
    background-color: transparent;
    font-size: 20px;
    cursor: pointer;
    -webkit-text-stroke: -107.9px;
}

.font-medium{
  font-size: 22px;
}
.scheduler_tab:active{

text-align: center;

font-weight: 700;
}
.navbar-tabs ul {
  overflow:hidden;
  white-space:nowrap;
  margin-left: 50px;
}
.navbar-tabs li {

  display:inline-block;
}
.scheduler-tabs{
  margin-top: 26px;

}

.fixed  {
    position: fixed;
    transition: 0.2s linear;
    top: 75px;
    background: #6658dd;
    border-color: #6658dd;
    height: 50px;
    margin-top: -6px;
    align-items: center;
    padding-top: 10px;
    margin-right: 53px;
    z-index: 99;
    min-width: 76%;
}

.notfixed{
  position: static;
  transition: 0.2 linear;
  top: -50px;
}
.notificationCSS{
  box-shadow: none;
  border-radius: 3px;
  border: 1px solid #d5d5d5;

}
.clearAll{
  color: #98a6ad;
  cursor: pointer;

}
.opr-menu{
  margin-left: 62rem;
  padding:0px;
}

.opr-header{

  padding-left: 13px;
  height: 65px;
  margin-bottom: 18px;
  border-radius: 3px
}
.opr-nav-pills{
  padding: 0px;
}
.ui-table-thead >tr >th >div{

    text-align: center;
    font-size: 13px;
    align-self: center;
    font-weight: bold;
    padding: 6px 0;
    border-radius: 20px;

    width: 100%;
}
.tdata{
  border: none;
}
.tdata >tr> td{
  border-left: 1px solid grey;
}
 /* table {
	display: table;
}
table  th {
	display: table-cell;
}
table tr{
  display: table-cell;
}
table tr td {
	display: block;
} */

.opr-list{
  list-style-type: none;
  line-height: 4rem;
}
.opr-list  >li:hover{
  background-color: #bcbcbc;
  color: white;
  border-radius: 2px;
  cursor: pointer;

}
.opr-list  >li{
  padding-left: 15px;
}
.opr-list  >li >span{
  margin-bottom: 1px;
  padding-left: -6px;
  /* padding: 14px; */
  padding-inline: 7px;
}
.sub_opr >li{
list-style-type: none;
padding-left: 55px;
}
.chart-row-bars {
  border: 2px solid;
  border-radius: 6px;
  font-size: 10px;
  font-weight: 400;
  padding: 8px 4px;
  padding-top: 5px;
  line-height: 21px;
  color: #000;
  height: 33px;
  vertical-align: middle;
  float: middle;
  text-align: center;
  width: auto!important;
  display: -webkit-box!important;
  -webkit-line-clamp: 1!important;
  -webkit-box-orient: vertical!important;
  white-space: normal!important;
  overflow: hidden!important;
  text-overflow: ellipsis!important;

}
.center{
  text-align: center;

}

.right{
  text-align: right;
}
a{
  cursor: pointer;
}
.fade{
  opacity: 1;
}
.modal-content{
  width: 100%;
  border: 1px solid #d9d9d9;
  box-shadow: none;
  overflow-y: overlay;
  top: -69px;
  height: 100%;
  /* left: 140px; */
}
.fc .fc-button-group>* {
  float: left;
  margin: 0 4px 0 -1px;
}
.opr-li{
  list-style: none;
  margin-top:66px
}
.opr-li >li ,.modal-subheading > div{
  font-weight: 400;
  display: inline;
  font-size: 14px;
}
.modal-subheading, .modal-body{
  padding-left: 33px;
  padding-right: 32px;
}
.detail-content{
  padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 21px;

}
@media (max-width: 767px) {
  .detail-content{
    padding-left: 8%;
    padding-right: 8%;
  }
}
/* .ui-corner-all{
  padding-top: 18px;
  padding-left: 26px;
} */

.subbtn{

  margin-bottom: 12px;
}
.header-level{
 margin-left: 18px;
 margin-top: -30px;
}
.dyn-wrapper{

    padding-left: 10px;
    /* padding-right: 0px; */

}
.det-form{
  margin: 19px;
}

.card-header-staff {
  background-color: white;
  border-radius: 4px;
  margin-left: 32px;
  margin-right: 28px;
  padding-top: 11px;
  padding-bottom: 32px;
  padding-left: 15px;
  margin-bottom: 47px;

}
.card-head{background-color: none;}
.card-block{
  margin-bottom: -38px;
}
.btn-level{
  margin-top: 13px;
}
.space-remove{
  margin: -25px;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 500;
  line-height: 1.846153846;
  color: #6c757d;
  font-size: 14px;
  line-height: 23px;
  white-space: nowrap;
}
.dropdown-header {
  padding: 15px 20px 5px 20px;
  font-size: 10px;
  font-weight: 600;
  /* opacity: 1.6; */
  color: #343a40;
}
.header-nav-profile .dropdown.open > a {
  /* margin-top: 6px; */
  padding: 6px 12px 12px 12px;
  min-height: 67px;
  border:none;
  margin-top: 0px;
  background-color: rgba(255,255,255,.05);
}
.nav-bordered li a.active {
  border-bottom: 2px solid #6658dd!important;
}
.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

element.style {
}
.button-list .btn {
    margin-bottom: 12px;
    margin-left: 8px;
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}
.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}
.btn-soft-primary {
    color: #6658dd;
    background-color: rgba(102,88,221,.18);
    border-color: rgba(102,88,221,.12);
}
.btn-rounded {
  border-radius: 0.5em !important;
  margin-left: 10px;
}
.btn-soft-primary:hover {
  color: #fff;
  background-color: #6658dd;
}
.nav-bordered {
  border-bottom: 2px solid rgba(152,166,173,.2)!important;
}
.nav-item.active {
  border-bottom: 2px solid #6658dd!important;
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  background: 0 0;
  border: 1px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
}
.schdeuler-btn{
  width:14% !important ;
   height: 37px !important;
    padding-top: 4px !important;
}

.ngx-pagination .current {

  background: #6658dd;
  color: #ffffff;
  border-radius: 87%;
  width: 28px;
  /* padding-left: 10px; */
  text-align: center;
  font-family: Nunito,sans-serif;
}
.right-bar{background-color: #fff;
    box-shadow: 0 0 24px 0 rgb(0 0 0 / 6%), 0 1px 0 0 rgb(0 0 0 / 2%);
    display: block;
    position: fixed;
    transition: all .2s ease-out;
    width: 260px;
    z-index: 9999;
    float: right!important;
    right: -270px;
    top: 0;
    bottom: 0;
}

.ui-confirmdialog-acceptbutton{
    color: #1abc9c !important;
    background-color: rgba(26,188,156,.18) !important;
    border-color: rgba(26,188,156,.12) !important;

}
.ui-confirmdialog-acceptbutton:hover{
  color: white !important;
  background-color: #1abc9c !important;


}
.ui-confirmdialog-rejectbutton{
  color: #f1556c !important;
  background-color: rgba(241,85,108,.18) !important;
  border-color: rgba(241,85,108,.12) !important;
}
.ui-confirmdialog-rejectbutton:hover{
  color: white !important;
  background-color: #f1556c !important;
  /* border-color: rgba(241,85,108,.12) !important; */
}
.bg-light {
  background-color: #f3f7f9!important;
  text-transform: uppercase!important;
  padding: 1.2rem!important;
  margin-bottom:10px;
  margin-top: 0!important;
  color: #343a40;
}
.marg-top{
  margin-top: 24px;
}

.ui-dialog {
  width: 630px;
  min-width: 150px;
  min-height: auto;
  z-index: 1009 !important;
  left: auto;
  top: auto;
  /* margin-top: 75px; */
  /* transform: none; */
  opacity: 1;
  height: auto;
}
.ui-dialog-mask{
  z-index: 1005 !important;
}

.ui-confirmdialog.ui-widget{
z-index: 99999 !important;
width: auto !important;
/* align-items: center; */
left: 38% !important;
}
@media (max-width: 768px) {
  .ui-dialog {
    width: 100%;
  }
  .ui-confirmdialog.ui-widget{
    left: 0 !important;
  }
}
.ng-tns-c28-0{
  z-index: 99999999 !important;
}

 .ng-select .ng-select-container{

  border: 1px solid #ced4da !important;
  border-radius: 4px;
  padding-left: 6px;
  padding-top: 3px;
}
.ng-select .ng-select-container:focus{

  border: 1px solid #6658dd !important;

}
.ng-select .ng-select-container::after{

  border: none;
}

.ng-select.ng-select-single .ng-select-container .ng-arrow-wrapper {

  align-self: flex-end;
  bottom: 10px;

}
.ng-select .ng-select-container {
  color: rgba(0,0,0,0.87);
  align-items: baseline;
  min-height: 41px;
}
.ng-select .ng-select-container .ng-value-container {
  padding: 0px;
}
.ng-select.ng-select-single .ng-select-container .ng-clear-wrapper {
  bottom: 7px;
}
.ui-fieldset .ui-fieldset .ui-fieldset-legend{
  padding:0px;
}

.ui-dropdown{
  min-width: 100%;
}

.cmr-header{
  margin-left: 17px;
    margin-top: -20px;
    padding-bottom: 20px;
}
ul.nav-bordered li{
  display: inline-flex;
  justify-content: center;
}
.nav-bordered> li > a:hover, .nav > li > a:focus {
  text-decoration: none;
   background-color: none;
}
.nav-bordered{

  margin-left: 28px;
  margin-right: 25px;


}
ul.nav-bordered li a{
  font-size: 13px;
  text-align: center;
  font-weight: 600;
  vertical-align: middle;
  padding-left: 45px;
  /* padding-top: 20px; */
  padding-right: 42px;
  padding-bottom: 8px;

}
.menu-bar{
margin-bottom: -33px;
background: white;
padding-bottom: 14px;
}
.btn-filter{
  color: #4a81d4 !important;
  background-color: rgba(74,129,212,.18) !important;
  border-color:  rgba(74,129,212,.12) !important;
  height:38px !important;
}

.btn-filter:hover{
  color: #fff !important;
    background-color: #4a81d4 !important;

}
.btn-soft-success {
  color: #1abc9c !important;
  background-color: rgba(26,188,156,.18) !important;
  border-color: rgba(26,188,156,.12) !important;
}
.btn-soft-success:hover {
  color: #fff !important;
  background-color: #1abc9c !important;
}
 body .fc-prev-button , .fc-today-button, .fc-next-button, .fc-month-button, .fc-agendaWeek-button, .fc-agendaDay-button{
  color: #6658dd !important;
  background-color: rgba(102,88,221,.18);
    border-color: rgba(102,88,221,.12);
}
body .fc-prev-button:hover , .fc-today-button:hover, .fc-next-button:hover, .fc-month-button:hover, .fc-agendaWeek-button:hover, .fc-agendaDay-button:hover{
  color: white !important;
  background-color: #6658dd !important;
  border-color: rgba(26,188,156,.12) !important;
}
body .fc-prev-button.active , .fc-today-button.active, .fc-next-button.active, .fc-month-button.active, .fc-agendaWeek-button.active, .fc-agendaDay-button:hover{
  color: white !important;
  background-color: #6658dd !important;
  border-color: rgba(26,188,156,.12) !important;
}
.form-notes-tab1{
  background: aliceblue;
}
.ng-select .ng-select-container .ng-value-container {
  align-items: stretch;
  /* padding: .4375em 0; */
  border-top: 4px solid transparent;
}
::placeholder{
  font-size: 12px;
  vertical-align: middle;
  padding-bottom: 20px;
}
dropdown::placeholder{
  font-size: 12px;

}
.ng-select{
  padding-bottom:0px !important;
}
 .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent{
  color: #6658dd !important;
  background-color: rgba(102,88,221,.18);
  border-color: rgba(102,88,221,.12);
  border-radius: 24px !important;
  box-shadow: none;
  min-width: 74px;
 }
.alert-red{
  display: none;
}
.conversation-text {
  float: left;
  font-size: 12px;
  /* margin-left: 12px; */
  width: 70%;
}
.ctext-wrap {
  background: #f1f3fa;
  border-radius: 3px;
  display: inline-block;
  padding: 12px;
  position: relative;
}
/* .m-top{
  padding-top: 15px;
} */
.bd-head{
  padding-left: 0px;
}
.bd-title{
font-size: 13px;
font-weight: 300;
}
.left-pull{
  margin-left: 44px;
}

.status-button {
  height: 20px;
  pointer-events: none;
  cursor: default;
  line-height: 1;
  font-size: 52%;
  font-weight: bold;  
}




.details-section-header {
  margin-bottom: 10px;
}

.details-section-title {
  font-size: 18px;
  font-weight: bold;
  color: #2C3E50; /* Adjust color as needed */
}

.details-tab-header {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

.details-tab-title {
  font-size: 16px;
  font-weight: normal;
  color: #2C3E50;
}

.details-tab-underline {
  width: 80px; /* Adjust based on text width */
  height: 3px;
  background-color: #6200EA; /* Adjust color as needed */
  position: absolute;
  bottom: 0;
  left: 0;
}


.header-button.active {
  color: #1b00ff !important;
  background-color: #e0e0e0 !important;
  border-color:#e0e0e0 !important;
}

.header-button {
  color: #6c757d !important;
  background-color: #ffffff !important;
  border-color:#ffffff !important;
}


.header-button.btn-primary {
  color: #1b00ff !important;
  background-color: #e0e0e0 !important;
  border-color:#e0e0e0 !important;
}

.header-button.btn-light {
  color: #6c757d !important;
  background-color: #ffffff !important;
  border-color:#ffffff !important;
}

/* .modal-backdrop.in {
  opacity: 0;
} */