@charset "UTF-8";
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important; }

input.ng-invalid-required {
  border: 1px solid #981212; }

.default-body {
  /*font-family: 'Segoe UI','Segoe','SegoeUI-Regular-final',Tahoma,Helvetica,Arial,sans-serif !important;*/
  font-family: Poppins,Helvetica,"sans-serif" !important;
  font-weight: 500 !important;
  background: url("/Content/images/wavegrid.png");
  overflow-x: hidden;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased !important;
}

.blank-body {
  font-family: 'Segoe UI','Segoe','SegoeUI-Regular-final',Tahoma,Helvetica,Arial,sans-serif !important;
  overflow-x: hidden;
  background-color: #fff !important; }

.navbar-toggle:focus {
  background-color: #fff !important;
  border: 0 !important;
  border-color: transparent !important; }

@media only screen and (max-width: 480px) {
  .right_nav_space {
    margin-top: 10px; }
    .right_nav_space .pull-right {
      float: left !important; } }

@media (min-width: 1200px) {
  .containers {
    max-width: 100% !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
    margin:auto !important;
  } }

/* Set padding to keep content from hitting the edges */
.body-content {
  /*padding-top: 15px;*/ }

@media only screen and (min-width: 320px) {
  .body-content {
    padding-left: 5px;
    padding-right: 5px; } }

@media only screen and (min-width: 480px) {
  .body-content {
    padding-left: 5px;
    padding-right: 5px; } }

@media only screen and (min-width: 768px) {
  .body-content {
    padding-left: 15px;
    padding-right: 15px; } }

@media only screen and (min-width: 992px) {
  .body-content {
    padding-left: 15px;
    padding-right: 15px; } }

@media only screen and (min-width: 1200px) {
  .body-content {
    padding-left: 15px;
    padding-right: 15px; } }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Segoe UI','Segoe','SegoeUI-Regular-final',Tahoma,Helvetica,Arial,sans-serif !important;
  font-weight: normal; }

.nomargin {
  margin: 0px !important; }

.content_wrapper {
  display: block;
  position: relative;
  width: 100%;
  background: #fff;
  /*-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);*/
 }

.content_wrapper1 {
    display: block;
    position: relative;
    width: 100%;
    background: #fff;
    /*-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);*/
}

@media only screen and (min-width: 320px) {
  .content_wrapper {
    padding: 5px; } }

@media only screen and (min-width: 480px) {
  .content_wrapper {
    padding: 5px; } }

@media only screen and (min-width: 768px) {
  .content_wrapper {
    padding: 20px; } }

@media only screen and (min-width: 992px) {
  .content_wrapper {
    padding: 20px; } }

@media only screen and (min-width: 1200px) {
  .content_wrapper {
    padding: 20px; }
    .content_wrapper1 {
        width: 1300px;
        margin-left: -30px;
        font-size: 11px;
        letter-spacing: -.5px;
    }

}

.content_wrapper h1 {
  font-weight: lighter;
  margin-top: 0; }

.no-padding-left {
  padding-left: 0px !important; }

.no-padding-right {
  padding-right: 0px !important; }

.home_thumbnails a {
  text-decoration: none !important; }
  @media only screen and (min-width: 320px) {
    .home_thumbnails a {
      margin-bottom: 10px;
      min-height: 103px; } }
  @media only screen and (min-width: 480px) {
    .home_thumbnails a {
      margin-bottom: 10px;
      min-height: 103px; } }
  @media only screen and (min-width: 768px) {
    .home_thumbnails a {
      margin-bottom: 20px;
      min-height: 155px; } }
  @media only screen and (min-width: 992px) {
    .home_thumbnails a {
      margin-bottom: 20px;
      min-height: 155px; } }
  @media only screen and (min-width: 1200px) {
    .home_thumbnails a {
      margin-bottom: 20px;
      min-height: 155px; } }

input[type="radio"], input[type="checkbox"] {
  background: transparent !important;
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075) !important;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075) !important;
  outline: 0 !important;
  border: 0 !important; }

