@charset "utf-8";

/**************************************************
  GLOBAL Standard Styles
  Author: Pierre H. Valdema
  Modified: 10/28/2019
  DO NOT MODIFY!!
**************************************************/

/**************************************************
	bootstrap fixes
**************************************************/
@-ms-viewport{ width: auto !important; } /* fixes placement of ie 10 scroll bar */

/* Bootstrap 4 custom checkbox */
.custom-control-label.form_field_error::before{
	background-color: #ffffcc!important;
}

.custom-control-label.form_checkbox_error::before  {
    background-color: #ffffcc!important;
}


/* Tinymce */
.form_field_error .tox-tinymce {
	border: 5px solid #ffffcc !important;
}


@-moz-document url-prefix() {
 /* fieldset { display: table-cell; }  firefox fix for fieldset styling and responsive tables */
}

.tiny_mce_styles h1 {
	font-size: 24px;
	font-weight: bold;
	color: #006f71;
	text-transform: uppercase;
}

.tiny_mce_styles  h2 {
	font-size: 22px;
	font-weight: bold;
	color: #006f71;
}

.tiny_mce_styles h3 {
	font-size: 20px;
	font-weight: normal;
	font-weight: bold;
	color: #006f71;
}

.tiny_mce_styles h4 {
	font-size: 18px;
	font-weight: bold;
	color: #a27752;
}

