@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700,900');
@font-face
{
    font-family:"Roboto";
    src:url('/css/webfonts/Roboto-Regular.ttf');
}
Body { font-family: 'Montserrat', "Helvetica Neue", Arial, sans-serif; color: #000 !important; font-size: 0.80rem; font-weight: 500;}
.main-sidebar, .main-sidebar::before, .layout-navbar-fixed .wrapper .brand-link, .layout-navbar-fixed .wrapper .main-sidebar:hover .brand-link { width: 200px;}
/*@media (min-width: 768px) {
  body:not(.sidebar-mini-md) .content-wrapper,
  body:not(.sidebar-mini-md) .main-footer,
  body:not(.sidebar-mini-md) .main-header {
    transition: margin-left 0.3s ease-in-out;
    margin-left: 200px !important;
  }
}*/
@media (min-width: 768px) {
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
        transition: margin-left 0.3s ease-in-out;
        margin-left: 200px;
    }
}
.btn-sm, .btn-group-sm > .btn, .btn { font-size: 0.80rem !important;}
.nav-link { padding: 0.5rem 0.5rem;}
.form-control { border-radius: 0rem !important; padding-left: 0.50rem !important;}
.pt-form .card-header, .cardnew .card-header, .visitLead .card-header { padding: 0.50rem 0.50rem !important;}
.visitLead .card-header h1 { font-size: 1.5rem;}
.cardnew .card-title { font-size: 0.90rem;}
.cardnew .card-body { padding: 0.50rem 0.25rem !important;}
/*.search .btn { padding: 0.2rem 0.4rem; font-size: 0.9rem;}*/
.dashboard .table.table-head-fixed thead tr:nth-child(1) th { background-color: #007bff !important; color: #ffffff;}
.user-panel .info { padding: 0px 5px 5px 10px;}
.calender .table { margin-bottom: 0rem;}
.calender .table-bordered th { background-color: #333 !important; color: white;}
.calender .table-bordered th{ vertical-align: middle !important;}
.calender .external-event { padding: 10px 10px;}
.calender .green{ background-color: Green; color: white;}
.calender .blue{ background-color: blue; color: white;}
.calender .maroon{ background-color: maroon; color: white;}
.calender .red{ background-color: red; color: white;}
.calender .orange{ background-color: orange; color: white;}
.calender .yellow{ background-color: yellow;}
.calender .white{ background-color: #e1e1e1;}
.calender .violet{ background-color: violet;}
.calender .LightSkyBlue{ background-color: LightSkyBlue;}
.calender .gray{ background-color: gray; color: white;}
.pt-form .form-group { margin-bottom: 0rem;}
.pt-form .table th { padding: 0.25rem;}
#modalData .modal-header, #myModal .modal-header { align-items: none; padding: 0.5rem; outline-color: none;}
.table.table-head-fixed thead tr:nth-child(1).table-info th { background-color: #bee5eb;}
.table.table-head-fixed thead tr:nth-child(1).table-danger th { background-color: #f5c6cb;}
.gvSkinProd { font-size: 0.8rem;}

.tblsize a.disabled { pointer-events: none; cursor: default; color: red; font-weight: 700;}
.tblsize a.anc { color: darkgreen;}
.tblsize a.slot { color: darkgreen; }
.tblsize a.block { pointer-events: none; cursor: default; color: gray;}
.tblsize a.off { pointer-events: none; cursor: default; color: red;}
.tblsize.table td { border-top: none;}
.tblsize.table td { padding: 0rem; margin: 0rem; border: 1px solid #ccc; text-align: center;}
.tblsize.table td a { font-size: 0.9rem;}
.tblsize.table { margin-bottom: 0rem;}
.datepicker table tr td.disabled, .datepicker table tr td.today.disabled.disabled { color: red !important;}

#bodyoverlay {
  background: #ffffff;
  color: #666666;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 5000;
  top: 0;
  left: 0;
  float: left;
  text-align: center;
  padding-top: 25%;
  opacity: .80;
}
.spinner2 {
    margin: 0 auto;
    height: 64px;
    width: 64px;
    animation: rotate 1.4s infinite linear;
    border: 5px solid #d92d6a;
    border-right-color: transparent;
    border-radius: 50%;
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}