.alert-title {
  border: 0;
  padding: 10px;
  background-color: #71D0F5;
  color: #fff !important;
  border-left: 4px solid #45484A; }

.alert-title h1 {
  font-size: 23px; }

@media only screen and (min-width: 320px) {
  .alert-title {
    margin-bottom: 5px; } }

@media only screen and (min-width: 480px) {
  .alert-title {
    margin-bottom: 5px; } }

@media only screen and (min-width: 768px) {
  .alert-title {
    margin-bottom: 20px; } }

@media only screen and (min-width: 992px) {
  .alert-title {
    margin-bottom: 20px; } }

@media only screen and (min-width: 1200px) {
  .alert-title {
    margin-bottom: 20px; } }

.alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6 {
  margin: 0;
  font-weight: lighter; }

.modal-content, .alert, .btn, input, .thumbnail, .form-control, .nav-tabs > li > a, .fc-state-default, .thumbnail, .panel {
  border-radius: 0; }

@media only screen and (min-width: 320px) {
  .navbar i {
    display: inline; } }

@media only screen and (min-width: 480px) {
  .navbar i {
    display: inline; } }

@media only screen and (min-width: 768px) {
  .navbar i {
    display: none; } }

@media only screen and (min-width: 992px) {
  .navbar i {
    display: none; } }

@media only screen and (min-width: 1200px) {
  .navbar i {
    display: inline; } }

.navbar-nav > li {
  border-left: 1px solid #ddd; }

@media only screen and (min-width: 320px) {
  .navbar-nav > li a {
    padding-top: 8px;
    padding-bottom: 8px; } }

@media only screen and (min-width: 480px) {
  .navbar-nav > li a {
    padding-top: 8px;
    padding-bottom: 8px; } }

@media only screen and (min-width: 768px) {
  .navbar-nav > li a {
    padding-top: 20px;
    padding-bottom: 20px; } }

@media only screen and (min-width: 992px) {
  .navbar-nav > li a {
    padding-top: 20px;
    padding-bottom: 20px; } }

@media only screen and (min-width: 1200px) {
  .navbar-nav > li a {
    padding-top: 20px;
    padding-bottom: 20px; } }

.navbar-nav > li a:hover {
  background: #222 !important;
  color: #fff !important;
  /*border-bottom: 5px solid #47a447;*/ }

@media only screen and (min-width: 320px) {
  .navbar-nav > li a:hover {
    height: auto;
    border: 0; } }

@media only screen and (min-width: 480px) {
  .navbar-nav > li a:hover {
    height: auto; } }

@media only screen and (min-width: 768px) {
  .navbar-nav > li a:hover {
    height: 60px; } }

@media only screen and (min-width: 992px) {
  .navbar-nav > li a:hover {
    height: 60px; } }

@media only screen and (min-width: 1200px) {
  .navbar-nav > li a:hover {
    height: 60px; } }

.navbar-brand {
  padding: 18px 15px !important; }

footer .footer-allpage {
  border-top: 1px solid #ddd;
  padding-top: 20px;
  margin-top: 30px; }

.navbar-default {
  border-bottom: 1px solid #ddd;
  margin-bottom: 0; }

footer a {
  font-family: "Segoe UI", "Segoe", "SegoeUI-Regular-final", Tahoma, Helvetica, Arial, sans-serif; }

.nav-tabs {
  /*margin-top:15px !important;*/ }

.pagination {
  margin-top: 0px !important; }

.search_row {
  margin-bottom: 20px; }

address {
  margin-bottom: 0px !important; }

/* Tab Navigation */
@media only screen and (min-width: 320px) {
  .modal-content {
    padding: 5px; } }

@media only screen and (min-width: 480px) {
  .modal-content {
    padding: 5px; } }

@media only screen and (min-width: 768px) {
  .modal-content {
    padding: 20px; } }

@media only screen and (min-width: 992px) {
  .modal-content {
    padding: 20px; } }

@media only screen and (min-width: 1200px) {
  .modal-content {
    padding: 20px; } }

.form_thumb {
  margin-bottom: 20px; }

.form_thumb h4 {
  margin-bottom: 0; }

.form_thumb a {
  text-decoration: none;
  min-height: 165px;
  overflow: hidden; }

.work-total-hours {
  min-height: 30px;
  font-size: 11px; }

.work-total-hours ul {
  margin-bottom: 0; }

.work-total-hours h4 {
  margin: 0; }

/* tabrow */
.tabrow {
  list-style: none;
  padding: 0;
  line-height: 24px;
  overflow: hidden;
  font-size: 12px;
  font-family: verdana;
  position: relative; 
  white-space: nowrap;
}

.tabrow li {
  border: 1px solid #AAA;
  background: #f8f8f8;
  background: -o-linear-gradient(top, #f8f8f8 50%, #D1D1D1 100%);
  background: -ms-linear-gradient(top, #f8f8f8 50%, #D1D1D1 100%);
  background: -moz-linear-gradient(top, #f8f8f8 50%, #D1D1D1 100%);
  background: -webkit-linear-gradient(top, #f8f8f8 50%, #D1D1D1 100%);
  background: linear-gradient(top, #f8f8f8 50%, #D1D1D1 100%);
  display: inline-block;
  position: relative;
  z-index: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;
  text-shadow: 0 1px #FFF;
  margin: 0 -5px; 
  float: none;
}

.tabrow a {
  color: #555;
  text-decoration: none; }

.tabrow li.selected {
  background: #FFF;
  color: #333;
  z-index: 2;
  border-bottom-color: #FFF; }

.tabrow:before {
  position: absolute;
  content: " ";
  width: 100%;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #AAA;
  z-index: 1; }

.tabrow li:before,
.tabrow li:after {
  border: 1px solid #AAA;
  position: absolute;
  bottom: -1px;
  width: 5px;
  height: 5px;
  content: " "; }

.tabrow li:before {
  left: -6px;
  border-bottom-right-radius: 6px;
  border-width: 0 1px 1px 0;
  box-shadow: 2px 2px 0 #D1D1D1; }

.tabrow li:after {
  right: -6px;
  border-bottom-left-radius: 6px;
  border-width: 0 0 1px 1px;
  box-shadow: -2px 2px 0 #D1D1D1; }

.tabrow li.selected:before {
  box-shadow: 2px 2px 0 #FFF; }

.tabrow li.selected:after {
  box-shadow: -2px 2px 0 #FFF; }

/* end tab row */
.work_thumb {
  font-size: 17px; }

.alert_low_padding {
  padding-top: 5px;
  padding-bottom: 5px;
  border-left: 2px solid #222; }

.magnet-calendar a {
  padding: 0 !important; }

.quick_estimate {
  margin-top: 20px; }

/*.order_panel_modal{
   min-height:411px;
}*/
.hotkey_order .btn-block {
  margin-bottom: 10px;
  white-space: normal !important;
  min-height: 54px; }

.hotkey_order .btn-block p {
  margin-bottom: 0; }

.hotkey_order .tab-content {
  padding: 10px 10px 10px 10px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  margin-bottom: 20px; }

/* calendar */
.fc-draggable {
  border-radius: 0; }

.fc-day-header {
  text-transform: capitalize !important; }

.fc-toolbar h2 {
  text-transform: capitalize; }

/*end calendar */
/*Event Modal Custom*/
.dropdown-menu-right {
  left: -1px !important;
  min-width: 265px !important; }

@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: local("Quicksand Regular"), local("Quicksand-Regular"), url(https://fonts.gstatic.com/s/quicksand/v5/sKd0EMYPAh5PYCRKSryvW1tXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }

.fc-scroller {
  height: auto !important; }

/* buttons */
.btn-primary {
  background: #0072C6;
  color: #ffffff;
  border-color: #0072C6; }

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
  background: #33a6cc;
  border-color: #33a6cc; }

.btn-primary:active, .btn-primary.active {
  background: #0072C6;
  box-shadow: none; }

/* end buttons */
.home_thumbnails .thumbnail:nth-child(0) {
  background: #80B841; }

/*.magnet-calendar{
    .btn-link{
        display:none;
    }
}*/
.fc-icon-left-single-arrow::after {
  content: "\f104";
  font-family: 'FontAwesome' !important;
  font-weight: bold;
  font-size: 200%;
  top: -7%;
  left: 3%;
  display: block !important; }

.fc-icon-right-single-arrow::after {
  content: "\f105";
  font-family: 'FontAwesome' !important;
  font-weight: bold;
  font-size: 200%;
  top: -7%;
  left: -3%;
  display: block !important; }

.employee_profile .form-group {
  margin-bottom: 5px !important; }

.modal-xs {
  width: 350px; }

.nav > li > a {
  padding-left: 10px !important;
  padding-right: 10px !important; }

@media only screen and (min-width: 320px) {
  .navcon {
    margin-left: 5px;
    margin-right: 5px; } }

@media only screen and (min-width: 480px) {
  .navcon {
    margin-left: 5px;
    margin-right: 5px; } }

@media only screen and (min-width: 768px) {
  .navcon {
    margin-left: 30px;
    margin-right: 30px; } }

@media only screen and (min-width: 992px) {
  .navcon {
    margin-left: 30px;
    margin-right: 30px; } }

@media only screen and (min-width: 1200px) {
  .navcon {
    margin-left: 30px;
    margin-right: 30px; } }

/*tooltip*/
.tooltip-inner {
  text-align: left;
  /*max-width: 450px;*/
  /*width: 500px;*/
  font-size: 14px !important;
  white-space: pre;
  /* you can also try white-space: normal; */
  max-width: none; }

/*End tooltip*/
.dropdown-menu {
  border-radius: 0 !important; }
  .dropdown-menu li a {
    padding-top: 5px !important;
    padding-bottom: 5px !important; }
  .dropdown-menu li a:hover {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    height: auto !important; }

.assignmentOrder {
  margin-bottom: 20px !important; }

h4.growl-title {
  font-weight: bold;
  font-size: 27px; }

.growl-container.growl-fixed.top-right {
  top: 50% !important;
  left: 50%;
  margin-top: -50px;
  margin-left: -150px;
  width: 350px;
  font-size: 16px; }

/* ui growl 2 */
.growl-container .growl-item {
  border-left: 6px solid;
  -webkit-box-shadow: 2px 12px 36px 4px #dbdbdb;
  -moz-box-shadow: 2px 12px 36px 4px #dbdbdb;
  box-shadow: 2px 12px 36px 4px #dbdbdb; }

/* */
.detail-input-custom-mini {
  width: 100px;
  margin: 0 auto; }

ul.jPanelMenu-menu {
  display: none; }

.jpanel-menu-left .navbar-nav > li {
  border-left: 0 !important; }

@media only screen and (max-width: 450px) {
  .text-right-xs {
    text-align: right !important; }
  hr {
    margin-top: 10px;
    margin-bottom: 10px; } }

.padding-1 {
  padding: 1px !important; }

.padding-2 {
  padding: 2px !important; }

.padding-3 {
  padding: 3px !important; }

.padding-4 {
  padding: 4px !important; }

.padding-5 {
  padding: 5px !important; }

.padding-6 {
  padding: 6px !important; }

.padding-7 {
  padding: 7px !important; }

.padding-8 {
  padding: 8px !important; }

.padding-9 {
  padding: 9px !important; }

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

.nomargin {
  margin-top: 0 !important; }

.nomargin-top {
  margin-top: 0 !important; }

.nomargin-left {
  margin-left: 0 !important; }

.nomargin-right {
  margin-right: 0 !important; }

.nomargin-bottom {
  margin-bottom: 0 !important; }

.btn-block {
  padding: 5px 10px !important; }

@media only screen and (min-width: 320px) {
  .home_thumbnails h1 {
    font-size: 18px; } }

@media only screen and (min-width: 480px) {
  .home_thumbnails h1 {
    font-size: 18px; } }

@media only screen and (min-width: 768px) {
  .home_thumbnails h1 {
    font-size: 20px; } }

@media only screen and (min-width: 992px) {
  .home_thumbnails h1 {
    font-size: 25px; }
  .punchout-timer {
    font-size: 23px !important; } }

@media only screen and (min-width: 1200px) {
  .home_thumbnails h1 {
    font-size: 25px; } }

.i-circle {
  border: 5px solid #F1F1F1;
  border-radius: 50%;
  -webkit-border-radius: 50% !important;
  height: 80px;
  width: 80px;
  display: inline-block;
  padding-top: 15px;
  margin-bottom: 7px; }

.i-circle.danger i {
  color: #ea6153; }

.i-circle i {
  font-size: 34px;
  vertical-align: middle;
  color: #666; }

@media only screen and (max-width: 736px) {
  .btn-block-xs {
    width: 100% !important;
    margin-bottom: 7px; } }

.customerForm .form-group {
  margin-bottom: 2px; }

@media only screen and (max-width: 667px) {
  .backBtn {
    display: none !important; } }

.table-responsive {
  width: 100%;
  margin-bottom: 15px;
  overflow-x: auto; }

.list-appointment ul > li {
  border-radius: 0 !important; }

.fc-state-default.fc-corner-left, .fc-state-default.fc-corner-right {
  border-radius: 0 !important; }

.list-appointment ul li div {
  height: 7px;
  float: left;
  width: 7px;
  margin-right: 6px;
  margin-top: 2px; }

.list-appointment ul li label {
  margin-bottom: 0 !important; }

/*.form-inline{
    .form-control{
        width:auto;
    }
}*/
.margin-top-0 {
  margin-top: 0 !important; }

.margin-top-5 {
  margin-top: 5px !important; }

.margin-top-10 {
  margin-top: 10px !important; }

.margin-bottom-0 {
  margin-bottom: 0 !important; }

.margin-bottom-5 {
  margin-bottom: 5px !important; }

.margin-bottom-10 {
  margin-bottom: 10px !important; }

.list-group-item {
  border-radius: 0 !important; }

.fileinput-new.input-group .btn-file, .fileinput-new .input-group .btn-file {
  border-radius: 0 !important; }

.signature-col {
  padding: 5px 0; }

.signature-col .row {
  margin-bottom: 15px; }

.signature-col .drawingCanvas {
  border: 1px solid #ddd;
  /*max-width:100% !important;*/
  /*height: 190px;*/ }

.signature-col .msd-elastic {
  min-height: 100px; }

.export-to-excel-form {
  margin-top: 40px !important; }

.nopadding {
  padding: 0 !important; }

.cal-hours .form-control {
  width: 90px !important; }

.dropdown-menu-left {
  left: auto !important;
  right: 0 !important; }

.homefilter {
  margin-top: 15px !important; }

.homefilter select {
  width: 200px !important; }

.homefilter .input-group .form-control {
  width: 100px !important; }

.homefilter-label {
  margin-top: -5px !important; }

.homefilter-label i {
  font-size: 23px !important;
  display: block !important;
  float: right !important;
  margin-left: 10px !important; }

a.boxclose {
  background: #605f61 none repeat scroll 0 0;
  border: 1px solid #aeaeae;
  border-radius: 15px !important;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  float: right;
  font-size: 22px;
  font-weight: bold;
  line-height: 0;
  margin-right: -30px;
  margin-top: -30px;
  padding: 13px 7px; }

a.boxclose:hover {
  text-decoration: none !important; }

.boxclose:before {
  content: "×"; }

.panel-heading .hover-menu {
  display: none; }

.panel-heading:hover .hover-menu {
  display: inline-block; }

.task-list-group .list-group-item {
  border-left: 0 !important;
  border-right: 0 !important; }

.panel-group .panel {
  border-radius: 0 !important; }

/*.modal-dialog {
    margin: 20px;
}*/
.task-input-field {
  outline: none !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 1px dashed #ddd !important;
  box-shadow: none !important; }

.task-input-field :focus {
  box-shadow: 0 !important; }

.task-nav-tab {
  margin-top: 20px;
  margin-bottom: 10px; }

.panel-body .task-list-div:first-child {
  border-top: 1px solid #ddd; }

.task-list-div {
  display: table;
  width: 100%;
  border-bottom: 1px solid #ddd;
  padding-top: 10px;
  padding-bottom: 10px; }

.task-list-div .checkbox {
  margin-left: 9px;
  display: inline-block; }

.task-list-div .member-assign {
  position: relative;
  height: 24px;
  margin-left: 8px;
  margin-right: 8px;
  min-width: 90px;
  display: inline-block;
  background-color: #eee;
  padding: 2px 4px 1px 17px;
  border-radius: 0 5px 3px 0; }

.task-list-div .member-assign:before {
  content: '';
  display: inline-block;
  background-color: #fff;
  width: 14px;
  height: 26px;
  position: absolute;
  left: -12px;
  top: -2px;
  bottom: 0;
  border-radius: 50%;
  box-shadow: 1px 0 0 rgba(0, 0, 0, 0.04); }

.customerForm .control-label {
  padding-top: 0 !important; }

textarea.ng-invalid-required {
  border: 1px solid #981212; }

.row-table tr td:hover {
  cursor: pointer;
  background: #ddd; }

.manual-employee .ui-select-container {
  width: 200px !important;
  display: inline-flex; }

.manual-employee .ui-select-container .ui-select-match {
  width: 100%; }

.manual-employee .ui-select-container .ui-select-match .ui-select-toggle {
  width: 200px !important; }

#scrollable-dropdown-menu ul.dropdown-menu {
  max-height: 400px;
  overflow-y: auto; }

#scrollable2-dropdown-menu ul.dropdown-menu {
  max-height: 377px;
  overflow-y: auto; }

.line-deliverydate {
  text-align: center;
  background: none !important;
  border: 0;
  box-shadow: none;
  outline: none;
  font-family: 'Segoe UI','Segoe','SegoeUI-Regular-final',Tahoma,Helvetica,Arial,sans-serif,FontAwesome !important;
  color: #0072c6; }

.line-deliverydate:hover {
  cursor: pointer;
  text-decoration: underline; }

.line-deliverydate:disabled {
  cursor: not-allowed;
  text-decoration: none;
  color: #868585; }

.line-deliverydate:required {
  outline: none;
  border: none; }

.ng-invalid-required::-webkit-input-placeholder {
  color: #981212; }

.line-deliverydate:focus {
  outline: none !important;
  border: 0;
  box-shadow: none; }

input.line-deliverydate {
  font-family: FontAwesome; }

/*.orderBut {
  width: 46px;
  height: 32px; }*/


/*.orderTimer {
  width: 46px;
  height: 33px; }*/

.timer {
  height: 31px;
  margin-top: 3px; }

.pLineBut {
  height: 30px; }

.homeTable {
  overflow-x: auto;
  overflow-y: unset; }

.lineTable {
  overflow: unset; }

.mobile-view {
  display: none; }

.pLinePro {
  height: 30px;
  display: inline; }

.rwd-table {
  overflow: auto;
  width: 100%; }

/*.rwd-table tr .rw-timer {
  display: none; }*/

.rwd-table tr .rw-timerrunning {
  display: none; }

/*.rwd-table tr .rw-timer2 {
  display: none; }*/

.dropdown.moreSetting {
  display: none; }

.dropdown.userSetting {
  display: none; }

@media screen and (min-width: 768px) {
  .assignToMe {
    width: 74%; } }

@media screen and (max-width: 991px) {
  .emp-table {
    width: 1100px; } }

@media screen and (max-width: 1200px) {
  .rwd-table {
    width: 1100px; }
  .homeTable {
    overflow-x: auto;
    overflow-y: hidden; }
  .mobile-view {
    display: inline; }
  .desktop-view {
    display: none; }
}

.userMoreQuick {
    display:none;
}

@media screen and (max-width: 990px) {
    ul li.userQuickOrder {
    display: none; }
  .dropdown.userQuick {
    display: inline; }
  .userMoreQuick {
      display:block;
 }}

@media screen and (max-width: 880px) {
  ul li.userSched {
    display: none; }
  ul li.userCal {
    display: none; }
  ul li.userCalendar {
    display: inline; }
  ul li.userScheduler {
    display: inline; }
  .dropdown.userQuick {
    display: inline; } }

@media screen and (max-width: 1300px) {
  /*.dropdown.hidSetting {
    display: none; }*/
  ul li.editText {
    display: none; }
  /*ul li.hideWorkLog {
    display: none; }
  ul li.hideSetting {
    display: none; }*/
  .dropdown.moreSetting {
    display: inline-block; }
  ul li.hideScheduler {
    display: none; }
  ul li.hideList {
    display: none; }
  ul li.hideCalendar {
    display: none; } }

@media screen and (max-width: 1296px) {

  ul li.editText {
    display: none; }  
  ul li.hideScheduler {
    display: none; }
  ul li.hideList {
    display: none; }
  ul li.hideCalendar {
    display: none; }
  .dropdown.userSetting {
  display: inline; }
}

@media screen and (max-width: 1173px) {
  ul li.editText {
    display: inline; }
  .dropdown.nextHide {
    display: none; } }

@media screen and (max-width: 1081px) {
  ul li.hideS {
    display: none; }
  ul li.hideWorkLog {
    display: inline; } }

@media screen and (max-width: 978px) {
  ul li.hideSet {
    display: none; }
  ul li.hideSetting {
    display: inline; } }

@media screen and (max-width: 872px) {
  ul li.hideSched {
    display: none; }
  ul li.hideScheduler {
    display: inline; } }

@media screen and (max-width: 772px) {
  ul li.hideCal {
    display: none; }
  ul li.hideCalendar {
    display: inline; } }

@media screen and (max-width: 600px) {
  .rwd-table {
    width: 100%; }
  .rwd-table {
    border: 0; }
  .rwd-table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  .orderTimer {
    margin-top: -4px; }
  .timer {
    margin-top: -1px; }
  .groupBut {
    float: left; }
  .rwd-table tr {
    display: block;
    margin-bottom: .640em; }
  .rwd-table tr .row-timer {
    display: none; }
  .rwd-table tr .rw-timer {
    display: inline-block; }
  .orderBut {
    margin-bottom: 5.3px; }
  .saveAndFinish {
    margin-bottom: 5.3px; }
  .rwd-table tr .rw-timerrunning {
    display: inline-block; }
  .rwd-table tr .rw-timer2 {
    display: inline; }
  .rwd-table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
    min-height: 30px; }
  .rwd-table .row-td {
    height: 42px; }
  .rwd-table tr td{
      white-space: unset !important;
      word-break: break-word !important;
  }
  .rwd-table td:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase; }
  .rwd-table td span.dataLabel:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase; }
  .rwd-table td:last-child {
    border-bottom: 0; } }

/*search loader*/
.s_Loader {
  background: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  z-index: 1000;
  height: 42px;
  margin-top: 1px;
  position: relative; }

.searchLoader,
.searchLoader:before,
.searchLoader:after {
  background: #999999;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em; }

.searchLoader {
  color: #999999;
  text-indent: -9999em;
  font-size: 3px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  position: absolute;
  margin: 15px;
  margin-left: 21px; }

.searchLoader:before,
.searchLoader:after {
  position: absolute;
  top: 0;
  content: ''; }

.searchLoader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.searchLoader:after {
  left: 1.5em; }

@-webkit-keyframes load1 {
  0%, 80%, 100% {
    box-shadow: 0 0;
    height: 4em; }
  40% {
    box-shadow: 0 -2em;
    height: 5em; } }

@keyframes load1 {
  0%, 80%, 100% {
    box-shadow: 0 0;
    height: 4em; }
  40% {
    box-shadow: 0 -2em;
    height: 5em; } }

/*Detail Swith Toggle*/
.switch {
  position: relative;
  display: inline-block;
  width: 37px;
  height: 23px;
  top: 7px;
  left: 19px; }

/* Hide default HTML checkbox */
.switch .default {
  display: none; }

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s; }

.slider:before {
  position: absolute;
  content: "";
  height: 19px;
  width: 19px;
  left: 3px;
  top: 2px;
  bottom: 4px;
  background-color: #eaeaea;
  -webkit-transition: .4s;
  transition: .4s; }

input:checked + .slider {
  background-color: #0072c6; }

input:focus + .slider {
  box-shadow: 0 0 1px #0072c6; }

input:checked + .slider:before {
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
  background-color: #fff; }

/* Rounded sliders */
.slider.round {
  border-radius: 34px; }

.slider.round:before {
  border-radius: 50%; }

/*Profile Switch Toggle*/
.profile-switch {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 17px;
  top: 6px; }

/* Hide default HTML checkbox */
.profile-switch .profile-default {
  display: none; }

/* The slider */
.profile-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s; }

.profile-slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  top: 2px;
  bottom: 4px;
  background-color: #eaeaea;
  -webkit-transition: .4s;
  transition: .4s; }

input:checked + .profile-slider {
  background-color: #0072c6; }

input:focus + .profile-slider {
  box-shadow: 0 0 1px #0072c6; }

input:checked + .profile-slider:before {
  -webkit-transform: translateX(11px);
  -ms-transform: translateX(11px);
  transform: translateX(11px);
  background-color: #fff; }

/* Rounded sliders */
.profile-slider.round {
  border-radius: 34px; }

.profile-slider.round:before {
  border-radius: 50%; }

/*Todos*/
.todos-switch {
  position: relative;
  display: inline-block;
  width: 37px;
  height: 23px;
  top: 7px;
  left: 19px; }

/* Hide default HTML checkbox */
/*.todos-switch .todos-default {display:none;}*/
.todos {
  position: absolute;
  cursor: pointer;
  top: 2px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s; }

.todos:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  top: 2px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s; }

input:checked + .todos {
  background-color: #0072c6; }

input:focus + .todos {
  box-shadow: 0 0 1px #0072c6; }

input:checked + .todos:before {
  -webkit-transform: translateX(9px);
  -ms-transform: translateX(9px);
  transform: translateX(9px); }

/* Rounded sliders */
.todos.round {
  border-radius: 34px; }

.todos.round:before {
  border-radius: 50%; }

/*Custom Radio Button*/
.roleRadio:checked,
.roleRadio:not(:checked) {
  position: absolute;
  left: -9999px;
  top: 1px; }

.roleRadio:checked + label,
.roleRadio:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
  top: -9px;
  left: 5px; }

.roleRadio:checked + label:before,
.roleRadio:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff; }

.roleRadio:checked + label:after,
.roleRadio:not(:checked) + label:after {
  content: '';
  width: 12px;
  height: 12px;
  background: #0072c6;
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.roleRadio:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0); }

.roleRadio:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.PunchIn {
  background: #e8e8e8;
  color: #777777; }

.showNormalHours {
  border-radius: 2px;
  background: #337ab7;
  color: #fff;
  outline: none; }

.showNormalHours:hover {
  cursor: pointer;
  background: #337ab7;
  color: #fff; }

.addManualTimer {
  margin-right: 15px; }

.dateBut:hover {
  cursor: text;
  background: #0072c6;
  outline: none;
  border: 1px solid #0072c6; }

@media screen and (max-width: 991px) {
  .addManualTimer {
    float: none !important;
    padding-top: 14px; }
  .userDefaults {
    padding-right: 31px;
    padding-top: 19px; } }

ul li a.employeeAssign {
  color: #828181; }

ul li a.employeeAssign:hover {
  color: #1a5b75; }

select:not([multiple]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-position: right 50%;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
  padding: .5em;
  padding-right: 1.5em; }

.select-employee {
  border: 0;
  box-shadow: none;
  outline: none;
  font-family: 'Segoe UI','Segoe','SegoeUI-Regular-final',Tahoma,Helvetica,Arial,sans-serif,FontAwesome !important;
  border-radius: 2px;
  text-align: left;
  width: 73px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 7px; }

.search {
  font-family: 'Segoe UI','Segoe','SegoeUI-Regular-final',Tahoma,Helvetica,Arial,sans-serif,FontAwesome !important;
  border: none;
  outline: none;
  background: none;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  border-radius: 4px; }

.search:focus {
  border: none;
  outline: none;
  background: none; }

/*Order line Employee*/
.view-mobile {
  display: none; }

@media screen and (max-width: 1200px) {
  .view-desktop {
    display: none; }
  .view-mobile {
    display: block; }
  .lineTable {
    overflow-x: auto;
    overflow-y: hidden; } }

/*For Custom Check Box*/
.checkbox {
  padding-left: 20px; }

.checkbox label {
  display: inline-block;
  position: relative;
  padding-left: 5px; }

.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }

.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #555555; }

.checkbox input[type="checkbox"] {
  opacity: 0; }

.checkbox input[type="checkbox"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.checkbox input[type="checkbox"]:checked + label::after {
  font-family: 'FontAwesome';
  content: "\f00c"; }

.checkbox input[type="checkbox"]:disabled + label {
  opacity: 0.65; }

.checkbox input[type="checkbox"]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed; }

.checkbox.checkbox-circle label::before {
  border-radius: 50%; }

.checkbox.checkbox-inline {
  margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #428bca;
  border-color: #428bca; }

.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f; }

.checkbox-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de; }

.checkbox-info input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e; }

.checkbox-warning input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c; }

.checkbox-success input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox.checkbox-md label::before {
  width: 34px;
  height: 34px;
  top: -17px; }

.checkbox.checkbox-md label::after {
  width: 34px;
  height: 34px;
  padding-left: 4px;
  font-size: 24px;
  left: 1px;
  top: -18px; }

.checkbox.checkbox-md label {
  padding-left: 22px;
  top: 17px; }

.checkbox.checkbox-sm label::before {
  width: 25px;
  height: 25px;
  top: -13px; }

.checkbox.checkbox-sm label::after {
  width: 25px;
  height: 25px;
  padding-left: 2px;
  font-size: 18px;
  left: 1px;
  top: -13px; }

.checkbox.checkbox-sm label {
  padding-left: 18px;
  top: 13px; }

.radio {
  padding-left: 20px; }

.radio label {
  display: inline-block;
  position: relative;
  padding-left: 5px; }

.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out; }

.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555555;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }

.radio input[type="radio"] {
  opacity: 0; }

.radio input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.radio input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1); }

.radio input[type="radio"]:disabled + label {
  opacity: 0.65; }

.radio input[type="radio"]:disabled + label::before {
  cursor: not-allowed; }

.radio.radio-inline {
  margin-top: 0; }

.radio-primary input[type="radio"] + label::after {
  background-color: #428bca; }

.radio-primary input[type="radio"]:checked + label::before {
  border-color: #428bca; }

.radio-primary input[type="radio"]:checked + label::after {
  background-color: #428bca; }

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f; }

.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f; }

.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de; }

.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de; }

.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e; }

.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e; }

.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c; }

.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c; }

.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c; }

.purchase {
  background: #fd774e;
  outline: #fd774e;
  color: #fff; }

.purchase:hover {
  opacity: 0.8;
  color: #fff; }

span.profile-slider.round:disabled {
  cursor: not-allowed;
  text-decoration: none; }

.playModal {
  display: none; }

.ui-select-choices-row:hover .playModal {
  display: block; }

select.placeholder:invalid {
  color: #aaa; }

select option {
  color: #000; }

.doc-header {
  background: #0084e6;
  color: #fff;
  padding: 18px;
  font-size: 17px; }

.doc-alert {
  background: #efefef;
  color: #bdbdbd;
  padding: 18px;
  font-size: 17px;
  margin-top: 4px; }

.doc-body .text {
  background: #efefef;
  color: #000;
  font-size: 17px;
  margin-top: 4px;
  float: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 87%;
  display: block;
  overflow: hidden; }

.doc-body .action {
  background: #efefef;
  color: #000;
  padding: 18px;
  font-size: 17px;
  margin-top: 4px;
  float: left;
  width: 12%;
  margin-left: 3px; }

.doc-body .action span {
  position: relative;
  top: 3px;
  left: -2px;
  color: #a7a7a7; }

.doc-body .action:hover span {
  color: #000;
  cursor: pointer; }

.doc-body .text div {
  float: left; }

ul.doc-dropdown {
  position: absolute;
  left: 1px; }

.doc-header .input {
  height: 34px;
  margin-top: -4px;
  color: #000;
  padding: 10px;
  border: none;
  font-size: 14px;
  outline: none; }

.dropdown-menu.bottom-arrow,
.dropdown-menu.bottom-arrow:after {
  position: absolute;
  top: 33px;
  min-width: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: none;
  box-shadow: none;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 12px solid #999;
  z-index: 2000; }

.dropdown-menu.bottom-arrow:after {
  top: 1px;
  margin-left: -11px;
  content: "";
  border-top-width: 0;
  border-bottom-color: #fff; }

.dropdown-list {
  top: 76%;
  min-width: 0;
  border-radius: 6px !important;
  margin-left: -22px; }

.timeLogRequired:required {
  border: 1px solid #981212; }

#departmentTable tr td {
  vertical-align: middle; }

.typeAhead .dropdown-menu {
  position: absolute;
  width: 100%; }

.bs-callout {
  padding: 10px;
  padding-left: 20px;
  margin: 20px 0;
  border: 1px solid #ffe9e9;
  border-left-width: 5px;
  border-radius: 3px;
  background: #fff9f9; }

.bs-callout-danger {
  border-left-color: #ce4844; }

.bs-callout-info {
  padding: 15px;
  border-left-width: 5px;
  border-left-color: #f97b22;
  background: #fff5ee;
  border-radius: 0;
  color: #f97b22; }

.btn-td {
  white-space: nowrap; }

@media screen and (max-width: 640px) {
  .sched-table {
    width: 100%; }
  .sched-table {
    border: 0; }
  .sched-table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  .sched-table tr {
    display: block;
    margin-bottom: .640em; }
  .sched-table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
    height: 30px; }
  .sched-table .row-td {
    height: 42px; }
  .sched-table td:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase; }
  .sched-table td span.dataLabel:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase; }
  .sched-table td:last-child {
    border-bottom: 0; }
  .btn-custom {
    width: 50%; } }

@media (max-width: 768px) {
  .sched-form {
    float: none !important; } }

.heading-bs {
  padding-left: 12px;
  border-radius: 3px; }

.heading-bs-primary {
  background: #fbfdff;
  border: 1px solid #e1effb;
  border-left: 5px solid #337ab7;
  color: #337ab7; }

.heading-bs-danger {
  background: #fffdfd;
  border: 1px solid #ffd9d7;
  border-left: 5px solid #f9631b;
  color: #f9631b; }

.heading-bs-success {
  background: #fefffe;
  border: 1px solid #beffbe;
  border-left: 5px solid #5cb85c;
  color: #53ab53; }

.heading-bs-navy {
  background: #ffffff;
  border: 1px solid #cce1ff;
  border-left: 5px solid #104eab;
  color: #104eab; }

.form-inline .back-btn {
  float: right; }

@media screen and (max-width: 992px) {
  .form-inline .back-btn {
    float: none; }
  .form-inline .btn-responsive {
    margin-top: 2px; } }

.popover-title {
  font-weight: bold; }

/*.btn {
  border-radius: 2px !important; }*/

.single-date {
  position: relative;
  top: -8px;
  right: 14px; }

@media screen and (max-width: 390px) {
  .single-date {
    float: none !important;
    top: 6px;
    right: 0;
    display: block;
    left: -10px; } }

.split-time {
  padding-right: 21px;
  position: relative;
  top: -4px; }

@media screen and (max-width: 767px) {
  .split-time {
    float: none !important;
    top: 6px;
    right: 0;
    display: block;
    left: -10px; } }

.timer-usedefault {
  padding-right: 15px; }

@media screen and (max-width: 991px) {
  .timer-usedefault {
    float: right !important;
    position: relative;
    top: -12px; } }

.custom-position {
  margin-top: 34px; }

@media screen and (max-width: 768px) {
  .custom-position {
    margin-top: 0; }
  .timer-usedefault {
    float: right !important;
    position: relative;
    top: -69px; } }

.vertical-middle {
  vertical-align: middle; }

.timesheet-mobile-view {
  display: none; }

@media screen and (max-width: 390px) {
  .timesheet-mobile-view {
    display: inline; }
  .timesheet-desktop-view {
    display: none; }
  .timesheet-lines {
    overflow: auto; } }

/*Clock Spinner*/
.clock {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 30px;
  border: solid 1px black;
  left: 50%;
  margin-left: -25px;
  top: 50%;
  margin-top: -25px; }

.hours {
  position: absolute;
  width: 19px;
  height: 5px;
  top: 7.5px;
  -webkit-animation: you-spin-me-round-round-baby-right-round 5s linear 0s infinite; }

.hours:before {
  content: "";
  height: 2px;
  width: 10px;
  position: absolute;
  right: 11px;
  background: black;
  border-radius: 2px; }

.minutes {
  position: absolute;
  width: 28px;
  height: 5px;
  top: 7.5px;
  -webkit-animation: you-spin-me-round-round-baby-right-round 0.41s linear 0s infinite; }

.minutes:before {
  content: "";
  height: 2px;
  width: 15px;
  position: absolute;
  right: 5px;
  background: black;
  border-radius: 5px; }

@-webkit-keyframes you-spin-me-round-round-baby-right-round {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

.scrollable-dropdown-menu2 ul.dropdown-menu {
  max-height: 200px;
  overflow-y: auto;
  width: 95%; }

.note-danger {
  background-color: #ffefef;
  border-left: 6px solid #ce4844; }

.note-success {
  background-color: #ddffdd;
  border-left: 6px solid #4CAF50; }

.note-info {
  background-color: #e7f3fe;
  border-left: 6px solid #2196F3; }

.note-warning {
  background-color: #ffffe1;
  border-left: 6px solid #ffa83b; }

.scheduler_default_corner div:nth-of-type(2) {
  display: none !important; }

.bubble {
  position: relative;
  background-color: #ffffff;
  z-index: 20 !important; }

.bubble .bubble-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.bubble .bubble-content {
  padding: 9px 14px;
  background-color: #fff; }

.bubble-arrow,
.bubble-arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.bubble-arrow {
  border-width: 11px;
  bottom: -11px;
  left: 17%;
  top: 76px;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0; }

.bubble-arrow:after {
  border-width: 10px;
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0; }

.bubble_default_main_inner {
  background: #fff !important; }

.fa-animation {
  height: 70px;
  width: 70px;
  margin: 0 auto;
  position: relative; }

.scheduler_default_message.custom_message {
  background: #0072C6 !important;
  color: #fff !important; }

.scheduler_default_shadow .scheduler_default_shadow_inner {
  background: #2da4fb !important; }

input.form-control.ui-select-search.ng-pristine.ng-valid.ng-touched {
  width: 100% !important; }

div.calendar_default_colheader_inner {
  padding: 11px;
  font-weight: bold; }

div.month_default_header_inner {
  font-weight: bold; }

.month_default_main div:nth-of-type(5) {
  display: none; }

/*.month_default_main div:nth-of-type(2) {
    height:40px !important;
}*/
div.month_default_header {
  display: block !important; }

div.month_default_cell {
  display: block !important; }

/*div.month_default_header_inner{
    padding:11px;
    font-weight: bold;
}*/
.calendar_default_corner div:nth-of-type(2) {
  display: none !important; }

/*ul.dropdown-menu.ng-valid-date.ng-valid-date-disabled {
  top: 0 !important; }*/

.sched-checkbox input[type="checkbox"]:checked + label::after {
  color: #fff;
  left: -0.5px !important;
  top: 0.8px !important; }

.col-checkbox input[type="checkbox"]:checked + label::after {
    color: #fff;
    left: -0.5px !important;
    top: -0.2px !important;
}
.colcheckbox label::after {
    width: 14px;
    height: 14px;
    font-size:9px;
}
.colcheckbox label::before {
    width: 14px;
    height: 14px;
}
@media screen and (max-width: 768px) {
    .sched-datepicker {
    margin-top: 22px; } }

.scheduler_default_matrix {
  width: 1697px !important; }

.role-table tbody .table-row:hover {
  background: #afe5ff;
  cursor: pointer; }

@media screen and (max-width: 991px) {
  #addItemBtn {
    width: 100% !important; }
  .addItemBtn {
    width: 100% !important; } }

.input-group .form-control {
  z-index: 1 !important; }

.input-group-btn {
  z-index: 1 !important; }

.schedulerTimeHeader {
  font-weight: bold; }

.date-input ul.dropdown-menu.ng-valid-date.ng-valid-date-disabled {
  top: 34px !important; }

.cursorPointer {
  cursor: not-allowed !important; }

input, textarea, select {
  border-radius: 2px !important; }

@media screen and (max-width: 992px) {
  .batch-serial {
    width: 98.3%;
    margin-top: 4px; }
  .batch-serial select {
    width: 100% !important; }
  .add-item-but {
    margin-top: 4px;
    width: 98.3%; }
  .add-item-but button {
    width: 100%; } }

.loading-6 svg {
  width: 1.9em;
  transform-origin: center;
  animation: rotate .8s linear infinite; }

.loading-6 circle {
  fill: none;
  stroke: #075792;
  stroke-width: 6;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite; }

@keyframes rotate {
  100% {
    transform: rotate(360deg); } }

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 90, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dashoffset: -125px; } }

.alert {
  border: 0;
  border-radius: 3px;
  position: relative;
  padding: 20px 15px;
  line-height: 20px;
  margin-bottom: 1rem; }

.growl-container .growl-item {
  border-left: 0px !important; }

.alert.alert-success {
  background-color: #55b559;
  color: #fff;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4); }


.alert.alert-warning {
  background-color: #ff9e0f;
  color: #fff;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4); }

.alert.alert-info {
  background-color: #00cae3;
  color: #fff;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4); }

.alert.alert-danger {
    background-color: #f55145;
    color: #fff;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4);
}

.custom-table {
  display: table;
  border-collapse: separate;
  border-spacing: 2px;
  border-color: grey;
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  border-collapse: collapse; }

.custom-table tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit; }

.custom-table tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit; }

.custom-table > tbody > tr > td,
.custom-table > tbody > tr > th,
.custom-table > tfoot > tr > td,
.custom-table > tfoot > tr > th,
.custom-table > thead > tr > td,
.custom-table > thead > tr > th {
  padding: 12px 8px;
  vertical-align: middle; }

.divider {
  height: 1px;
  width: 100%;
  background: #f1f1f1;
  margin-top: 20px; }

.mobile-hours-view {
  display: none; }

@media screen and (max-width: 600px) {
  .desktop-hours-view {
    display: none; }
  .mobile-hours-view {
    display: block; } }

.custom-btn-responsive {
  width: 49%; }

@media screen and (max-width: 280px) {
  .custom-btn-responsive {
    width: 100%;
    margin-top: 2px; } }

@keyframes spin {
  to {
    transform: rotate(360deg); } }

.clock-timer {
  width: 65px;
  height: 65px;
  background-color: transparent;
  box-shadow: inset 0px 0px 0px 8px #3c763d;
  border-radius: 50%;
  position: relative;
  left: 50%;
  margin-left: -30px;}
  .clock-timer:after, .clock-timer:before {
    position: absolute;
    content: "";
    transform-origin: 2px 2px;
    background-color: #3c763d;
    height: 4px;
    top: 30px;
    left: 30px; }
  .clock-timer:before {
    width: 21px;
    animation: spin 2000ms linear infinite; }
  .clock-timer:after {
    width: 15px;
    animation: spin 8000ms linear infinite; }

.clock-timer-sm {
  width: 18px;
  height: 18px;
  background-color: transparent;
  box-shadow: inset 0px 0px 0px 2px #3c763d;
  border-radius: 50%;
  position: relative;
  margin-bottom: -1px;
  top: 2px; }
  .clock-timer-sm:after, .clock-timer-sm:before {
    position: absolute;
    content: "";
    transform-origin: 1px 1px;
    background-color: #3c763d;
    height: 2px;
    top: 8px;
    left: 7px; }
  .clock-timer-sm:before {
    width: 5px;
    animation: spin 2000ms linear infinite; }
  .clock-timer-sm:after {
    width: 4px;
    animation: spin 8000ms linear infinite; }

.clock-timer-white {
  box-shadow: inset 0px 0px 0px 2px #fff; }
  .clock-timer-white:after, .clock-timer-white:before {
    background-color: #fff; }

@media screen and (max-width: 992px) {
  .clock-timer {
    width: 45px;
    height: 45px;
    margin-bottom: 14px; }
    .clock-timer:after, .clock-timer:before {
      top: 21px;
      left: 21px; }
    .clock-timer:before {
      width: 14px;
      animation: spin 2000ms linear infinite; }
    .clock-timer:after {
      width: 9px;
      animation: spin 8000ms linear infinite; } }

.column {
  float: left;
  width: 33.33%; }

.row-tab:after {
  content: "";
  display: table;
  clear: both; }

@media screen and (max-width: 991px) {
  .timer-mobile-group {
    width: 100%; }
  .timer-mobile-group button {
    width: 100%; }
  .timer-mobile {
    width: 100%; } }

.addon-style {
  background: #0072C6;
  color: #ffffff;
  border-color: #0072C6; }

.servicetask {
  font-weight: bold;
  white-space: nowrap; }

.form-row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px; }

.form-row > .col, .form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px; }

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%; }
.ng-invalid-required {
    border-color: red;
}
.ng-invalid-required.ui-select-bootstrap > .ui-select-match > .btn {
    border: 1px solid rgb(152, 18, 18);

}
.proj-table, .proj-table-worktype {
    overflow: auto;
    width: 100%;
}
.proj-table tr th, .proj-table tr td{
    white-space: nowrap !important;
    vertical-align: middle !important;
}

.proj-table-worktype tr th, .proj-table-worktype tr td{
    vertical-align: middle !important;
}

.service-task.ui-select-bootstrap > .ui-select-match > .btn{
    width:100%;
}
.form-custom .form-group{
    margin-left:1px;
}
.project-select{
    width: 400px;
}
.project-btn{
    padding: 0;
}
.project-manual {
    width:500px;
}
.project-manual.ui-select-bootstrap > .ui-select-match > .btn {
    width: 100% !important
}
.line-employee-filter {
    width:300px;
}
.line-employee-filter.ui-select-bootstrap > .ui-select-match > .btn {
    width: 100% !important
}
@media screen and (max-width: 991px) {
    .project-select {
        width: 100% !important;
    }
    .project-btn {
        text-align: left !important;
        margin-top: 10px !important;
    }
}
@media only screen and (max-width: 1060px) {
    .redirection-custom {
        text-align: left !important;
    }
    .scheduler-daypilot {
        margin-top:41px;
    }
}
@media only screen and (max-width: 768px) {
    .project-manual {
        width: 100%;
    }
}
.dropdown-menu {
    border-radius: .40rem !important
}
.p-line tr th, .p-line tr td {
    white-space: nowrap !important;
    vertical-align: middle !important;
}
.set-row td {
    white-space: unset !important;
}
.customer-filter-custom .dropdown-menu{
    width: 95% !important;
}
.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
    width: 100% !important;
}

.ui-select-custom {
    min-height: 34px !important;
    padding: 4px 3px 0 7px !important;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 2px !important;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
    background: #0072C6;
    color: #ffffff;
    border-color: #0072C6;
    border-radius: 2px !important;
    border: none;
}
.form-block-custom .form-group{
    display:block !important;
}
.lines .dropdown-menu {
    position: static !important;
}

.tab-project {
    overflow-x: auto;
    overflow-y: unset;
}
@media screen and (max-width: 1200px){
    .tab-project {
        overflow-x: auto;
        overflow-y: hidden;
    }
    .project-list{
        font-stretch:condensed;
    }
}
.order-manual.ui-select-bootstrap > .ui-select-match > .btn {
    width: 100% !important
}
.btn-dropdown:hover + .dropdown-menu {
    display: block;
}
@media screen and (max-width: 768px) {
    .menu-project {
       float: none !important;
    }
}
md-toast {
    position: fixed !important;
    z-index: 3000;
}
@media screen and (max-width: 768px) {
    md-toast {
        top:0
    }
}
.md-toast-success .md-toast-content {
    background: #0ebd23 !important;
}
.md-toast-error .md-toast-content {
    background: rgb(193, 30, 23) !important;
}
.md-toast-warning .md-toast-content {
    background: #e8a81a !important;
}
.md-toast-info .md-toast-content {
    background: #25a5e2 !important;
}
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: local('Material Icons'), local('MaterialIcons-Regular'), url(../materialfont/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2')
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: inherit;
}
.nav-menu-icon {
    font-size: 23px;
    color: #777777;
}
.left-menu:hover #nav-left {
    font-size: 26px;
    cursor: pointer;
}
.right-menu:hover #nav-right {
    font-size: 26px;
    cursor: pointer;
}
.custom-pull{
    float: right;
    white-space: nowrap;
}
@media screen and (max-width: 600px) {
    .custom-pull {
        float: none;
        white-space: unset;
    }
    .btn-block-sm{
        width:100% !important;
        margin-bottom: 7px;
    }
    .dropdown-multi-select div {
        width: 100%;
        margin-bottom: 7px;
    }
    .dropdown-multi-select button {
        width: 100%;
    }
}
@media screen and (max-width: 991px) {
    .hidden-text{
        display:none;
    }
}
@media screen and (max-width: 767px) {
    .hidden-text {
        display: inline;
    }
}
.divbutton {
    top: 50px;
    position: absolute;
    right: 5px;
    display: none;
}
.order-wrapper:hover .divbutton{
    display: inline;
}
.c-datepicker__header-date {
    height: 190px !important;
}

.c-datepicker__clock {
    height: 382px !important;
}

.c-datepicker__toggle {
    top: 180px !important;
}

.c-scrim {
    z-index: 1060 !important;
}

.c-datepicker {
    z-index: 1070 !important;
}

.c-btn {
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
    display: inline-block;
    line-height: 36px;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    min-width: 88px;
    height: 36px;
    margin: 10px 8px;
    padding: 0 8px;
    text-align: center;
    letter-spacing: .5px;
    border-radius: 2px;
    background: #F1F1F1;
    color: #393939;
    transition: background 200ms ease-in-out;
    box-shadow: 0 3.08696px 5.82609px 0 rgba(0, 0, 0, 0.16174), 0 3.65217px 12.91304px 0 rgba(0, 0, 0, 0.12435);
}

.c-btn--flat {
    background: transparent;
    margin: 10px 8px;
    min-width: 52px;
}

.c-btn:hover {
    background: rgba(153, 153, 153, 0.2);
    color: #393939;
}

.c-btn:active {
    box-shadow: 0 9.6087px 10.78261px 0 rgba(0, 0, 0, 0.17217), 0 13.56522px 30.3913px 0 rgba(0, 0, 0, 0.15043);
}

.c-btn--flat, .c-btn--flat:hover, .c-btn--flat:active {
    box-shadow: none;
}

.modal-btns a {
    text-decoration: none;
}

.c-datepicker__toggle--right, .c-datepicker__toggle--left {
    text-decoration: none !important;
}

.c-datepicker {
    font-family: 'Roboto', sans-serif;
    -webkit-font-smoothing: antialiased;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.datepicker-mobile {
    display: none !important;
}
@media screen and (max-width: 600px) {
    .datepicker-desktop {
        display: none !important;
    }
    .datepicker-mobile {
        display: block !important;
    }
}
.o-lines tr th, .o-lines tr td {
    vertical-align: middle !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
#notfound {
    position: relative;
    height: 79vh;
}

    #notfound .notfound {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.notfound {
    max-width: 410px;
    width: 100%;
    text-align: center;
}

    .notfound .notfound-404 {
        height: 280px;
        position: relative;
        z-index: -1;
    }

        .notfound .notfound-404 h1 {
            font-family: 'Montserrat', sans-serif;
            font-size: 230px;
            margin: 0px;
            font-weight: 900;
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            background: url("../images/bg.jpg") no-repeat;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-size: cover;
            background-position: center;
            margin-top: -58px;
        }

    .notfound h2 {
        font-family: 'Montserrat', sans-serif;
        color: #000;
        font-size: 24px;
        font-weight: 700;
        text-transform: uppercase;
        margin-top: 0;
    }

    .notfound p {
        font-family: 'Montserrat', sans-serif;
        color: #000;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 20px;
        margin-top: 0px;
    }

    .notfound a {
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        text-decoration: none;
        text-transform: uppercase;
        background: #0046d5;
        display: inline-block;
        padding: 15px 30px;
        border-radius: 40px;
        color: #fff;
        font-weight: 700;
        -webkit-box-shadow: 0px 4px 15px -5px #0046d5;
        box-shadow: 0px 4px 15px -5px #0046d5;
    }

@media only screen and (max-width: 767px) {
    .notfound .notfound-404 {
        height: 142px;
    }

        .notfound .notfound-404 h1 {
            font-size: 112px;
        }
}
@media screen and (max-width: 768px) {
    .unassigned {
        margin-top:15px;
    }
}
.has-search .form-control-feedback {
    right: initial;
    left: 0;
    color: #ccc;
}

.has-search .form-control {
    padding-right: 12px;
    padding-left: 34px;
}
.disabled {
    cursor: not-allowed;
}
.hover-btn:hover .dropdown-menu {
    display: block !important;
    margin-top: 0 !important;
}
/*.md-toast-animating {
    position:fixed;
    width:100%;
    overflow: auto !important;
}*/
.c-datepicker__day-head{
    text-align: center !important;
}
.tabsdemoDynamicHeight md-content h1:first-child {
    margin-top: 0;
}
.option-custom {
    position: relative;
    top: -1px;
}
.mobile-checkbox {
    display: none;
}
.mobile-seperator {
    display: none;
}
@media only screen and (max-width: 767px) {
    .option-custom {
        top: -25px;
    }
    .desktop-checkbox, .desktop-seperator {
        display: none;
    }
    .mobile-checkbox {
        display: inline;
        position: relative;
        top: 4px;
    }
    .mobile-seperator {
        display: inline;
    }
}
@media only screen and (max-width: 520px) {
    .scheduler-daypilot {
        margin-top: 62px;
    }
    /*.last-option-custom{
        position:relative;
        top: 5px;
    }*/
}
@media only screen and (max-width: 376px) {
    .scheduler-daypilot {
        margin-top: 82px;
    }
    /*.second-option-custom {
        position: relative;
        top: 5px;
    }*/
}
.md-tooltip{
    width:600px;
    overflow: unset;
    white-space: unset;
    word-wrap: break-word;
    height: auto !important;
    opacity: 1 !important;
}
.ui-select-multiple.ui-select-bootstrap {
    min-height: 34px;
    height: auto;
    padding: .3em;
}
@media screen and (max-width: 768px) {
    .right-employee-list {
        margin-top:10px;
    }
}
.custom-label {
    position: relative;
    top: -47px;
}
@media screen and (max-width: 768px) {
    .custom-label {
        position: relative;
        top: unset;
    }
}
.profile-dropdown .ui-select-match-text {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 60%;
}
.table-whitespace-0{
    white-space:nowrap;
}
@media screen and (max-width: 991px) {
    .hide-mobile {
        display:none;
    }
}
@media screen and (max-width: 736px) {
    .hide-mobile {
        display: inline;
    }
}
@media screen and (max-width: 768px) {
    .summary-modal {
        margin-top:31px !important;
    }
}
.line-dropdown .ui-select-match-text {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 60%;
}
.line-dropdown.ui-select-bootstrap > .ui-select-match > .btn {
    min-width: 111px;
}
.table-no-border.table > tbody > tr > td{
    border: none;
}
.dropdown-custom {
    padding: 5px 0;
    min-width: 200px;
    overflow: auto;
    height: 334px;
}
.dropdown-custom > li {
    list-style: none;
}
.dropdown-custom > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
    .dropdown-custom > li > a:hover,
    .dropdown-custom > li > a:focus {
        color: #262626;
        text-decoration: none;
        background-color: #f5f5f5;
    }
    

.dropdown-custom > .active > a,
.dropdown-custom > .active > a:hover,
.dropdown-custom > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0;
}

.dropdown-custom > .disabled > a,
.dropdown-custom > .disabled > a:hover,
.dropdown-custom > .disabled > a:focus {
    color: #777;
}

    .ddropdown-custom > .disabled > a:hover,
    .dropdown-custom > .disabled > a:focus {
        text-decoration: none;
        cursor: not-allowed;
        background-color: transparent;
        background-image: none;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    }
.search-column {
    font-family: 'Segoe UI','Segoe','SegoeUI-Regular-final',Tahoma,Helvetica,Arial,sans-serif,FontAwesome !important;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    border-radius: 4px;
}
.customer-label{            
    font-weight:bold;
    position:relative;
    top:6px;
}
@media screen and (max-width: 768px) {
    .customer-label {
        top:unset;
    }
}
.text-control {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.usedefaults {
    position: relative;
    top: -5px;
    left: 14px
}
@media screen and (max-width: 993px) {
    .usedefaults {
        left: 0px !important;
        top: 0px !important;
    }
    .custom-switch{
        left:0px !important;
        top:13px !important;
    }
}
.cus-btn{
    margin-right:68px;
}
@media screen and (max-width: 1199px) {
    .cus-btn {
        margin-right: 54px;
    }
}
@media screen and (max-width: 992px) {
    .cus-btn {
        margin-right: 75px;
    }
}
@media screen and (max-width: 767px) {
    .cus-btn {
        margin-right: 16px;
    }
}
.text-alignment {
    overflow: hidden;
    width: 200px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media screen and (max-width: 600px) {
    .proj-table {
        width: 100%;
    }
    .text-alignment{
        float:right;
    }
    .proj-table {
        border: 0;
    }

        .proj-table thead {
            border: none;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }    

    .orderTimer {
        margin-top: -4px;
    }

    .timer {
        margin-top: -1px;
    }

    .groupBut {
        float: left;
    }

    .proj-table tr {
        display: block;
        margin-bottom: .640em;
    }

        .proj-table tr .row-timer {
            display: none;
        }

        .proj-table tr .rw-timer {
            display: inline-block;
        }
    .proj-table tr td{
        white-space: unset !important;
        word-break: break-word !important;
    }
    .proj-table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right;
        min-height: 30px;        
    }

    .proj-table .row-td {
        height: 42px;
        text-align:left;
    }

    .proj-table td:before {
        /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }

    .proj-table td span.dataLabel:before {
        /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }

    .proj-table td:last-child {
        border-bottom: 0;
    }
}
.setting-dropdown .dropdown-menu{
    position:absolute;
    top:-230px;
    left:139px !important;
    width:100px;
}
.setting-dropdown .dropdown-menu li a {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
.home_thumbnails div > a{
    border-radius:5px;
}
.panel{
    border-radius: 5px;
}
.modal-content {
    border-radius: 10px;
}
.materian-icon-spacing{
    position:relative;
    top:4px;
    font-size:25px;
}
.material-icon-position{
    position:relative;
    top:4px;
}
.dropdown-menu-left-custom {
    left: auto !important;
    right: 0 !important;
}
@media screen and (max-width: 600px) {
    .dropdown-menu-left-custom {
        left: unset !important;
        right: unset !important;
    }
}
/*.sched-mark {
    border-radius: 50%;
    box-shadow: 0px 0px 9px 4px #747DE8;
    animation: glow .5s linear infinite alternate;
}
@keyframes glow {
    to {
        box-shadow: 0px 0px 30px 20px #535FED;
    }
}*/
.ui-select-search {
    /*width: 100% !important;*/
}
.session-expired {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    background: #0046d5;
    display: inline-block;
    padding: 15px 20px;
    border-radius: 40px;
    color: #fff;
    font-weight: 700;
    -webkit-box-shadow: 0px 4px 15px -5px #0046d5;
    box-shadow: 0px 4px 15px -5px #0046d5;
    outline:none;
}
.session-expired:hover{
    text-decoration: none;
    color: #fff;
    background: #37aaff;
}
@media screen and (max-width: 768px) {
    .magnet-calendar {
        margin-top:8px !important;
    }
}
@media screen and (max-width: 768px) {
    .mobile-scheduler-opt {
        width:49.5%
    }
}
.custom-tooltip{
    margin-top: -10px !important;
    width: 400px !important;
    line-height:normal;
    padding:5px !important;
}
.tooltip-multiline {
    margin-top: -10px !important;
    padding: 5px !important;
    height: auto;
    line-height: 14px;
    line-height: normal;
    white-space: pre-line;
}
.custom-select {
    vertical-align: middle;
    padding-top: 0.25rem !important;
    height: 28px;
    width: unset !important;
}
.row-custom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;

}
.col {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.custom-alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    vertical-align: middle;
    font-weight: 600;
    font-size: 13px;
}
.custom-alert-primary {
    color: #004085;
    background-color: #ecf5ff;
    border-color: #e2f0ff;    
}
.custom-alert-danger {
    color: #721c24;
    background-color: #fff4f5;
    border-color: #ffeff0;
}
.label-custom-danger {
    color: #721c24;
    background-color: #ffebed;
    border-color: #ffd4d7;
}
.label-custom-primary {
    color: #004085;
    background-color: #cfe6ff;
    border-color: #c7e2ff;
}
.line-h-n {
    line-height: normal;
}
.custom-label-right {
    position: relative;
    top: -5px;
    padding: 10px;
    font-size: 12px;
}
.check-box-filter-line-custom {
    font-weight: 700;
    font-size: 1.4rem;
}
.ml-1{
    margin-left:.5rem !important;
}
.custom-position-check {
    position: relative;
    top: 22px;
}
@media screen and (max-width: 768px) {
    .custom-position-check {
        position: relative;
        top: 1px;
    }
    .sp-m{
        position:relative;
        top: -16px;
    }
}
.divider-bar {
    background: #a2a2a2;
    height: 10px;
    width: 1px;
    display: inline-block;
    position: relative;
    top: 7px;
    margin-left: 3px;
}
.custom-badge {
    padding: .25rem .55rem .25rem 1rem;
    white-space: nowrap;
    overflow: hidden;
    border-color: #ebedf3;
    background: #fff;
    border: 1px solid #ebedf3;
    border-radius: .30rem;
    margin-bottom: 2px;
    box-sizing: content-box;
    text-align: left !important;
    cursor:pointer;
}
.custom-badge a{
     text-decoration:none;
    color:#000;
}
.text-overflow{
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
    max-width:65px;
}
.inline-block{
    display: inline-block !important;
}
.pt-n1{
    position:relative;
    top:-1px;
}
.inline-display {
    display: inline-block !important;
}
.float-right {
   float: right !important;
}
.margin-0{
    margin: 0 !important;
}
.position-log {
    position: relative;
    top: 6px;
}
.badge-padding {
    padding: 0.25rem 1rem .25rem 1rem !important;
    background: #0072c626;
    color: #0072c6;
}
.text-uppercase{
    text-transform:uppercase;
}

.check-sm .md-icon {
    width: 15px !important;
    height: 15px !important;
}
.check-sm.md-checked .md-icon:after {
    left: 3.66667px !important;
    top: 0.22222px !important;
    width: 5.66667px !important;
    height: 9.33333px !important;
}
.check-label-position {
    position: relative;
    top: -2px;
    margin-left: -10px;
}
.ml-n10 {
    margin-left: -10px !important;
}
.v-align-m{
    vertical-align: middle !important;
    white-space: nowrap !important;
}
.position-r-10 {
    position: relative !important;
    top: 10px !important;
}
.btn-xxs {
    padding: 1px 6px !important;
}
.btn-xxs {
    padding: 1px 5px !important;
}
.position-r-t5 {
    position: relative !important;
    top: 5px !important;
}
.mb-1{
    margin-bottom: 1rem !important;
}
.mb-2 {
    margin-bottom: 2rem !important;
}
.mt-1 {
    margin-top: 1rem !important;
}

.mt-2 {
    margin-top: 2rem !important;
}
.overdue {
    color: #ff1313 !important;
    font-weight: 700 !important;
}
.font-600{
    font-weight: 600 !important;
}
.opacity-60{
    opacity: 0.6 !important;
}
.mt-n1 {
    margin-top: -0.5rem !important;
}
.mt-n2 {
    margin-top: -1rem !important;
}
.mt-0 {
    margin-top: 0rem !important;
}
.mt-1 {
    margin-top: 0.5rem !important;
}
.mt-2 {
    margin-top: 1rem !important;
}
.mt-4 {
    margin-top: 2rem !important;
}
.font-500{
    font-weight: 500 !important;
}
.font-15{
    font-size: 15px !important;
}
.font-popins {
    font-family: Poppins,Helvetica,"sans-serif" !important;
    font-weight: 500 !important;
}
.card {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: .25rem;
    margin-bottom: 1.875rem;
    border: none;
    border-radius: 0;
    box-shadow: 0 0 9px 0 rgb(0 0 0 / 6%);
    background: #fff;
    border-radius: 5px;
}
.card-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.5rem;
}
.d-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.align-self-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    align-self: center !important;
}
.h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0px !important;
    font-family: Montserrat,Georgia,'Times New Roman',Times,serif !important;
    font-weight: 600;
    line-height: 1.2;
    color: inherit;
}
.w-100{
    width: 100% !important;
}
.font-30{
    font-size: 30px !important;
}
.font-18 {
    font-size: 18px !important;
}
.font-20 {
    font-size: 20px !important;
}
.font-19 {
    font-size: 19px !important;
}
.font-17 {
    font-size: 17px !important;
}
.font-12 {
    font-size: 12px !important;
}
.mb-1 {
    margin-bottom: 0.5rem !important;
}
.opacity-90{
    opacity: 0.9 !important;
}
.color-blue1-dark {
    color: #288eb5 !important;
}
.color-blue2-dark {
    color: #2054b3 !important;
}
.color-orange-dark {
    color: #d0692e !important;
}
.color-green1-dark {
    color: #29a54f !important;
}
.color-pink1-dark {
    color: #ff1d66 !important;
}
.manual-timer-width {
    min-width: 209px !important;
}
.manual-timer-width span{
    width: 100% !important;
}
.manual-timer-width span a{
    position: relative;
    top: -20px;
}
.custom-padding .scheduler_default_event_inner {
    padding-left: 19px !important;
}
.custom-sched-padding .scheduler_default_event_inner {
    padding-left: 21px !important;
}
.sched-icon{
    font-size: 15px !important;
}
#header-bar {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 98;
    background-color: #ffffff;
    box-shadow: 0 -5px 10px 0 rgb(0 0 0 / 6%);
    min-height: 60px;
    text-align: center;
    transition: all 350ms ease;
}
#header-bar.position-relative {
    height: 60px !important;
}
#header-bar.position-relative {
    z-index: 2 !important;
}
#header-bar .menu-bar{
    float:right;
}
#header-bar .logo-bar{
    float:left;
}
#header-bar .menu-item {
    color: #1f1f1f;
    padding: 12px 17px 0px 17px;
    position: relative;
    text-decoration: none !important;
    float:left;
}
#header-bar .menu-item span {
    position: relative;
    z-index: 2;
    display: block;
    font-size: 10px;
    font-weight: 500;
    margin-top: -6px;
    opacity: 0.7;
     font-family: Poppins,Helvetica,"sans-serif" !important;
     font-weight: 600 !important;
}
#header-bar .menu-item i {
    font-size: 18px;
    position: relative;
    z-index: 2;
}
.mt-l-5{
    margin-top: 5rem !important;
}
.dashboard-menu h1, .dashboard-menu h2, .dashboard-menu h3, .dashboard-menu h4, .dashboard-menu h5 {
    font-family: Poppins,Helvetica,"sans-serif" !important;
    font-weight: 400 !important;
    margin-top: 0.5rem !important;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    opacity: 0.7;
}
.dashboard-menu a i, .material-icons {
    color: #2a4f88 !important;
}
body, html {
    font-weight: 400;
    font-family: Poppins,Helvetica,"sans-serif" !important;
    -webkit-font-smoothing: antialiased;
    min-height: 100%;
    background: #fafafa;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Poppins,Helvetica,"sans-serif" !important;
    font-weight: 500 !important;
}
md-tab {
    font-family: Poppins,Helvetica,"sans-serif" !important;
    font-weight: 500 !important;
}
.display-inline {
    display: inline !important;
}
.dropdown-toggle::after{
    display: none !important;
}
.dropdown-item {
    padding: 0.25rem 1rem !important;
}
.dropdown-header {
    padding: 0.25rem 1rem !important;
}
.position-r-n6 {
    position: relative;
    top: -6px;
}
.line-height-0{
    line-height: normal !important;
}
.more-menu {
    display: none !important;
}
.mobile-bar {
    display: none !important;
}
@media only screen and (max-width: 1630px) {
  .more-menu{
      display: inline !important;
  }
  .desktop{
      display: none;
  }
}
@media only screen and (max-width: 1184px) {
    .mobile-bar {
        display: inline !important;
    }
    .logo-bar {
        display: none !important;
    }
    .menu-bar {
        display: none !important;
    }
}
.modal-backdrop.fade {
    opacity: 0.5 !important;
}
.fade.in {
    opacity: 1;
}
md-backdrop.md-sidenav-backdrop {
    z-index: 999;
}
md-sidenav {
    position: fixed !important;
    z-index: 999;
    width: 260px;
    /*overflow:hidden;*/
}
md-backdrop.md-opaque {
    opacity: .5;
}
.custom-icon {
    width: 51px;
    height: 51px;
    text-align: center;
    font-size: 1.6rem;
}
.custom-icon span{
    position:relative;
    top: 13px;
}
md-sidenav a i {
    color: #2a4f88 !important;
}
md-sidenav .label-control {
    max-width: 196px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.position-r-3 {
    position: relative;
    top: 3px;
}

.btn .material-icons{
    color: #fff !important;
}
.text-btn {
    color: #000 !important;
}
.white-space-0{
    white-space: nowrap !important;
}
.position-r-n1 {
    position: relative;
    top: -1px;
}
.custom-input {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 13px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    box-shadow: 0 4px 24px 0 rgb(0 0 0 / 8%) !important;
    border: 1px solid #f1f1f1 !important;
    outline: none !important;
    border-radius: 0.25rem !important;
}
.input-group > .custom-input {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0;
}
.input-group-append{
    display: inline !important;
}
@media only screen and (max-width: 1669px) {
    .menu-text{
        display: none;
    }
}
@media only screen and (max-width: 992px) {
    .side-menu {
       text-align: left !important;
    }
    .search-bar input{
        width: 53% !important;
    }
}
@media only screen and (max-width: 768px) {
    .col-menu {
        padding-left: 15px !important;
        margin-top: 0.5rem;
    }
    .search-bar input {
        width: 58% !important;
    }
}
@media only screen and (max-width: 575px) {
    .search-bar{
        display: flex !important;
    }
    .search-bar input {
        width: 100% !important;
        margin-right: 0.25rem;
    }
    .custom-input {
        height: calc(1.5em + .75rem + 9px) !important;
    }
    .menu-btn {
        display: flex !important;
        margin-top: 0.25rem;
    }
    .menu-text {
        display: inline;
    }
    .menu-btn .column-btn, .m-btn {
        width: 100% !important;
        margin-right: 0.25rem;
        white-space: nowrap;
    }
}
.table-sm th {
    padding: .5rem !important;
}
/* width */
::-webkit-scrollbar {
    width: 5px;
    height: 10px;
    display: block !important;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}
/* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.btn{
    border-radius: 3px !important;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination>li {
    display: inline;
}
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    color: #777;
    cursor: not-allowed;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #2a4f88;
    border-color: #2a4f88;
}
.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    color: #777;
    cursor: not-allowed;
}
.disabled {
    cursor: not-allowed;
    display:inline !important;
}
.pagination {
    display: inline-block;
    background: #f7f7f7;
    padding: 6px;
}
.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 6px 14px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    margin-right: 0.25rem;
}
.pagination-sm > li > a:hover{
    background-color: #e0e0e0;
    border-color: #2a4f88;
    color: #828282; 
}
.entry-size {
    display: inline-block;
    padding: 6px;
}
.custom-select {
    display: inline;
    border: none;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    box-shadow: 0 4px 24px 0 rgb(0 0 0 / 8%) !important;
    border: 1px solid #f1f1f1 !important;
    outline: none !important;
    border-radius: 0.25rem !important;
    height: calc(1.5em + .75rem + 1px);
    width: 53px !important;
    line-height: 1.5;
    padding: .375rem .75rem !important;
}
.position-r-2 {
    position: relative;
    top: 2px;
}
.position-r-l5 {
    position: relative;
    left: 5px;
}
a.btn.disabled, fieldset:disabled a.btn {
    pointer-events: none;
    cursor: not-allowed;
}
.check-box-name {
    font-family: Poppins,Helvetica,"sans-serif" !important;
    font-weight: 500 !important;
    color: #2a4f88;
}
md-checkbox.md-checked .md-icon {
    background-color: #2a4f88 !important;
}
.position-r-4 {
    position: relative;
    top: 4px;
}
.position-r-5{
    position:relative;
    top:5px;
}
.overflow-auto {
    overflow: auto !important;
    min-width: 320px !important;
    max-height: 322px;
}
md-checkbox {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}
.table td {
    vertical-align: middle !important;
    line-height: normal !important;
}
.custom-icon-btn {
    display: flex !important;
    font-size: 18px !important;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none;
}
.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,-25%);
    transform: translate(0,-25%);
}
@media (min-width: 576px) {
    .modal-dialog {
        margin: 1.75rem auto;
    }
}
.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
}
.modal.fade.in .modal-dialog {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}
md-checkbox.md-checked .md-icon:after {
    top: 0.1px;
    left: 4.3px !important;
    /*left: 4.9px !important;*/
}
.table thead th{
    vertical-align: middle !important;
}
.color-anchor {
    color: #007bff !important;
}
.color-table {
    color: #212529 !important;
}
.anchor-disabled{
    pointer-events: none;
    opacity: 0.5;
    cursor:not-allowed;
}
.modal-footer {
    justify-content: center !important;
}
.badge {
    padding: .4em .5em !important;
    font-size: 75% !important;
    font-weight: 500 !important;
}
.mt-n-h-1{
    margin-top: -0.25rem !important;
}
.md-select-menu-container.md-active {
    z-index: 999999 !important;
}
.fill {
    background-color: rgba(0,0,0,.04);

}
.open > .dropdown-menu {
    display: block !important;
    z-index: 999999 !important;
}
.ui-select-input {
    border: 1px solid #dadada;
    border-radius: 3px;
}
.input-control {
    height: calc(1.5em + .75rem + 8px) !important;
    border-radius: 3px !important;
}
.ui-select-match > .form-control{
    font-size: 13px !important;
    white-space: nowrap !important;
}
.p-tpx-2, p-bpx-2{
    padding-top: 2px !important;
}
.p-tpx-3, p-bpx-3 {
    padding-top: 3px !important;
}
/*.p-tpx-4, p-bpx-4 {
    padding-top: 4px !important;
}*/
body > .ui-select-bootstrap.open {
    z-index: 1070 !important;
}
select.input-control {
    height: calc(1.5em + .75rem + 3px) !important;
}
.typeahead-input > .dropdown-menu > li {
    display: block;
    width: 100%;
    padding: 0.25rem 1rem !important;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-menu > li:hover, .dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
    cursor: pointer !important;
}
.typeahead-input > .dropdown-menu {
    height: 350px !important;
    overflow: auto !important;
}
.w-px-100{
    width: 100px !important;
}
.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}

@media screen and (max-width: 600px) {
    .table-responsive{
        display: grid !important;
    }
    .text-alignment {
         width: 100%;
         float: none !important;
         overflow: unset !important;
    }
}
.position-r-n4{
    position:relative;
    top: -4px;
}
.input-group > .ui-select-input {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}
.ml-px3 {
    margin-left: 3px;
}
.calendar_default_main {
    font-family: Poppins,Helvetica,"sans-serif" !important;
    font-weight: 500 !important;
}
.bg-gray {
    background-color: #cacaca !important;
}
.calendar-btn {
    border-top-left-radius: unset !important;
    border-bottom-left-radius: unset !important;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}
.timelog-search{
    display: none;
}
@media screen and (max-width: 1200px) {
    .inline-input{
        float: none !important;
        margin-top: 1rem !important;
    }
}
@media screen and (max-width: 809px) {
    .inline-input > .form-group > .ui-select-input {
        width: 100% !important;
    }
    .inline-input > .form-group {
        width: 100% !important;
        margin-bottom: 0.25rem !important;
    }
    .inline-input > .form-group > .input-group {
        width: 100% !important;
    }
    .timelog-group > .btn {
        display: block !important;
        width: 100% !important;
        margin-right: 0px !important;
        margin-bottom: 0.25rem !important;
    }
    .timelog-search {
        display: inline;
    }
}
.fc-row {
    min-height: 123px;
}
.fc-day-header {
    padding: .5rem .5rem !important;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    opacity: 0.8;
}
.fc-day-body {
    padding: .5rem .5rem !important;
}
.fc-td, .fc-th {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    vertical-align: top;
    border-color: #ebedf3;
    width: 130px !important;
}
.p-ab-btn {
    position: absolute;
    bottom: 1px;
}
.align-left{
    left: 1px;
}
.align-right {
    right: 1px;
}
.p-ab{
    position:absolute;
}
.align-top {
    top: 8px;
}
.c-btn-xs {
    padding: 4px 10px !important;
    font-size: 12px !important;
}
.fc-row .fc-td{
    vertical-align: top !important; 
}
.mt-c-3{
    margin-top: 1.75rem !important;
}

.c-datepicker {
    font-family: Poppins,Helvetica,"sans-serif" !important;
    -webkit-font-smoothing: antialiased;
}
.js-date-day, .js-date-time {
    margin-top: 40px !important;
}
.btn-sm {
    font-size: 12px !important;
}
.btn-sm {
    /*padding: 5px 8px !important;*/
    margin-right: 0.25rem !important;
}
[id*="datepicker-"] .btn-sm {
    padding: 5px 8px !important;
}
.h3-header {
    padding: 10px;
    background: #074842;
    color: #fff;
    border-radius: 3px;
}
.divider-v {
    border-left: 1px solid #9da59d;
    height: 25px;
    margin-left: -3px;
}
.sched-search{
    display: none;
}
@media screen and (max-width: 1199px) {
    .side-menu-col, .sched-type-selection {
        float: none !important;
        margin-top: 1rem !important;
    }    
}
@media screen and (max-width: 809px) {
    .side-menu-col > .form-divider, .side-menu-col > .form-label{
        display: none !important;
    }
    .side-menu-col > .form-group {
        width: 100% !important;
        margin-bottom: 0.25rem !important;
    }
    .side-menu-col > .form-group > select, .sched-datepicker > .form-group > button {
        width: 100% !important;
    }
    .sched-datepicker > .form-group {
        width: 100% !important;
        margin-bottom: 0.25rem !important;
        padding-right: 15px !important;
    }
    .side-menu-col > .form-group > button {
        width: 100% !important;
    }    
    .sched-search {
        display: inline;
    }
    .sched-datepicker > .form-group > .input-group {
        width: 100% !important;
    }
    .side-menu-col, .sched-type-selection {
       text-align: center !important;
    } 
}
.position-r-n3{
    position: relative;
    top: -3px;
}
.btn-sm-x {
    padding: 9px 18px !important;
    font-size: 13px;
}
.scheduler_default_main {
    font-family: Poppins,Helvetica,"sans-serif" !important;
    -webkit-font-smoothing: antialiased;
}
.scheduler-bar {
    width: 300px !important;
}
.custom-icon i {
    position: relative;
    top: 9px;
}
.pt-l-5 {
    padding-top: 5rem !important;
}
.btn-c-l {
    font-size: 15px;
    padding: 1rem 1rem !important;
}
.img-width-normal {
    width: 33px !important;
}
.login-form {
    max-width: 500px !important;
    margin: 0 auto;
}
.card-center-c {
    margin: auto;
    width: 50%;
}
.list-group a:hover {
    background: #f7f7f7 !important;
    cursor: pointer;
}
.list-custom-small a .last-child {
    float: right;
    font-size: 11px;
    font-weight: 500;
    opacity: .5;
    max-width: 640px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
i.icon-custom{
    display: none;
}
@media screen and (max-width: 1200px) {
    .list-custom-small a .long-data {
       display: none !important;
    }
    i.icon-custom.long-data {
        display: inline !important;
    }
}

.btn-md {
    padding: 10px 20px !important;
    font-size: 12px !important;
}
@media screen and (max-width: 768px) {
   .set-menu{
       text-align: left !important;
   }
}
@media only screen and (max-width: 575px) {
    .copy-btn .btn {
        width: 100% !important;
        margin-top: 0.25rem;
    }
}
.custom-width {
    margin: auto;
    max-width: 600px;
}

.icon-s .material-icons {
    display: inline-block;
    width: 40px;
    line-height: 40px;
    color: #fff !important;
}

.card-center .material-icons {
    color: #000 !important;
}
.icon-l .material-icons {
    display: inline-block;
    width: 51px;
    line-height: 51px;
    color: #fff !important;
}
.list-custom-small a .switch-data {
    float: right;
    font-size: 11px;
    font-weight: 500;
    max-width: 640px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.h-50{
    height: 58px !important;
}
.display-block {
    display: block !important;
}
.side-select {
    height: calc(1.5em + .75rem + 6px) !important;
    border-radius: 3px !important;
}
.status-action {
    opacity: 1 !important
}
.header-label a:last-child {
    float: right !important;
    margin-right: 0.25rem !important;
    width: 30px;
    line-height: 30px;
    text-align: center;
    background: #d8d8d8;
    border-radius: 2px;
}
.icon-hover:hover {
    cursor: pointer;
    background: #ababab !important;
}

.list-custom-small .list-custom {
    color: #1f1f1f;
    font-weight: 500;
    font-size: 13px;
    border-bottom: solid 1px rgba(0,0,0,.05);
}

.list-custom-small .anchor{
    border: none !important;
}
.list-custom-small .icon-btn {
    line-height: unset !important;
    width: unset !important;
    height: unset !important;
    margin: 0 !important;
    opacity: 1 !important;
}
.btn-custom-s{
    opacity: 1 !important;
}
.list-group-custom a:hover{
    background: unset !important;
}
.list-custom-small .btn-custom-s:hover {
    color: #fff !important;
    background-color: #218838 !important;
    border-color: #1e7e34 !important;
}
.ml-half{
    margin-left: 0.25rem !important;
}
.mr-half {
    margin-right: 0.25rem !important;
}
.table-min-width {
    min-width: 1000px;
}
.line-height-50{
    line-height: 50px !important;
}
@media (min-width: 576px) {
    .form-inline .profile-input {
        display: inline-block;
        width: 100% !important;
        vertical-align: middle;
    }
}
.dropdown-menu {
    max-height: 350px !important;
    overflow: auto !important;
}
.dropdown-menu > li {
    display: block;
    width: 100%;
    padding: 0.25rem 1rem !important;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
/*.dropdown-menu:not(.ui-select-dropdown) > li {
    display: block;
    width: 100%;
    padding: 0.25rem 1rem !important;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}*/
.position-r{
    position: relative;
}
.position-ab-r1-t1{
    position: absolute;
    right: 1px;
    top: 1px;
}
.c-hover-cursor{
    cursor: pointer;
}
.text-hideflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.overflow-0{
    overflow: unset !important;
}
.h-5 {
    height: 50px !important;
}
.display-inline-block{
    display: inline-block !important;
}
.m-width-90 {
    max-width: 90px !important;
}
.position-ab-nr-4-nt-5 {
    position: absolute;
    top: -5px;
    right: -4px
}

element.style {
}

@media (max-width: 1420px) {
    .col-custom-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-custom-8 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 0.50rem !important;
    }
}
@media (max-width: 796px) {
    .custom-inline > .form-group {
        width: 100%;
        margin-bottom: 0.50rem !important;
    }
    .custom-float{ 
        float: unset !important;
    }

    .custom-inline .form-control{
        width: 100% !important;
    }
}

.upload-data .dropdown-menu > li{
    padding: unset !important;
}
.position-r-n2 {
    position: relative;
    top: -2px;
}
.custom-width-800 {
    margin: auto;
    max-width: 800px;
}
.modal-header-icon{
    color: #000 !important;
}
.m-width-3 {
    max-width: 225px;
}
.position-r-n5{
    position: relative;
    top: -5px;
}
.custom-font-12{
    font-size: 12px !important;
}
.mt-n-half{
    margin-top: -0.25rem !important;
}
.mr-0-i{
    margin-right: 0 !important;
}
.z-index-1 {
    z-index: 1;
}
.z-index-2 {
    z-index: 2;
}
.position-r-t13 {
    position: relative;
    top: 13px;
}
.w-max-min-100 {
    min-width: 100%;
    max-width: 100px;
}
.font-btn-9{
    font-size: 9px !important;
}
.mb-half{
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 1rem !important;
}

@media (min-width: 992px) {
    .modal-lg {
        width: 1000px !important;
    }
}

.sticky {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 2;
    background: #ffffff;
    margin-left: 0px;
}
.side-btn{
    display: none !important;
}
.btn-main::-webkit-scrollbar {
    display: none !important;
}
.res-eye{
    display: none;
}
.watcher-btn {
    padding: 6px 16px !important;
}
@media (max-width: 1550px) {
    .hide-text {
        display: block;
        font-weight: 500;
        font-size: 9px;
    }
    .watcher-btn {
        padding: 13px 16px !important;
    }
}
@media (max-width: 987px) {
    .order-btn-left {
        display: none !important;
    }
    .side-btn {
        display: inline !important;
    }
    .side-sticky:not(.display-inline) {
        display: none !important;
    }
    .res-eye {
        display: inline-block;
    }
}
@media (max-width: 780px) {
    .btn-main {
        white-space: nowrap;
        overflow: auto;
    }
}
.border-r-3{
    border-radius: 3px;
}
.overflow-y-hidden{
    overflow-y: hidden;
}
.position-r-l3{
    position:relative;
    left: 3px;
}
.m-t5px{
    margin-top: 5px !important;
}
.dashboard-time-subname {
    position: absolute;
    bottom: 11px;
    text-align: center;
    width: 100%;
}
.width-0{
    width: auto !important;
}
.margin-auto{
    margin: auto !important;
}
.border-t-0{
    border-top: none !important;
}
.display-inline-grid{
    display: inline-grid !important;
}
.grid-divider {
    width: 1px;
    background: #000;
    height: 34px;
    position: absolute;
    margin-top: 15px;
    margin-right: 10px;
}
.upload-data.ui-select-bootstrap > .ui-select-choices, .upload-data.ui-select-bootstrap > .ui-select-no-choice {
    width: auto !important;
}
.custom-padding .scheduler_default_event_inner {
    padding-left: 19px !important;
}

.custom-sched-padding .scheduler_default_event_inner {
    padding-left: 21px !important;
}

.sched-icon {
    font-size: 15px !important;
}

.scheduler_default_event_float_inner {
    padding: 2px 2px 2px 32px !important;
}

.scheduler_default_event_float > .sched-icon {
    left: 13px !important;
}
.position-ab-r10-t2 {
    position: absolute;
    right: 10px;
    top: 2px;
}
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav-fill .nav-item {
    /*text-align: center;*/
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #007bff;
}
.nav-pills .nav-link {
    border-radius: .25rem;
}
.nav-link {
    display: block;
    padding: .5rem 1rem;
}
.position-r-1{
    position:relative;
    top: 1px;
}
.tab-content{
    display: block !important;
}
.tab-content>.tab-pane {
    display: none;
}
.tab-content>.active {
    display: block;
}

.fade.show {
    opacity: 1;
}
.font-50{
    font-size: 50px;
}
.ui-select-match:disabled {
    background-color: #e9ecef !important;
    opacity: 1;
}
.ui-select-container{
    height: 38px;
}
.ui-select-container .btn.disabled, .ui-select-container .btn[disabled] {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    opacity: .65;
    position: relative;
    top: 0px
}
.ui-select-container .form-control[disabled], .ui-select-container .form-control[readonly] {
    background-color: #eee;
    opacity: 1;
}
.ui-select-container .btn.disabled > span.ui-select-placeholder, .ui-select-container .btn[disabled] > span.ui-select-placeholder {
    position: relative;
    top: 3px;
}
.btn[disabled] {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    opacity: .65;
}
.btn-c-m {
    padding: 9px 18px !important;
    font-size: 12px !important;
}
.tooltip{
    max-width: 500px;
}
.tooltip-inner {
    word-wrap: break-word;
    white-space: pre-line;
    text-align: left;
}
.custom-width-900 {
    margin: auto;
    max-width: 90%;
}
.m-px-n3 {
    margin-top: -3px;
}
.m-auto-mw-70 {
    max-width: 70%;
    margin: auto;
}
.dropdown-menu {
    z-index: 1070 !important;
}
.position-r-t6{
    position: relative;
    top:6px;
}
.logo-bar a:hover {
    color: #2a4f88 !important;
}
.menu-bar a:hover {
    color: #2a4f88 !important
}
.position-r-l-n7{
    position:relative;
    left: -7px;
}
.position-ab-t-n4-r-n4 {
    position: absolute;
    right: -4px;
    top: -4px;
}
.ui-select-bootstrap > .ui-select-match > .btn {
    width: 100%;
}
.cursor-pointer{
    cursor: pointer;
}
.padding-none .dropdown-menu > li {
    padding: unset !important;
}
.uiselect-clear-btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
}
.position-ab-r-13 {
    position: absolute;
    right: 13px;
}
.position-ab-r2-t10 {
    position: absolute;
    right: 12px;
    top: 9px;
}
.ui-select-container .ui-select-match-text, .ui-select-container .ui-select-placeholder {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 85%;
}
div[disabled="disabled"] .btn-disabled {
    top: 13px !important;
}
.w-30{
    width:30%;
}
.mb-n4-half{
    margin-bottom: -1.75rem !important;
}
.dropdown-menu-custom {
    min-width: 320px !important;
    max-height: 532px !important;
    overflow: unset !important;
}
.page-footer {
    position: absolute;
    bottom: 10%;
    margin: auto;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
}
@media (max-width: 456px) {
    md-sidenav {
        width: calc(100% - 160px) !important;
        min-width: calc(100% - 160px) !important;
        max-width: calc(100% - 160px) !important;
    }   
}
.number-sticky {
    display: none;
}
.badge-h-padding {
    padding: .7em .7em !important;
}
.input-style-1 .show-pass {
    position: absolute;
    top: 14px;
    font-size: 15px;
    font-style: normal;
    right: 0;
    color: #000;
}
#preloader {
    background: #fff;
    z-index: 3000 !important;
}
.mt-half {
    margin-top: 0.25rem !important;
}
.max-w-136 {
    max-width: 136px;
}
.max-w-100 {
    max-width: 100px !important;
}
.max-w-700 {
    max-width: 700px !important;
}
.hover-role a:hover {
    background: #e2f3ff !important;
    cursor: pointer;
}
.input-group > .btn {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}
.btn-r-n-radius {
    border-top-right-radius: unset !important;
    border-bottom-right-radius: unset !important;
}
.btn-l-n-radius {
    border-top-left-radius: unset !important;
    border-bottom-left-radius: unset !important;
}
.w-25{
    width: 25% !important;
}
.font-700-i{
    font-weight: 600 !important;
}
.position-r-t15 {
    position: relative;
    top: 15px;
}
.cursor-not-allowed{
    cursor: not-allowed;
}
.mt-half{
    margin-top: 0.25rem !important;
}
.mb-half {
    margin-bottom: 0.25rem !important;
}
.m-width-500{
    max-width: 500px !important;
}
.ui-select-input{
    background: #fff !important;
}
.list-custom-small .list-group-container {
    color: #1f1f1f;
    font-weight: 500;
    font-size: 13px;
    border-bottom: solid 1px rgba(0,0,0,.05);
}
.list-custom-small .list-group-container a {
    border-bottom: none !important;
}
.list-group > div > .list-group-container:not(.hover-none):hover {
    background: #f7f7f7 !important;
    cursor: pointer;
}
.ui-select-input {
    background: #fff !important;
}
.list-custom-small i.icon-not {
    line-height: unset !important;
    float: unset !important;
    margin-right: unset !important;
    width: auto !important;
    opacity: 1 !important;
}
.list-custom-small .ui-select-input i {
    line-height: unset !important;
    opacity: 1 !important;
   margin-top:-3px !important;
}
.list-custom-small .ui-select-input i:last-child{
     margin-top: 1px !important;
}
.dropdown-menu > .active, .dropdown-menu > .active:focus, .dropdown-menu > .active:hover {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0;
}
.line-height-1{
    line-height: 1;
}
.accordion .anchor-tag {
    width: 100%;
}
.anchor-tag {
    text-align: left !important;
    font-size: 13px;
    font-weight: 700;
}
.btn-select {
    padding: 11px 20px !important;
    font-size: 12px !important;
}

.datepicker-default-btn .btn-default {
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.1) !important;
    background: #fff !important;
}
.opacity-none{
    opacity: 1 !important;
}
.border-bottom-list {
    border-bottom: solid 1px rgba(0,0,0,.05);
}
.text-underline {
    text-decoration: underline !important;
}
.position-r-n13 {
    position: relative;
    top: -13px;
}
.font-600-i{
    font-weight: 600 !important;
}
.custom-badge-danger {
    background: #e8f9ff;
    padding: 2px;
    color: #0050c9;
    border-radius: 3px;
}
.mt-n14{
    margin-top: -14px !important;
}
.nav-pills .nav-link.active{
    color: #ffffff !important;
}
.position-r-tn3 {
    position: relative;
    top: -3px;
}
.color-grey{
    color: grey !important;
}
.danger-badge {
    background: #ffd9db;
    padding: 2px;
    color: #b30000;
    border-radius: 2px;
}
.color-white-i{
    color: #fff !important;
}

.freshservice-bar {
    width: 500px !important;
}
.fresh-service-btn {
    position: fixed;
    bottom: 0;
    width: 92%;
}
.btn-custom-9-14-p {
    padding: 9.5px 16px !important;
}
.text-control-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.white-space-n{
    white-space: normal !important;
    word-break:break-word;
}

@media screen and (max-width: 600px){
    .proj-table tr td.white-space-p-0 {
        white-space: nowrap !important;
        word-break: break-word !important;
    }
    .rwd-table tr td.white-space-p-0 {
        white-space: nowrap !important;
        word-break: break-word !important;
    }
}
.send-email-btn:hover .send-email-dropwdown {
    display: block;
}
.mt-75 {
    margin-top: 0.75rem !important;
}
.ml-75 {
    margin-left: 0.75rem !important;
}
.dropdown-item:hover{
    cursor: pointer !important;
}
input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
    cursor: pointer;
}
.search-bar{
    position:relative
}
.i-clear {
    position: absolute;
    right: 70px;
    margin-top: 16px;
    cursor:pointer;
}
.mt-custom-sub {
    margin-top: -0.05rem !important;
}

.action-mail a {
    display: inline;
    margin: 10px 20px;
    color: #6c6c6c;
}
.m-13{
    margin: 13px !important;
}
.mail-reply-from {
    color: #6c6c6c !important;
    margin-left: 10px;
    border: 1px solid #CFD7DF;
    border-radius: 4px;
    padding: 5px 8px 5px 8px;
    box-shadow: inset 0 1px 2px 0 rgb(24 50 71 / 5%);
}
.ticket-reply ~ .cke_chrome {
    background : none !important;
    border: none !important;
}
.ticket-reply ~ .cke_chrome div .cke_top {
    background: none !important;
}   
.ticket-reply ~ .cke_chrome div .cke_contents {
    border-radius: 0 !important;
    background: none !important;
    border: none !important;
    padding: 10px;
}  
.ticket-reply ~ .cke_chrome div .cke_top span span .cke_toolgroup{
    border: none !important;
} 
.ticket-reply ~ .cke_chrome div .cke_bottom {
    display: none;
}   
.m-15{
    margin: 15px;
}
.ticket-mail{
    width: 500px !important;
}
.mt-n-3{
    margin-top: -3px;
}
.att-remove {
    display: none;
}
.att-section {
    border: 1px solid #dfdfdf;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 9px 0 rgb(0 0 0 / 6%);
    cursor: pointer;
    background: #ffffff;
}

.att-section:hover .att-remove {
    display: inline;
}
.att-section-1 {
    border: 1px solid #dfdfdf;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 9px 0 rgb(0 0 0 / 6%);
    cursor:pointer;
}

.att-section-1:hover .att-remove {
    display: inline;
}
.custom-icon-2 {
    width: 40px !important;
    height: 40px !important;
    text-align: center;
    font-size: 1.2rem;
}

    .custom-icon-2 span {
        position: relative;
        top: 8px;
    }

.custom-icon-3 {
    width: 40px !important;
    height: 40px !important;
    text-align: center;
    font-size: 1.2rem;
    position: relative;
}

.custom-icon-3 span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
 }
   


.redact-body{
    margin-left: 15px;
    margin-right:15px;
    display:none;
}
.redact-btn {
    margin-left: 20px;
    margin-bottom: 15px;
}
.redact-btn a{
    padding: 2px 10px 2px 10px;
    font-size: 17px;
    border-radius: 5px;
    background: #f1f1f1;
    color: #7a7a7a !important;
}
.redact-btn a:hover{
    background: #d5d5d5;
}
.replyBody p {
    color: #121212 !important;
    margin-bottom: 0px !important;
}
.mb-5 {
    margin-bottom: 3rem !important;
}
.tox-notifications-container, .fr-quick-insert, .fr-second-toolbar {
    display: none !important;
}
.send .fr-wrapper {
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-bottom-color: #ccc !important;
}
.fr-element{
    overflow: auto !important;
}
.fr-element p {
    margin-bottom: 0px !important;
}
.fr-element img, .main-mail img{
    max-width:100% !important;
}

.reply .fr-toolbar.fr-top {
    border: none !important;
    border-top: 1px solid rgba(0,0,0,.1) !important;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}
.reply .fr-wrapper {
    border: none !important;
    border-bottom: 1px solid rgba(0,0,0,.1) !important;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}
.redact-body img {
    max-width: 100% !important;
    height: auto !important;
}
.replyBody img {
    max-width: 100% !important;
    height: auto !important;
}
.fr-wrapper:nth-child(1):not(.fr-element) div {
    display: none !important;
}
.image-hover{
    position:relative;
}
.image-icon, .image-icon-1 {
    position: absolute;
    top: 0px;
    left: 0;
    height: 100%;
    width: 100%;
    background: black;
    display: none !important; 
    opacity: 0.7;
}
.image-icon i, .image-icon-1 i{
    position:relative;
    top: 8px !important;
    left: 20px !important;
    font-size: 22px !important;
    color: #fff !important;
}
.att-section:hover .image-icon {
    display: inline !important;
}
.att-section-1:hover .image-icon-1 {
    display: inline !important;
}
.image-custom{
    background-position:center;
    background-size:contain;
    background-repeat: no-repeat;
    height:500px;
    width: auto;
}
/*.email-quote{
    display: none;
}*/
.email-reply-btn{
    margin-top: 10px;
}
.email-reply-btn a {
    padding: 2px 10px 2px 10px;
    font-size: 17px;
    border-radius: 5px;
    background: #f1f1f1;
    color: #7a7a7a !important;
}
.email-reply-btn a:hover{
    background: #d5d5d5;
}
.reply-quote .email-quote{
    display: block !important;
}
/*.replyBody .WordSection1  p:not(.MsoNormal) {
    display: none;
}*/
/*.replyBody .WordSection1 div:not(.email-reply-btn) {
    display: none;
}*/
.replyBody .email-quote .WordSection1 p {
    display: block;
}
/*.replyBody .email-quote .WordSection1 div {
    display: block;
}
.replyBody .email-quote .WordSection1 div[style='border:none;border-top:solid #E1E1E1 1.0pt;padding:3.0pt 0cm 0cm 0cm'] {
    display: block;
}*/

a[href='https://www.froala.com/wysiwyg-editor?k=u']{
    display: none !important;
}

.reply-quote > div:nth-child(1) {
    display: none;
}
.action-mail a {
    color: #5a5a5a !important;
}
.replyBody > #divRplyFwdMsg{
    display: none;
}
/*.replyBody .x_WordSection1 {
    display: none;
}*/
/*.replyBody > hr {
    display: none !important;
}*/
.timelog-notif {
    position: absolute;
    top: 5px;
    right: 21px;
    background: red;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    z-index: 2;
}
.timelog-notif section{
    position: relative;
    top: -2px;
}
@media screen and (max-width: 1364px) {
    .timelog-group{
        margin-top: 5px;
    }
}
@media screen and (max-width: 1199px) {
    .timelog-group {
        margin-top: 0px;
    }
}
@media screen and (max-width: 990px) {
    .timelog-group {
        margin-top: 5px;
    }
}
@media screen and (max-width: 809px) {
    .timelog-group {
        margin-top: 0px;
    }
}


@media (min-width: 992px){
    .modal-lg {
        max-width: 1000px !important;
    }
}
.tooltip-inner {
    white-space: pre-line;
    word-break: break-all;
}
.reply-action a {
    padding: 10px 12px 10px 12px;
    font-size: 12px;
    border-radius: 5px;
    background: #f1f1f1;
    color: #7a7a7a !important;
    opacity: 0;
   
}
.reply-action a.reply-share:hover {
    background: #4a89dc;
    color: #fff !important;
}
.reply-action a.reply-delete:hover{
    background: #ff2525;
    color: #fff !important;
}
.reply-section:hover .reply-action a {
    transition: opacity .5s ease-out;
    opacity: 1;
}
.ul-list{
    padding:0;
    margin:0;
}
.ul-list .inline-field {
    display: list-item;
    list-style: none;
}
.ul-list .inline-field label{
    position:relative;
    top:5px;
}
.ul-list .inline-field a{
     position:relative;
    top:5px;
    float:right;
    text-align: right;
}
.cc-container {
    width: 100%;
    float: right;
    padding: 0 90px 0 50px;
    margin-top: -30px;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul.multi-value-field {
    overflow: hidden;
    list-style-type: none;
    margin: 0;
    height: auto;
    width: 100%;
    background: #ffffff;
    border-radius: 4px;
    padding: 0 5px;
}
ul.multi-value-field li.search-field-item{
    padding: 0;
    border: 0;
}
ul.multi-value-field li, ul.multi-value-field input{
    display: block;
    float: left;
    margin: 0 5px 0 0;
    list-style-type: none;
    font-size: 14px;
    width: auto;
    position: relative;
    -moz-box-shadow: #ffffff 0 0 0;
    -webkit-box-shadow: #ffffff 0 0 0;
    box-shadow: #ffffff 0 0 0;
}
 ul.multi-value-field input{
    border: 0 !important;
    margin: 0 !important;
    outline: 0 !important;
    width: 100%;
    background: none !important;
    box-shadow: none;
}
 ul.multi-value-field li.choice{
    background: rgba(240,240,240,0.3);
    border: solid 1px #EEE;
    padding: 0px 24px 0px 12px;
    border-radius:5px;
    margin-top: 2px;
    margin-bottom: 2px;
}
 ul.multi-value-field li.choice a.close-link{
     color: #647A8E;
    position: relative !important;
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
    outline: none;
    background: none;
    position: absolute;
    top: 1px;
    right: -20px;
    width: 20px;
    height: 26px;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
 }
.cc-container-form {
    padding: 5px;
    border: 1px solid #dadada;
    border-radius: 3px;
}
.custom-icon-small {
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 1.2rem;
}
.custom-icon-small span {
    position: relative;
    top: 7px;
}
.notif-container {
    padding: 5px;
    margin-right: 15px;
    margin-left: 15px;
    height: auto;
    height: 487px;
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    overflow-x: hidden;
}
.notif-container .notif-section{
    background: none;
    padding: 16px;
    border: 1px solid #EBEFF3;
    border-radius: 4px;
    margin-bottom: 8px;
    cursor: pointer;
}
.mb-half-n{
    margin-bottom: -0.25rem !important;
}
.notif-container .unread {
    background-color: #F5F7F9;
    border-color: #F5F7F9;
}
.notif-container .notif-section:hover {
    border: 2px solid #2567a9;
}
.notif-dropdown{
    width: 464px;
    max-height: unset !important;
}
.image-overflow{
    position: relative;
}
.image-overflow .image-name{
    white-space:nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    min-width: 93%;
    max-width: 52px;
}
.ticket-list{
    width: 350px !important;
}
.ticket-export {
    width: 500px !important;
}
@media (min-width: 600px) {
    .ticket-list {
        max-width: 450px;
    }
}

@media (min-width: 600px){
    .ticket-export {
        max-width: 560px;
    }
}

.sidenav-wrapper{
    height:100%;
}
.sidenav-footer {
    position: absolute;
    padding: 10px;
    width: 100%;
    bottom: 0px;
    z-index: 3;
    background: #f5f7f9;
}
.sidenav-footer a{
    margin-bottom:5px;
}
.btn-c-sm {
    padding: 9px 9px !important;
    font-size: 12px !important;
}
.email-checker {
    position: absolute;
    right: 10px;
    top: 6px;
    font-size: 18px;
}
.fa-spin-speed {
    -webkit-animation: fa-spin 1s infinite linear !important;
    animation: fa-spin 1s infinite linear !important;
}
.badge-custom {
    height: 24px;
    width: 24px;
    display: inline-block;
    text-align: center;
}
.badge-custom i{
    position:relative;
    top: -3px;
}
.list-hover {
    padding: 8px;
    border-radius: 3px;
}
.agent-wrapper {
    width: 100%;
    height: 32px;
    padding: 4px 8px;
    margin-top: 1px;
    line-height: 1.5;
    border-radius: 4px;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.list-hover:hover{
    box-shadow: 0 4px 10px 0 rgb(0 0 0 / 10%) !important;
    background: #fff;
}
.group-agent {
    width: calc(100% - 16px);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.group-agent-group {
    max-width: 40%;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
}
.group-agent-agent {
    max-width: 50%;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
}
.group-agent-seperator {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
}
.group-agent-icon {
    display: block;
    float: right;
    width: 16px;
    height: 20px;
    position: relative;
    top: 1px;
    fill: #92A2B1;
}
.position-r-6 {
    position: relative;
    top: 6px;
}
.position-r-7 {
    position: relative;
    top: 7px;
}
.c-dark-blue {
    color: rgb(11 86 151);
}
.p-low-color {
    color: #78C486;
}
.p-medium-color {
    color: #1B9DE2;
}
.p-high-color {
    color: #EBAB28;
}
.p-urgent-color {
    color: #F65050;
}
.search_group_agent {
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding: 0 4px 0 16px;
    height: 41px;
}
.agent-group-search-input {
    width: 210px;
    height: 40px;
    border: none;
    border-radius: 0;
    box-shadow: none;
    font-family: inherit;
    padding-left: 10px;
}
.agent-group-tab {
    padding: 0;
    margin: 0;
    border: none;
}
.text-transform-none{
    text-transform:none !important;
}
.agent-group-section {
    padding: 10px;
    height: 252px !important;
    overflow-x: hidden;
    overflow-y: auto;
}
.agent-group-item {
    width: 100%;
    padding: 7px 10px;
    line-height: 20px;
    height: 32px;
    border-radius: 4px;
    margin-bottom: 5px;
    font-family: inherit;
    font-weight: 400;
    border: none;
    text-align: left;
    color: #12344D;
    background-color: #fff;
    cursor: pointer;
}
.agent-group-name {
    min-width: 190px;
    max-width: 91%;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.agent-group-item:hover {
    background-color: #EBEFF3;
}
.overflow-hidden-i{
    overflow: hidden !important;
}
.submenu-item {
    position: relative;
}

.sub-menu {
    top: 0;
    left: 0 !important;
    margin-top: -1px;
    transform: translate3d(896px, 58px, 0px);
    will-change: transform;
}
.group-desc {
    display: inline-block;
    width: 300px
}
.l-counter {
    display: inline-block;
    height: 24px;
    width: 24px;
    background: #4a89dc;
    color: #fff;
    border-radius: 100%;
    font-size: 11px;
    text-align: center;
}
.group-wrapper {
    padding: 11px 14px;
}
.group-selected-wrapper {
    border-bottom: 1px solid #eee;
    padding: 5px 14px;
    align-self: center;
    vertical-align: middle;
}
.search-result-wrapper {
    position: absolute;
    width: 100%;
    z-index: 2;
    background: #fff;
    border: none;
    -moz-box-shadow: 0px 2px 4px rgba(18,52,77,0.06),0px 2px 16px rgba(18,52,77,0.1);
    -webkit-box-shadow: 0px 2px 4px rgb(18 52 77 / 6%), 0px 2px 16px rgb(18 52 77 / 10%);
    box-shadow: 0px 2px 4px rgb(18 52 77 / 6%), 0px 2px 16px rgb(18 52 77 / 10%);
    border-radius: 4px;
    text-align: left;
    padding: 15px;
    right: 0;
    max-height: 510px;
    overflow-y: auto;
    z-index: 85;
    margin-top: 1px;
    max-height: 500px;
}
.i-clear-ticket {
    position: absolute;
    right: 20px;
    margin-top: 16px;
    cursor: pointer;
}
.search-result {
    border: 1px solid #EBEFF3;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 8px;
}
.search-result-button {
    padding: 8px;
    display: block;
    text-decoration: none;
    line-height: 20px;
    background-position: 5px 4px;
    background-repeat: no-repeat;
}
.search-result-button:hover{
    background-color: #E5F2FD;
    border-radius: 4px;
    color: #12344D;
    cursor: pointer;
}
.search-color-i {
    color:#111315
}
.border-r-divider {
    border-right: 1px solid #e9ecef;
}
.contact-prof {
    height: 150px;
    width: 150px;
    text-align: center;
    margin: auto;
    border-radius: 100%;
    background: beige;
    font-size: 80px;
    margin-top: 20px
}
.contact-initial {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); /* for IE 9 */
    -webkit-transform: translate(-50%, -50%); /* for Safari */
}
.contact-detail {
    padding: 15px;
}
.color-contact {
    color: #12344D;
}
.ticket-icon-thread {
    position: relative;
    height: 40px;
    width: 40px;
    border-radius: 100%;
    border: 1px solid #CFD7DF;
    background: #fff;
    color: #647A8E;
    text-align: center;
    font-size: 15px;
    padding: 11px 0;
    text-align: center;
    position: relative;
    top: -3px;
    left: -50px;
}
.ticket-icon-thread i{
     position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); /* for IE 9 */
    -webkit-transform: translate(-50%, -50%); /* for Safari */
}
.contact-ticket-table {
    margin-left: 33px;
}
.contact-ticket-table tr td {
    vertical-align: top !important;  
}
.ticket-text-thread {
    position: relative;
    padding: 0 10px 34px 30px !important;
    border-bottom: 0;
}
.ticket-text-thread a{
    color: #747474;
}
.ticket-text-thread a:hover{
    color: #12344D;
}
.ticket-text-wrapper {
    position: absolute;
    top: 4px;
    margin-right: 60px;
}
.icon-s .custom-material {
    width: 40px;
    line-height: 40px;
}
.td-desc {
    display: -webkit-box;
    margin: 0 auto;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

}
.filter-content {
    height: calc(100% - 238px);
    overflow: auto;
    position: fixed;
    width: 97%;
}
.ui-select-field {
    border-radius: 3px !important;
    border: 1px solid #CFD7DF;
    cursor: text;
}
.ui-select-field:focus-within {
    border-color: #2C5CC5 !important;
    box-shadow: 0 0 0 1px #2C5CC5 !important;
    outline: 0;
}
.ui-select-multi {
    height: 100% !important;
    padding-top: 5px !important;
    border-radius: 3px !important;
}
.ui-select-choices {
    height: 100%;
}
.ui-select-item {
    height: 100%;
}
.ui-select-item input{
    height: 100%;
    float:none;
}
.filter-result-wrapper {
    position: absolute;
    width: 100%;
    z-index: 2;
    background: #fff;
    border: none;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgb(18 52 77 / 6%), 0 2px 18px 0 rgb(18 52 77 / 16%);
    border-radius: 4px;
    text-align: left;
    padding: 15px;
    right: 0;
    max-height: 510px;
    overflow-y: auto;
    z-index: 85;
    margin-top: 5px;
    max-height: 200px;
    z-index: 999999 !important;
    width: 410px;
    margin-left: 1px;
}
.filter-value-wrapper:not(.empty){
    border-radius:3px;
    padding:8px;
}
.filter-value-wrapper a {
    display: inline-block;
    color: #12344D;
    height: 100%;
    width: 100%;
}
.filter-value-wrapper small {
    color: #12344D;
}
.filter-value-wrapper:not(.empty):hover{
    background-color: #E5F2FD;
    border-radius: 4px;
    color: #12344D;
    cursor: pointer;
}
.bg-filter {
    background: #F5F7F9 !important;
}
.ui-select-choices {
    /*padding: 4px 24px 3px 12px !important;*/
    margin-bottom: 0px !important;
    margin-top: 2px !important;
}
.ui-select-holder {
    min-height: 38px;
    background: #fff;
    border-radius: 3px !important;
}
ul.ui-select-multi input{
    display: inline;
    float: none;
}
.ui-select-options {
    display: inline-block;
    width: 67px;
    overflow: hidden;
    text-overflow:ellipsis;

}
.list-focus {
    background-color: #E5F2FD;
    border-radius: 4px;
    color: #12344D;
    cursor: pointer;
}
.filter-field-search {
    height: 38px !important;
}
.filter-field-search:focus {
    border-color: #2C5CC5 !important;
    box-shadow: 0 0 0 1px #2C5CC5 !important;
    outline: 0;
}
.ui-select-input:focus-within {
    border-color: #2C5CC5 !important;
    box-shadow: 0 0 0 1px #2C5CC5 !important;
    outline: 0;
}
.ui-select-input input{
    border:none;
    box-shadow:none;
    outline:none;
}
.ui-select-input input:focus {
    border: none;
    box-shadow: none;
    outline: none;
}
.ui-select-input .ui-select-match {
    border: none;
    box-shadow: none;
    outline: none;
    margin-top:-2px;
    background: #fff;
}
.ui-select-input .ui-select-match .btn{
    border: none;
    box-shadow: none;
    outline: none !important;
}
.ui-select-input > div{
    margin-top:2px;
}
.ui-select-data-choice {
    background: #0072C6 !important;
    color: #ffffff !important;
    border-radius: 2px !important;
    border: none !important;
    outline: none;
}
.ticket-contact-anchor:hover {
    color: #12344D !important;
    font-weight:700;
}
.ticket-header-icon {
    background-color: #ededed;
    color: #12344D;
    cursor: pointer;
}
.ticket-header-icon .material-icons{
    color: #12344D !important;
}
.ticket-header-icon:hover{
    background-color: #e1e1e1; 
}
.my-filter-ticket {
    width: 300px !important;
}
.my-filter-icon-search {
    position: absolute;
    margin-top: 11px;
    color: #a9a9a9;
    margin-left: 9px;
    font-size: 16px;
}
.my-filter-ticket-toolbar input {
    padding-left: 28px;
}
.ticket-color {
    color: #12344D !important;
}
.my-filter-list a {
    padding: 7px;
    color: #12344D;
}
.my-filter-list:hover {
    background: #efefef;
    border-radius: 5px;
    cursor:pointer;
}
.filter-action-btn{
    display: none;
}
.my-filter-list:hover .filter-action-btn{
    display: inline;
}
.icon-check-filter {
    float: right;
    position: relative;
    top: 15px;
    right: 10px;
    color:#fff;
}
.my-filter-list:hover .filter-action-icon {
    display: none;
}
.ql-editor img {
    border: none !important;
    max-width: 100% !important;
    height: auto !important;
}
.ql-editor p{
    margin-bottom: 0px !important;
}
.main-mail p {
    margin-bottom: 0px !important;
}
.replyBody p {
    margin-bottom: 0px !important;
}
.border-radius-t-b-r {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.border-radius-t-b-l {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
.btn-custom-md {
    padding: 5px 14px !important;
    font-size: 12px !important;
}
.main-mail p, .main-mail p span {
    /*font-size: 13px !important;*/
    font-weight: normal !important;
    font-family: Poppins,Helvetica,"sans-serif" !important;
}
.main-mail h1 {
    font-weight: 400 !important;
    font-size: 24px !important;
    font-family: Poppins,Helvetica,"sans-serif" !important;
}
.replyBody p, .replyBody p span {
    font-size: 13px !important;
    font-weight: normal !important;
    font-family: Poppins,Helvetica,"sans-serif" !important;
}
.replyBody h1, .replyBody h1 span {
    font-weight: 400 !important;
    font-size: 24px !important;
    font-family: Poppins,Helvetica,"sans-serif" !important;
}
.reply {
    border-color: #2C5CC5 !important;
    box-shadow: 0 0 0 2px #2c5cc5 !important;
    outline: 0;
}
.fixed-col {
    -ms-flex: 0 0 400px;
    flex: 0 0 400px;
    padding-right: 0px;
}
.fixed-col .card{
    margin-right: 0px;
}
.mail-content {
    padding-left: 0px;
    color: #000;
}
@media (max-width: 1087px) {
    .fixed-col{
        -ms-flex: unset;
        flex: unset;
        padding-right: 15px;
    }
    .fixed-col .card{
        margin-right: 16px;
        margin-bottom: 8px;
    }
    .mail-content {
        padding-left: 15px;
    }
}
.mail-content .custom-icon, .mail-content .custom-icon-2 {
    border: 3px solid #eee;
    background: #fff;
}
.mail-content .custom-icon span{
    position:relative;
    top: 10px;
}
.mail-content .custom-icon-2 span{
    position:relative;
    top: 5px;
}
@media (max-width: 1114px) {
    .hide-icon-mobile{
        display: none !important;
    }
}
.icon-wrapper-edit {
    font-size: 20px;
    background: #ffffff;
    height: 50px;
    width: 50px;
    margin: auto;
    border-radius: 100%;
    border: 4px solid #27638f;
    position: absolute;
    bottom: 0;
    margin-left: 51px;
    margin-bottom: -20px;
}
.icon-wrapper-edit i{
    position: relative;
    top: 7px;
    font-size: 15px;
}
.mt-3-half {
    margin-top: 1.5rem !important;
}
.icon-wrapper-edit:hover {
    background: #12344d;
    cursor:pointer;
}
.icon-wrapper-edit:hover i{
    color:#fff;
}
.icon-s .material-icons-outlined {
    width: 40px;
    line-height: 40px;
    font-size: 17px;
}
.mail-color-wrapper {
    background: #12344d;
    color:#fff;
}
.search-bar input:focus-within {
    border-color: #2C5CC5 !important;
    box-shadow: 0 0 0 1px #2C5CC5 !important;
    outline: 0;
}
.border-l-sub {
    border-left: 2px dotted #d5d5d5;
}
.range-calendar-icon {
    position: absolute;
    top: 4px;
    right: 4px;
    font-size: 17px;
    padding: 2px 10px 2px 10px;
    background: #EBEFF3;
    border-radius: 5px;
}
.range-calendar-icon:hover{
    cursor: pointer;
    background: #d7d7d7
}
.date-range-picker:focus-within {
    border-color: #2C5CC5 !important;
    box-shadow: 0 0 0 1px #2C5CC5 !important;
    outline: 0;
}
.bg-ticket {
    background: #264966 !important;
    color: #fff !important;
}
.btn-md-mini {
    padding: 6px 13px !important;
}
.btn-sm-mini {
    padding: 3px 11px !important;
}
.reply a {
    color: #007bff !important;
}
.requester-card-content {
    position: absolute;
    /*margin-top: 9px;*/
    width: 340px;
    height: auto;
    min-height: 190px;
    /*max-height: 232px;*/
    padding: 0 !important;
    box-shadow: 0 4px 16px rgb(0 0 0 / 8%);
    border-radius: 8px;
    z-index: 1001;
    border: none;
    background: #fff;
    margin-left: 50px;
}
.requester-card-info {
    padding: 18px 10px 18px 20px;
    background: linear-gradient(96.25deg,#12344D 16.4%,#345C7C 117.8%);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: flex;
    align-items: center;
    height: 76px;
}
.name-info {
    margin-left: 7px;
}
.avatar__icon {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.avatar__icon {
    cursor: pointer;
    outline: 0;
    display: flex;
    align-items: center;
}
.name-info a {
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
}
.ellipsis-info-wrap {
    width: 200px;
    display: inline-block;
}
.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.requester-card-details {
    padding: 16px 10px 0 20px;
}
.requester-details-align {
    font-size: 12px;
   /* height: 20px;*/
    margin-bottom: 10px;
}
.requester-details-icon {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 3px;
}
.requester-details-text {
    padding-left: 3px;
    vertical-align: middle;
}
.ellipsis-mail-wrap {
    max-width: 250px;
    display: inline-block;
    vertical-align: middle;
}
/*.contact-content:hover .requester-card-content {
    display: block;
}*/

.subject-card-content {
    position: absolute;
    width: 470px;
    min-height: 220px;
    border: none;
    z-index: 1001;
    padding: 0;
    box-shadow: 0 2px 4px rgb(18 52 77 / 6%), 0 2px 16px rgb(18 52 77 / 16%);
    background: #fff;
    border-radius: 4px;
    /*display: none;*/
    margin-left: 50px;
    overflow: unset !important;
}
.subject-card-info {
    display: flex;
    padding: 18px 16px 12px;
    align-items: center;
}
.subject-card-description {
    margin: 0 16px 16px 56px;
    height: 100px;
}
.quick-reply-note {
    width: 470px;
    height: 48px;
    border-top: 1px solid #EBEFF3;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #F5F7F9;
    display: flex;
    align-items: center;
    justify-content: flex-end;
   
}
.subject-name-time-info {
    padding-left: 8px;
}
.subject-card-info .requester-name {
    max-width: 380px;
    display: inline-flex;
}
.subject-time-info {
    color: #576C7D;
    font-weight: 400;
    margin: 0 !important;
}
.description-text {
    font-weight: 400;
}
.clamp-5 {
    -webkit-line-clamp: 5;
}
.lt-line-clamp--multi-line {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
}
.lt-line-clamp {
    overflow: hidden;
    position: relative;
}
.subject-avatar__icon {
    background: #afddff;
}
.btn-quick-action {
    padding: 5px 9px !important;
}
.slim-button {
    display: inline-block;
    box-sizing: border-box;
    height: 37px;
    padding: 4px 12px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: linear-gradient(180deg, #fff 0%, #f5f7f9 100%);
    border: 1px solid #CFD7DF;
    border-radius: 4px;
    color: #12344D !important;
    font-weight: 600;
    font-family: inherit;
}
/*.subject-content:hover .subject-card-content {
    display: block;
}*/
.position-r-60{
    position:relative;
    top: 60px;
}
.quick-editor {
    height: auto;
    border-top: 1px solid #EBEFF3;
}
.subject-card-tab md-tabs-wrapper{
    display: none;
}
.notification-with-close-wrapper {
    left: calc(50% - 100px);
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    display: none;;
}

.refresh-notification-with-close {
    display: flex;
    align-items: center;
    height: 40px;
    animation: soft-drop-animate .1s ease-in;
    border: 1px solid #EBEFF3;
    background: #fff;
    box-shadow: 0 3px 12px rgb(0 0 0 / 12%);
    border-radius: 100px;
    padding: 0 6px;
    
}
.refresh-notification-with-close:hover{
    border: 2px solid #2c5cc5;   
}
.refresh-notification-with-close button {
    background: 0 0;
    border: none;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.refresh-notification-with-close .refresh-icon {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #2c5cc5;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    margin-right: 8px;
}
.refresh-notification-with-close .notification-container {
    color: #12344D;
}
.notification-count {
    font-weight: 600;
}
.refresh-notification-with-close button.refresh-notification-close {
    width: 24px;
    height: 24px;
    border-radius: 50%;
}
.refresh-notification-with-close button:last-child {
    margin-right: 4px;
    margin-left: 16px;
}
.refresh-notification-with-close button.refresh-notification-close:hover {
    background-color: #EBEFF3;
}
.table thead .sorting{
    position:relative;
}
.table thead .sorting .sorting-icon .sort-up {
    position: absolute;
    bottom: 1.1em;
    display: block;
    opacity: .3;
    right: 1px;
    font-weight: 900;
    font-size: 1rem;
}
.table thead .sorting .sorting-icon .sort-down {
    position: absolute;
    bottom: 0.6em;
    display: block;
    opacity: .3;
    font-weight: 900;
    right: 1px;
    font-size: 1rem;
}
.table thead .sorting .sorting-icon i:hover{
     opacity: 1;
     cursor: pointer;
}
.table thead .sorting .sorting-icon{
    margin-left: 30px;
}
.opacity-1{
    opacity: 1 !important;
}
.task-section {
    /*border-top: 1px solid #dee2e6;*/
   /* margin-top: 15px;*/
    padding-top: 8px;
    padding-bottom: 8px;
}
.select-all:after {
    content: " ";
    width: 1px;
    height: 24px;
    background-color: #EBEFF3;
    display: inline-block;
    margin: -6px 0 -6px 12px
}
.pl-8px{
    padding-left:8px;
}
.pl-10px {
    padding-left: 10px;
}
.pl-4px {
    padding-left: 4px;
}
.pl-5px {
    padding-left: 5px;
}
.pl-6px {
    padding-left: 6px;
}
.ticket-list-btn {
    border: 1px solid #CFD7DF;
    color: #12344D !important;
}
.color-black-light {
    color: #212529;
}
.dropdown-wrapper.show .icon-wrapper i:before {
    content: "\f106";
}
.m-t-b-5px{
    margin-top:5px !important;
    margin-bottom: 5px !important;
}
.dropdown-menu-wrapper {
    width: 250px !important;
}
.agents-wrapper ul{
    margin:0;
    padding: 0;
    list-style:none;
}
.agents-wrapper ul li{
    display: inline-block;
    padding: 5px 6px 5px 0px;
}
.agents-wrapper ul li .btn{
    border: 1px solid #dee2e6;
    font-size:14px;
}
.assign-dropdown-wrapper{
    max-height: 100% !important;
}
.agent-item-icon {
    text-align: center;
    display: inline-block;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    margin-right: -5px;
}
.agent-item-icon:hover {
    background: #ededed;
}
.agent-item-text {
    display: inline-block;
    width: 89px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
    text-align: left;
}
.ticket-content {
    max-width: 500px;
    overflow:hidden;
}
.scheduler_default_event_delete{
    position:absolute;
    top:10px !important;
    right: 5px !important;
}
.scheduler_default_event_inner {
    padding-top: 7px !important;
}
.sched-icon{
    top:10px !important;
}
.mt-n-8 {
    margin-top: -0.8rem !important;
}
.bg-theme-trans {
    background-color: #12344d12 !important;
    color: #12344d !important;
}
.btn-xxs-s {
    padding: 7px 12px !important;
}
.link-deleted {
    color: #bfbfbf;
    text-decoration: line-through !important;
    pointer-events: none;
}
.content-container{
    padding-left:20px;
}
.icon-before {
    font-size: 37px;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    margin-left: -33px;
}
.pl-3px {
    padding-left: 3px;
}
.login-pd {
    padding: 1.2rem 1rem !important;
}
.btn-ticket-login {
    color: #ffffff !important;
    background-color: #1b6c65;
    border-color: #1b6c65;
}
.ticket-login-text{
    left:9px;
}
.font-100{
    font-size:100px;
}
.color-ticket {
    color: #175c56 !important;
}
.bg-btn-login {
    color: #ffffff !important;
    background-color: #175c56;
    border-color: #175c56;
}
.register-ticket {
    width: 650px;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width: 700px){
    .register-ticket {
        width: 100%;
        padding: 0px 20px;

    }
}
.page-footer.register {
    position:relative;
    left:unset;
    transform:none;
}
.banner-logo {
    background-color: #fff;
    padding: 0.9em 1.6em;
    height:76px;
}
.banner-logo .logo-wrapper {
    width: 1140px;
    margin: 0 auto;
    display: flex;
}
.banner-logo .logo-wrapper img{
    max-height: 50px;
    max-width: 200px;
    vertical-align: middle;
}
.logo-title a {
    float: left;
    margin: -3px 10px 0 -5px;
}
.logo-title a > h5 {
    display:inline;
}
.nav-contact {
    font-size: 16px;
    font-weight: normal;
    color: #505050;
    margin-top:5px;
}
#ticker-header-bar {
    width: 100%;
    height: 50px;
    background: #175c56;
    color: #ffffff;
}
#ticker-header-bar .ticket-menu {
    width: 1140px;
    margin: 0 auto;
}
.flex-shrink-0 {
    flex-shrink: 0;
}
.ticket-menus{
    float:left;
}
.ticket-sub-menus {
    float: right;
}
.ticket-menus > ul, .ticket-sub-menus > ul{
    list-style: none;
    padding: 0;
    margin: 0
}
.ticket-menus > ul > li{
    float:left;
 
}
.ticket-sub-menus > ul > li{
    float:left;

}
.ticket-menus > ul > li.active{
    background: #0f4e49;
}
.ticket-menus > ul > li > a, .ticket-sub-menus > ul > li > a{
    position:relative;
    text-transform: uppercase;
    font-size: 15px;
    color: #ffffff;
    font-weight: 400;
    padding: 9px 9px !important;
    display: inline-block;
}
.ticket-menus > ul > li > a{
    padding: 9px 15px !important;
}
.ticket-sub-menus > ul > li > .pd-wrapper{
    padding: 9px 9px !important;  
}
.ticket-sub-menus > ul > li > .pd-wrapper > a{
     font-size: 15px;
    color: #ffffff;
    font-weight: 400;
}
.custom-icon-3 {
    position:relative;
    width: 33px !important;
    height: 33px !important;
    text-align: center;
    font-size: 1.1rem;
}
.custom-icon-3 > span{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}
.bg-new-ticket {
    background: #298b82;
}
.bg-ticket-profile {
    background-color: #cf5b5b !important;
    color: #FFFFFF !important;
}
.dropdown-menu.ticket-profile {
    margin-top: 0;
    margin-left: -65px;
}
.body-content {
    min-height: 74vh;
}
.ticket-card-dashboard {
    padding: 3rem 0 !important;
}
.container-wrapper {
    width: 1140px;
    margin: 0 auto;
}
.icon-p-center{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}
.card-icon-wrapper {
    height: 100px;
    width: 100px;
    position: relative;
    margin: 0 auto;
    border-radius: 50%;
    background: #ffffff;
    color: #175c56;
    margin-bottom: 10px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%), 0 1px 4px rgb(0 0 0 / 5%), 0 2px 8px rgb(0 0 0 / 5%);
}
.card-title-text {
    font-size: 1.3rem;
    font-weight: 600 !important;
}
.search-ticket-section{
   width: 500px;
}
.search-ticket-section > a{
    width:100%;
}
.search-ticket-section > a > input{
    margin-top: -3px;
    font-weight: 500;
    padding-left: 33px;
    outline:none;
    box-shadow:none;
}
.search-ticket-section > a > input:focus{
    box-shadow:none;
}
.icon-before-ticket {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    color: #175c56;
    left: 8px;
    font-size: 24px;
    margin-top: 1px;
}
.timelog-notif.ticket{
    right:0;
}
.ticket-notif-dropwdown {
    margin-left: -205px;
    margin-top: 1px;
}
.mr-0{
    margin-right: unset !important;
}
.ml-0 {
    margin-left: unset !important;
}
.pd-1{
    padding:1rem 0 !important;
}
.border-l-gray {
    border-right: 1px solid #f1f1f1;
}
.link-color {
    color: #007bff !important;
}
.bg-ticket-btn-send {
    color: #fff !important;
    background: #175c56;
}
.bg-ticket-btn-export {
    color: #fff !important;
    background: #236a64;
}

.bg-ticket-btn-cancel {
    color: #fff;
    background: #727272;
}
.pd-5{
    padding:5px;
}
.link-select {
    color: #1c544f;
}
.dropdown-menu.ticket-list-filter {
    min-width: unset !important;
}
.icon-img {
    font-size: 31px;
    color: #1b5651;
    opacity: 0.6;
    position: relative;
    top: 4px;
}
.status-label {
    display: inline-block;
    padding: 0px 8px;
    color: #fff;
    border-radius: 4px;
    font-size: 10px;
    border: none;
}
.ticket-list2 {
    padding: 15px 0;
    border-bottom: 1px solid #f5f5f5;
}
.ticket-list2:first-child {
    border-top: 1px solid #f5f5f5;
}
.icon-profile {
    position: relative;
    width: 45px !important;
    height: 45px !important;
    text-align: center;
    font-size: 1.1rem;
    background-color: #cf5b5b !important;
    color: #FFFFFF !important;
    border-radius:50%;
}
.icon-profile > span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.ticketuser-account-tab .md-tab.md-active {
    color: #206862;
    font-weight: 600;
}
.ticketuser-account-tab md-ink-bar {
    color: green;
    background-color: #21837a;
}
.work-info, .security-info {
    padding: 25px 20px;
}
.work-info .field-label{
    font-size: 12px;
    color: #606060;
}
.l-h-1-9 {
    line-height: 1.9;
}
.btn.ng-animate, .form-control.ng-animate, .fa-spin-speed.ng-animate {
    transition: 0s none !important;
    -webkit-transition: 0s none !important;
    animation: 0s none !important;
    -webkit-animation: 0s none !important;
}
.work-info input.form-control
{
    outline:none;
    box-shadow:none;
}
.work-info input.form-control:focus {
    outline: none;
    box-shadow: none;
    border: 2px solid #205e59;
}
.icon-before-tab{
    position:absolute;
    top:50%;
    transform:translate(0, -50%);
}
.pl-30px {
    padding-left: 30px;
}
.alert.alert-warning.alert-logout {
    color: #856404;
    background-color: #fff3cd;
    box-shadow: none;
    padding: 10px 0px;
    border: 1px solid #e1bf55;
    position:relative;
}
.alert.alert-warning.alert-logout .icon-before-tab{
    left: 10px;
}
.alert.alert-warning.alert-logout .warning-text{
    padding-left: 43px;
    position: relative;
    top: 1px;
    font-weight: 400;
}
.w-200{
    width:200px;
}
.file-name-text {
    width: 103px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    position: relative;
    top: 5px;
}
.section-2 {
    padding: 4px 10px;
    display: inline-block;
    margin-right: 10px;
}
.icon-cancel {
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translate(0, -50%);
    margin-top: 2px;
}
.title-ticket > a {
    color: #212a29;
    font-weight: 600;
}
.status-label.open {
    background: #eba600;
}
.status-label.closed {
    background: #0d7624;
}
.title-ticket > a:hover{
    text-decoration:underline !important;
}
.inp-field-wrapper > a {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 13px;
    color: #898989;
    margin-top:1px;
}
.inp-field-wrapper input{
    box-shadow:none;
    outline:none;
}
.inp-field-wrapper input:focus {
    outline: none;
    box-shadow: none;
    border: 2px solid #205e59;
}
.customer-activity {
    white-space: nowrap;
    vertical-align: middle
}

.description-text {
    display: -webkit-box;
    overflow: hidden;
    width: 390px;
    text-overflow: ellipsis;
    white-space: normal !important;
    font-weight: 500;
}
.h-border-r {
    border-right: 1px solid #e5e5e5;
}
.bg-none{
    background:none !important;
}
.status-label.mail {
    display: block;
    width: fit-content;
}
.color-default {
    color: #060606;
}
.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #0f4e49;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
}
.alert.alert-warning.alert-mail {
    color: #856404;
    background-color: #fff3cd;
    box-shadow: none;
    padding: 6px 0px;
    border: 1px solid #e1bf55;
    position: relative;
}
.alert.alert-warning.alert-mail .warning-text {
    padding-left: 15px;
    font-weight: 400;
}
.mail-box {
    padding: 1rem 0.8rem;
    border: 1px solid #e7e7e7;
    border-radius: 8px;
    margin-bottom: 1rem;
}
.mail-body-content {
    margin-top:20px;
    padding: 0 8px;
}
.ticket-input-reply{
    box-shadow:none;
    outline:none;
}
.ticket-input-reply:focus{
    box-shadow:none;
    outline:none;
}
.mail-body-content p, .mail-body-content span {
    color: #000000 !important;
}
.progress-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
md-progress-circular{
    margin: 0 auto;
}
.min-h-200 {
    min-height: 200px !important;
}
.h-200px{
    height:200px;
}
.breadcrumb > .breadcrumb-item > a {
    color: #164e49;
}
.breadcrumb > .breadcrumb-item > a:hover{
    text-decoration:underline !important;
}
.g-5.row {
    margin-left: 0px;
    margin-right: 0px;
}
.g-5 > [class^="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}
.ticket-sub-menus > ul > li > .search-section {
    padding: 6px 0px !important;
    position:relative;
    
}
.ticket-sub-menus > ul > li > .search-section input{
    padding-left:32px;
    font-weight:500;
}
.i-loader-ticket {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    color: #175c56;
    right: 8px;
    font-size: 24px;
    margin-top: -10px;
}
.color-search {
    color: #9b9b9b;
}
.search-result.ticketuser{
    padding: 0;
    border:none;
}
.btn-sendmail {
    color: #fff;
    background-color: #196653;
    border-color: #196653;
}
.btn-sendmail:hover{
    color: #fff;
}
.register-warning {
    color: #bd0909;
}
.signature a {
    color: blue !important;
}
.signature a[href^="mailto:"] {
    color: #2C5CC5 !important;
}
.account-signature a {
    color: blue !important;
}
.account-signature a[href^="mailto:"]  {
    color: #2C5CC5 !important;
    font-weight: 400;
}
.account-signature p {
    margin-bottom: 0 !important;
}
.account-signature {
    padding: 20px;
    display: block;
    border: 1px solid #ebebeb;
    border-radius: 5px;
}
.mail-box a {
    color: blue !important;
}
.mail-box a[href^="mailto:"] {
    color: #2C5CC5 !important;
}
.ql-editor table tr td{
    width: unset !important;
}
.ql-editor table{
    table-layout:unset !important;
}
.account-signature table tr td, .mail-box table tr td {
    width: unset !important;
    height: unset !important;
}
.account-signature img, .mail-box img {
    max-width: 100% !important;
    height: auto !important;
}
.image-icon.ticket-user i {
    left: 10px !important;
}
.line-h-0-9 {
    line-height: 0.9 !important;
}
.reponsive-search{
    display:none;
}
.reponsive-new-ticket-section{
    display:none;
}
@media (max-width: 1200px) {
    .banner-logo .logo-wrapper, #ticker-header-bar .ticket-menu, .container-wrapper {
        width: 100%;
    }
}
@media (max-width: 950px){
    .search-ticket-section {
        width: 350px;
    }
}
@media (max-width: 800px) {
    .search-ticket-section {
        width: auto;
    }
    
}
@media (max-width: 644px) {
    .search-ticket-section{
        display:none;
    }
    .reponsive-search{
        display:inline-block;
    }
}
@media (max-width: 492px) {
    .new-ticket-text {
        display: none;
    }
}
@media (max-width: 442px) {
    .nav-contact {
        font-size: 11px;
    }
    .nav-contact .icon-phone {
        font-size: 18px;
    }
}
@media (max-width: 424px) {
    .profile-section, .new-ticket-section {
        display: none;
    }
    .reponsive-new-ticket-section {
        display: inline-block;
    }
    .ticket-menus > ul > li > a {
        padding: 7px 10px !important;
        font-size: 10px;
    }
}
@media (max-width: 368px){
    .nav-contact{
        display:none;
    }
}
.responsize-search-section .search-section {
    position: absolute;
    z-index: 3;
    width: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),0 1px 4px rgba(0, 0, 0, 0.05),0 2px 8px rgba(0, 0, 0, 0.05);
}
.responsize-search-section .search-section input{
    padding-left: 34px;
}
.responsize-search-section .search-section input.input-control{
    height: calc(1.5em + 0.75rem + 19px) !important;
}
.responsize-search-section .search-section input.input-control:focus{
    box-shadow:none;
}
.close-search {
    position: absolute;
    top: 12px;
    right: 12px;
}
.ticketuser-dropdown {
    margin-left: -270px;
}
@media (max-width: 507px) {
    .ticketuser-dropdown {
        width: 100%;
        top:126px !important;
        transform:none !important;
        margin-left:0;
    }
}
.bg-dark-green {
    background-color: #0f4e49 !important;
    color: #FFFFFF !important;
}
.color-light-green {
    color: #18746d !important;
}
.position-r-t8{
    position:relative;
    top:8px;
}
@media (max-width: 705px) {
    .ticketuser-header {
        display:block !important;
    }
    .ticketuser-sub-header{
        float:none !important;
    }
}
@media (max-width: 465px) {
    .ticketuser-sub-header{
        display:block !important;
    }
    .ticketuser-sub-header .ticketuser-filter-section{
        margin-top: 15px !important;
        margin-right:0 !important;
    }
    .ticketuser-sub-header .ticketuser-filter-section div.dropdown{
        float: right !important;
    }
    .ticketuser-filter-section .btn{
        width: 100%;
    }
}
.responsive-status-label{
    display:none;
}
@media (max-width: 500px){
    .status-label-section {
        display: none;
    }
    .responsive-status-label {
        display: block;
        margin-top:3px;
    }
    .responsive-status-label .status-label{
        padding: 5px 8px;
    }
}
@media (max-width: 625px){
    .ticketuser-mail-header{
        display: block !important;
    }
    .ticketuser-mail-action {
        text-align: left !important;
        margin-bottom: 10px;
    }
    .ticketuser-mail-header .breadcrumb {
        padding: 0.25rem 0;
    }
}
.ticketuser-add-people {
    border: 1px solid #d1d1d1;
    padding: 5px 2px;
    border-radius: 4px;
    position:relative;
}
.ticketuser-add-people .cc-container{
    float:none;
    padding: 0;
    margin-top: 0;
}
.ticketuser-add-people .inline-field a{
    position:absolute;
    float:none;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
}
.ticketuser-add-people ul.multi-value-field li.choice a.close-link {
    top: 13px;
}
.ticketuser-add-people ul.multi-value-field li.choice{
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}
.ticketuser-add-people-footer {
    justify-content: end !important;
    padding-bottom: 0;
}
.fixed-col-7 {
    -ms-flex: 0 0 700px;
    flex: 0 0 700px;
    padding-right: 0px;
}
.fixed-col-4 {
    -ms-flex: 0 0 400px;
    flex: 0 0 400px;
    padding-right: 0px;
}
.btn-new-field {
    background: #12344d;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px !important;
    color: #ffffff !important;
}
.row.gt-5 {
    margin-right: -5px;
    margin-left: -5px;
}

.gt-5 > [class^="col-lg-"] {
    padding-left: 3px;
    padding-right: 3px;
    margin-bottom: 5px;
}
.gt-5 > [class^="col-"] {
    padding-left: 3px;
    padding-right: 3px;
    margin-bottom: 5px;
}
.btn-form-theme {
    background: #12344d;
    color: #fff;
}
.add-field button:hover {
    color: #fff;
}
.form-preview-btn {
    padding: 4px 6px;
    position: relative;
    color: #bdbdbd;
    display:none;
}
.form-preview-btn > span{
    position: relative;
    top: 4px;
}
.form-preview-btn.edit:hover{
    background: #00000014;
    color: #20643e;
    border-radius: 2px;
}
.form-preview-btn.delete:hover{
    background: #00000014;
    color: #cb1f1f;
    border-radius: 2px;
}
.form-preview-btn.copy:hover{
    background: #00000014;
    color: #f3a127;
    border-radius: 2px;
}
.mr-n4px {
    margin-right: -4px;
}
.min-h-130 {
    min-height: 130px;
}
.custom-form:focus-within {
    border-color: #2C5CC5 !important;
    box-shadow: 0 0 0 1px #2C5CC5 !important;
    outline: 0;
}
.form-preview-section {
    padding: 10px;
    border-radius: 4px;
}
.form-preview-section:hover{
    background: #12344d0d;
    cursor:move;
}
.form-preview-section:hover .form-preview-btn{
    display:inline;
}
#form-edit {
    width: 500px !important;
}
.w-40{
    width: 40% !important;
}
.w-10 {
    width: 10% !important;
}
.w-20 {
    width: 20% !important;
}
.width-n{
    width: auto !important;
}
.border-bottom-1 {
    border-bottom: 1px solid #9d9d9d;
}
.w-70{
    width: 70%;
}
.gt-5 > [class^="sort-item ng-scope col-lg-"] {
    padding-left: 3px;
    padding-right: 3px;
    margin-bottom: 5px;
}
.gt-5 > [class="sort-item ng-scope col"] {
    padding-left: 3px;
    padding-right: 3px;
    margin-bottom: 5px;
}
.form-print-template p {
    margin-bottom: 0px;
    color: black;
    font-size: 9pt;
}
/*.form-print-template p span {
    white-space: nowrap !important;
}*/
.form-print-template table tr td:not(.border-none) {
    border: 1px solid black !important;
}
.form-print-template table tr td {
    word-break: break-all !important;
}
@media print {
    .row.form-template {
        display: flex;
        flex-wrap: wrap;
        margin-right: 0px;
        margin-left: 0px;
    }
    h4.form-template {
        text-transform: uppercase;
        font-size: 16px;
        font-weight: bold !important;
    }
    [class^="has-border form-template-control ng-scope col-lg-"], [class="has-border form-template-control ng-scope col flex-basis-max"] {
        float: left;
        border: 1px solid #dadada;
        vertical-align: middle;
        padding: 8px;
        font-size: 12px;
    }

    [class^="form-template-control ng-scope col-lg-"] {
        float: left;
        vertical-align: middle;
        padding: 8px;
        font-size: 12px;
    }

    [class="ng-scope col flex-basis-max"] {
        float: left;
        vertical-align: middle;
        padding: 8px;
        font-size: 12px;
    }

    .form-template-control.col-lg-12 {
        width: 100%;
    }

    .form-template-control.col-lg-11 {
        width: 91.66666667%;
    }

    .form-template-control.col-lg-10 {
        width: 83.33333333%;
    }

    form-template-control.col-lg-9 {
        width: 75%;
    }

    .form-template-control.col-lg-8 {
        width: 66.66666667%;
    }

    .form-template-control.col-lg-7 {
        width: 58.33333333%;
    }

    .form-template-control.col-lg-6 {
        width: 50%;
    }

    .form-template-control.col-lg-5 {
        width: 41.66666667%;
    }

    .form-template-control.col-lg-4 {
        width: 33.33333333%;
    }

    .form-template-control.col-lg-3 {
        width: 25%;
    }

    .form-template-control.col-lg-2 {
        width: 16.66666667%;
    }

    .form-template-control.col-lg-1 {
        width: 8.33333333%;
    }
    #header-bar, #sticky-header {
        display: none;
    }
    .online-message, .offline-message{
        display:none;
    }
    .card {
        box-shadow: none;       
    }
   /* div {
        display: block;
        page-break-inside: avoid;
    }*/
    .form-print-template p {
        margin-bottom: 0px;
        color: black;
        font-size: 9pt;
    }
    .form-print-template .bc-gray {
        background-color: gray !important;
    }
    .form-print-template table tr td:not(.border-none) {
        border: 1px solid black !important;
    }
    body {
        -webkit-print-color-adjust: exact;
        padding:30px !important;
    }
    /*.form-print-template p span {
        white-space: nowrap !important;
    }*/
    .form-print-template table tr td {
        word-break: break-all !important;
    }
    .print-line .line-column td{
        white-space: nowrap !important;
    }
    @page {
        margin: 0;
    }
}
.alert-custom-danger {
    color: #721c24;
    background-color: #f8d7da;
    border: 1px solid #ab303b;
}
.danger-text {
    padding-left: 30px;
}
.icon-form {
    margin-top: -8px;
    position: relative;
    top: 7px;
}
.form-content .col{
    flex-basis: max-content;
}
.flex-basis-max {
    flex-basis: max-content;
}
.max-w-900 {
    max-width: 900px !important;
}
.agent-add-icon {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 10px;
}
.agent-add-icon-after {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 17px;
}
.pl-32 {
    padding-left: 32px;
}
.input-theme-active:focus {
    border-color: #2C5CC5 !important;
    box-shadow: 0 0 0 1px #2c5cc5 !important;
    outline: 0;
}
ul.dropdown-menu{
    z-index: 9999 !important;
}
.filter-value-wrapper-watcher {
    box-shadow: 0 2px 4px 0 rgb(18 52 77 / 6%), 0 2px 18px 0 rgb(18 52 77 / 16%);
    padding: 10px;
    border-radius: 4px;
    margin-top: 1px;
    cursor: pointer;
}
.filter-value-wrapper-watcher  a{
    color: #12344D;
}
.watchers-result {
    right: unset !important;
    width: 315px;
    margin-top:2px;
    padding:8px;
}
.line-h-1-3 {
    line-height: 1.3;
}
.dropdown-content {
    max-height: 150px;
    overflow: auto;
}
.pd-10{
    padding:10px;
}
.reply-section{

}
.reply-section a {
   color: #12353b !important;
}    

.reply-section a[href^="mailto:"] {
   color: #2C5CC5 !important;
}

.reply-section table tr td {
    width: unset !important;
}

.reply-section img {
    max-width: 100%;
    height: auto;
}
md-switch.md-switch-label .md-bar::before {
    position: absolute;
    font-size: 9px;
    line-height: 13px;
    content: "off";
    right: 0;
    padding-right: 3px;
}

md-switch.md-switch-label.md-checked .md-bar::before {
    content: "on";
    left: 0;
    padding-left: 3px;
}
.switch-label{
    display:block;
    margin-top:-20px;
}
.icon-before-login {
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    margin-top: -8px;
    left:0;
}
button.disabled {
    pointer-events: none;
}
.flex-basis-auto {
    flex-basis: auto;
}
@media (max-width: 992px){
    .journal-header-wrapper {
        display: block !important;
        width: 100%;
    }
    .journal-header-wrapper div{
        text-align: left !important;
    }
    .journal-header-wrapper .journal-header-label, .journal-header-wrapper .journal-header-input{
        margin-bottom:5px !important;
    }
}
.break-log {
    font-size: 10px;
    display: inline-block;
    vertical-align: bottom;
    color: #545454;
}
.color-gray {
    color: #585858;
}
.sort-table-header:hover{
    cursor: pointer;
}
.color-grn3-light {
    color: #0cbd84 !important;
}
.color-gry1-light {
    color: #dbdbdb !important;
}
.mobile-line-description {
    display: none;
}

@media (max-width: 992px) {
    .mobile-line-description {
        display: table-cell;
    }

    .desktop-line-description {
        display: none;
    }
}
.main-mail table {
    table-layout: unset !important;
    border-collapse: collapse;
}
.main-mail td {
    /*border: 1px solid #000;*/
    /*padding: 2px 5px;*/
}
.main-mail td {
    /*border-color: #ddd;*/
}
.main-mail table td{
     outline: 0;
}
/*.main-mail table tr td{
    width: unset !important;
}*/
.activity-log {
    width: auto;
    height: auto;
    min-height: 50px;
    margin: 0 auto;
}
.timeline-datetime {
    text-align: right;
    width: 180px;
    padding-right: 21px;
    position: relative;
    margin: 0 auto;
    float: left;
    line-height: 1.5;
    color: #475867;
    font-size: 12px;
    font-weight: 600;
}
.timeline-datetime .timeline-circle {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: transparent;
    color: #475867;
    margin: 2px;
    display: block;
    position: absolute;
    top: -3px;
    left: 166px;
    border: 1px solid #CFD7DF;
}
.timeline-datetime .timeline-circle:after{
    background: #2C5CC5;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.timeline-activity {
    width: 63%;
    padding-left: 20px;
    border-left: 1px solid #CFD7DF;
    margin-top: 25px;
    font-size: 14px;
    display: inline-block;
    min-height: 30px;
    color: #475867;
}
.activity-content {
    margin-top: -22px;
}
.sub-activity:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #2C5CC5;
    display: inline-block;
    border-radius: 50%;
    margin-left: -24px;
    margin-right: 15px;
    margin-bottom: 2px;
}
.ticket-list-merge:hover {
    cursor: pointer;
    background: #19616c;
    color: #ffffff;
}
.pagination-ticket-activity ul{
    margin-bottom:0;
}
.mail-content p, .mail-content h1, .mail-content h2{
    color: unset;
}
ul.multi-value-field li.ticket{
    height: 35px;
    margin-bottom:4px;
}
.position-r-n8{
    position:relative;
    top:-8px;
}
ul.multi-value-field.ticket {
    border: 1px solid #ced4da !important;
    padding-top:9px;
    padding-bottom:5px;
}
.ui-select-ticket .ui-select-match .btn {
    display: block;
    position: relative;
    top: 2px;
}
.list-custom-small .ui-select-ticket i:last-child {
    /* margin-top: 1px !important; */
    margin-top: -2px !important;
}
.ui-select-ticket i:last-child {
    margin-top: 0px !important;
    font-size: inherit !important;
    width: 0 !important;
    height: 0 !important;
}
.elips {
    display: inline-block;
    vertical-align: bottom;
    white-space: nowrap;
    width: 100%;
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.border-start {
    border-left: 1px solid #CFD7DF !important;
}
.ticket-wrapper {
    position: absolute;
    left: 0;
    top: 66px;
    width: 100%;
    background: white !important;
    border-top: 1px solid #dee2e6 !important;
    height: 100vh;
}
.ticket-start {
    position: absolute;
    left: 0;
    top:0;
   /* padding-left: 35px;
    padding-right: 25px;*/
    background: #ffffff;
}
.ticket-end {
    position: fixed;
    right: 0;
    transition: width 0.15s ease-out;
    background: #f5f7f9;
    border-left: 1px solid #CFD7DF !important;
    /*border-top: 1px solid #dee2e6 !important;*/
    z-index:88;
}
.height-100vh{
    height:100vh;
}
.sidenav-footer-2 {
    position: absolute;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    bottom: 0;
    z-index: 5;
    background: #f5f7f9;
    padding-bottom: 75px;
    padding-top: 15px;
    border-top: 1px solid #dee2e6 !important;
}
.flex-1 {
    flex: 0 0 27em;
}
.right-310{
    right: 330px;
}
.width-310 {
    width: 330px !important;
}
.width-0 {
    width: 0 !important;
}
.background-e7e7e7 {
    background: #e7e7e7 !important;
}
.pr-2rem {
    padding-right: 2rem !important;
}
.content-auto-scroll {
    overflow: auto;
}
.width-calc-330 {
    width: calc(100% - 325px);
}
.width-calc-314 {
    width: calc(100% - 314px);
}
.fixed-header {
    position: fixed;
    background: #ffffff;
    border-top: 1px solid #dee2e6 !important;
    left:15px;
}
.pd-t-124{
    padding-top:124px !important;
}
.pd-t-129 {
    padding-top: 129px !important;
}
.view-modified {
    background-color: #FEF1E1;
    border: 1px solid #E86F25;
    padding: 0px 10px;
    border-radius: 4px;
    max-width: 300px;
    font-style: italic;
    font-weight: 500;
    box-sizing: border-box;
    height: 33px;
    white-space:nowrap;
}
.fill-color-1 {
    color: #12344D;
}
.pd-0{
    padding:0 !important;
}
.filter-inner-wrapper {
    overflow: auto;
}
.fixed-search-bar {
    border-bottom: 1px solid #dee2e6 !important;
    /*margin-bottom: 15px;*/
}
.icon-saveas {
    font-size: 22px;
    position: absolute;
    margin-top: -7px;
    margin-left: -6px;
    letter-spacing: 0;
}
md-backdrop {
    position: fixed;
}
.timepicker-custom .width-0{
    width: auto !important;
}
.timepicker-ticketcustom tbody tr:has(td .btn-link .glyphicon.fa.fa-angle-up),
.timepicker-ticketcustom tbody tr:has(td .btn-link .glyphicon.fa.fa-angle-down) {
    display: none;
}

.sub-dropdown-btn-pd {
    padding-left: 7px;
    padding-right: 7px;
}
.ticket-list-container {
    padding-top:57px !important;
}
.ticket-list-header-title-col h3{
    white-space: nowrap;
    min-width: 100%;
    max-width:200px;
    overflow:hidden;
    text-overflow:ellipsis;
}
.mobile-filter-action {
    display: none;
}
@media (max-width: 1162px) {
    .ticket-list-container {
        padding-top: 57px !important;
    }
    .ticket-list-header-action-col{
        display:none;
    }
    .ticket-list-header-title-col {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .mobile-filter-action {
        display: block;
    }
}
.ticket-config-list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 0.25rem;
}
.ticket-config-list-custom-small{
    line-height: 50px;
}
.ticket-config-list-custom-small a{
   color: #1f1f1f;
   font-weight: 500;
   padding-left: 10px;
   border-radius: 4px;
   margin-bottom: 3px;
}
.ticket-config-list-custom-small a:not(.active-ticket-config-link):hover{
    background:#f3f3f3;
}
.font-icon-center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top:-2px;
}
.active-ticket-config-link {
    background: #12344d;
    color: #ffffff !important;
}
.btn-ticket-config-save {
    padding: 10px 11px !important;
    font-size: 14px !important;
    background: #2a5474;
    color: #fff;
}
.btn-ticket-config-save:hover{
    color:#fff;
}
.t-c-b{
    border-top: solid 1px rgba(0,0,0,.05);
}
.action-btn {
    position: absolute;
    right: 15px;
    display: block;
    background: #f1f1f1;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    height: 40px;
    width: 40px;
    text-align: center;
}
.hover-none:hover {
    background: none !important;
    cursor: pointer;
}
.ticket-config a:hover {
    background: none !important;
    cursor: pointer;
}
.action-btn:hover {
    background: #12344d;
    color: #fff;
}
md-switch.md-checked:not([disabled]).md-primary.ticket-switch .md-thumb:before {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    font-weight: 900;
    color: #fff;
    font-size: 9px;
    top: -3px;
    left: 0;
    text-align: center;
}
md-switch:not(.md-dragging).ticket-switch .md-thumb:before {
    font-family: "Font Awesome 5 Free";
    content: "\f00d";
    font-weight: 900;
    font-size: 10px;
    top: -4px;
    left: 0;
    text-align: center;
}
.config-anchor {
    border-bottom: none;
}
md-switch.ticket-switch .md-thumb {
    box-shadow: 0 2px 10px rgb(0 0 0 / 50%) !important;
}
.ticket-bind-field {
    display: inline-block;
    background: rgba(240,240,240,0.3);
    border: solid 1px #EEE;
    padding: 0px 24px 0px 12px;
    border-radius: 5px;
    margin-bottom: 5px;
    font-size: 13px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-right:5px;
}
.main-mail table {
    word-break: normal;
    width: unset !important;
}
.tkt-hide-show, .tkt-hide-show ~ * {
    display: none;
}
.main-mail a:link, .replyBody a:link {
    text-decoration: underline !important;
}
.row-fluid {
    width: 100%;
    overflow: auto;
}
.timerange-col{
    display:inline-block;
}
.btn-c-s {
    padding: 9px 0px !important;
    font-size: 12px !important;
}
.bg-blue3-dark {
    background-color: #285087 !important;
    color: #FFFFFF!important; 
}
.bg-green3-dark {
    background-color: #309b5c !important;
    color: #FFFFFF !important;
}
.line-h-2 {
    line-height: 2;
}
.input-control-height {
    height: calc(1.5em + 0.75rem + 9px) !important;
}
.switch-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.alert-custom {
    padding: 8px 35px 8px 14px;
    margin-top: 10px;
    background-color: #fffade;
    color: #111315;
}
.mb20{
    margin-bottom:20px;
}
.filter-component .filter-row {
    margin: 12px 0;
}
.clearfix:before {
    content: " ";
    display: table;
    line-height: 0;
}
.clearfix:after {
    content: " ";
    display: table;
    clear: both;
    line-height: 0;
}
.filter-component .filter-row .remove-filter-row {
    margin: 10px 10px 0 0;
}
.filter-component .filter {
    position: relative;
    border: 1px solid #CFD7DF;
    border-radius: 4px;
    display: inline-block;
    min-height: 35px;
    width: 435px;
    margin-left: 2px;
    -moz-box-shadow: inset 0 1px 2px 0 rgba(24,50,71,0.05);
    -webkit-box-shadow: inset 0 1px 2px 0 rgb(24 50 71 / 5%);
    box-shadow: inset 0 1px 2px 0 rgb(24 50 71 / 5%);
    box-sizing: border-box;
    background-color: #fff;
    padding: 0 6px 2px 6px;
}
.filter-component .filter .filter-selected {
    display: inline-block;
    background-color: #EBEFF3;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
    box-sizing: border-box;
    padding: 2px 7px;
    min-height: 20px;
    line-height: 20px;
    color: #12344D;
    font-weight: 400;
    margin-top: 5px;
    word-break: break-word;
    overflow: hidden !important;
    max-width: 185px;
    margin-right: 3px;
    vertical-align: top;
}
.filter-component .filter .filter-input {
    display: inline-block;
    vertical-align: top;
}
.filter-component .filter .filter-input input {
    border: none;
    height: 33px;
    width: 90px;
    display: inline-block;
    box-shadow: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
    margin-left: 6px;
}
.filter-component .filter .filter-input .filter-dropdown {
    position: absolute;
    display: block;
    width: auto;
    height: auto;
    overflow: hidden;
    background: #fdfdfd;
    z-index: 3000;
    box-shadow: 0 2px 4px 0 rgb(18 52 77 / 6%), 0 2px 18px 0 rgb(18 52 77 / 16%);
    color: #555;
    border: 1px solid #EBEFF3;
    border-radius: 4px;
    margin-left: -7px;
}
.filter-component .filter .filter-input .filter-dropdown ul {
    margin: 3px 0;
    padding: 6px 8px;
    height: auto;
    max-height: 200px;
    overflow-y: auto;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    min-width: 70px;
    max-width: 200px;
    word-break: break-word;
}
.filter-component .filter .filter-input .filter-dropdown ul li {
    padding: 5px;
    cursor: pointer;
    font-size: 13px;
    border-radius: 4px;
    position: relative;
}
.filter-component .filter .filter-input .filter-dropdown ul li.hover {
    color: #12344D;
    background-color: #EBEFF3;
}
.sla_policy_form .filter-component .filter .filter-input .filter-dropdown ul[data-type=name] li, #new-helpdesk-ola-policy .filter-component .filter .filter-input .filter-dropdown ul[data-type=name] li {
    width: auto;
}
[data-ellipsis=true] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.filter-component .filter .filter-selected [data-ellipsis] {
    display: inline-block;
    max-width: 150px;
    vertical-align: middle;
}
.filter-component .filter .filter-selected[data-type="from"], .filter-component .filter .filter-selected[data-type="to"], .filter-component .filter .filter-selected[data-type="operator"], .filter-component .filter .filter-selected[data-type="relative-value"] {
    text-transform: lowercase;
    background: none;
    color: #ADAFB5;
    padding: 2px 5px 3px 5px;
}
.filter-component .filter .filter-selected .close-pill {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    position: relative;
    float: right;
    right: -4px;
    padding: 3px;
    top: 1px;
}
.filter-component .filter .filter-selected.filter-dom input, .filter-component .filter .filter-selected.filter-dom textarea {
    box-shadow: none;
    border: none;
    padding: 0;
    border-radius: 2px;
}
.filter-component .filter .filter-selected.filter-dom.filter-text input, .filter-component .filter .filter-selected.filter-dom.filter-text_with_list input {
    padding: 0;
    height: 20px;
    margin-top: -1px;
}
.mr8{
    margin-right:8px;
}
.ml8 {
    margin-left: 8px;
}

.filter-component .filter .filter-input .filter-dropdown ul li i {
    border-radius: 4px;
    padding: 0 8px;
    background: #EBEFF3;
}
.filter-component .filter .filter-input .filter-dropdown ul li.multilevel-nav i {
    padding: 3px 8px;
}
.filter-component .filter .filter-input .filter-dropdown ul li.multilevel-nav.hover i {
    background: #EBEFF3;
}
.filter-component .filter .filter-input .filter-dropdown ul li.multilevel-nav {
    color: #475867;
    font-weight: 600;
}
.filter-component .filter .filter-input .filter-dropdown ul li.multilevel-nav.hover {
    background: transparent;
}
.sla_policy_form .filter-component .filter .filter-input .filter-dropdown ul[data-type=name] li.multilevel-nav, #new-helpdesk-ola-policy .filter-component .filter .filter-input .filter-dropdown ul[data-type=name] li.multilevel-nav {
    width: 80%;
}
.filter-dropdown.active {
    display: block;
}
.filter-component .filter .filter-input .filter-dropdown ul li[multilevel_key] {
    display: inline-block;
    font-size: 12px;
    line-height: normal;
    border-radius: 4px;
    border: 1px solid #BBDCFE;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 14%);
    background-color: #E5F2FD;
    padding: 4px 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 185px;
    margin: 8px 8px 0 0;
}
.sla_policy_form .filter-component .filter .filter-input .filter-dropdown ul[data-type=operator] {
    min-width: 70px;
    max-width: 130px;
}
.sla_policy_form .filter-component .filter .filter-input .filter-dropdown ul[data-type=operator] li{
    width: 90%;
    text-transform: lowercase;
}
.filter-component .filter .filter-input {
    display: inline-block;
    vertical-align: top;
}
.filter-component .filter .filter-input.prevent {
    padding: 0;
    vertical-align: top;
}
.filter-component .filter .filter-input.prevent input {
    position: relative;
    width: 1px;
    padding-left: 0;
    padding-right: 0;
    margin-left: 1px;
    display:none;
}
.filter-component .filter .filter-input.prevent .filter-dropdown {
    border: none !important;
    height: 0;
    width: 0;
    margin: 0;
    display:none;
}
.filter-component .filter .filter-selected.filter-dom {
    background: none !important;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 0 !important;
    max-width: 100%;
    overflow: visible !important;
}
.filter-component .filter .filter-selected.filter-dom input {
    box-shadow: none;
    border: none;
    padding: 0;
    border-radius: 2px;
}
.filter-component .filter .filter-selected.filter-dom.filter-text input {
    padding: 0;
    height: 20px;
    margin-top: -1px;
}
.filter-dropdown .ng-hide {
    display: none !important;
}
.grid-sla {
    border: 1px solid #CFD7DF;
    background: #F5F7F9;
    border-radius: 4px;
    padding:0;
}
.grid-sla table {
    padding: 0;
    margin: 0;
    border: 0;
    font-size: 14px;
    border-bottom: 2px solid #cfcfcf;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    vertical-align: middle;
    width: 100%;
    max-width: 100%;
}
.grid-sla table {
    border-bottom: 0;
}
.grid-sla table td{
    border: 0;
    background: none;
}
.grid-sla table.sla_policies tr.escalations td{
    border-radius: 4px;
}
.grid-sla table.sla_policies tr.escalations td {
    padding: 8px 4px 5px;
}
.grid-sla table.sla_policies tr.escalations td.delete-button-holder{
    width: 16px;
}
.grid-sla table.sla_policies tr.escalations.response td:first-child{
    padding-left: 10px;
}
.grid-sla table.sla_policies tr.escalations .delete{
    opacity: 0.7;
    filter: alpha(opacity=0.7);
    color: #f65050;
}
.grid-sla table.sla_policies tr.escalations td.escalations-time-holder{
    width: 210px;
}
.grid-sla table td label {
    color: #555555;
    font-weight: bold;
    font-size: 1em;
    padding: 8px 0 6px 0;
}
.escalations-time-holder label.inline_text {
    display: inline-block;
    padding-top: 6px;
    padding-right: 6px;
    vertical-align: top;
    font-weight: normal;
}
.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    box-sizing: border-box;
}
.grid-sla table.sla_policies tr.escalations td .select2-container {
    width: 99%;
}
select.input-control:focus {
    border-color: #2C5CC5 !important;
    box-shadow: 0 0 0 1px #2c5cc5 !important;
    outline: 0;
}
input.input-control:focus {
    border-color: #2C5CC5 !important;
    box-shadow: 0 0 0 1px #2c5cc5 !important;
    outline: 0;
}
.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0 5px 0 0;
    position: relative;
    border: 1px solid #CFD7DF;
    cursor: text;
    overflow: hidden;
    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
    border-radius: 3px;
}
.select2-container-multi .select2-choices {
    min-height: 26px;
}
.select2-container .select2-choices {
    color: #12344D;
    font-weight: 500;
    border-color: #CFD7DF;
    -moz-box-shadow: inset 0 1px 2px 0 rgba(24,50,71,0.05);
    -webkit-box-shadow: inset 0 1px 2px 0 rgb(24 50 71 / 5%);
    box-shadow: inset 0 1px 2px 0 rgb(24 50 71 / 5%);
    border-radius: 3px;
    background-image: none;
    min-height: 30px !important;
    line-height: 30px;
}
.grid-sla table.sla_policies tr.escalations td ul {
    border-radius: 4px;
}
.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
}
li.select2-search-field {
    width: auto !important;
}
.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
.select2-search-field input {
    background-color: #fff;
    -moz-box-shadow: inset 0 1px 2px 0 rgba(24,50,71,0.05);
    -webkit-box-shadow: inset 0 1px 2px 0 rgb(24 50 71 / 5%);
    box-shadow: inset 0 1px 2px 0 rgb(24 50 71 / 5%);
    color: #12344D;
    font-size: 14px;
    font-weight: 500;
    box-sizing: border-box;
    display: inline-block;
    padding: 6px 12px;
    line-height: 20px;
    border-radius: 4px;
    border: 1px solid #CFD7DF;
    -moz-transition: border linear 0.2s;
    -o-transition: border linear 0.2s;
    -webkit-transition: border linear 0.2s;
    transition: border linear 0.2s;
}
.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;
    font-family: sans-serif;
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent !important;
    height: 32px;
}
.select2-choices:focus-within {
    border: #2C5CC5 !important;
    box-shadow: 0 0 0 2px #2c5cc5 !important;
    outline: 0;
    border-radius: 3px;
}
.select2-drop.select2-drop-active {
    position:absolute;
    border-top: 1px solid #EBEFF3;
    border-color: #EBEFF3;
    box-shadow: 0 2px 4px 0 rgb(18 52 77 / 6%), 0 2px 18px 0 rgb(18 52 77 / 16%);
    border-radius: 4px;
    background: #fff;
    z-index: 99999;
    width:100%;
    margin-top:2px;
}
.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: transparent;
}
.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none;
    font-size: 13px;
}
.select2-drop .select2-results li {
    margin: 2px;
    border-radius: 4px;
}
.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;
    min-height: 1em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.select2-drop-multi .select2-result-label {
    word-break: break-word;
}
.select2-results li.select2-result-with-children > div > .select2-result-label {
    font-weight: bold;
}
.select2-drop.select2-drop-active div.select2-result-label {
    padding: 6px 7px;
}
.muted {
    color: #647A8E;
}
.select2-container-multi .select2-search-choice {
    word-break: break-word;
}
li.select2-search-choice {
    width: auto !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;
    line-height: 13px;
    color: #141c30;
    cursor: default;
    border: 1px solid #CFD7DF;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgb(0 0 0 / 5%);
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgb(0 0 0 / 5%);
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 18px 3px 5px;
}
.select2-container .select2-choices .select2-search-choice {
    color: #12344D;
    background: #EBEFF3;
    box-shadow: none;
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
    padding: 4px 26px 4px 10px;
    border: none;
}
.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;
    font-size: 1px;
    outline: none;
}
.select2-container-multi .select2-search-choice-close {
    left: auto;
}
.select2-container .select2-choices .select2-search-choice .select2-search-choice-close {
    height: 28px;
    top: 0px;
    right: 0;
    width: 24px;
    border-radius: 4px;
    color: #183247;
}
.select2-search-choice-close::after {
    color: #999;
    content: "\00d7";
    position: absolute;
    top: -4px;
    right: 1px;
    font-size: 16px;
    font-weight: bold;
}
.select2-container .select2-choices .select2-search-choice .select2-search-choice-close:after {
    color: #183247;
}
.select2-container .select2-choices .select2-search-choice .select2-search-choice-close:after {
    top: 4px;
    right: 6px;
    font-size: 20px;
    font-weight: normal;
}
.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0;
}
.select2-result.select2-result-selectable {
    background: none;
    color: #000;
}
.select2-result.select2-result-selectable:hover {
    background: #EBEFF3;
    color: #12344D;
}
.select2-container .select2-choices .select2-search-choice .select2-search-choice-close:hover {
    background: #CFD7DF;
}
.list-box {
    padding: 4px 13px;
    box-shadow: 0 0 9px 0 rgb(0 0 0 / 6%);
    border-radius: 4px;
    margin-bottom:8px;
}
.url-text:hover{
    text-decoration:underline !important;
    cursor:pointer;
}
.dashboard-icon-color {
    color: #2a4f88 !important;
}
.md-disabled {
    pointer-events: none;
    opacity: 0.4;
}
.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.ember-badge {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
    padding: 4px 8px;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #CFD7DF;
    vertical-align: middle;
    border-radius: 2px;
}
.ember-badge.state-new{
    color: #007958;
    background-color: #e0f5f0;
    border-color: #b4e5d9;
}
.ember-badge.state-customer_responded{
    color: #678ce7;
    background-color: #edf2ff;
    border-color: #678ce7;
}
.ember-badge.state-elapsed{
    color: #c82124;
    background-color: #ffecf0;
    border-color: #ffd0d6;
}
.response-overdue {
    color: #ea6264;
}
.clock-value-over {
    background: #FFECF0;
    color: #d32c2f;
    text-align: center;
    border-radius:4px;
    padding:2px 9px;
    white-space:nowrap
}
.clock-value {
    background: #E0F5F0;
    color: #007958;
    text-align: center;
    border-radius: 4px;
    padding: 2px 9px;
    white-space: nowrap
}
.dropdown-filter {
    position: absolute !important;
    z-index: 1;
    background: #fff;
    width: 100%;
    padding: 10px;
    box-shadow: 0 2px 4px 0 rgb(18 52 77 / 6%), 0 2px 18px 0 rgb(18 52 77 / 16%);
    left: -2px;
    margin-top: 7px;
    border-radius: 5px;
}
.pd-custom {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 8px;
}
.company-text-overflow {
    white-space: nowrap;
    max-width: 81%;
    text-overflow: ellipsis;
    overflow: hidden;
}
ul.multi-value-field.ticketcompany {
    border: 1px solid #ced4da !important;
    padding-top: 2px;
    padding-bottom: 2px;
}
ul.multi-value-field.ticketcompany.has-data{
    padding-top: 6px;
}
.btn-c-s2 {
    padding: 9px 14px !important;
    font-size: 12px !important;
}
.cancel-st{
    color: white;
    background: #a7a7a7;
}
.flex-shrink-0-i{
    flex-shrink: 0 !important;
}
.dropdown-menu-c {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
    margin-top:-1px;
}
.dropdown-menu-c-center {
    left: -58px;
} 
.dropdown-hover:hover .dropdown-menu-c {
    display: block;
}
.date-label {
    font-size: 12px;
    color: #b1afaf;
    margin-top: -5px;
    display: block;
}
.form-print-preview p {
    margin-bottom: 0px;
    color: black;
}
.form-print-preview span {
    font-size: 9pt !important;
}
.ticket-login {
    max-width: 600px !important;
    margin: 0 auto;
}
.html-editor-email-template .ql-container p{
    font-size:11pt !important;
    color: black !important;
    background: none !important;
}
.html-editor-email-template .ql-container span {
    font-size: 11pt !important;
    color: black !important;
    background: none !important;
}
.condition-container {
    background: #F5F7F9;
}
.select2-choice {
    text-decoration: none;
    white-space: nowrap;
    padding: 0 0 0 8px;
    height: 26px;
    width: 150px;
    min-height: 32px !important;
    line-height: 32px;
    border-radius: 4px;
    font-weight: 500;
    box-shadow: inset 0 1px 2px 0 rgb(24 50 71 / 5%);
    background: none repeat scroll 0 0 #FFFFFF;
    border-image: none;
    padding: 8px;
    border: 1px solid #CFD7DF;
    color: #12344D;
    margin-left:7px;
}
.select2-choice>.select2-chosen {
    margin-right: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: none;
    width: auto;  
}
a.select2-choice:focus {
    border: 1px solid #2C5CC5 !important;
    box-shadow: 0 0 0 1px #2c5cc5 !important;
    outline: 0;
}
.search-icon-center {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    margin-left: 5px;
    margin-top: 1px;
    font-size:22px;
}
.border-list-bottom {
    border-bottom: 1px solid #ededed;
}
.border-list {
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
}
.border-list-top-first {
    border-top: 1px solid #ededed;
}
.btn-c-s3 {
    padding: 6px 14px !important;
    font-size: 12px !important;
}
ul.multi-value-field.months {
    border: 1px solid #ced4da !important;
    padding-top: 1px;
    padding-bottom: 1px;
}
.dropdown-select {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
    width: 100%;
    max-height: 250px;
    overflow: auto;
}
.dropdown-select-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-select-item:hover{
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}
.overlay-container:hover {
    position: absolute;
    z-index: 2;
    top: 1px;
}
.overlay-container:hover .overlay-input {
    max-width: 460px;
    text-align: left !important;
}
.badge-box {
    box-shadow: 0 0 9px 0 rgb(0 0 0 / 20%);
    color: #11202a;
}
.back-button-icon:hover {
    background: #ebebeb;
    border-radius: 50%;
}
.workflow-sidebar {
    position: absolute;
    box-sizing: border-box;
}
.workflow-sidebar {
    margin-left: 10px;
    margin-top: 20px;
    height: calc(100vh - 220px);
    z-index: 101;
    background: #fff;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 11%);
    border-radius: 8px;
    padding-top: 8px;
    padding-right: 5px;
}
.workflow-nodes {
    padding: 0 10px 8px;
    max-height: calc(100% - 100px);
}
.drag-source {
    display: flex;
    align-items: center;
    padding: 8px;
    margin-bottom: 3px;
    border: 1px solid transparent;
}
.wf-icon {
    display: inline-block;
    width: 35px;
    height: 35px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    border-radius: 50%;
}
.wf-icon.ficon-wf-event {
    background-color: #33b67a;
}
.wf-icon.ficon-wf-condition {
    background-color: #ec8801;
}
.wf-icon.ficon-wf-action {
    background-color: #1aa9d1;
}
.wf-icon {
    width: 35px;
    height: 35px;
    line-height: 25px;
    font-size: 12px;
}
.center-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin-left: -1px;
}
.text-drag {
    transition: all 0.3s ease;
    margin: 0;
}
.drag-source:not(:hover) .text-drag {
    width: 0;
    height: 0;
    overflow: hidden;
}
.drag-source:hover {
    background: #F5F7F9;
    border-color: #EBEFF3;
    box-shadow: 0px 2px 7px rgb(0 0 0 / 5%);
    border-radius: 4px;
    cursor: pointer;
    width: 140px;
}
.ui-draggable-helper {
    background: #F5F7F9;
    border-color: #EBEFF3;
    box-shadow: 0px 2px 7px rgb(0 0 0 / 5%);
    border-radius: 4px;
    cursor: pointer;
    width: 140px;
}
.drag-source:hover .text-drag{
    margin-left: 0.5rem !important;
}
.stage {
    left: 140px;
    right: 0;
    position: absolute;
    overflow-x: auto;
    height: calc(100vh - 220px);
    margin-left: 10px;
    margin-top: 20px;
    padding: 0 10px 8px;
}
.hotkey {
    box-shadow: 0px 2px 4px rgb(18 52 77 / 6%), 0px 2px 16px rgb(18 52 77 / 10%);
    border-radius: 4px;
}
.section-text {
    max-width: 40px;
    min-width: 100%;
}
.hotkey-action{
    display:none;
}
.hotkey-container:hover{
    cursor:pointer;
}
.hotkey-container:hover .hotkey-action {
    display: block;
}
.col-lg-c-1{
    width: 100%;
}
.col-lg-c-2 {
    flex: 0 0 10%;
    max-width: 10%;
}
@media (min-width: 992px) {
    .col-lg-c-1 {
        flex: 0 0 10%;
        max-width: 10%;
    }
}