.tiny_mce_styles a{

  /* 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;
}

.list-group-item-success, .list-group-item-primary, .list-group-item-info {
    color: #006F71;
    background-color: #C7E9EE;
}

.list-group-item-warning {
    color: #886444;
}

.list-group-item-danger{
    color: #491217;
}

.alert a, .list-group a{
	font-weight: 700;
	text-decoration: none;
}

.alert a:hover, .list-group a:hover{
	text-decoration: underline;
}

.alert-info, .alert-success {
    color: #006F71;
    background-color: #C7E9EE;
    border-color: #C7E9EE;
}

.alert-info .alert-link, .alert-success .alert-link {
	color: #006F71;
}

.alert-info a, .alert-success a, .list-group a, .list-group-item-success a{
	color: #006F71;
}

.alert-warning, .alert-warning a{
	color: #886444;
}

.alert-info a:hover, .alert-success a:hover, .alert-info .alert-link:hover, .alert-success .alert-link:hover, .list-group-item-warning a:hover, .list-group a:hover{
	color: #886444;
}

.alert-warning a:hover{
	color: #006F71;
}

.alert-danger a, .list-group-item-danger a{
	color: #491217;
}

.alert-danger a:hover, .alert-danger .alert-link:hover, .list-group-item-danger a:hover{
	color: #491217;
}

.alert-dark a{
	color: #040505;
}

.btn:focus {
    box-shadow: none!important;
}

.btn-outline-primary {
    color: #006F71;
    border-color: #006F71;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #006F71;
    border-color: #006F71;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #006F71;
    border-color: #006F71;
}

.btn-outline-secondary {
    color: #A27752;
    border-color: #A27752;
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #A27752;
    border-color: #A27752;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #A27752;
    border-color: #A27752;
}

.btn-success, .btn-success:disabled, .btn-primary {
    color: #fff;
    background-color: #006F71!important;
    border-color: #006F71!important;
}

.btn-success:hover, .btn-primary:hover{
    color: #fff;
    background-color: #006466!important;
    border-color: #006466!important;
}

.btn-secondary{
    color: #fff;
    background-color: #A27752!important;
    border-color: #A27752!important;
}

.btn-secondary:hover{
   	color: #fff;
    background-color: #886444!important;
    border-color: #886444!important;
}

.btn-danger {
    color: #fff;
    background-color: #6C0D0F;
    border-color: #6C0D0F;
}

.btn-danger:hover{
	color: #fff;
	background-color: #5B0B0D;
    border-color: #5B0B0D;
}

.btn-outline-danger {
	color: #5B0B0D;
    border-color: #5B0B0D;
}

.btn-outline-danger:hover {
	color: #fff;
    background-color: #5B0B0D;
    border-color: #5B0B0D;
}

.badge-primary {
  color: #fff;
  background-color: #006466;
}

.badge-secondary {
  color: #fff;
  background-color: #886444;
}

.custom-control-label::before, .custom-control-label::after{
	cursor: pointer!important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
	border-color: #006F71;
	background-color: #006F71!important;
	box-shadow: none!important;
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input:not(:disabled):active~.custom-control-label::before {
	border-color: #adb5bd!important;
}

.custom-control-input:focus~.custom-control-label::before{
	box-shadow: none!important;
}

textarea:focus {
	border-color: #006F71!important;
	outline: 0!important;
	box-shadow: 0 0 0 .2rem rgba(0, 111, 113,.25)!important;
}

.custom-file-label {
    overflow: hidden;
}

.custom-table.table{
	  background-color: #eee;
}

.custom-table.table th{
	padding: 8px;
	font-size:14px;
}

.custom-table.table-hover tbody tr:hover {
	background-color:#f5f5f5!important;
}

.custom-table.table-striped tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}

.custom-table.table-striped tbody tr:nth-child(odd) {
    background-color: #fff;
}

.custom-table.table tfoot th{
	padding: 4px;
	margin: 0 0 18px;
}

/* resize the placeholder text in the tablesorter search fields */
.tablesorter input[type="search"] {
	height: 36px !important;
	font-size: 1rem;
}
.tablesorter input:placeholder-shown {
	font-size: .7rem;
}
/* END resize the placeholder text in the tablesorter search fields */


/*.tablesorter-bootstrap thead .tablesorter-headerUnSorted:not(.sorter-false) {
    background-position-x: 90%;
}*/

/**************************************************
	CUSTOM CHECKMARK
**************************************************/

/* Hide the browser's default checkbox */
 .form-check.checkbox input{
	position: absolute;
  	opacity: 0;
  	cursor: pointer;
  	height: 0;
  	width: 0;
}

/* Create a custom checkbox */
 .form-check.checkbox span.checkmark {
	position: absolute;
  	top: 0;
	left: 0;
  	height: 25px;
  	width: 25px;
  	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out;
}

/* Change checkbox background color when there is an error */
 .form-check.checkbox span.checkmark.form_field_error{
	background-color: #ffffcc;
}

/* make cursor pointer when mouseover the label and checkbox, add a padding left to the label*/
.form-check.checkbox, .form-check.checkbox .form-check-label{
	cursor: pointer;
	padding-left: 15px;
}

/* On mouse-over, add a white background color */
 .form-check.checkbox:hover input ~ .checkmark, .form-check.checkbox span.checkmark.disabled {
  background-color: #ccc;
}

/* When the checkbox is checked, add a teal background */
 .form-check.checkbox input:checked ~ .checkmark{
  background-color: #006F71!important;
	border: 1px solid #006F71!important;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
 .form-check.checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
 .form-check.checkbox .checkmark:after {
  left: 9px;
  top: 5px;
  width: 6px;
  height: 11px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/**************************************************
	END OF CUSTOM CHECKMARK
**************************************************/


/**************************************************
	CUSTOM RADIO
**************************************************/
/* Hide the browser's default radio button */
 .form-check.radioinput input{
	position: absolute;
  	opacity: 0;
  	cursor: pointer;
	height: 0;
  	width: 0;
}

/* Create a custom radio button */
 .form-check.radioinput span.checkmark {
  	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #fff;
	border-radius: 50%;
	border: 1px solid #ced4da;
	transition: border-color .15s ease-in-out;}

/* On mouse-over, add a grey background color */
 .form-check.radioinput:hover input ~ .checkmark, .form-check.radioinput span.checkmark.disabled  {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.form-check.radioinput input:checked ~ .checkmark {
  	background-color: #006F71!important;
	border: 1px solid #006F71!important;
}

/* make cursor pointer when mouseover the label and checkbox, add a padding left to the label*/
.form-check.radioinput, .form-check.radioinput .form-check-label{
	cursor: pointer;
	padding-left: 15px;
}
/* Show the indicator (dot/circle) when checked */
 .form-check.radioinput input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
 .form-check.radioinput .checkmark:after {
 	top: 8px;
	left: 8px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}


/**************************************************
	global styles
**************************************************/

.red { color: #cc0000; }

.bg-teal { background-color: #006F71!important; }
.bg-bronze { background-color: #A27752!important; }
.bg-lt-blue { background-color: #E9F2F5!important; }
.bg-lt-teal { background-color: #C7E9EE!important; }
.bg-dk-grey { background-color: #424242!important; }
.bg-md-grey { background-color: #B7BDBF!important; }
.bg-lt-grey { background-color: #E6E6E6!important; }
.bg-white { background-color: #FFFFFF!important; }
.bg-black { background-color: #000000!important; }
.bg-dk-red { background-color: #6C0D0F!important; }
.bg-disabled { background-color: #e9ecef!important }

.teal, .btn-link { color: #006F71!important; }
.bronze { color: #A27752!important; }
.lt-blue { color: #E9F2F5!important; }
.lt-teal { color: #C7E9EE!important; }
.dk-grey { color: #424242!important; }
.md-grey { color: #B7BDBF!important; }
.lt-grey{ color: #E6E6E6!important; }
.dk-red { color: #6C0D0F!important; }

.div-disabled-textarea-style{
    color: #495057;
    border: 1px solid #ced4da;
}

.btn-link {
	text-decoration: none;
}

.btn-link:hover {
	text-decoration: underline;
}

.fa.fagreen:hover, .fas.fagreen:hover, .far.fagreen:hover, a.teal:hover, .btn-link:hover {
	color: #A27752!important;
}

.ekko-lightbox{
	padding-left: 15px;
}

.pointer {cursor: pointer;}

.form_field_error { background: #ffffcc!important; }
.required_field { margin-right: 2px; color: #990000; }

select.input-mini.custom-select{
	width:auto;
	height: auto;
	padding: .1rem 1.75rem .1rem .75rem!important;
}

/* datepicker readonly is gray due to the readonly */
.datePicker[readonly], .datePicker1[readonly], .datePicker2[readonly], .datePicker3[readonly], .datePicker4[readonly], .datePicker5[readonly] {
	background-color: #fff;
}

html {
    scroll-behavior:smooth;
}