@import url(https://fonts.cummins.com/fonts.css);
:root{
  --base-font: 'cmiTxt', 'Segeo UI', Arial, sans-serif;
  --heading-font: 'cmiDisplay', 'Segeo UI', Arial, sans-serif;
}

/* themes common styles starts here */
  body {
    font-family: var(--base-font);
  }
  .cmi-display-none{
    display:none;
  }
  .cmi-visibility-hidden{
    visibility:hidden;
  }
  html.boxed .body {
    border-top:none;
    background: #EEE;
    font-family: var(--base-font);
  }
  html.boxed .main {
    padding-top: 0px;
  }
  html.boxed.side-header .main {
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 420px;
  }
  #header .header-body .header-logo img {
    width: 52px !important;
    height: 50px !important;
    margin: 0 10px 0 0;
    float: left;
  }
  #header .header-body .header-logo .cmi-site-name {
    position: absolute;
    color: #fff;
    margin-top:-5px;
    font-size: 24px;
    min-width: 180px;
    font-family: var(--base-font);
    line-height: 130%;
  }
  #header .header-body.header-default .header-logo .cmi-site-name {
    min-width:250px;
  }
  .side-header #header .header-body .header-logo .cmi-site-name{
    min-width:170px;
    color: #000;
  }
  .sticky-header-active #header .header-body{
    top: 0px !important;
    padding: 6px 0 0 0;
    margin: 0;
  }
  .sticky-header-active #header .header-body .header-logo img{
    top: 0px !important;
  }
  #header .header-body,
  html.boxed.sticky-header-active #header .header-body{
    background:#000;
    color:#fff;
    min-height: 75px;
  }
  html.side-header #header .header-body{
    background: #fff;
    background-image: linear-gradient(90deg,#fff 30%,#dfdfdf 80%);
  }
  #header .header-body .header-nav-main nav > ul > li > a,
  #header .header-body .header-nav-main .dropdown-menu>li>a {
    color: #FFF;
  }
  #header .header-body .header-nav-main .dropdown-menu>li>a:focus,
  #header .header-body .header-nav-main .dropdown-menu>li>a:hover{
    color: #333;
  }
  /* font icons styles start here */
  .CMI-Icons {
    font-family: 'iconsregular';
    color: #4d4d4d;
    float: left;
    font-size: 30px;
    padding-top: 4px;
    text-align: center;
  }
  .form-required:after{
    float:unset;
    color:#DA291C;
  }
  /* header styles starts here */
  #header .header-logo {
    text-align: left !important;
    padding: 0px 10px 10px 0 !important;
  }
  #header .header-logo img {
    width: 52px;
    height: 50px;
    margin: 0 10px 0 0;
    float: left;
  }
  .header-logo .cmi-site-name {
    color: #000;
  }
  /* hamburger menu styles */
  #header .header-btn-collapse-nav{
    background: #900;
  }
  /* Welcome User menu styles starts here */
  .header-nav-top a,
  .cmi-welcome-user li.menu-item a,
  #header .header-nav-main nav > ul > li > a {
    color:#4D4D4D;
    text-decoration:none;
    font-weight: 600;
    font-size: 14px;
    text-transform:unset;
  }
  .cmi-welcome-user h2 {
    font-size: 16px;
    color: #4D4D4D;
    font-family: var(--heading-font);
    margin-bottom: 0px;
  }
  .cmi-welcome-user .CMI-Icons {
    width: 10px;
    height: 10px;
    font-size: 20px;
    margin: 5px 15px 0 10px;
  }
  .cmi-welcome-user ul.menu {
    display: none;
  }
  /* page title styles */
  .page-title span, .page-title {
    font-family: var(--heading-font);
    font-size: 32px;
    font-weight: 600;
    margin: 0 0 20px 0;
    padding-top: 15px;
  }
  /* Tabs styles starts here */
  .tabs ul.tabs a.is-active,
  .tabs ul.tabs a:hover {
    border-top-color: #900;
  }
  .tabs ul.tabs a {
    color: #4D4D4D;
  }
  /* body styles starts here */
  html.boxed .body {
    border-top-color: #900;
    border-bottom: none;
    margin: 0 auto;
  }
  /* fonts and colors styles starts here */
  a, a:active, a:focus, a:hover {
    color: #DA291C;
    text-decoration: none;
  }
  body, h1, h2, h3, h4, h5, h6, p, span{
    color: #4D4D4D;
  }
  .cmi-font-color-black {
    color: #000;
  }
  .cmi-bold{
    font-weight:bold;
  }
  /* buttons styles */
  .cmi-no-margin-right-button {
    margin-right: 0;
  }
  .button, .user-login-form .button, .user-pass .button,
  .user-register-form .button {
    color: #fff;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 3px 1px -2px rgba(0,0,0,0.12);
    background-color: #b91717;
    box-sizing: border-box;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  }
  .button:hover,.button:focus,
  .user-login-form .button:hover,.user-login-form .button:focus,
  .user-pass .button:hover,.user-pass .button:focus,
  .user-register-form .button:hover, .user-register-form .button:focus{
    background-color: #900;
    color: #fff;
  }
  .button a,.button:hover a,.button:focus a{
    color:#FFF;
  }
  .cmi-button-closed {
    background-color: grey;
    pointer-events: none;
    border: none;
  }
  .cmi-button-grey {
    background: grey;
  }
  /* loding */
  .cmi-operation-in-progress {
    background: rgba( 255, 255, 255, .8 ) url(../icons/loding.gif) 50% 50% no-repeat;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* cards */
  .cmi-card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width:46%;
    float:left;
    margin:2% 2%;
    padding:4%;
    border-radius: 10px;
  }
  .cmi-card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  }
  .cmi-card.cmi-card-background-white{
    background:#fff;
  }
  .cmi-card.cmi-card-background-green,
  .cmi-card.cmi-card-background-red{
    color: #FFF;
  }
  .cmi-card.cmi-card-background-red{
    background:#900;
  }
  .cmi-card.cmi-card-background-green {
    background: green;
  }
  .cmi-card.cmi-card-background-yellow {
    background: yellow;
    color:#000;
  }
  .cmi-card.cmi-card-text-center {
    text-align: center;
  }
  /* user forms - login, register, password reset */
  .user-login-form, .user-pass,
  .user-register-form .form-email,
  .user-register-form .form-text{
    margin: auto;
    box-shadow: 0 0 24px 0 rgba(0,0,0,0.2);
    padding: 10px;
    margin-top: 50px;
  }
  /* auto complete */
  .ui-state-active, .ui-widget-content .ui-state-active,
  .ui-widget-header .ui-state-active, a.ui-button:active,
  .ui-button:active, .ui-button.ui-state-active:hover {
    border: none;
    background: #333;
    font-weight: normal;
    color: #fff;
  }

  /* alignments and display styles */
  .cmi-float-right, .form-item-items-per-page,
  .form--inline > .form-item.form-item-items-per-page,
  .bef-exposed-form .form--inline > .form-item.form-item-items-per-page {
    float:right;
  }
  .cmi-clear-both {
    clear: both;
  }
  .cmi-display-hidden, .cmi-legend-hidden>legend {
    display: none !important;
  }
  .cmi-csv-top .view-content {
    margin-top: 15px;
  }
  .cmi-csv-top .feed-icons a {
    float: right;
  }
  .cmi-text-align-left {
    text-align: left;
  }
  .cmi-text-align-right{
    text-align:right;
  }
  .cmi-text-align-center{
    text-align:center;
  }
  .csv-feed .feed-icon,
  .cmi-csv-top.cmi-report-filters .feed-icon,
  .cmi-report-filters.cmi-csv-top .feed-icon {
    background-image: url(/themes/custom/cumminsporto/icons/png/16x16/xls.gif);
    width: 20px;
    height: 20px;
    padding: 10px;
  }
  /* colors and background */
  .cmi-readonly{
    background: #ccc;
    color: #000;
  }
  /* padding and marging styles */
  .cmi-margin-top-10 {
    margin-top: 10px;
  }
  .cmi-margin-top--10 {
    margin-top: -10px;
  }
  .cmi-margin-top-15 {
    margin-top: 15px;
  }
  .cmi-margin-top--15{
    margin-top:-15px;
  }
  .cmi-margin-top-20 {
    margin-top: 20px;
  }
  .cmi-margin-top--20 {
    margin-top: -20px;
  }
  .cmi-margin-top-20-percent {
    margin-top: 25% !important;
  }
  .cmi-margin-top-30 {
    margin-top: 30px;
  }
  .cmi-margin-top--30 {
    margin-top: -30px;
  }
  .cmi-margin-top-40,
  .cmi-img-margin-top-40 img {
    margin-top: 40px;
  }
  .cmi-margin-top--40,
  .cmi-img-margin-top--40 img{
    margin-top: -40px;
  }
  .cmi-margin-top-100 {
    margin-top: 100px !important;
  }
  .cmi-margin-bottom-15{
    margin-bottom:15px;
  }
  .cmi-margin-bottom--15{
    margin-bottom:-15px;
  }
  .cmi-margin-bottom-20{
    margin-bottom:15px;
  }
  .cmi-margin-bottom--20{
    margin-bottom:-20px;
  }
  .cmi-margin-top-50 {
    margin-top: 50px;
  }
  .cmi-padding-top-15 {
    padding-top: 15px;
  }
  .cmi-padding-top--15 {
    padding-top: -15px;
  }
  .cmi-padding-top-20 {
    padding-top: 20px;
  }
  .cmi-padding-top--20 {
    padding-top: -20px;
  }
  .cmi-padding-top-30 {
    padding-top: 30px;
  }
  .cmi-padding-top--30 {
    padding-top: -30px;
  }
  .cmi-padding-bottom-15{
    padding-bottom:15px;
  }
  .cmi-padding-bottom--15{
    padding-bottom:-15px;
  }
  .cmi-padding-bottom-20{
    padding-bottom:20px;
  }
  .cmi-padding-bottom--20{
    padding-bottom:-20px;
  }
  .cmi-padding-bottom-30{
    padding-bottom:30px;
  }
  .cmi-padding-bottom--30{
    padding-bottom:-30px;
  }
  .cmi-right-0 {
    right: 0;
  }
  .cmi-right-10 {
    right: 10px;
  }
  .cmi-right-20 {
    right: 20px;
  }
  .cmi-right-50 {
    right: 50px;
  }
  .cmi-position-absolute{
    position:absolute;
  }
  /* height, width styles */
  .cmi-min-height-100 {
    min-height: 100px;
  }
  .cmi-min-height-150 {
    min-height: 150px;
  }
  .cmi-min-height-170 {
    min-height: 170px;
  }
  .cmi-min-height-200 {
    min-height: 200px;
  }
  .cmi-min-height-250 {
    min-height: 250px;
  }
  /* borders */
  .cmi-border-top-none {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .cmi-border-bottom-none {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: none;
  }
  /* visibility */
  .cmi-visibility-hidden{
    visibility: hidden;
  }
  /* form elements */
  input,input:hover,input:focus,select,
  textarea,textarea:hover,textarea:focus{
    outline:none;
  }
  form.cmi-form {
    border: 1px solid #DDD;
    padding: 15px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12);
  }
  /* captcha */
  .captcha {
    max-width: 100%;
    height: 100%;
    text-align: left;
  }
  /*checkbox style*/
  .form-item.form-type-checkbox input {
    width: auto;
    margin: 0 5px 0 0px;
    padding: 0 0 0 0px;
    color: #7b7b7b;
    position: relative;
    top: 2px;
    z-index: 50;
  }
  .form-item.form-type-checkbox input:before {
    cursor: pointer;
    content: "";
    height: 17px;
    width: 17px;
    border: 1px solid #c6c6c6;
    background: #fff;
    display: block;
  }
  .form-item.form-type-checkbox input.error:before{
    border: 1px solid red;
  }
  .form-item.form-type-checkbox input:checked:after {
    opacity: 1;
    transform: scale(1);
    transition: all .2s ease;
  }
  .form-item.form-type-checkbox input:after {
    cursor: pointer;
    content: "\2713";
    font-size: 14px;
    position:absolute;
    top: 0px;
    left: 5px;
    color: #4d4d4d;
    transition: all .2s ease;
    transform: scale(0);
    opacity: 0;
  }
  /* Table styles*/
  table, .tablesaw{
    width:100%;
    border-bottom: 2px solid #900;
    border-collapse: collapse;
  }
  table thead tr{
    background: #333;
  }
  table thead, table thead a, table thead p,
  #main-content table thead tr th a, thead tr td h3 {
    color: #fff;
  }
  table tbody tr:nth-of-type(odd) {
    background-color: #fff;
  }
  table  tbody tr.even,
  table tbody tr:nth-of-type(even) {
    background-color: #f5f5f5;
  }
  table th, table td,
  .tablesaw th, .tablesaw td, .tablesaw thead th {
    text-align: center;
    padding: 5px;
    word-break: normal;
  }
  /* table status related styles */
  div[class^='cmi-status'],div[class*='cmi-status']{
    font-weight:600;
  }
  .cmi-message-status {
    padding: 10px;
    color: #325e1c;
    background-color: #f3faef;
    border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
    background-image: url(../../../../misc/icons/73b355/check.svg);
    box-shadow: -8px 0 0 #77b259;
  }
  .cmi-status-closed, .cmi-status-Closed,
  .cmi-status-success, .cmi-status-Success,
  .cmi-status-fixed, .cmi-status-Fixed,
  .cmi-status-Yes, .cmi-status-yes,
  .cmi-status-Approved,
  .cmi-status-green,.cmi-status-Green, .cmi-status-GREEN{
    color: #00ad5f;
  }
  .cmi-status-open, .cmi-status-Open,
  .cmi-status-failed, .cmi-status-Failed,
  .cmi-status-No, .cmi-status-no,
  .cmi-status-Rejected,
  .cmi-status-red,.cmi-status-Red,.cmi-status-RED{
    color: #fa4251;
  }
  .cmi-status-in.progress, .cmi-status-In.Progress,
  .cmi-status-in-progress, .cmi-status-In-Progress,
  .cmi-status-Requested,
  .cmi-status-yellow,.cmi-status-Yellow,.cmi-status-YELLOW{
    color: #ffc107;
  }
  /* pagination styles */
  .pager__item.is-active a,
  .pager__item.is-active a:hover,
  .pager__item.is-active a:focus,
  .pager__item a:hover,
  .pager__item a:focus{
    background-color: #DA291C;
    border-color: #900;
  }
  /* Footer */
  #footer{
    padding:5px;
  }
  #footer .footer-copyright {
    background: unset;
    border-top: unset;
    margin-top: unset;
    padding: unset;
  }
  #footer p, #footer span, #footer,
  #footer .footer-copyright p,
  #footer a, #footer a:hover, #footer a:focus {
    color: #fff;
  }