@media (max-width: 1420px) {
    .col-lg-c-2 {
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
}

@media (max-width: 1120px) {
    .col-lg-c-2 {
        flex: 0 0 16.666%;
        max-width: 16.666%;
    }
}

@media (max-width: 590px) {
    .col-lg-c-2 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


.gt-5 > [class^="col-lg-c"] {
    padding-left: 3px;
    padding-right: 3px;
    margin-bottom: 5px;
}
.table tr.ticket-archive th {
    border-top: none;
}
.set-date-section {
    margin-left: 26%;
    margin-bottom: 8px;
    margin-top: 5px;
}
.ui-dropped-item > .drag-source {
    background-color: #fff;
    border: 1px solid #cad2d6;
    border-radius: 4px;
    cursor: pointer;
    width: 200px;
    height: 70px;
    box-sizing: border-box;
    transition: box-shadow 0.2s;
    position: absolute !important;
}
.ui-dropped-item > .drag-source .wf-icon{
    width: 45px;
    height: 45px;
    margin-left:-29px;
}
.stage .workflow-nodes {
    padding: 0;
    width: 200px;
    height: 70px;
    position: absolute;
    left: 20px;
}
.workflow-form {
    position: absolute;
    left: 15px;
    background: #ffffff;
    width: 100%;
    margin-top: -12px;
    margin-right: 0;
}
.workflow-container {
    background: url(/Content/images/workflow-bg.png);
}
.btn-caret {
    padding: 7px 10px !important;
}
.ui-dropped-item > .drag-source .text-drag {
    width: auto;
    height: auto;
    margin-left: 8px;
    margin-top: 2px;
    font-size: 14px;
    font-weight: normal;
}
#new-node-edge {
    position: absolute;
    display: none;
}
#new-node-edge>div{
    position: absolute;
    top: 35px;
    left: 43.5px;
}
.dummy-link .add-img, .dummy-link .reject-img, .link .add-img, .link .reject-img {
    display: none;
    position: absolute;
    margin: -6px 0 0 -6px;
}
.dummy-link .reject-img, .link .reject-img {
    display: none;
    position: absolute;
    margin: -6px 0 0 -6px;
}
.dummy-link .circle, .link .circle {
    display: block;
    width: 12px;
    height: 12px;
    border: 1px solid #808080;
    background-color: #f9fafc;
    margin: -6px 0 0 -6px;
    border-radius: 50% !important;
}
.dummy-link span.arrow, .link span.arrow {
    position: absolute;
    display: block;
    color: #808080;
    transform: rotate(90deg);
    margin: -5px 0 0 8px;
}
.dummy-link span.arrow.arr-right, .link span.arrow.arr-right {
    transform: rotate(0deg) translate(-9px, -1.5px);
}
#new-node-edge > span {
    top: 34.5px;
    left: 80px;
}
#new-node-down-edge > span {
    top: 81.5px;
    left: 96.8px;
}
#new-node-down-edge > div {
    position: absolute;
    top: 43.5px;
    left: 109px;
}
#new-node-down-edge {
    position: absolute;
    display:none;
}
.connection{
    stroke: grey;
}
.link.hover-link path.connection {
    stroke: #00ce71;
}
.link.hover-link .add-img {
    display: block;
    color: #00ce71;
}
.link.hover-link span{
    color: #00ce71;
}
.dropped.right:not(.hover-link, .link-drop, .hasNext) {
    opacity: 0;
}
.dropped.down:not(.hover-link, .link-drop, .hasNext) {
    opacity: 0;
}
.wf-event-bg {
    background-color: #33b67a;
}
.wf-event-bg {
    background-color: #33b67a;
}
.wf-condition-bg {
    background-color: #ec8801;
}
.wf-action-bg {
    background-color: #1aa9d1;
}
.wf-form-sivenav {
    width: 500px !important;
}
@media (min-width: 600px) {
    .wf-form-sivenav {
        max-width: 560px !important;
    }
}
.wf-add-event {
    color: #33b67a !important;
}
.event-hover:hover {
    color: #12344D;
    background-color: #EBEFF3;
}
.rule-actions {
    background: #f9f9f9;
    clear: both;
    padding:10px;
}
.control-label {
    display: inline-block;
}
.input-select {
    width: auto;
    display: inline-block;
    border: 1px solid #CFD7DF;
    border-radius: 4px !important;
}
.link .yes-toggle {
    position: absolute;
    left: 10px !important;
    top: 5px !important;
    font-size: 11px;
    text-transform: uppercase;
}
.link .no-toggle {
    position: absolute;
    left: 125px !important;
    top: 10px !important;
    font-size: 11px;
    text-transform: uppercase;
}
.dropdown-menu table tbody tr td button.btn-default.active{
    color: #000;
    background-color: #e7e7e7;
    border-color: #e7e7e7;
}
.main-mail{
    color: #000;
}
/*.replyBody div[style="border:none;border-top:solid #E1E1E1 1.0pt;padding:3.0pt 0cm 0cm 0cm"], .replyBody div[style="border:none;border-top:solid #E1E1E1 1.0pt;padding:3.0pt 0cm 0cm 0cm"] ~ * {
    display: none;
}*/
/*.replyBody div[style*="border:none;border-top:solid"], .replyBody div[style*="border:none;border-top:solid"] ~ * {
    display: none;
}*/
.replyBody .hide-element, .replyBody .hide-element ~ * {
    display: none;
}
/*.replyBody div div[style*="border:none;border-top:solid"], .replyBody div div[style*="border:none;border-top:solid"] ~ * {
    display: none;
}*/
.replyBody .x_email-quote {
    display: none;
}
.ticket-note-bg {
    background: #fffbee;
}
div:focus, div:focus-visible{
    outline:none !important;
}
.btn-action-container{
    display:inline-block;
}
@media (max-width: 1348px) {
    .text-btn-res {
        display:none;
    }
}
@media (max-width: 1348px) {
    .text-btn-res {
        display: none;
    }
}
@media (max-width: 1087px) {
    .text-btn-res {
        display: inline;
    }
}
@media (max-width: 893px) {
    .text-btn-res {
        display: none;
    }
}
@media (max-width: 630px) {
    .btn-action-container{
        display:block;
    }
    .text-btn-res {
        display: inline;
    }
    .btn-action-side-reply {
        margin-bottom: 2px;
        width: 100%;
    }
    .dropdown-btn-hover, .action-btn-ticket {
        width: 100%;
    }
    .action-divider {
        display: none;
    }
    .btn-action-container{
        margin-left: unset !important;
    }
    .btn-ticket-action {
        margin-right: 0.5rem !important;
    }
}
@media (max-width: 632px) {
   .reply-container .btn{
       width:100%;
       margin-bottom:2px;
   }
   .reply-container .dropup{
       width:100%;
   }
    .reply-container .toggle-btn {
        width: 10%;
    }  
}
.tag-container {
    border: 1px solid #ced4da !important;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 3px !important;
}
.tag-container:focus-within {
    border: 1px solid#2C5CC5 !important;
    box-shadow: 0 0 0 1px #2C5CC5 !important;
    outline: 0;   
}
.fixed-list-col {
    -ms-flex: 0 0 600px;
    flex: 0 0 600px;
    padding-right: 0px;
}
.list-btn-more{
    display:none;
}
@media (max-width: 1560px) {
    .list-btn-more {
        display: inline-block;
    }
    .list-btn-action{
        display:none;
    }
}
/*.dropdown-menu.show{
    display: block !important;
}*/
.group-item {
    background: #ebf4ff;
}
.group-item:hover{
    background: #ffffff;
}

