/* anton-regular - latin_latin-ext */
@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/anton-v9-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: local('Anton Regular'), local('Anton-Regular'),
  url('../fonts/anton-v9-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/anton-v9-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/anton-v9-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
  url('../fonts/anton-v9-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/anton-v9-latin_latin-ext-regular.svg#Anton') format('svg'); /* Legacy iOS */
}

/* montserrat-100 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  src: url('./fonts/montserrat-v12-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Thin'), local('Montserrat-Thin'),
  url('./fonts/montserrat-v12-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('./fonts/montserrat-v12-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
  url('./fonts/montserrat-v12-latin-100.woff') format('woff'), /* Modern Browsers */
  url('./fonts/montserrat-v12-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
  url('./fonts/montserrat-v12-latin-100.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-100italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100;
  src: url('./fonts/montserrat-v12-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Thin Italic'), local('Montserrat-ThinItalic'),
  url('./fonts/montserrat-v12-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('./fonts/montserrat-v12-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('./fonts/montserrat-v12-latin-100italic.woff') format('woff'), /* Modern Browsers */
  url('./fonts/montserrat-v12-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('./fonts/montserrat-v12-latin-100italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-200 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url('./fonts/montserrat-v12-latin-200.eot'); /* IE9 Compat Modes */
  src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'),
  url('./fonts/montserrat-v12-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('./fonts/montserrat-v12-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
  url('./fonts/montserrat-v12-latin-200.woff') format('woff'), /* Modern Browsers */
  url('./fonts/montserrat-v12-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
  url('./fonts/montserrat-v12-latin-200.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-200italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 200;
  src: url('./fonts/montserrat-v12-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local('Montserrat ExtraLight Italic'), local('Montserrat-ExtraLightItalic'),
  url('./fonts/montserrat-v12-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('./fonts/montserrat-v12-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('./fonts/montserrat-v12-latin-200italic.woff') format('woff'), /* Modern Browsers */
  url('./fonts/montserrat-v12-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('./fonts/montserrat-v12-latin-200italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-300 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/montserrat-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Light'), local('Montserrat-Light'),
  url('./fonts/montserrat-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('./fonts/montserrat-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
  url('./fonts/montserrat-v12-latin-300.woff') format('woff'), /* Modern Browsers */
  url('./fonts/montserrat-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
  url('./fonts/montserrat-v12-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-300italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: url('./fonts/montserrat-v12-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'),
  url('./fonts/montserrat-v12-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('./fonts/montserrat-v12-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('./fonts/montserrat-v12-latin-300italic.woff') format('woff'), /* Modern Browsers */
  url('./fonts/montserrat-v12-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('./fonts/montserrat-v12-latin-300italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/montserrat-v12-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Italic'), local('Montserrat-Italic'),
  url('./fonts/montserrat-v12-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('./fonts/montserrat-v12-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('./fonts/montserrat-v12-latin-italic.woff') format('woff'), /* Modern Browsers */
  url('./fonts/montserrat-v12-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('./fonts/montserrat-v12-latin-italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-500 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/montserrat-v12-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Medium'), local('Montserrat-Medium'),
  url('./fonts/montserrat-v12-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('./fonts/montserrat-v12-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
  url('./fonts/montserrat-v12-latin-500.woff') format('woff'), /* Modern Browsers */
  url('./fonts/montserrat-v12-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
  url('./fonts/montserrat-v12-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-500italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: url('./fonts/montserrat-v12-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Medium Italic'), local('Montserrat-MediumItalic'),
  url('./fonts/montserrat-v12-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('./fonts/montserrat-v12-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('./fonts/montserrat-v12-latin-500italic.woff') format('woff'), /* Modern Browsers */
  url('./fonts/montserrat-v12-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('./fonts/montserrat-v12-latin-500italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/montserrat-v12-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
  url('./fonts/montserrat-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('./fonts/montserrat-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
  url('./fonts/montserrat-v12-latin-600.woff') format('woff'), /* Modern Browsers */
  url('./fonts/montserrat-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
  url('./fonts/montserrat-v12-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: url('./fonts/montserrat-v12-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Montserrat SemiBold Italic'), local('Montserrat-SemiBoldItalic'),
  url('./fonts/montserrat-v12-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('./fonts/montserrat-v12-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('./fonts/montserrat-v12-latin-600italic.woff') format('woff'), /* Modern Browsers */
  url('./fonts/montserrat-v12-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('./fonts/montserrat-v12-latin-600italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/montserrat-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Bold'), local('Montserrat-Bold'),
  url('./fonts/montserrat-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('./fonts/montserrat-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
  url('./fonts/montserrat-v12-latin-700.woff') format('woff'), /* Modern Browsers */
  url('./fonts/montserrat-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
  url('./fonts/montserrat-v12-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}

body {
  overflow-y: scroll;
  background: #F1F1F1;
}
nav, h1, h2, h3, h4, h5, h6, .selecty, .btn{
  font-family: Montserrat;
}

.montserrat{
  font-family: Montserrat;
}

.form-control[readonly] {
  cursor: default;
  background-color: #FFF;
}
h5 {
  line-height: 20px;
  margin-top:12px;
}

.flash-message{
  border: 1px solid #E9E2C0;
  border-radius: 4px;
  margin-bottom:25px;
}
.col-lg-offset-4 p {
  margin-bottom:3px;
}
.center-word{
  text-align:center;
}
a {
  text-decoration: none !important;
}





.tabular input[name^="opcr"]{
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
table{
  background: #FFF;
}
table .form-control{
  font-family: Calibri!important;
  font-size: 10pt!important;
}
table th{
  text-align: center;
}

.tabular tr[id]{
  border : 1px solid #ddd;
  font-weight : 600;
}
.tabular tr[id] td{
  padding: 1em;
}
table.no-padding tbody td{
  padding: 0!important;
}
table textarea{
  resize: none;
}
.table thead.bordered th{
  border:1px solid #a9a9a9!important;
}

.tbl-paddinated td{
  padding: 0.5em!important;
}

.table-sortable tbody tr {
  cursor: move;
}
table thead.gray{
  background: #F5F5F5;
}



textarea.expandable{
  padding: 2px;
}
textarea[name="staffs_accountable"],
textarea[name="allotted_budget"],
textarea[name="target"]{
  text-align: center;
}

/*Expanding Textarea*/
textarea.expanded{
  height: 10em;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 99;
  width: 500px;
  margin-top: 0.3em;
  -webkit-box-shadow: rgb(0, 0, 51) 2px 2px 10px;
  box-shadow: rgb(0, 0, 51) 2px 2px 10px;
  -webkit-transition: height 0.8s ease-in-out, margin 0.2s,width 0s;
  -o-transition: height 0.8s ease-in-out, margin 0.2s,width 0s;
  transition: height 0.8s ease-in-out, margin 0.2s,width 0s;
}


/* line 11 */
.select2-container .select2-selection--single {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 34px;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}

/* line 131 */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 32px;
}

/* line 139 */
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 32px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}



td.gray{
  background-color: #F5F5F5!important;
}



.select2-selection__rendered {
  line-height: 32px !important;
}

.select2-selection {
  height: 34px !important;
}


td.commented{
  position: relative;
  padding: 1em 3em;
}
@media screen {
  td.commented::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 8px solid red;
    border-left: 8px solid transparent;
  }
}



blockquote.success{
  border-left: 5px solid #dff0d8;
}
blockquote.warning{
  border-left: 5px solid #e99002;
}
blockquote.danger{
  border-left: 5px solid #ea2f10;
}
blockquote.info{
  border-left: 5px solid #5bc0de;
}






input.error {
  border-color: #632525!important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c35e5e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c35e5e;
}

.handsontable tr th{
  font-weight:bold;
}



.uneditable{
  cursor: mouse;
}



.input-lg+.select2-container--default .select2-selection--single {
  height: 46px !important;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.input-lg+.select2-container--default .select2-selection--single .select2-selection__arrow b {
  top: 85% !important;
}
.input-lg+.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 26px !important;
}
.input-lg+.select2-container--default .select2-selection--single {
  border: 1px solid #CCC !important;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}



/*progress*/
.progress {
  position: relative;
  min-width: 100px;
  height:100%;
}

.progress span {
  position: absolute;
  display: block;
  width: 100%;
  color: black;
}
.progress-custom {
  display: table;
  width: 100%;
  margin-bottom: 0px; /*optionally same as the margin bottom of progress class*/
  border: 1px solid #C4CCD6;
  border-radius: 2px;
}

.progress-custom .progress{
  margin-bottom: 0;
  display: table-cell;
  vertical-align: middle;
}

.progress-custom .progress-value{
  display: table-cell;
  vertical-align: middle;
  width: 1%; 
  padding: 0 4px; /*optionally*/
}
.progress-custom .progress-value > span{
  background-color: #E4F1FE;
  padding-left: 4px;
}

.progress-bar{
  background-color: #C8DFFF;
  color: #000;
}




.panel.with-nav-tabs .panel-heading{
  padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
  border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
  margin-bottom: -1px;
}
/********************************************************************/
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
  color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
  color: #777;
  background-color: #ddd;
  border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
  color: #555;
  background-color: #fff;
  border-color: #ddd;
  border-bottom-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
  background-color: #f5f5f5;
  border-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
  color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
  background-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
  color: #fff;
  background-color: #555;
}
/********************************************************************/
/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
  color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
  color: #fff;
  background-color: #3071a9;
  border-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
  color: #428bca;
  background-color: #fff;
  border-color: #428bca;
  border-bottom-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
  background-color: #428bca;
  border-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
  color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
  background-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
  background-color: #4a9fe9;
}
/********************************************************************/
/*** PANEL SUCCESS ***/
.with-nav-tabs.panel-success .nav-tabs > li > a,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
  color: #3c763d;
}
.with-nav-tabs.panel-success .nav-tabs > .open > a,
.with-nav-tabs.panel-success .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-success .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
  color: #3c763d;
  background-color: #d6e9c6;
  border-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.active > a,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:focus {
  color: #3c763d;
  background-color: #fff;
  border-color: #d6e9c6;
  border-bottom-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu {
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a {
  color: #3c763d;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
  background-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
  color: #fff;
  background-color: #3c763d;
}
/********************************************************************/
/*** PANEL INFO ***/
.with-nav-tabs.panel-info .nav-tabs > li > a,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
  color: #31708f;
}
.with-nav-tabs.panel-info .nav-tabs > .open > a,
.with-nav-tabs.panel-info .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-info .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
  color: #31708f;
  background-color: #bce8f1;
  border-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.active > a,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:focus {
  color: #31708f;
  background-color: #fff;
  border-color: #bce8f1;
  border-bottom-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu {
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a {
  color: #31708f;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
  background-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
  color: #fff;
  background-color: #31708f;
}
/********************************************************************/
/*** PANEL WARNING ***/
.with-nav-tabs.panel-warning .nav-tabs > li > a,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
  color: #8a6d3b;
}
.with-nav-tabs.panel-warning .nav-tabs > .open > a,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
  color: #8a6d3b;
  background-color: #faebcc;
  border-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:focus {
  color: #8a6d3b;
  background-color: #fff;
  border-color: #faebcc;
  border-bottom-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu {
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a {
  color: #8a6d3b;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
  background-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
  color: #fff;
  background-color: #8a6d3b;
}
/********************************************************************/
/*** PANEL DANGER ***/
.with-nav-tabs.panel-danger .nav-tabs > li > a,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
  color: #a94442;
}
.with-nav-tabs.panel-danger .nav-tabs > .open > a,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
  color: #a94442;
  background-color: #ebccd1;
  border-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:focus {
  color: #a94442;
  background-color: #fff;
  border-color: #ebccd1;
  border-bottom-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu {
  background-color: #f2dede; /* bg color */
  border-color: #ebccd1; /* border color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a {
  color: #a94442; /* normal text color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
  background-color: #ebccd1; /* hover bg color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
  color: #fff; /* active text color */
  background-color: #a94442; /* active bg color */
}


.panel-warning .panel-heading{
  background: #456075!important;
  border-color: #2e3640!important;
}

.bg-dark{
 background: #2E3640;
}

.bg-light{
  border-radius: 2px;
  padding:3px;
}
.bg-warning-light{
  background: #ffdaa3;
}
.b{
  font-weight: 800;
}


.bg-light,
.btn-warning-light{
 background-color: #cbdff4!important;
 color: #2e3640!important;
}


/*month year range*/
.mrp-container{
  margin-top:10px;
}

.mrp-icon{
  border: solid 1px #ddd;
  border-radius: 5px 0px 0px 5px;
  color: #40667A;
  background: #eee;
  padding: 9px;
  margin-right:0px;
}

.mrp-monthdisplay{
  display:inline-block!important;
  border: solid 1px #ddd;
  padding: 5px 12px 5px 8px;
  border-radius: 0px 5px 5px 0px;
  background-color: #fff;
  cursor:pointer;
  margin-left: -5px;
}

.mrp-lowerMonth, .mrp-upperMonth{
  color: #40667A;
  font-weight:bold;
  font-size: 11px;
  text-transform:uppercase;
}

.mrp-to{
  color: #aaa;
  margin-right: 0px;
  margin-left: 0px;
  font-size: 11px;
  text-transform: uppercase;
  /* background-color: #eee; */
  padding: 5px 3px 5px 3px;
}

.mrp-calendar{
  display:inline-block;
  padding: 3px 5px;
  border-right: solid #999 1px;
}

.mrp-calendar::last-child{
  border-right: none;
}

.mrp-month{
  padding: 20px;
  text-transform: uppercase;
  font-size: 12px;
}

.mrp-calendar h5{
  width:100%;
  text-align:center;
  font-weight:bold;
  font-size:18px
}

.mrp-selected{
  background: rgb(33, 150, 243);
  color: #fff;
}

.mrp-month:hover{
  border-radius: 5px;
  box-shadow: 0 0 0 1px #ddd inset;
  cursor:pointer;
}

.mrp-selected.mrp-month:hover{
  border-radius: 0px;
  box-shadow: none;
}

.mrp-calendarholder .col-xs-6 {
  max-width: 250px;
  min-width: 250px;
}

.mrp-calendarholder .col-xs-1 {
  max-width: 150px;
  min-width: 150px;
}

.mrp-quickset{
  color: #666;
  text-transform: uppercase;
  text-align: center;
}

.mrp-yeardown, .mrp-yearup{
  margin-left: 5px;
  cursor: pointer;
  color: #666;
}

.mrp-yeardown{
  float:left;
}

.mrp-yearup{
  float:right;
}

.mrp-yeardown:hover,.mrp-yearup:hover{
  color: #40667A;
}

.mrp-calendar:first .mrp-selected:first{
  background-color: #40667A;
}

.mrp-calendar:last .mrp-selected:last{
  background-color: #40667A;
}

.popover{
  max-width: 400px!important;

}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
  max-height: -webkit-fill-available;
}


.nav-bg-gray{
  padding: 10px;
  background-color: #575E66;
  border-radius: 2px;
  color: #C3C6C9;
}
.navbar-brand {
  font-size: 15px;
  font-weight: 300;
  color: #FFF!important;
}

/*override btn-danger background color*/
.btn-danger {
  background-color: #ea676c;
}
.navbar-inverse .navbar-nav>.active>a>span, .navbar-inverse .navbar-nav>.active>a:hover>span, .navbar-inverse .navbar-nav>.active>a:focus>span {
  color: #ffffff!important;
}
.navbar-inverse {
  background-color: #2E3640;
}

.navbar-inverse .navbar-nav>li>a{
  color: #FFF
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
  background-color: #575E66;
}
.navbar-inverse .navbar-nav>li>a {
  color: #f3f3f3;
}
.bg-info{
  background-color: #A7CDF2;
}


/* for navbar breakpoint*/
@media (max-width: 1220px) {
  .navbar-header {
    float: none;
  }
  .navbar-left,.navbar-right {
    float: none !important;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
    display: none!important;
  }
  .navbar-nav {
    float: none!important;
    margin-top: 7.5px;
  }
  .navbar-nav>li {
    float: none;
  }
  .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .collapse.in{
    display:block !important;
  }
}







@page {
  size: Legal landscape;
  -webkit-print-color-adjust: exact!important;
  color-adjust: exact!important;
  size: auto;
}

/*PRINT CSS*/
@media print {
  @page {
    -webkit-print-color-adjust: exact!important;
    color-adjust: exact!important;
  }
  thead, tfoot {
    display: table-row-group;
  }

  #opcr-tbl th{
    border:1px solid black!important;
  }
  #opcr-tbl thead{
    background: rgb(217,217,217)!important
  }

  .table th,
  table th {
    background-color: inherit !important;
    border: 1px solid black!important;
  }
  .no-print{
    display: none;
  }
  .alert{
    display: none!important;
  }
  table{
    font-family: Calibri;
    margin-bottom: 0;
  }
  table td{
    font-size: 10px;
  }
  table tfoot{display:table-row-group;}
}


textarea[name=target]:hover{
  cursor: pointer;
}

text-danger{
  color: #ea676c;
}


.alert-danger {
  background-color: #ea676c;
}

.no-padding{
  padding: 0;
}


/* Overrides list-group-item from Bootstrap */ 
.list-group-item {
  padding: 3px 10px;
  cursor: pointer;
}

.list-group-item:hover {
  background-color: #f5f5f5;
}

button:focus{
  outline: none;
  border: none;
}


.br-widget{
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
}

.br-theme-fontawesome-stars .br-widget .br-current-rating{
  display: block!important;
}


/*for range slider*/
.pointer-label{
  color: black!important;
  /*top: 20px!important;*/
  font-size: 12px!important;
}

.slider-container{
  margin-top: 2em;
}

textarea[readonly]:hover,
input[readonly]:hover{
  cursor: not-allowed;
}

.bg-info {
  background-color: #cce5fd;
}


/*Adjust content due to change of navbar fixed*/
@media screen{

  #top-nav + div.container-fluid{
    margin-top: 64px;
  }

  #top-nav + div.container-fluid + div{
    padding-top: 1em;
  }

  .tableFloatingHeaderOriginal:not(.popup){
    top: 64px!important;
  }
}


/* for circle progress */
.circles {
  margin-bottom: -10px;
}

.circle {
  width: 200px;
  max-width: 100%;
  margin: 6px 6px 20px;
  display: inline-block;
  position: relative;
  text-align: center;
  line-height: 1.2;
}

.circle canvas {
  vertical-align: top;
}

.circle strong i {
  font-style: normal;
  font-size: 0.6em;
  font-weight: normal;
}

.circle strong {
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 25px;
  font-size: 25px;
}




.bg-primary-light{
  background-color: #2899f345
}


/* badge */
.badge-danger {
  background-color: #ea676c;
}

.badge-warning {
  background-color: #f89406;
}

.badge-success {
  background-color: #468847;
}

.badge-info {
  background-color: #3a87ad;
}

.badge-inverse {
  background-color: #333333;
}



.navbar-toggle span.icon-bar{
  background-color: rgb(255, 255, 255)!important;
}


.text-black{
  color: #000;
}


.selecty .selecty-options{
  min-width: 130px;
}

.selecty-sm-label + .selecty a{
  font-size: 12px;
}



.tooltip-inner{
  max-width: 280px;
  background-color: #333333;
}
.tooltip-inner *{
  background-color: #333333;
}

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


.panel-v-center .panel-body {
  display: flex;
  justify-content: center; /* Horizontally centers the content */
  align-items: center; /* Vertically centers the content */
}

.text-dark{
  color: #2E3640;
}

.bg-lighter{
  background: #fff4f0;
}

li[data-nav='notification'],
li[data-nav='my-account']{
  font-size: 1.5em
}

li[data-nav='notification'] a:hover i{
  color: #F8D674;
}

li.active[data-nav='notification'] i{
  color: #F8D674;
}
li.active[data-nav='my-account'] i{
  color: #0d87e9;
}
.dropdown-menu{
  padding: 0;
}

.dropdown-menu .divider{
  margin: 0;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus{
  background-color: #575E66;  
}

li.active[data-nav='my-account']>a,
li.active[data-nav='my-account']>a:hover,
li.active[data-nav='my-account']>a:focus,
li.active[data-nav='notification']>a,
li.active[data-nav='notification']>a:hover,
li.active[data-nav='notification']>a:focus{
  background-color: transparent!important;
}



.sidebar-social {
  margin: 0;
  padding: 0;
}

.sidebar-social ul {
  margin: 0;
  padding: 5px;
}

.sidebar-social li {
  text-align: center;
  width: 31.9%;
  margin-bottom: 3px!important;
  background-color: #575E66;
  border: 1px solid #575E66;
  display: inline-block;
  font-size: 10px;
  padding:0;
}

.sidebar-social i {
  display: block;
  margin: 0 auto 10px auto;
  width: 32px;
  height: 32px;
  margin: 10px auto 0;
  line-height: 32px;
  text-align: center;
  font-size: 20px;
  color: #c1c1c1;
  margin-top:0;
  padding-top:5px;
}
.sidebar-social a{
  color: #ffffff;
  text-decoration:none;
  width:100%;
  height:100%;
  display:block;
  margin:0;
  padding:0;
}

.sidebar-social a span{
  color: #ffffff;
  font-size:10px;
  padding:5px 0 10px 0;
  display:block;
  text-transform:uppercase;
  font-family:'Gotham';
  letter-spacing:1px;
}

div.error{
  color: red;
  font-style: italic;
}


table.dataTable tbody tr.highlight{
  background: #ffefdd!important;
}


div.dataTables_wrapper{
  min-height: 348px!important;
}

.dataTables_paginate.paging_simple{
  position: absolute;
  bottom: 0;
  right: 0;
}

table.dataTable.no-footer{
  border-bottom: none!important;
}


.select2-selection--multiple{
  overflow: hidden !important;
  height: auto !important;
}


.table-hover tbody:not(.no-hover) tr:hover > td{
  background-color: #D4E6FC!important;
}


.kpi{
  text-align: center;
}
.kpi-value{
  display: block;
  font-size: 2em;
  font-weight: 800;
  color: #FFF!important;
}

.kpi-label{
  display: block;
  color: #FFF!important;
}

.kpi-info-btn{
  border-radius: 10px;
  background: none;
  outline: 0;
}
.kpi-info-btn:focus,
.kpi-info-btn:active,
.kpi-info-btn:hover{
  background: none;
  outline: none;
}
.kpi-info-btn:focus,
.kpi-info-btn:active,
.kpi-info-btn:hover i{
  background: none;
  outline: none;
  color:#000;
}
.kpi-info-btn i{
  color: white
}

.kpi .panel-body{
  display: table; 
  width: 100%;
}
.kpi .panel-body > div{
  display: table-cell; 
  vertical-align: middle;
}

.kpi .panel-footer.danger {
  background-color: #ff8080!important;
  border-top: 1px solid #ff8080!important;
  border-bottom-right-radius: 3px!important;
  border-bottom-left-radius: 3px!important;
  color: whitesmoke!important;
}
.kpi .panel-footer.success {
  background-color: #b1efb3!important;
  border-top: 1px solid #b1efb3!important;
  border-bottom-right-radius: 3px!important;
  border-bottom-left-radius: 3px!important;
  color: #2e3640!important;
}


select.selecty-sm-label + div.selecty .selecty-options{
  min-width: 80px;
}


.br-theme-fontawesome-stars .br-widget a {
  font-size: 26px!important;
}
.br-widget, .br-current-rating{
  text-align: center;
}

.br-theme-fontawesome-stars .br-widget a:after {
  text-shadow: 0px 0px 1px #000;
  color: #676d75;
}

.br-wrapper .br-widget.br-readonly:hover *{
  cursor: not-allowed;
}

#opcr-edit #opcr-tbl tr.bg-success{
  border-left: 5px solid green!important;
  border-right: 5px solid green!important;
  background-color: #dff0d8!important;
}
#opcr-edit #opcr-tbl tbody tr.bg-success:hover td, #opcr-edit #opcr-tbl tbody tr.bg-success:hover th {
  background-color: #dff0d8!important;
}



.label-sm {
  font-size: 12px;
}

.label-md {
  font-size: 16px;
}

.label-lg {
  font-size: 20px;
}

.rating-details{
  display: none;
  margin-top: 1em;
}




/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}




.tippy-tooltip {
  font-size: 1.2em!important;
  padding: 1em;
}
.tippy-content{
  text-align: initial!important
}

.tippy-tooltip.light-theme .tippy-backdrop{
  color: #222;
  background-color: #828282;
}

.tippy-tooltip.annex-theme .tippy-backdrop{
  color: #222;
  background-color: #828282;
}







.nav-tabs.nav-primary>li.active>a{
  background: #e8e8e8;
}
@media print{
  
  td{


    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
}


.dataTables_length select{
  width: 2em;
}

.fc-toolbar h2{
  font-size: 1em;
}

.u{
  text-decoration: underline;
}
.fc-day-grid-event > .fc-content {
  text-transform: uppercase;
  font-size: 12pt;
  padding: 10px;
  cursor: pointer;
  text-overflow: ellipsis;
}

a.fc-day-grid-event:focus,
a.fc-day-grid-event:active{
  color: #FFF;
}
#calendar h2{
  font-weight: bold;
}



.modal-body{
  max-height: 70vh;
  overflow-y: auto;
}

.cursor-pointer{
  cursor: pointer;
}

@media all{

  th.pending{
    background-color: #ffe0b2;
  }

  th.approved{
    background-color: #dff0d8;
  }
}


.fa-1-5x{
  font-size: 1.5em;
}
.status-icon{
  vertical-align: middle;
}

.select2 {
  width:100%!important;
}

.valign-center{
  vertical-align: middle!important;
}


.popover-dropdown{
  background: #FFF;
  border-radius: 4px;
  padding-left: 1em!important;
}








/*for chosen select*/
select{
    width: 80%;/* Only for example */
}

select.form-control + .chosen-container.chosen-container-single .chosen-single {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    background-image:none;
}

select.form-control + .chosen-container.chosen-container-single .chosen-single div {
    top:4px;
    color:#000;
}

select.form-control + .chosen-container .chosen-drop {
    background-color: #FFF;
    border: 1px solid #CCC;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    margin: 2px 0 0;

}

select.form-control + .chosen-container .chosen-search input[type=text] {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    background-image:none;
}

select.form-control + .chosen-container .chosen-results {
    margin: 2px 0 0;
    padding: 5px 0;
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    margin-bottom: 5px;
}

select.form-control + .chosen-container .chosen-results li , 
select.form-control + .chosen-container .chosen-results li.active-result {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333;
    white-space: nowrap;
    background-image:none;
}
select.form-control + .chosen-container .chosen-results li:hover, 
select.form-control + .chosen-container .chosen-results li.active-result:hover,
select.form-control + .chosen-container .chosen-results li.highlighted
{
    color: #FFF;
    text-decoration: none;
    background-color: #2196f3;
    background-image:none;
}

select.form-control + .chosen-container-multi .chosen-choices {
    display: block;
    width: 100%;
    min-height: 34px;
    padding: 6px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    background-image:none;
}

select.form-control + .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height:auto;
    padding:5px 0;
}

select.form-control + .chosen-container-multi .chosen-choices li.search-choice {

    background-image: none;
    padding: 3px 24px 3px 5px;
    margin: 0 6px 0 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
    background-color: #FFF;
    border-color: #CCC;
}

select.form-control + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top:8px;
    right:6px;
}

select.form-control + .chosen-container-multi.chosen-container-active .chosen-choices,
select.form-control + .chosen-container.chosen-container-single.chosen-container-active .chosen-single,
select.form-control + .chosen-container .chosen-search input[type=text]:focus{
    border-color: #66AFE9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(102, 175, 233, 0.6);
}

select.form-control + .chosen-container-multi .chosen-results li.result-selected{
    display: list-item;
    color: #ccc;
    cursor: default;
    background-color: white;
}


.bg-none{
  background: none;
}

.diagonal{

  transform: rotate(-45deg);

  /* Safari */
  -webkit-transform: rotate(-45deg);

  /* Firefox */
  -moz-transform: rotate(-45deg);

  /* IE */
  -ms-transform: rotate(-45deg);

  /* Opera */
  -o-transform: rotate(-45deg);

  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}


.bg-success-important {
    background-color: #dff0d8!important;
}

.rating {
  float:left;
  padding: 0;
}

/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
 follow these rules. Every browser that supports :checked also supports :not(), so
 it doesn’t make the test unnecessarily selective */
.rating:not(:checked) > input {
  position:absolute;
  left:-9999px;
  clip:rect(0,0,0,0);
}

.rating:not(:checked) > label {
  float:right;
  width:1em;
  padding:0 .1em;
  overflow:hidden;
  white-space:nowrap;
  cursor:pointer;
  font-size:200%;
  line-height:1.2;
  color:#ddd;
  text-shadow:1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5);
}

.rating:not(:checked) > label:before {
  content: '★ ';
}

.rating > input:checked ~ label {
  color: #FFEB3B;
  text-shadow: 1px 1px #FFC107, 2px 2px #607D8B, 0.1em 0.1em 0.2em rgba(0,0,0,.5);
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
  color: gold;
  text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
  color: #ea0;
  text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating > label:active {
  position:relative;
  top:2px;
  left:2px;
}
.border-none{
  border: none;
}

.tippy-content .btn{ 
  margin: 5px auto;
  display: inline-block;
  white-space: pre-wrap;
}
.has-file-attachment{
  -webkit-box-shadow: 0px 0px 1px 1px #009688 inset;
        box-shadow: 0px 0px 1px 1px #009688 inset;
}
.w-full{
  width: 100%;
}
.d-block {
  display: block;
}

.d-inline-block {
  display: inline-block;
}

.d-none {
  display: none;
}

.d-flex {
  display: flex;
}

.d-inline-flex {
  display: inline-flex;
}

.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.justify-content-start {
  justify-content: flex-start;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-around {
  justify-content: space-around;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

.align-items-start {
  align-items: flex-start;
}

.align-items-end {
  align-items: flex-end;
}

.align-items-center {
  align-items: center;
}

.align-items-baseline {
  align-items: baseline;
}

.align-items-stretch {
  align-items: stretch;
}

.align-self-start {
  align-self: flex-start;
}

.align-self-end {
  align-self: flex-end;
}

.align-self-center {
  align-self: center;
}

.align-self-baseline {
  align-self: baseline;
}

.align-self-stretch {
  align-self: stretch;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.flex-grow-0 {
  flex-grow: 0;
}

.flex-grow-1 {
  flex-grow: 1;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.flex-shrink-1 {
  flex-shrink: 1;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-last {
  order: 9999;
}

.mr-auto {
  margin-right: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

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

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 0.75rem !important;
}

.m-4 {
  margin: 1rem !important;
}

.m-5 {
  margin: 1.25rem !important;
}

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

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 0.75rem !important;
}

.mt-4 {
  margin-top: 1rem !important;
}

.mt-5 {
  margin-top: 1.25rem !important;
}

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

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

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

.mb-3 {
  margin-bottom: 0.75rem !important;
}

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

.mb-5 {
  margin-bottom: 1.25rem !important;
}

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

.ml-1 {
  margin-left: 0.25rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.ml-3 {
  margin-left: 0.75rem !important;
}

.ml-4 {
  margin-left: 1rem !important;
}

.ml-5 {
  margin-left: 1.25rem !important;
}

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

.mr-1 {
  margin-right: 0.25rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mr-3 {
  margin-right: 0.75rem !important;
}

.mr-4 {
  margin-right: 1rem !important;
}

.mr-5 {
  margin-right: 1.25rem !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.mx-3 {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}

.mx-4 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.mx-5 {
  margin-left: 1.25rem !important;
  margin-right: 1.25rem !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

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

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-5 {
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

/* Paddings */
.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 0.75rem !important;
}

.p-4 {
  padding: 1rem !important;
}

.p-5 {
  padding: 1.25rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 0.75rem !important;
}

.pt-4 {
  padding-top: 1rem !important;
}

.pt-5 {
  padding-top: 1.25rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 0.75rem !important;
}

.pb-4 {
  padding-bottom: 1rem !important;
}

.pb-5 {
  padding-bottom: 1.25rem !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.pl-3 {
  padding-left: 0.75rem !important;
}

.pl-4 {
  padding-left: 1rem !important;
}

.pl-5 {
  padding-left: 1.25rem !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pr-3 {
  padding-right: 0.75rem !important;
}

.pr-4 {
  padding-right: 1rem !important;
}

.pr-5 {
  padding-right: 1.25rem !important;
}

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

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.px-5 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-5 {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}

.float-right{
  float: right;
}

.remarks-attachment{
  display: block;
  text-decoration: underline!important;
  font-weight: bold;;
}
@media print {
  #loading-overlay,
  .remarks-attachment {
    display: none!important;
  }
}

.computation-info-icon{
  cursor: pointer;
  color: #2196f3;
}
select.form-control.bordered{
  border: 1px solid #ddd;
}