/* themes common styles ends here */

/* Left Side Header styles starts here */
  html.side-header body > .body {
    overflow-y: hidden;
    border-radius:0;
    box-shadow: none;
  }
  /* Welcome User menu */
    html.side-header .toolbar-fixed .cmi-welcome-user {
      padding-top: 0px;
      padding-left: 15px;
    }
    html.side-header .toolbar-fixed .cmi-welcome-user.cmi-padding-top-20 {
      padding-top: 20px;
    }
  /* menu styles starts here */
    html.side-header #header .header-nav-main nav > ul > li {
      border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }
    html.side-header #header #mainNav > li>a.is-active,
    html.side-header #header #mainNav > li:hover>a {
      color: #DA291C;
      background: none;
    }
    html.side-header #header .header-nav-main nav > ul > li > a{
      color: #4D4D4D;
    }
    html.side-header #header .header-nav-main nav > ul > li > a:focus,
    html.side-header #header .header-nav-main nav > ul > li > a:hover,
    html.side-header .header-nav-top a:focus,.header-nav-top a:hover,
    html.side-header .cmi-welcome-user li.menu-item a:focus,
    html.side-header .cmi-welcome-user li.menu-item a:hover{
      color: #DA291C;
    }
    html.side-header #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after {
      border-color: transparent transparent transparent #CCC;
      border-style: solid;
      border-width: 4px 4px 4px 4px;
    }
  /* menu styles ends here */