@media (min-width: 600px) {
    .ticket-mail {
        max-width: 1400px;
    }
}
.ticket-mail {
    width: 730px !important;
}
.dropdown-btn-hover:hover .dropdown-menu-c {
    display: block;
}
.column-setting {
    padding: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;   
    border-radius: 7px;
}
.column-setting:hover {
    background: #0000001f;
    cursor:pointer;
}
.more-reply-icon {
    background: #0068f1;
    border-radius: 50%;
    display: inline-block;
    height: 25px;
    width: 25px;
    color: #fff;
}
.more-reply-btn {
    background: #fff;
    border: 1px solid #c1c1c1;
    border-radius: 16px;
    padding: 4px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: -1px;
    padding-left: 5px;
    padding-right: 8px;
}
.more-reply-wrapper {
    margin: 0 16px 0px 16px;
    border: 1px solid #c1c1c1;
    height: 7px;
    background: #fff;
    border-radius: 4px;
    margin-top: 36px;
}
.deleted-ticket {
    font-size: 10px;
    padding: 2px;
    background: #dc3545;
    color: #fff;
    border-radius: 2px;
}
.delivered {
    background: #166f26;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 2px;
}
.failed {
    background: #d31919;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 2px;
}
.action-btn-list {
    display: inline-block;
    background: #f1f1f1;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    text-align: center;
}
.action-btn-list:hover {
    background: #12344d;
    color: #fff;
}
.my-ticket-tab:hover .filter-action-btn {
    display: inline;
}
.my-ticket-tab{
    position:relative;
}
.action-tab-btn {
    /*position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -3px;
    line-height: 0;*/
}
.tab-btn {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    display: none;
}
.my-ticket-tab:hover .tab-btn {
    display: inline;
}
.tab-btn:hover {
    background: #dfdfdf;
    border-radius: 4px;
}
.search-responsive {
    position: fixed;
    left: 0;
    z-index: 2;
    background: #fff;
    width: calc(100% - 325px);
    box-shadow: 0 4px 4px 0 rgb(0 0 0 / 8%) !important;
}
md-tab-label {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.tab-ticket {
    padding: 0px 0px !important;
}
@keyframes twist-up-down {
    0% {
        transform: rotateX(0deg);
    }

    50% {
        transform: rotateX(90deg);
    }

    100% {
        transform: rotateX(180deg);
    }
}

#twisted-eye {
    animation: twist-up-down 1.5s infinite linear;
}
.ticketuser-company {
    background: #e6e6e6;
    border-radius: 4px;
    padding: 5px;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom:2px;
}
.custom-icon-viewer {
    position: relative;
    width: 45px;
    height: 45px;
    text-align: center;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.custom-icon-viewer-kanban {
    position: relative;
    width: 25px;
    height: 25px;
    text-align: center;
    margin-top:2px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.custom-icon-viewer div span{
    position: absolute;    
}
.custom-icon-viewer .sub-view{
    width: 42px;
    height: 42px;
    text-align: center;
    font-size: .8rem;
    position: absolute;
    border: 2px solid #fff;
        display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}
.display-table-cell{
    display: table-cell !important;
}
.timesheet-journal.ui-select-bootstrap > .ui-select-choices {
    width: 100% !important;
}
.upload {
    margin: 10px;
    border: 8px dashed #efefef;
    border-radius: 5px;
    line-height:normal;
    padding-bottom: 15px;
    padding-top:15px;
}
.upload-hover {
    border: 8px dashed #b3b3b3;
}
.upload-hover .icon-upload-drag{
    color: #7b7b7b;
}
.icon-upload-drag {
    color: #cdcdcd;
}
.font-55 {
    font-size: 55px;
}
.setting-icon {
    padding: 10px;
    border-radius: 50%;
    position:relative;
    top: 5px;
}
.pause-label{
    text-align:right;
}
.pause-label label{
    position:relative;
    top:13px;
}
@media (max-width: 575px) {
    .pause-label {
        text-align: left;
    }
}
.search-result-wrapper2 {
    position: absolute;
    width: 100%;
    z-index: 2;
    background: #fff;
    border: none;
    -moz-box-shadow: 0px 2px 4px rgba(18,52,77,0.06),0px 2px 16px rgba(18,52,77,0.1);
    -webkit-box-shadow: 0px 2px 4px rgb(18 52 77 / 6%), 0px 2px 16px rgb(18 52 77 / 10%);
    box-shadow: 0px 2px 4px rgb(18 52 77 / 6%), 0px 2px 16px rgb(18 52 77 / 10%);
    border-radius: 4px;
    text-align: left;
    max-height: 510px;
    overflow-y: auto;
    z-index: 85;
    margin-top: 2px;
    max-height: 500px;
}
.search-result-wrapper2 .p-items{
    padding:3px 13px;
    cursor:pointer;
}
.search-result-wrapper2 .p-items:hover{
    background: #f1f1f1;
}
.search-result-wrapper2 .p-active{
    background: #f1f1f1;   
}
.ticket-link {
    color: #0064ff !important;
}
.ticket-link span {
    cursor: pointer;
    color: #0064ff !important;
}
.ticket-link:hover{
    text-decoration:underline !important;
}
.btn-default-shadow {
    box-shadow: 0 3.08696px 5.82609px 0 rgba(0, 0, 0, 0.16174), 0 3.65217px 12.91304px 0 rgba(0, 0, 0, 0.12435);
}
.timer-icon {
    padding: 6px;
    border-radius: 50%;
    position: relative;
}
.btn-5-11 {
    padding: 5px 11px !important
}
.ticket-logs {    
    border-radius: 4px;
    padding: 10px;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 0px !important;
}
.ticket-logs:not(.disable):hover{
    background: #e5f3ff;
         cursor: pointer;
}
.btn-info-custom {
    background-color: #d5e7ff;
    color: #1a4173;
}
.btn-info-custom:hover{
    color:#ffffff;
    background: #1a4173;
}
.ml-half-2 {
    margin-left: 0.15rem !important;
}

.mr-half-2 {
    margin-right: 0.15rem !important;
}
.line-h-0{
    line-height: 0 !important;
}
.bg-order-fill {
    background-color: #c7ffde !important;
}
.color-order-fill {
    color: #77da9f !important;
}
.bg-project-fill {
    background-color: #d7e8ff !important;
}
.color-project-fill {
    color: #8cb2e5 !important;
}
.text-label {
    color: #272626;
    font-weight: 600;
}
.ui-select-custom .ui-select-choices-group{
    padding: 0 !important;
}
::ng-deep .ql-font-Arial {
    font-family: "Courier New";
}
.scheduler-fullscreen{
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 100;
}
.icon-l .material-icons-outlined {
    width: 55px;
    line-height: 55px;
    font-size: 17px;
}
.select-all-2:after {
    content: " ";
    width: 1px;
    height: 17px;
    background-color: #d3d3d3;
    display: inline-block;
    margin: -6px 0 -4px 7px;
}
.display-table{
    display: table;
}
.display-table-row {
    display: table-row;
}
.border-b-1 {
    border-bottom: solid 1px rgba(0,0,0,.05);
}
.border-t-1 {
    border-top: solid 1px rgba(0,0,0,.05);
}

.toogle-select:link,
.toogle-select:visited,
.toogle-select:active {
    text-decoration: underline !important;
}
.chart-wrapper {
    height: 100%;
    width: 100%;
    background: #f9fbfd;
    position: absolute;
    top: 0;
    left: 0;
    padding: 40px;
}
.text-chart-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    line-height: 2;
}
.line-1-1 {
    line-height: 1.1;
}
/*.highcharts-subtitle{
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    text-align: center;
    margin-top:15px !important;
}*/
.fixed-col-2 {
    -ms-flex: 0 0 600px;
    flex: 0 0 600px;
    padding-right: 0px;
}
@media (max-width: 1320px) {
    .fixed-col-2 {
        -ms-flex: unset;
        flex: unset;
        padding-right: 15px;
    }
}
.text-eclipse{
    text-overflow: ellipsis;
    overflow: hidden;
}
.vertical-align-center {
    vertical-align: middle;
}
.line-height-2 {
    line-height: 2;
    padding: 10px 0 5px 0;
}
.action-btn-ticket {
    color: #636363 !important;
}
.action-btn-ticket:hover {
    background: #f1f1f1;
}
.w-48{
    width:48%;
}
.w-2 {
    width: 2%;
}
.filter-icon {
    background-color: #ededed !important;
    color: #12344D !important;
}
.ml-6 {
    margin-left: 3.8rem !important;
}
.filter-icon-assignment{
    top:153px !important;
    left:39px !important;
}
.color-miniblack-i {
    color: #212529 !important;
}
.color-green{
    color: green;
}
.color-red {
    color: red;
}
.position-relative {
    position: relative;
}
.employee-timer {
    position: absolute;
    left: 42px;
    top: 50%;
    transform: translate(0, -50%);
    color: #fff;
    background: #000;
    padding: 8px;
    border-radius: 4px;
    margin-top: 1px;
    display:none;
}
.employee-stop-timer:hover + .employee-timer{
    display:inline;
}
.tag-name {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    color: #ffffff;
}
.note-tag {
    padding: 3px 7px;
    color: #ffffff;
    border-radius: 4px;
    margin-right: 3px;
    margin-top: 5px;
    display: inline-block;
    font-size: 10px;
}
.accordion .btn.ui-select-match-item:first-child {
    width: unset !important;
}
.pickr button {
    width: 100% !important;
}
.list-bullet {
    list-style-type: disc !important;
    padding-left: 1em !important;
    margin-left: 1em;
}
.build {
    color: #5b5b5b
}
.build ul li {
    line-height: normal;
}
.border-b-0{
    border-bottom: 0;
}
.discard-reply:hover {
    background: #efefef;
}
.selected-group {
    padding: 8px 20px;
    background: #ebebeb;
    border-radius: 25px;
    width: 160px;
}
.group-remove {
    padding: 5px 0px;
}
.group-remove:hover {
    cursor: pointer;
    color: blue;
}
.selected-name-group {
    display: block;
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.main-mail img:hover{
    cursor: pointer;
}
.fancybox-slide img {
    max-height: 90vh; /* Set your desired max height, here 90% of the viewport height */
    max-width: 90vw; /* Set your desired max width, here 90% of the viewport width */
}
.m-scheduler-wrapper {
    padding: 5px;
    background: #ffffff;
    margin: 0;
    position: absolute;
    width: 100%;
    left: 0;
    margin-top: -18px;
    height: 100%;
    padding: 8px 8px;
}
.btn-range {
    display: inline-block;
    padding: 5px;
    border-radius: 4px;
}
.btn-range:hover{
    background: #e8e8e8;
}
.icon {
    font-size: 16px;
    line-height: 30px;
    padding: 0px 5px;
}
.scheduler_default_matrix{
    width: 100% !important;
}
.dropdown-email {
    position: absolute;
    background: #fff;
    width: 100%;
    /* padding: .5rem 0; */
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    z-index: 1;
    overflow: auto;
    height: 190px;
}
.dropdown-email-item {
    padding: 0.25rem 1rem !important;
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-email-item:hover{
    cursor: pointer;
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}
.dropdown-item:active {
     color: #000; 
     text-decoration: none; 
     background-color: unset; 
}
.line-through{
    text-decoration: line-through;
}
.w-70{
    width: 70% !important;
}
.check-list-btn{
    display: none;
}
.check-list-wrapper:hover .check-list-btn {
    display: block;
}
.fixed-search-condition {
    border-bottom: 1px solid #dee2e6 !important;
}
.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
    line-height: 0.95;
}
.filter-option-notif {
    display: inline-block;
    background: red;
    height: 20px;
    width: 20px;
    text-align: center;
    border-radius: 50%;
    font-size: 10px;
    position: relative;
    margin-top: -7px;
    top: 5px;
}
.filter-option-notif-text {
    position: absolute;
    top: 50%;
    /* left: 50%; */
    transform: translate(-50%, -50%);
}
.template-email {
    float: none;
    display: block;
    min-height: calc(1.5em + .75rem + 8px) !important;
    border-radius: 3px !important;
    border: 1px solid #ced4da;
    padding: 3px 1px;
    margin-top:0px;
}
.template-field {
    padding: 3px 1px !important;
}
.ticket-attach {
    width: 600px !important;
}
@media (min-width: 600px) {
    .ticket-attach {
        max-width: 1400px;
    }
}
.ticket-search {
    width: 450px !important;
}

@media (min-width: 450px) {
    .ticket-search {
        max-width: 1400px;
    }
}
.ticket-summarize {
    width: 500px !important;
}

@media (min-width: 450px) {
    .ticket-summarize {
        max-width: 1400px;
    }
}
.attachment-cursor:hover {
    cursor: pointer;
    background: #f8f8f8;
    border-radius: 5px;
}
.list-divider {
    background: #fff;
    position: fixed;
    width: 100%;
    top: 103px;
    z-index: 2;
}
.top-339{
    top: 339px;
}
.top-291 {
    top: 291px;
}
.top-207 {
    top: 207px;
}
.search-result-button:focus {
    background-color: #E5F2FD;
    border-radius: 4px;
    color: #12344D;
    cursor: pointer;
}
.hide-pinned-btn {
    background: #fff;
    border: 1px solid #c1c1c1;
    border-radius: 16px;
    padding: 4px;
    padding-left: 5px;
    padding-right: 8px;
    position: absolute;
    top: -18px;
    left: 9px;
    border-color: #2C5CC5 !important;
    box-shadow: 0 0 0 1px #2C5CC5 !important;
}
.pinned-wrapper {
    margin: 0 16px 0px 16px;
    border: 1px solid #c1c1c1;
    border-radius: 4px;
    margin-top: 36px;
    padding-bottom: 16px;
    background: #fffbf6;
    border-color: #2C5CC5 !important;
    box-shadow: 0 0 0 1px #2C5CC5 !important;
}
.note-wrapper {
    background: #fff;
    padding: 10px;
    border: 1px solid;
    border-color: #2C5CC5 !important;
    box-shadow: 0 0 0 1px #2C5CC5 !important;
    border-radius: 4px;
}
.sorter {
    display: inline-block;
    padding: 4px 7px 2px 7px;
    border-radius: 4px;
    cursor: pointer;
}
.sorter:hover{
    background: #d5e7ff;
}
.ticket-reply-bg {
    background: #f1faff;
}
.m-8-11-8-10 {
    margin: 8px 11px 8px 10px !important;
}
.c-datepicker__week-number-name, .c-datepicker__week-number {
    font-weight: bold;
    font-size: 12px;
    width: 36px;
    height: 36px;
}
.btn-cmd {
    background: #f1f1f1;
}
.btn-cmd:hover {
    background: #12344d;
    color: #fff;
}
.pd-8-20 {
    padding: 8px 20px !important;
}
.position-r-n7{
    position:relative;
    top: -7px;
}
input.input-convo {
    font-size: 16px !important;
}
input.input-convo::placeholder {
    font-size: 16px !important; /* Adjust this value to your desired font size */
    color: #999; /* Optional: Adjust the color of the placeholder text */
}
.list-style {
    border-bottom: 1px solid #ededed;
}
.highlighted {
    background-color: #696cc7;
    color: white;
    font-weight: bold;
}
.overflow-ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    width: 100%; /* Adjust width as needed */
    max-width: 310px;
}
.list-clickable {
    cursor: pointer;
    padding: 8px;
    margin-left: -8px;
}
.list-clickable:hover{
    background: #e9f7ff;
    border-radius: 8px;
}
.scroll-highlight {
    border: 2px solid #c1c1c1 !important;
    border-color: #2C5CC5 !important;
}
@media (max-width: 1550px) {
    .search-btn {
        padding: 13px 20px !important;
    }
}
.btn-xxxs {
    padding: 4px 14px !important;
}

.my-ticket-preview {
    width: 450px !important;
    overflow: hidden;
}

@media (min-width: 450px) {
    .my-ticket-preview {
        max-width: 1400px;
    }
}
.overflow-ellipsis-list {
    display: -webkit-box;
    -webkit-line-clamp: 15; /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    width: 100%; /* Adjust width as needed */
}
.overflow-ellipsis-list-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    width: 100%; /* Adjust width as needed */
}

.my-ticket-preview-container {
    display: flex;
    flex-direction: column;
    height: 100vh;
}
.my-ticket-preview-container md-toolbar{
    flex-shrink: 0;
}
.my-ticket-preview-container md-content{
    flex-grow: 1;
    overflow-y: auto;
}
.my-ticket-preview-container .md-sidenav-footer{
   flex-shrink: 0;
    background-color: #f5f5f5;
    text-align: center;
    padding: 10px;
}
.chat-popup {
    position: fixed;
    border: 3px solid #f1f1f1;
    background-color: white;
    z-index: 9;
    width: 100%;
    border: 2px solid #c1c1c1 !important;
    border-color: #2C5CC5 !important;
    height: 100%;
    overflow: hidden;
    display: none;
    bottom: 0;
}
.chat-popup.show {
    display: block;
}

.chat-popup .btn-container {
   display: flex;
   justify-content: space-between;
}
.chat-popup-container {
    display: flex;
    flex-direction: column;
    height: 100vh;
}
.chat-popup-container .chat-popup-header{
    flex-shrink: 0;
    padding: 13px;
    background: #0072c6;
}
.chat-popup-container .chat-popup-content{
    flex-grow: 1;
    overflow-y: auto;
}
.chat-popup-container .chat-popup-footer{
    flex-shrink: 0;
    border-top: 1px solid #f5f5f5;
    padding: 10px;
}
.r-search {
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translate(0, -50%);
    color: #a7a7a7;
}
.d-flex-column{
    display: flex;
    flex-direction: column;
}
.flex-auto {
    flex-grow: 1;
    overflow-y: auto;
}
.max-h-500{
    max-height: 500px !important;
}
.max-h-350 {
    max-height: 350px;
}
md-checkbox[disabled].md-checked .md-icon {
    background-color: #9d9d9d !important;
}
.ticket-h-btn{
    display: inline-block !important;
}
.proj-table tr td.w-s-normal {
    white-space: normal !important;
}
.add-timer-btn:disabled {
    background: #a7a7a7 !important;
    border-color: #a7a7a7 !important;
}
.add-timer-select.ng-invalid-required.ui-select-bootstrap > .ui-select-match > .btn {
    border: 2px solid rgb(152, 18, 18);
}
@media (min-width: 992px) {
    .modal-custom-lg .modal-dialog {
        max-width: 1200px !important;
    }
}