/* Left Side Header styles ends here */
/* cmi inline filters styles starts here */
.cmi-inline-filters .bef-exposed-form .form--inline > .form-item label {
  float: left;
  height: 35px;
  text-align: right;
  padding: 5px 10px 0 0;
  font-weight:600;
}
.cmi-inline-filters .bef-exposed-form .form--inline > .form-item label::after {
  content: ":";
  padding-left: 5px;
}
.cmi-inline-filters .bef-exposed-form .form--inline > .form-item input {
  display: inline-block;
  float: left;
  width: auto;
}
.form--inline .form-actions {
  clear: inherit;
}
/* cmi inline filters styles ends here */
/* report filters style starts here */
.cmi-report-filters .bef-exposed-form .form--inline > .form-item label,
.cmi-report-filters .form--inline .form-type-select select,
.cmi-report-filters .bef-exposed-form .form--inline > .form-item input{
  width:100%;
  min-width:100%;
  max-width:100%;
  margin:0;
  padding:2px 10px;
  text-align:left;
}
.cmi-report-filters .bef-exposed-form .form--inline > .form-item label{
  height:auto;
}
.cmi-report-filters .form--inline .form-actions input,
.timetracker-favorite-ppn label{
    float:left;
  }
/* report filters style ends here */
/* thumb styles */
.cmi-thumb {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cmi-thumb-down:before {
  content: "\f165";
}
.cmi-text-center{
  text-align:center;
}
.cmi-thumb {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cmi-thumb.cmi-thumb-up:before {
    content: "\f164";
}
.cmi-thumb.cmi-thumb-down:before {
  content: "\f165";
}
.cmi-thumb.cmi-thumb-width-100{
  font-size:100px;
}
/* media query styles */
@media(max-width:480px){
  /* report filters style starts here */
  .cmi-report-filters .form--inline .form-item{
    width:50%;
    float:left;
    display:inline-block;
    margin: 0;
    padding-right:10px;
  }
  .cmi-report-filters.cmi-report-filters-2 .form--inline .form-item {
    width: 40%;
    float: left;
    display: inline-block;
    margin: 0;
    padding-right: 10px;
  }
  /* report filters style ends here */
}
@media(max-width:660px){
  /* themes common styles starts here */
    .visibility-max-width-660{
      display:block;
    }
    .visibility-min-width-660{
      display:none;
    }
    /* simple responsive table styles*/
    body .simple-responsive-table td[data-title="Details"] {
      height: 25px;
    }
    /* cards */
    .cmi-card {
      width: 100%;
      margin: 3% 0;
    }
    .cmi-card.cmi-card-full-width {
      margin-left: 5%;
      margin-right: 5%;
      width: 90%;
    }
  /* themes common styles ends here */
}
@media(min-width:660px) {
  /* themes common styles starts here */
  .visibility-max-width-660{
    display:none;
  }
  .visibility-min-width-660{
    display:block;
  }
  .cmi-card.cmi-card-full-width {
    margin-left: 35%;
    margin-right: 35%;
    width: 30%;
  }
}
@media(max-width:768px){
  /* header, hamburger menu starts here */

  /* header, hamburger menu ends here */
  /* themes common styles starts here */
    .visibility-max-width-768{
      display:block;
    }
    .visibility-min-width-768, .cmi-csv-top .view-filters .form-actions input{
      display:none;
    }
    .cmi-float-right-max-768{
      float:right;
    }
    .cmi-csv-top .form--inline .form-actions {
      margin: 30px 0px 0 0;
      float:left;
    }
  /* themes common styles ends here */
  /* views exposed filters styles starts here*/
  .cmi-views-exposed-filters .view-filters .form-item {
    width: 48%;
    display: inline-block;
    margin: 0;
  }
  .cmi-views-exposed-filters .view-filters .form-item:nth-child(odd){
    margin-right:2%;
  }
  .cmi-views-exposed-filters .view-filters .form-item:nth-child(even){
    margin-left:2%;
  }
  .cmi-views-exposed-filters .view-filters .form-item>label,.cmi-views-exposed-filters .view-filters .form-item select {
    width: 100%;
    margin: 0;
  }
  .cmi-csv-top .feed-icons {
    padding: 5px 0 0 5px;
    float: left;
  }
  .cmi-views-search-icon{
    float:left;
  }
  html.boxed .main {
    padding-top: 70px;
  }
  /* views exposed filters styles ends here*/
}
@media(min-width:768px) {
  /* themes common styles starts here */
  .visibility-max-width-768{
    display:none;
  }
  .visibility-min-width-768{
    display:block;
  }
  .cmi-csv-top .feed-icons {
    padding: 15px 0 0 10px;
    float: left;
  }
  .timetrack-report-filters .form--inline .form-actions {
    margin-top: 25px;
    float:left;
  }
  /* views filters */
  .cmi-filter-button-top-25 .form-submit,
  .cmi-filter-button-top-25 .feed-icons {
    margin-top: 25px;
  }
  .cmi-filter-button-top-50 .form-actions,
  .cmi-filter-button-top-50 .feed-icons{
    margin-top: 50px;
  }
  .cmi-filter-button-top-60 .form-actions,
  .cmi-filter-button-top-60 .feed-icons{
    margin-top: 60px;
  }
  .cmi-filter-button-top-75 .form-actions,
  .cmi-filter-button-top-75 .feed-icons{
    margin-top: 75px;
  }
  .cmi-filter-button-top-80 .form-actions,
  .cmi-filter-button-top-80 .feed-icons{
    margin-top: 80px;
  }
}
@media(min-width:660px) and (max-width:991px){
  /* themes common styles starts here */
    .visibility-max-width-660{
      display:none;
    }
    .visibility-min-width-660{
      display:block;
    }
    /* table styles */
    table th, table td {
      padding: 5px;
      text-align: center;
    }
    /* footer styles */
    .cmi-copyright-statement,
    .cmi-privacy-legal-sitemap,
    #footer .footer-copyright nav {
      float: left;
    }
  /* themes common styles ends here */
}
@media(min-width:320px)and(max-width:991px){
  /* header, hamburger menu starts here */
  #header .header-nav-main nav > ul > li > a,
  #header .header-nav-main nav > ul > li > a:focus,
  #header .header-nav-main nav > ul > li > a:hover{
    color:#DA291C;
  }
  #header .header-nav-main .dropdown-menu>.active>a,
  #header .header-nav-main .dropdown-menu>.active>a:focus,
  #header .header-nav-main .dropdown-menu>.active>a:hover{
    background-color:#900;
    color:#fff;
  }
  /* header, hamburger menu ends here */
}
@media(min-width:480px) and (max-width:991px){
  /* report filters style starts here */
  .cmi-report-filters .form--inline .form-item{
    width:33.33%;
    float:left;
    display:inline-block;
    margin: 0;
    padding-right:10px;
  }
  /* report filters style ends here */
}
@media(min-width:660px) and (max-width:991px){
  /* themes common styles starts here */
    /* header styles */
    #header .header-body {
      padding: 0;
      margin: 0;
      min-height: 70px;
    }
    /* welcome user styles */
    .cmi-welcome-user{
      position:absolute;
      right:70px;
    }
    .cmi-welcome-user h2{
      display:none;
    }
    .cmi-welcome-user:hover ul.menu {
      display: block;
      position: absolute;
      width: 100px;
      clear: both;
      top: 100%;
      right: 0;
      padding: 5px;
      left: auto;
      background: #fff;
      text-align: right;
      transform: translate3d(0, 0, 0);
      box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
    }
    .cmi-welcome-user:hover ul.menu li:not(:last-child) {
      border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }
    /* Hamburger menu styles */
    #header .header-btn-collapse-nav {
      background: #900;
    }
    /* hamburger menu styles */
    #header .header-nav-main nav > ul > li.active > a,
    #header .header-nav-main nav > ul > li.active > a:focus,
    #header .header-nav-main nav > ul > li.active > a:hover {
      background-color: transparent;
      color: #DA291C;
    }
    .user-logged-in #header .btn.header-btn-collapse-nav{
      display:block;
    }
    #header .btn.header-btn-collapse-nav{
      display:none;
    }
  /* themes common styles ends here */
  /* Left Side Header styles starts here */

  /* Left Side Header styles starts here */
}
@media(max-width:991px){
  .visibility-max-width-991{
    display:block;
  }
  .visibility-min-width-991{
    display:none;
  }
  /* hamburger menu styles starts here */
  .sticky-header-active #header .h-default.header-btn-collapse-nav {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  html.sticky-header-enabled #header .header-nav-main{
    padding-top:10px;
    max-height: auto;
  }
  #header .header-nav-main nav > ul > li.active > a,
  #header .header-nav-main nav > ul > li.active > a:focus,
  #header .header-nav-main nav > ul > li.active > a:hover,
  .dropdown-menu>.active>a,
  .dropdown-menu>.active>a:focus,
  .dropdown-menu>.active>a:hover {
    background-color: #DA291C;
    color: #fff;
  }
  #header .header-nav-main nav > ul > li > a,
  #header .header-nav-main nav > ul > li > a:focus,
  #header .header-nav-main nav > ul > li > a:hover {
    color: #DA291C;
  }
  /* hamburger menu styles ends here */
  /* table display in mobile start here */
  body .simple-responsive-table tr {
    margin-bottom: 10px;
  }
  table tbody tr.even, table tbody tr:nth-of-type(even) {
    background-color: #fff;
  }
  body .simple-responsive-table td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding: 0 0 0 50%;
    white-space: normal;
    margin: 0;
    text-align: left;
    min-height: 25px;
  }
  body .simple-responsive-table td:before {
    position: absolute;
    left: 0%;
    padding-right: 2%;
    white-space: nowrap;
    text-align: right;
    background: #333;
    margin: 0;
    color: #FFF;
    width: 48%;
    font-weight: normal;
    min-height: 24px;
  }
  /* table display in mobile ends here */
  /* Mobile App like styles starts here */
  .cmi-mobile-app #header #mainNav li > a{
    color: #FFF;
  }
  .cmi-mobile-app #header #mainNav li > a:hover{
    color: #000;
  }
  /* Mobile App like styles ends here */
}
@media(min-width:991px){
  .visibility-max-width-991{
    display:none;
  }
  .visibility-min-width-991{
    display:block;
  }
  /* common styles starts here */
    #mainNav > li.active > a,
    #mainNav > li.active > a.is-active {
      background: transparent;
    }
    /* header menu */
    #header .header-nav-main nav > ul > li.open > a,
    #header .header-nav-main nav > ul > li:hover > a {
      background: #990000;
      color:#FFF;
    }
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
      border-top-color: #900;
    }
    #header .header-nav-main nav > ul > li.dropdown:last-child:hover > .dropdown-menu {
      right: 0;
    }
    html.boxed.sticky-header-active #header .header-body {
      position: fixed !important;
      width: 1200px;
    }
  /* common styles ends here */
  /* Left Side Header styles starts here */
    html.side-header .toolbar-horizontal #header {
      top: 38.6667px;
    }
    html.side-header .toolbar-horizontal.toolbar-tray-open #header {
      top: 78.3334px;
    }
    html.side-header #header {
      border-top: 5px solid #900;
    }
    html.side-header #header .header-container {
      padding: 0px 0 0 10px;
    }
    html.side-header #header .header-column {
      clear: both;
    }
    html.side-header .main .container{
      padding: 0 25px;
    }
    html.side-header #footer .container {
      padding: 0 15px;
    }
    html.side-header #header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu,
    html.side-header #header .header-nav-main nav > ul li.dropdown:hover > .dropdown-menu {
      border-left-color: #900;
    }
    #header .header-nav-main nav > ul > li.dropdown > a:after,
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after,
    #header .header-nav-main nav > ul > li.dropdown.active > a:after,
    #header .header-nav-main nav > ul > li.dropdown:hover > a:after{
      border: none;
      border-color: none;
    }
    /* User menu styles */
    html.side-header .adminimal-admin-toolbar #header .cmi-welcome-user:hover ul.menu {
      top:0px;
    }
    html.side-header #header .cmi-welcome-user:hover ul.menu {
      display: block;
      position: absolute;
      left: 100%;
      top:70px;
      transform: translate3d(0, 0, 0);
      background: #fff;
      width: 150px;
      border-left: 5px solid #900;
      border-radius: 0 4px 4px;
      margin: 0 0 0 -5px;
      padding:5px;
    }
     html.side-header #header .cmi-welcome-user:hover ul.menu li a{
      border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }
    html.side-header #header .cmi-welcome-user:hover ul.menu li:last-child a{
      border-bottom: 0;
    }
    html.side-header #header .cmi-welcome-user:hover ul.menu li a{
      padding: 8px 20px 8px 8px;
      font-size: 0.9em;
      font-weight: 400;
    }
  /* Left Side Header styles starts here */
  /* footer */
  html.side-header #footer{
    padding:10px 0;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 255px;
  }
  /* side header open collapse styles starts here*/
  html.side-header .body #header{
    width: 70px;
  }
  html.side-header .body.menu-open #header,
  html.side-header .body.menu-open #header .header-body {
    background: #fff;
    background-image: linear-gradient(90deg,#fff 30%,#dfdfdf 80%);
  }
  html.side-header .body #header .header-row,
  html.side-header .body #header .header-column,
  html.side-header .body #header .header-row body{
    width: 55px;
  }
  html.side-header .body.menu-open #header .header-row,
  html.side-header .body.menu-open #header .header-column:last-child,
  html.side-header .body.menu-open #header .header-row body{
    width: 195px;
  }
  html.side-header .body.menu-open #header{
    width: 255px;
  }
  html.side-header .body.menu-open #header .header-column:first-child{
    width: 245px;
  }
  html.side-header body > .body{
    margin-left: 70px;
    transition: left .4s ease;
  }
  html.side-header .body.menu-open #header .header-row>.header-column:nth-child(2){
    margin-left: 50px;
    margin-top: 15px;
  }
  html.side-header .body.menu-open{
    margin-left:255px;
    transition: left .4s ease;
  }
  html.side-header .body #header .header-logo .cmi-site-name,
  html.side-header .body #header .header-row>.header-column:nth-child(2),
  html.side-header .body #footer{
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
    transition: left .4s ease;
  }
  html.side-header .body.menu-open #header .header-logo .cmi-site-name,
  html.side-header .body.menu-open #header .header-row>.header-column:nth-child(2),
  html.side-header .body.menu-open #footer{
    visibility: visible;
    opacity: 1;
    transition: left .4s ease;
  }
  html.side-header .body .side-header-menu{
    position:absolute;
    top:75px;
    left:35px;
    cursor: pointer;
  }
  /* side header open collapse styles ends here */
  /* cmi report filters styles starts here */
  .cmi-report-filters .form--inline .form-item{
    width:25%;
    float:left;
    display:inline-block;
    margin: 0;
    padding-right:10px;
  }
  .cmi-report-filters .form--inline .form-actions{
    margin-top:25px;
  }
  .cmi-report-filters.cmi-report-filters-5 .form--inline .form-item {
    width: 20%;
  }
  /* views exposed filters styles ends here */
  /* Mobile App like styles starts here */
  .cmi-mobile-app #header #mainNav .dropdown-menu li > a{
    color: #777;
  }
  .cmi-mobile-app #header #mainNav .dropdown li:hover > a,
  .cmi-mobile-app #header #mainNav .dropdown li > a:hover{
    color:#000;
    background:#eee;
    border-radius:0;
    margin-left:-20px;
    padding-left:30px;
  }
  /* Mobile App like styles ends here */
}
/* Mobile App like styles starts here */
  /* logo and site branding */
  .cmi-mobile-app #header .header-logo{
    margin-left:55px;
  }
  .cmi-mobile-app #header-site-branding,
  .site-branding {
    width: auto;
    margin-left: 20px;
  }
  .cmi-mobile-app #site-name {
    width: 100%;
    margin: 0;
    white-space: nowrap;
    position: inherit;
    padding: 0;
  }
  /*menu*/
  .cmi-mobile-app #header .header-btn-collapse-nav {
    position: fixed;
    top: 0;
    left: 0;
    z-index:999;
  }
  .cmi-mobile-app #header .header-nav-main.collapse.in,
  .cmi-mobile-app #header .header-nav-main.collapsing {
    position: fixed;
    height: 100% !important;
    z-index: 999;
    width: 80%;
    background-color: rgba(0,0,0, 0.9);
    top: 0;
    left: 0;
    overflow: visible;
    display: block;
    overflow-y: scroll;
    max-height: 100% !important;
  }
  .cmi-mobile-app #header .header-nav-main.collapse.in .region-primary-menu {
    overflow-y: scroll;
    height: 100%;
  }
/* Mobile App like styles ends here */