@media (min-width: 992px) {
    .modal-custom-lg .modal-dialog {
        width: 1200px !important;
    }
}
.editable-checklist {
    border-color: rgb(63, 81, 181);
    padding-bottom: 0;
    border-width: 0 0 2px;
    border-style: solid;
}
.cursor-drag{
    cursor:grab;
}
.manual-timer-seperator {
    border: 1px solid #d7d7d7;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 0 9px 0 rgb(0 0 0 / 6%);
}
.custom-icon-button {
    margin-right: 3px;
    border-radius: 4px !important;
    height: 32px;
    width: 36px;
}
.dx-button-success {
    background: #28a745 !important;
}
.button-custom-warning {
    background-color: #ffc107;
    border-color: #ffc107;
}
.dx-button.button-custom-warning .dx-icon, .dx-button.btn-sendmail .dx-icon {
    color: #fff;
}
.dx-button.button-custom-warning.dx-state-hover {
    background-color: #e9ba2b;
    border-color: #e9ba2b;
}
.dx-button.btn-sendmail.dx-state-hover {
    background-color: #175f4d;
    border-color: #175f4d;
}
.dx-button.transform-slide .dx-icon {
    transform: rotate(-45deg);
}

.scheduler-fullscreen-2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 100;
}

.hide-row{
    display: none !important;
}
.replyBody table{
    width: unset !important;
}
.dx-htmleditor-content table{
    width: 100% !important;
}
.alert.alert-danger.alert-mail {
    color: #852304;
    background-color: #ffd8cd;
    box-shadow: none;
    padding: 6px 10px;
    border: 1px solid #e16d55;
    position: relative;
}
.ui-select-bootstrap .ui-select-choices-row > a{
    white-space: normal !important;
}
.progress {
    position:relative;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .65rem;
    background-color: #e9ecef;
    border-radius: .25rem;
}
.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #0d6efd;
}
.text-flex {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-left: 0px;
}
.my-scope td {
    border: none !important;
}
.ql-editor table tr td {
    border: 1px solid #e0e0e0 !important;
/*    border: none !important;*/
}
.agent-signature .ql-editor table tr td {
    border: none !important;
}
.project-task-create:hover{
    text-decoration: underline !important;
}
.driving-toggle {
    padding: 0 5px;
    display: block;
    border-radius: 4px;
}
.driving-toggle:hover{
    background: #e9e9e9;
}
.cc-label {
    display: inline-block;
    padding: 0px 8px;
    background: #ededed;
    border-radius: 4px;
    margin-right: 3px;
    margin-top: 3px;
}
.cc-label-hover:hover{
    text-decoration: underline !important;
}
.form-btn-comment {
    padding: 5px;
    border-radius: 4px;
    color: #a19f9f;
    background: #f1f1f1;
}
.form-btn-comment:hover{
   background: #f1f1f1;
   color: #a19f9f;
}
.position-r-9{
    position:relative;
    top:9px;
}
.form-preview-section-2 {
    padding: 3px;
}
.form-image-label {
    display: flex;
    padding: 0px 7px;
    background: #f1f1f1;
    border-radius: 4px;
}
.form-image-label span {
    overflow: hidden;
    text-overflow: ellipsis; 
    width: 45px; 
    white-space: nowrap;
}
.material-icons-outlined {
    font-family: 'Material Icons Outlined' !important;
}

.alert.alert-danger.alert-calendar {
    color: #852904;
    background-color: #ffdbcd;
    box-shadow: none;
    padding: 10px 0px;
    border: 1px solid #e18155;
    position: relative;
    text-align: center;
}
.alert.alert-warning.alert-logout .danger-text {
    padding-left: 43px;
    position: relative;
    top: 1px;
    font-weight: 400;
}
.user-notif {
    display: inline-block;
    margin-left:5px;
    background: red;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    line-height: 2.1;
}
@media (min-width: 992px) {
    .modal-flex .modal-dialog {
        max-width: 800px !important;
        width: 800px !important;
    }
    .modal-flex .modal-dialog .modal-content{
        padding: 0 !important;
    }
    .other-incident {
        height: 100%;
        width: 250px;
        border-left: 1px solid #dee2e6;
        padding: 20px;
    }
    .other-incident-header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding: 1rem 1rem;
    }
    .other-incident-menu {
        display: inline-block;
        padding: 7px 15px;
        width: 100%;
        border-radius: 4px;
        margin-bottom: 5px;
        color: #333333;
        font-weight: 500;
    }
    .other-incident-menu:hover{
        background: #f3f3f3;
        color: #333333;
    }
     .other-incident-menu.active{
        background: #268b91;
        color: #fff;
    }
}
.customm-ui-select-ticket .ui-select-match-text {
    overflow: unset !important;
}
.report-text {
    display: inline-block;
    padding: 0px 6px;
    border-radius: 4px;
}
.report-text:hover {
    background: #ededed;
}
@media (max-width: 1360px) {
    .timesheet-table {
        width: 1360px !important;
    }
}
.reportsaready {
    color: #e1ca15;
}
.approved{
    color: green;
}
.alert.alert-danger.alert-km {
    color: #0a0c0f;
    background-color: #cdf0ff;
    box-shadow: none;
    padding: 10px 0px;
    border: 1px solid #55aae1;
    position: relative;
    text-align: left;
}
.save-button.dx-state-disabled {
   background-color: rgba(0, 0, 0, .1) !important;
   opacity: 1 !important;
}
.position-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.feedback:focus-within {
    border-color: #2C5CC5 !important;
    box-shadow: 0 0 0 1px #2C5CC5 !important;
}
.raty img{
    margin-right: 0.5rem;
}
.title-label-cc {
    padding: 3px 8px;
    background: #148d71;
    color: white;
    border-radius: 3px;
}
.t-requester-btn {
    padding: 3px 7px;
    display: block;
    background: #e5e5e5;
    border-radius: 2px;
    margin-bottom:3px;
}
.t-requester-btn:hover {
    background: #148d71;
    color: white;
}
.t-requester-btn-inline {
    padding: 3px 7px;
    display: inline-block;
    background: #e5e5e5;
    border-radius: 2px;
    margin-bottom:3px;
}
.t-requester-btn-inline:hover {
    background: #148d71;
    color: white;
}
/* Alternate data rows */
#empRegGrid .dx-datagrid-rowsview .dx-row.dx-row-alt
:not(.dx-selection):not(.dx-row-focused):not(.dx-row-hover) {
    background-color: #f8fafc; /* change to your color */
}

/* Keep hover/selection readable over the stripe */
#empRegGrid .dx-datagrid-rowsview .dx-row.dx-row-hover {
    filter: brightness(0.97);
}

#empRegGrid .dx-datagrid-rowsview .dx-selection {
    background-color: #e5e7eb;
}
.locked-row {
    opacity: .4;
    pointer-events: none;
}