/***** TEXT *****/
.textSans {font-family: 'Source Sans Pro', sans-serif;}
.textLato {font-family: 'Lato', sans-serif;}

.textBold {font-weight: bold;}
.textNormal {font-weight: normal;}
.textLight {font-weight: 300;}

.textItalic {font-style: italic;}

.textCenter {text-align: center;}
.textLeft {text-align: left;}
.textRight {text-align: right;}
.textJustify {text-align: justify;}

.textUp {text-transform: uppercase;}
.textDown {text-transform: lowercase;}

.textCursor {cursor:pointer;}

.textUnder {text-decoration: underline;}

.line15 {line-height: 1.5em;}
.line2 {line-height: 2em;}
.tam8 {font-size: 8px;}
.tam9 {font-size: 9px;}
.tam10 {font-size: 10px;}
.tam11 {font-size: 11px;}
.tam12 {font-size: 12px;}
.tam13 {font-size: 13px;}
.tam14 {font-size: 14px;}
.tam15 {font-size: 15px;}
.tam16 {font-size: 16px;}
.tam17 {font-size: 17px;}
.tam18 {font-size: 18px;}
.tam19 {font-size: 19px;}
.tam20 {font-size: 20px;}
.tam22 {font-size: 22px;}
.tam24 {font-size: 24px;}
.tam26 {font-size: 26px;}
.tam28 {font-size: 28px;}
.tam30 {font-size: 30px;}
.tam40 {font-size: 40px;}
.tam46 {font-size: 46px;}
.tam50 {font-size: 50px;}
.tam60 {font-size: 60px;}

.inputLabel {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: bold !important;
	text-transform: uppercase;
	margin-bottom: 2px;
	font-size: 12px;
	color: #444 !important;
}

.dark-mode .inputLabel {
	font-family: 'Source Sans Pro', sans-serif;
	text-transform: uppercase;
	margin-bottom: 2px;
	font-size: 12px;
	color: #fff !important;
}

.inputLabelModal {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: bold !important;
	text-transform: uppercase;
	margin-bottom: 0px;
	font-size: 12px;
	color: #444 !important;
}
.dark-mode .inputLabelModal {
	font-family: 'Source Sans Pro', sans-serif;
	text-transform: uppercase;
	margin-bottom: 0px;
	font-size: 12px;
	color: #fff !important;
}

.radioButtonLabel {
	text-transform: lowercase;
	/*margin-bottom: 2px;*/
	margin-right: 10px;
	font-size: 15px;
	color: #333;
	font-weight: normal !important;
	text-transform:capitalize;
}
.dark-mode .radioButtonLabel {
	text-transform: lowercase;
	/*margin-bottom: 2px;*/
	margin-right: 10px;
	font-size: 15px;
	color: #fff;
	font-weight: normal !important;
	text-transform:capitalize;
}
.radioButtonLabelUp {
	text-transform: uppercase;
	/*margin-bottom: 2px;*/
	margin-right: 10px;
	font-size: 13px;
	color: #333;
	font-weight: normal !important;
}
.radioButtonLabelNormal {
	text-transform: capitalize;
	/*margin-bottom: 2px;*/
	margin-right: 10px;
	font-size: 13px;
	color: #333;
	font-weight: normal !important;
}

.newradioButtonLabel {
	/*margin-bottom: 2px;*/
	margin-right: 10px;
	font-size: 13px;
	color: #333;
	font-weight: normal !important;
}

.textLink a{
    color: #666;
    text-decoration: none;
}
.textLink a:hover{
    color: #666;
    text-decoration: underline;
}

.textBaseLink a{
    text-decoration: none;
}
.textBaseLink a:hover{
    text-decoration: underline;
}

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently	supported by Chrome and Opera */
	/*cursor: default;*/
}

.txtObr {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
    font-weight: bold;
    color: #d9534f;
}

.txtError {
	color: #d9534f;
}

.txtExample {
    color: #999;
    font-size: 11px;
}

.titleLine {
    font-size: 12px;
	color: #337ab7;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
}

.titleHelp {
    font-size: 11px;
	color: #999;
	font-style: normal;
	font-weight: bold;
	text-align: left;
}

.hrtheme {
	margin-top: 1px;
	margin-bottom: 10px;
	border-top: 1px solid rgba(51,122,183,0.8);
}

.hrHelp {
	margin-top: 1px;
	margin-bottom: 10px;
	border-top: 1px solid rgba(153,153,153,0.8);
}

.textChkLabelSpecial {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal !important;
	color: #333;
}

/***** BACKGROUNDS *****/
.bg-lightgrey {
	background-color: #a6b6c4 !important;
	color: #000;
}
.bg-specialblue {
	background-color: #618fb8 !important;
	color: #fff;
}

/***** SPACES *****/
.specialBtn {
	padding-top: 25px;
}
@media (max-width: 768px) {
	.specialBtn {padding-top: 0px;}
}

/***** AREAS *****/
.poweredby {
	background-color: #fff;
	border-radius: 0.25rem;
	/*border: 1px solid #ced4da;*/
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
}

.tablesArea {
	overflow-y: auto;
	overflow-x: hidden;
}

.tablesShowArea {
	max-height:300px;
	overflow-y: auto;
	overflow-x: hidden;
}

/***** TABLES *****/
.tblResp {
	font-size: 0.9rem;
}
.tblResp td {
	padding: 0.20rem;
}
.tblResp th {
	text-align: center;
	text-transform: uppercase;
	font-size: 0.7rem;
	color: #444 !important
}
.dark-mode .tblResp th {
	text-align: center;
	color: #fff !important
}
.tblResp tbody tr td {
	vertical-align: middle;
}
.tblResp tbody tr:hover {
	/*background-color: rgba(0, 0, 0, 0.07) !important;*/
	background-color: rgba(0, 123, 255, 0.15) !important;
}

.tblModal {
	font-size: 0.9rem;
	width: 100%;
}
.tblModal td {
	padding: 0.10rem;
}
.tblModal th {
	text-align: center;
	text-transform: uppercase;
	font-size: 0.7rem;
	color: #444 !important;
	background-color: #e1e1e1;
	border: 1px solid #dcdcdc;
}
.dark-mode .tblModal th {
	text-align: center;
	color: #fff !important
}
.tblModal tbody tr td {
	vertical-align: middle;
	border: 1px solid #dcdcdc;
}
/*.tblModal tbody tr:hover {
	background-color: rgba(0, 123, 255, 0.15) !important;
}*/

.tblDateTime {
    width: 100%;
}
.tblDateTime td{
    padding-right: 10px;
}
.tblDateTime tr td:last-child{
    padding-right: 0px;
}

.titleDateTime {
    /*vertical-align: top;*/
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 17px;
}

.tblDataArea {
	max-height: 175px;
	overflow-y: auto;
}

.tblInputData {
	width: 100%;
	border: 1px solid #CDCDCD;
}

.tblInputData th {
	text-align: center;
	border: 1px solid #CDCDCD;
	border-collapse: collapse;
	background-color: #f4f4f4;
	
}

.tblInputData tbody tr td {
	text-align: center;
	border: 1px solid #CDCDCD;
	border-collapse: collapse;
}

.tblStart {
	width: 100%;
	font-size: 0.90rem;
}
.tblStart th {
	font-family: 'Source Sans Pro', sans-serif;
	text-align: center;
	font-weight: bold;
	color: #555;
	padding: 5px;
}
.dark-mode .tblStart th {
	font-family: 'Source Sans Pro', sans-serif;
	text-align: center;
	font-weight: bold;
	color: #fff;
	padding: 5px;
}
.tblStart td {
	padding: 5px;
}

.tblBoxSticky {
	font-size: 16px;
	border-collapse: collapse;
	width: 100%;
}
.tblBoxSticky th {
	text-align: center;
	background-color: #fff;
	text-transform: uppercase;
	font-size: 0.75rem;
	position: sticky; 
	top: 0; 
	box-shadow: 0 2px 2px -1px rgba(32,33,36,0.28)
}
.tblBoxSticky td {
	padding: 0.30rem;
	font-size: 0.9rem;
	border: 1px solid #f4f4f4;
}

.dark-mode .tblBoxSticky {
	font-size: 16px;
	border-collapse: collapse;
	width: 100%;
}
.dark-mode .tblBoxSticky th {
	text-align: center;
	background-color: #343a40;
	color: #fff;
	text-transform: uppercase;
	font-size: 0.75rem;
	position: sticky; 
	top: 0; 
	box-shadow: 0 2px 2px -1px rgba(32,33,36,0.28)
}
.dark-mode .tblBoxSticky td {
	padding: 0.30rem;
	font-size: 0.9rem;
	border: 1px solid #f4f4f4;
}

.tblTheme td {
	padding-top: 10px;
}

.tblBoxStickyStart {
	border-collapse: collapse;
	width: 100%;
	font-size: 0.80rem;
}
.tblBoxStickyStart th {
	text-align: center;
	background-color: #FFF;
	/*border: 1px solid #dee2e6;*/
	position: sticky; 
	top: 0; 
	box-shadow: 0 2px 2px -1px rgba(32,33,36,0.28);
	z-index: 100;
}
.tblBoxStickyStart td {
	padding: 0px 5px;
	height: 35px;
}

.tblBoxStickyRel {
	border-collapse: collapse;
	width: 100%;
	font-size: 1rem;
}
.tblBoxStickyRel th {
	text-align: center;
	background-color: #f4f4f4;
	/*border: 1px solid #dee2e6;*/
	position: sticky; 
	top: 0; 
	box-shadow: 0 2px 2px -1px rgba(32,33,36,0.28);
	z-index: 100;
	font-size: .8rem;
	text-transform: uppercase;
}
.tblBoxStickyRel td {
	padding: 0px 5px;
	height: 35px;
	vertical-align: middle;
}




.tblSmooth {
	font-size: 0.9rem;
	width: 100%;
}
.tblSmooth td {
	padding: 0.10rem;
}
.tblSmooth th {
	text-align: center;
	text-transform: uppercase;
	font-size: 0.7rem;
	color: #444 !important;
	background-color: #e1e1e1;
	border: 1px solid #dcdcdc;
}
.dark-mode .tblSmooth th {
	text-align: center;
	color: #fff !important
}
.tblSmooth tbody tr td {
	vertical-align: middle;
	border: 1px solid #dcdcdc;
}
.tblSmooth tbody tr:hover {
	background-color: rgba(0, 123, 255, 0.15) !important;
}

.tblSmoothSolo {
	font-size: 0.9rem;
	width: 100%;
}
.tblSmoothSolo td {
	padding: 0.10rem;
}
.tblSmoothSolo th {
	text-align: center;
	text-transform: uppercase;
	font-size: 0.7rem;
	color: #444 !important;
	background-color: #e1e1e1;
	border: 1px solid #dcdcdc;
}
.dark-mode .tblSmoothSolo th {
	text-align: center;
	color: #fff !important
}
.tblSmoothSolo tbody tr td {
	vertical-align: middle;
	border: 1px solid #dcdcdc;
}


/***** USER AREA *****/
.userCOntentArea {
	padding: 16px 0 !important;
}
.userCOntentArea h5{
	text-align: center;
}
.userCOntentArea hr{
	background-color: #4b545c !important;
}

.usernewlink {
	padding-left: 10px;
	font-size: 0.95rem;
	color: rgba(255,255,255,0.7) !important;
	border-radius: 0px !important;
}
.usernewlink:hover {
	color: rgba(255,255,255,1) !important;
	background-color: rgba(255,255,255,0.2) !important;
}

.noimageselect {
	outline: none !important;
}

.userimageshow {
	width: 40px;
	border: 1px solid rgba(0, 0, 0, 0.7);
	padding: 2px;
}
.userimageshow:hover, .userimageshow:focus {
	border: 1px solid rgba(0, 0, 0, 1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
}

.userimagepermant {
	border: 1px solid rgba(0, 0, 0, 1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
}

.userImageDropdown {
	width: 80px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.22), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
}

.userDropdown {
	border-radius: 0.25rem;
	background-color: #343a40;
	color: #fff;
	min-width: 300px;
}
@media screen and (max-width: 767px){
	.userDropdown {min-width: 240px;}
}

.userDropdownTitle {
	color: #fff;
	text-align: center;
	font-weight: 300 !important;
	font-size: 1.25rem;
	line-height: 1.5;
	white-space: nowrap;
	border-bottom: 1px solid #4b545c;
	background-color: #73B7FF;
}

.userDropdownItem {
	color: #fff;
	font-size: 16px;
	padding-top: 8px;
	padding-bottom: 8px;
}

/***** INPUT *****/
.specialInput {
	width: 100%;
	border: none;
}

/***** DATAPICKER *****/
.datepicker {
    border-radius: 0;
}

/***** CALLOUTS & ALERTS *****/
.callout.callout-success {
    padding-top: 12px; 
    padding-bottom: 12px; 
	background-color: rgba(92,184,92,0.1) !important;
	/*background-color: #fff !important;*/
	color: #000 !important;
	/*border: 1px solid #5cb85c;*/
	border-left: 5px solid #5cb85c;
	margin-bottom: 5px;
	border-radius: 0 0.25rem 0.25rem 0;
}
.dark-mode .callout.callout-success {
    padding-top: 12px; 
    padding-bottom: 12px; 
	background-color: rgba(92,184,92,0.5) !important;
	/*background-color: #fff !important;*/
	color: #fff !important;
	/*border: 1px solid #5cb85c;*/
	border-left: 5px solid #5cb85c;
	margin-bottom: 5px;
	border-radius: 0 0.25rem 0.25rem 0;
}

.callout.callout-danger {
    padding-top: 12px; 
    padding-bottom: 12px; 
	background-color: rgba(217,83,79,0.1) !important;
	color: #000 !important;
	border-left: 5px solid #d9534f;
	margin-bottom: 5px;
	border-radius: 0 0.25rem 0.25rem 0;
	
}
.dark-mode .callout.callout-danger {
    padding-top: 12px; 
    padding-bottom: 12px; 
	background-color: rgba(217,83,79,0.5) !important;
	color: #fff !important;
	border-left: 5px solid #d9534f;
	margin-bottom: 5px;
	border-radius: 0 0.25rem 0.25rem 0;
}
.callout.callout-danger-local {
    padding-top: 6px; 
    padding-bottom: 6px; 
	background-color: rgba(217,83,79,0.1) !important;
	color: #000 !important;
	border-left: 5px solid #d9534f;
	margin-bottom: 5px;
	border-radius: 0 0.25rem 0.25rem 0;
}
.dark-mode .callout.callout-danger-local {
    padding-top: 6px; 
    padding-bottom: 6px; 
	background-color: rgba(217,83,79,0.5) !important;
	color: #fff !important;
	border-left: 5px solid #d9534f;
	margin-bottom: 5px;
	border-radius: 0 0.25rem 0.25rem 0;
}

.callout.callout-warning {
    padding-top: 12px; 
    padding-bottom: 12px; 
    background-color: rgba(240,173,78,0.1) !important;
	color: #000 !important;
	border-left: 5px solid #f0ad4e;
    margin-bottom: 5px;
	border-radius: 0 0.25rem 0.25rem 0;
}
.dark-mode .callout.callout-warning {
    padding-top: 12px; 
    padding-bottom: 12px; 
    background-color: rgba(240,173,78,0.5) !important;
	color: #000 !important;
	border-left: 5px solid #f0ad4e;
    margin-bottom: 5px;
	border-radius: 0 0.25rem 0.25rem 0;
}

.callout.callout-info {
    padding-top: 12px; 
    padding-bottom: 12px; 
	background-color: rgba(91,192,222,0.1) !important;
	color: #000 !important;
	border-left: 5px solid #5bc0de;
    margin-bottom: 5px;
	border-radius: 0 0.25rem 0.25rem 0;
}
.dark-mode .callout.callout-info {
    padding-top: 12px; 
    padding-bottom: 12px; 
	background-color: rgba(91,192,222,0.5) !important;
	color: #fff !important;
	border-left: 5px solid #5bc0de;
    margin-bottom: 5px;
	border-radius: 0 0.25rem 0.25rem 0;
}

.callout {
	border-radius: 0px;
	font-size: 15px;
}

.btnCloseAdjust {
	font-size: 2.4rem;
	font-weight: 500;
	margin-top: -11px;
}
.dark-mode .btnCloseAdjust {
	font-size: 2.4rem;
	font-weight: 500;
	margin-top: -11px;
	opacity: 1 !important;
}

/***** STATES *****/
.stateFillGreen {
	display: inline-block;
	font-size: 11px;
	font-weight: 500;
	background-color: rgba(42,168,118,0.9);
	color: #fff;
	border: 1px solid #2aa876;
	text-transform: uppercase;
	padding: 2px 12px;
	border-radius: 0.25rem;
	margin-left: 5px;
	margin-right: 5px;
}
.stateLineGreen {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	background-color: #fff;
	color: #2aa876;
	border: 1px solid #2aa876;
	padding: 2px 12px;
	border-radius: 0.25rem;
	margin-left: 5px;
	margin-right: 5px;
}
.dark-mode .stateLineGreen {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	background-color: rgba(42,168,118,0.1);
	color: #2aa876;
	border: 1px solid #2aa876;
	padding: 2px 12px;
	border-radius: 0.25rem;
	margin-left: 5px;
	margin-right: 5px;
}

.stateFillRed {
	display: inline-block;
	font-size: 11px;
	font-weight: 500;
	background-color: rgba(232,85,78,0.9);
	color: #fff;
	border: 1px solid #e8554e;
	text-transform: uppercase;
	padding: 2px 12px;
	border-radius: 0.25rem;
	margin-left: 5px;
	margin-right: 5px;
}
.stateLineRed {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	background-color: #fff;
	color: #e8554e;
	border: 1px solid #e8554e;
	padding: 2px 12px;
	border-radius: 0.25rem;
	margin-left: 5px;
	margin-right: 5px;
}
.dark-mode .stateLineRed {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	background-color: rgba(232,85,78,0.1);
	color: #e8554e;
	border: 1px solid #e8554e;
	padding: 2px 12px;
	border-radius: 0.25rem;
	margin-left: 5px;
	margin-right: 5px;
}

.stateFillBlue {
	display: inline-block;
	font-size: 11px;
	font-weight: 500;
	background-color: rgba(66,140,218,0.9);
	color: #fff;
	border: 1px solid #428cda;
	text-transform: uppercase;
	padding: 2px 12px;
	border-radius: 0.25rem;
	margin-left: 5px;
	margin-right: 5px;
}
.stateLineBlue {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	background-color: #fff;
	color: #428cda;
	border: 1px solid #428cda;
	padding: 2px 12px;
	border-radius: 0.25rem;
	margin-left: 5px;
	margin-right: 5px;
}
.dark-mode .stateLineBlue {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	background-color: rgba(66,140,218,0.1);
	color: #428cda;
	border: 1px solid #428cda;
	padding: 2px 12px;
	border-radius: 0.25rem;
	margin-left: 5px;
	margin-right: 5px;
}

.stateFillYellow {
	display: inline-block;
	font-size: 11px;
	font-weight: 500;
	background-color: rgba(255,210,101,0.9);
	color: #7e621d;
	border: 1px solid #ffd265;
	text-transform: uppercase;
	padding: 2px 12px;
	border-radius: 0.25rem;
	margin-left: 5px;
	margin-right: 5px;
	white-space: nowrap;
}
.stateLineYellow {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	background-color: #fff;
	color: #ffd265;
	border: 1px solid #ffd265;
	padding: 2px 12px;
	border-radius: 0.25rem;
	margin-left: 5px;
	margin-right: 5px;
	white-space: nowrap;

}
.dark-mode .stateLineYellow {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	background-color: rgba(255,210,101,0.1);
	color: #ffd265;
	border: 1px solid #ffd265;
	padding: 2px 12px;
	border-radius: 0.25rem;
	margin-left: 5px;
	margin-right: 5px;
	white-space: nowrap;
}

.stateFillInfo {
	display: inline-block;
	font-size: 11px;
	font-weight: 500;
	background-color: rgba(91,192,222,0.9);
	color: #fff;
	border: 1px solid #5bc0de;
	text-transform: uppercase;
	padding: 2px 12px;
	border-radius: 0.25rem;
	margin-left: 5px;
	margin-right: 5px;
}
.stateLineInfo {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	background-color: #fff;
	color: #5bc0de;
	border: 1px solid #5bc0de;
	padding: 2px 12px;
	border-radius: 0.25rem;
	margin-left: 5px;
	margin-right: 5px;
}
.dark-mode .stateLineInfo {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	background-color: rgba(91,192,222,0.1);
	color: #5bc0de;
	border: 1px solid #5bc0de;
	padding: 2px 12px;
	border-radius: 0.25rem;
	margin-left: 5px;
	margin-right: 5px;
}

.stateFillOilBlue {
	display: inline-block;
	font-size: 11px;
	font-weight: 500;
	background-color: rgba(16,119,146,0.9);
	color: #fff;
	border: 1px solid #107792;
	text-transform: uppercase;
	padding: 2px 12px;
	border-radius: 0.25rem;
	margin-left: 5px;
	margin-right: 5px;
}
.stateLineOilBlue {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	background-color: #fff;
	color: #107792;
	border: 1px solid #107792;
	padding: 2px 12px;
	border-radius: 0.25rem;
	margin-left: 5px;
	margin-right: 5px;
}
.dark-mode .stateLineOilBlue {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	background-color: rgba(16,119,146,0.1);
	color: #5bc0de;
	border: 1px solid #107792;
	padding: 2px 12px;
	border-radius: 0.25rem;
	margin-left: 5px;
	margin-right: 5px;
}

.stateFillViolet {
	display: inline-block;
	font-size: 11px;
	font-weight: 500;
	background-color: rgba(83,70,102,0.9);
	color: #fff;
	border: 1px solid #534666;
	text-transform: uppercase;
	padding: 2px 12px;
	border-radius: 0.25rem;
	margin-left: 5px;
	margin-right: 5px;
}
.stateLineViolet {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	background-color: #fff;
	color: #534666;
	border: 1px solid #534666;
	padding: 2px 12px;
	border-radius: 0.25rem;
	margin-left: 5px;
	margin-right: 5px;
}
.dark-mode .stateLineViolet {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	background-color: rgba(83,70,102,0.1);
	color: #534666;
	border: 1px solid #534666;
	padding: 2px 12px;
	border-radius: 0.25rem;
	margin-left: 5px;
	margin-right: 5px;
}

.stateFillOrange {
	display: inline-block;
	font-size: 11px;
	font-weight: 500;
	background-color: rgba(241, 156, 101, 0.9);
	color: #fff;
	border: 1px solid #f19c65;
	text-transform: uppercase;
	padding: 2px 12px;
	border-radius: 0.25rem;
	margin-left: 5px;
	margin-right: 5px;
}
.stateLineOrange {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	background-color: #fff;
	color: #f19c65;
	border: 1px solid #f19c65;
	padding: 2px 12px;
	border-radius: 0.25rem;
	margin-left: 5px;
	margin-right: 5px;
}
.dark-mode .stateLineOrange {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	background-color: rgba(241, 156, 101,0.1);
	color: #f19c65;
	border: 1px solid #f19c65;
	padding: 2px 12px;
	border-radius: 0.25rem;
	margin-left: 5px;
	margin-right: 5px;
}

.stateFillDarkGrey {
	display: inline-block;
	font-size: 11px;
	font-weight: 500;
	background-color: rgba(102,102,102,0.9);
	color: #fff;
	border: 1px solid #666;
	text-transform: uppercase;
	padding: 2px 12px;
	border-radius: 0.25rem;
	margin-left: 5px;
	margin-right: 5px;
}
.stateLineDarkGrey {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	background-color: #fff;
	color: #666;
	border: 1px solid #666;
	padding: 2px 12px;
	border-radius: 0.25rem;
	margin-left: 5px;
	margin-right: 5px;
}
.dark-mode .stateLineDarkGrey {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	background-color: rgba(102,102,102,0.1);
	color: #666;
	border: 1px solid #666;
	padding: 2px 12px;
	border-radius: 0.25rem;
	margin-left: 5px;
	margin-right: 5px;
}

.stateFillGrey {
	display: inline-block;
	font-size: 11px;
	font-weight: 500;
	background-color: rgba(205,205,205,0.9);
	color: #333;
	border: 1px solid #cdcdcd;
	text-transform: uppercase;
	padding: 2px 12px;
	border-radius: 0.25rem;
	margin-left: 5px;
	margin-right: 5px;
}
.stateLineGrey {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	background-color: #fff;
	color: #999;
	border: 1px solid #cdcdcd;
	padding: 2px 12px;
	border-radius: 0.25rem;
	margin-left: 5px;
	margin-right: 5px;
}
.dark-mode .stateLineGrey {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	background-color: rgba(102,102,102,0.1);
	color: #cdcdcd;
	border: 1px solid #cdcdcd;
	padding: 2px 12px;
	border-radius: 0.25rem;
	margin-left: 5px;
	margin-right: 5px;
}

.stateFillBrown {
	display: inline-block;
	font-size: 11px;
	font-weight: 500;
	background-color: rgba(133,68,66,0.9);
	color: #fff;
	border: 1px solid #854442;
	text-transform: uppercase;
	padding: 2px 12px;
	border-radius: 0.25rem;
	margin-left: 5px;
	margin-right: 5px;
}
.stateLineBrown {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	background-color: #fff;
	color: #854442;
	border: 1px solid #854442;
	padding: 2px 12px;
	border-radius: 0.25rem;
	margin-left: 5px;
	margin-right: 5px;
}
.dark-mode .stateLineBrown {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	background-color: rgba(133,68,66,0.1);
	color: #854442;
	border: 1px solid #854442;
	padding: 2px 12px;
	border-radius: 0.25rem;
	margin-left: 5px;
	margin-right: 5px;
}

.stateFillPetrolBlue {
	display: inline-block;
	font-size: 11px;
	font-weight: 500;
	background-color: rgba(10,123,131,0.9);
	color: #fff;
	border: 1px solid #0a7b83;
	text-transform: uppercase;
	padding: 2px 12px;
	border-radius: 0.25rem;
	margin-left: 5px;
	margin-right: 5px;
}
.stateLinePetrolBlue {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	background-color: #fff;
	color: #0a7b83;
	border: 1px solid #0a7b83;
	padding: 2px 12px;
	border-radius: 0.25rem;
	margin-left: 5px;
	margin-right: 5px;
}
.dark-mode .stateLinePetrolBlue {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	background-color: rgba(10,123,131,0.1);
	color: #0a7b83;
	border: 1px solid #0a7b83;
	padding: 2px 12px;
	border-radius: 0.25rem;
	margin-left: 5px;
	margin-right: 5px;
}


/***** MAPS *****/
.showmap {
	font-size: 38px;
	cursor: pointer;
	color: #007bff;
	-webkit-transition: .3s;
    transition: .3s;
}
.showmap:hover {
	color: #0069d9;
}
.showmapalt {
	font-size: 38px;
	cursor: pointer;
	color: #cdcdcd;
	-webkit-transition: .3s;
    transition: .3s;
}
.showmapalt:hover {
	color: #B3B3B3;
}

#mapid {
	width: 100%;
	height: 400px;
    background-color: #cdcdcd;
}

/***** INFO BOXES *****/
.newInfoBox {
	padding: 0;
}
.newInfoBoxIcon {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
.newInfoBoxLine {
	margin-top: 5px;
	margin-bottom: 5px;
	height: 2px;
}

.newInfoBoxlink {
	text-decoration: none;
	color: #FFF;
	-webkit-transition: .3s;
    transition: .3s;
}
.newInfoBoxlink:hover {
	text-decoration: none;
	color: #efefef;
}

.newInfoBoxlinkBlk {
	text-decoration: none;
	color: #666;
	-webkit-transition: .3s;
    transition: .3s;
}
.newInfoBoxlinkBlk:hover {
	text-decoration: none;
	color: #000;
	-webkit-transition: .3s;
    transition: .3s;
}

.dark-mode .newInfoBoxlinkBlk {
	text-decoration: none;
	color: #bdbdbd;
	-webkit-transition: .3s;
    transition: .3s;
}

.info-box .progress .progress-bar .newProgressInfo {
	background-color: #5bc0de !important;
}

.newInfoBoxTxtBlk {
	font-size: 0.85rem !important;
}

/***** SWITCH *****/
.switch {
    position: relative;
    display: inline-block;
    width: 46px;
	height: 24px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 13px;
}
.switch input { 
    opacity: 0;
    width: 0;
	height: 0;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
.slider:before {
    position: absolute;
	content: "";
	height: 20px;
    width: 12px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
	transition: .4s;
}
input:checked + .slider {
	background-color: #428bca;
}
input:focus + .slider {
	box-shadow: 0 0 1px #428bca;
	box-shadow:none !important;
    outline:0px !important;
}
input:checked + .slider:before {
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
	transform: translateX(30px);
}
.slider.round {
	border-radius: 2px;
}
.slider.round:before {
	border-radius: 1px;
}
@keyframes sliderOn {
	0% {color: transparent;}
	100% {color: #FFF;}
}
@keyframes sliderOff {
	0% {color: transparent;}
	100% {color: #FFF;}
}
input:checked + .slider.round:after {
	border-radius: 1px;
	content: 'ON';
	color: white;
	margin-right: 5px;
	position: absolute;
	left: 7px;
	top: 2px;
	animation: sliderOn .5s;
}
.slider.round:after {
	border-radius: 1px;
	content: 'OFF';
	color: white;
	margin-right: 3px;
	position: absolute;
	right: 1px;
	top: 2px;
	animation: sliderOff .5s;
}
.dark-mode .slider.round:after {
	border-radius: 1px;
	content: 'OFF';
	color: #555;
	margin-right: 3px;
	position: absolute;
	right: 1px;
	top: 2px;
	animation: sliderOffDark .5s;
}

.switchBig {
    position: relative;
    display: inline-block;
    width: 60px;
	height: 26px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 13px;
}
.switchBig input { 
    opacity: 0;
    width: 0;
	height: 0;
}
.sliderBig {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
.sliderBig:before {
    position: absolute;
	content: "";
	height: 22px;
    width: 21px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
	transition: .4s;
}
input:checked + .sliderBig {
	background-color: #428bca;
}
input:focus + .sliderBig {
	box-shadow: 0 0 1px #428bca;
	box-shadow:none !important;
    outline:0px !important;
}
input:checked + .sliderBig:before {
    -webkit-transform: translateX(35px);
    -ms-transform: translateX(35px);
	transform: translateX(35px);
}
.sliderBig.roundBig {
	border-radius: 3rem;
}
.sliderBig.roundBig:before {
	border-radius: 3rem;
}
@keyframes sliderOn {
	0% {color: transparent;}
	100% {color: #FFF;}
}
@keyframes sliderOff {
	0% {color: transparent;}
	100% {color: #FFF;}
}
@keyframes sliderOffDark {
	0% {color: transparent;}
	40% {color: transparent;}
	100% {color: #555;}
}
input:checked + .sliderBig.roundBig:after {
	border-radius: 1px;
	content: 'ON';
	color: white;
	margin-right: 5px;
	position: absolute;
	left: 12px;
	top: 3px;
	animation: sliderOn .5s;
}
.sliderBig.roundBig:after {
	border-radius: 1px;
	content: 'OFF';
	color: white;
	margin-right: 3px;
	position: absolute;
	right: 6px;
	top: 3px;
	animation: sliderOff .5s;
}

.dark-mode .sliderBig.roundBig:after {
	border-radius: 1px;
	content: 'OFF';
	color: #555;
	margin-right: 3px;
	position: absolute;
	right: 6px;
	top: 2px;
	animation: sliderOffDark .5s;
}






.switchCaract {
    position: relative;
    display: inline-block;
    width: 60px;
	height: 26px;
	font-family: sans-serif;
	font-size: 13px;
}
.switchCaract input { 
    opacity: 0;
    width: 0;
	height: 0;
}
.sliderCaract {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
.sliderCaract:before {
    position: absolute;
	content: "";
	height: 22px;
    width: 21px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
	transition: .4s;
}
input:checked + .sliderCaract {
	background-color: #428bca;
}
input:focus + .sliderCaract {
	box-shadow: 0 0 1px #428bca;
	box-shadow:none !important;
    outline:0px !important;
}
input:checked + .sliderCaract:before {
    -webkit-transform: translateX(35px);
    -ms-transform: translateX(35px);
	transform: translateX(35px);
}
.sliderCaract.roundCaract {
	border-radius: 3rem;
}
.sliderCaract.roundCaract:before {
	border-radius: 3rem;
}
@keyframes sliderOn {
	0% {color: transparent;}
	100% {color: #FFF;}
}
@keyframes sliderOff {
	0% {color: transparent;}
	100% {color: #FFF;}
}
@keyframes sliderOffDark {
	0% {color: transparent;}
	40% {color: transparent;}
	100% {color: #555;}
}
input:checked + .sliderCaract.roundCaract:after {
	border-radius: 1px;
	content: 'C';
	font-weight: bold;
	color: white;
	margin-right: 5px;
	position: absolute;
	left: 16px;
	top: 3px;
	animation: sliderOn .5s;
}
.sliderCaract.roundCaract:after {
	border-radius: 1px;
	content: 'NC';
	font-weight: bold;
	color: white;
	margin-right: 3px;
	position: absolute;
	right: 6px;
	top: 3px;
	animation: sliderOff .5s;
}



/***** ADMINLTE OVERRIDE *****/
.small-box .icon {
	font-size: 80px;
}
.small-box:hover .icon {
	font-size: 90px;
}
.info-box .info-box-content {
	line-height: 1;
}

/***** BUTTONS *****/
.btnAddLine {
	cursor: pointer;
	padding: 3px 10px;
	border: 1px solid #ddd;
	border-radius: 0.25rem;
}

.btnAddLine:hover {
	border: 1px solid #adadad;
	border-radius: 0.25rem;
}

.btn-default {
	color: #fff;
	background-color: #78828A;
	border-color: #78828A;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #5a6268;
  border-color: #5a6268;
}
.btn-default:hover {
	color: #fff;
	background-color: #5a6268;
	border-color: #5a6268;
}

.btnOptPrimary {
	cursor: pointer;
	background-color: transparent;
	border:1px solid transparent;
	padding: 4px 6px;
	color: #337ab7;
	font-size: 16px;
	font-weight:normal;
	font-style:normal;
	border-radius : 0.25rem;
}

.btnOptPrimary:hover {
	color: #337ab7;
	border:1px solid #337ab7;
	background-color: #fff;
	box-shadow: 1px 1px #C0C0C0;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
	-ms-transition: All 0.3s ease;
	transition: All 0.3s ease;
}

.btnOptDanger {
	cursor: pointer;
	background-color: transparent;
	border:1px solid transparent;
	padding: 4px 6px;
	color: #337ab7;
	font-size: 16px;
	font-weight:normal;
	font-style:normal;
	border-radius : 0.25rem;
}

.btnOptDanger:hover {
	color: #d9534f;
	border:1px solid #d9534f;
	background-color: #fff;
	box-shadow: 1px 1px #C0C0C0;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
	-ms-transition: All 0.3s ease;
	transition: All 0.3s ease;
}

.btnOptionPrimary {
	cursor: pointer;
	background-color: transparent;
	border:1px solid transparent;
	padding: 2px 3px;
	color: #337ab7;
	font-size: 22px;
	border-radius : 0.25rem;
}
.btnOptionPrimary:hover {
	color: #fff;
	border:1px solid #337ab7;
	background-color: #337ab7;
	box-shadow: 1px 1px #C0C0C0;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
	-ms-transition: All 0.3s ease;
	transition: All 0.3s ease;
}
.dark-mode .btnOptionPrimary:hover {
	color: #fff !important;
	border:1px solid #337ab7 !important;
	background-color: #337ab7 !important;
	box-shadow: 1px 1px #666;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
	-ms-transition: All 0.3s ease;
	transition: All 0.3s ease;
}

.btnOptionInfo {
	cursor: pointer;
	background-color: transparent;
	border:1px solid transparent;
	padding: 2px 3px;
	color: #31b0d5;
	font-size: 22px;
	border-radius : 0.25rem;
}
.btnOptionInfo:hover {
	color: #fff;
	border:1px solid #31b0d5;
	background-color: #31b0d5;
	box-shadow: 1px 1px #C0C0C0;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
	-ms-transition: All 0.3s ease;
	transition: All 0.3s ease;
}
.dark-mode .btnOptionInfo:hover {
	color: #fff !important;
	border:1px solid #31b0d5 !important;
	background-color: #31b0d5 !important;
	box-shadow: 1px 1px #666;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
	-ms-transition: All 0.3s ease;
	transition: All 0.3s ease;
}

.btnOptionWarning {
	cursor: pointer;
	background-color: transparent;
	border:1px solid transparent;
	padding: 2px 3px;
	color: #ec971f;
	font-size: 22px;
	border-radius : 0.25rem;
}
.btnOptionWarning:hover {
	color: #fff;
	border:1px solid #ec971f;
	background-color: #ec971f;
	box-shadow: 1px 1px #C0C0C0;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
	-ms-transition: All 0.3s ease;
	transition: All 0.3s ease;
}
.dark-mode .btnOptionWarning:hover {
	color: #fff !important;
	border:1px solid #ec971f !important;
	background-color: #ec971f !important;
	box-shadow: 1px 1px #666;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
	-ms-transition: All 0.3s ease;
	transition: All 0.3s ease;
}

.btnOptionDanger {
	cursor: pointer;
	background-color: transparent;
	border:1px solid transparent;
	padding: 2px 3px;
	color: #dc3545;
	font-size: 22px;
	border-radius : 0.25rem;
}
.btnOptionDanger:hover {
	color: #fff;
	border:1px solid #dc3545;
	background-color: #dc3545;
	box-shadow: 1px 1px #C0C0C0;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
	-ms-transition: All 0.3s ease;
	transition: All 0.3s ease;
}
.dark-mode .btnOptionDanger:hover {
	color: #fff !important;
	border:1px solid #dc3545 !important;
	background-color: #dc3545 !important;
	box-shadow: 1px 1px #666;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
	-ms-transition: All 0.3s ease;
	transition: All 0.3s ease;
}
.btnOptionDisabled {
	cursor: no-drop;
	background-color: transparent;
	border:1px solid transparent;
	padding: 2px 3px;
	color: #ababab;
	font-size: 22px;
	border-radius : 0.25rem;
}
.btnOptionDisabled:hover {
	color: #fff;
	border:1px solid #bababa;
	background-color: #bababa;
	box-shadow: 1px 1px #C0C0C0;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
	-ms-transition: All 0.3s ease;
	transition: All 0.3s ease;
}
.dark-mode .btnOptionDisabled:hover {
	color: #fff !important;
	border:1px solid #bababa !important;
	background-color: #bababa !important;
	box-shadow: 1px 1px #666;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
	-ms-transition: All 0.3s ease;
	transition: All 0.3s ease;
}

.btnChangeDetailsBlue {
	cursor: pointer;
	color: #007bff;
}
.btnChangeDetailsBlue:hover {
	color: #0069d9;
}
.btnChangeDetailsRed {
	cursor: pointer;
	color: #dc3545;
}
.btnChangeDetailsRed:hover {
	color: #c82333;
}

.fakeTblButtonPointer {
	color: #337ab7 !important;
	cursor: pointer !important;
}
.fakeTblButtonPointer:hover {
	color: #fff !important;
}

.fakeTblButtonPointerDanger {
	color: #dc3545 !important;
	cursor: pointer !important;
}
.fakeTblButtonPointerDanger:hover {
	color: #fff !important;
}

.fakeTblButtonNoDrop {
	color: #337ab7 !important;
	cursor: no-drop !important;
}
.fakeTblButtonNoDrop:hover {
	color: #fff !important;
}
.fakeTblButtonDisabled {
	font-size: 22px;
	padding: 2px 3px;
	color: #cdcdcd !important;
	cursor: no-drop !important;
}
.fakeTblButtonNoDropGrey {
	color: #999 !important;
	cursor: no-drop !important;
}
.fakeTblButtonNoDropGrey:hover {
	color: #fff !important;
}
.fakeTblButtonNoDropSuccess {
	cursor: no-drop !important;
	background-color: transparent;
	border:1px solid transparent;
	padding: 2px 3px;
	color: #449d44 !important;
	font-size: 22px;
	border-radius : 2px;
}
.fakeTblButtonNoDropDisabled {
	cursor: no-drop !important;
	background-color: transparent;
	border:1px solid transparent;
	padding: 2px 3px;
	color: #999 !important;
	font-size: 22px;
	border-radius : 2px;
}

.dashboardButtonPointer:hover {
	padding: 0px 2px !important;
}


.btnDeleteUser {
	font-size: 18px;
	color: #dc3545;
	cursor: pointer;
}
.btnDeleteUser:hover {
	color: #c82333;
}

.btn-tool-edit:hover {
	color: rgba(0,105,217,1);
}

.btn-tool-del:hover {
	color: rgba(200,35,51,1);
}

.btn-orange {
	background-color: rgb(248, 156, 94, 1);
	color: #fff;
}
.btn-orange:hover {
	background-color: rgb(232, 132, 66, 1);
	color: #fff;
}

.btnTimeline {
	border: 1px solid #cdcdcd;
	color: #999;
	border-radius: 0.25rem;
	padding: 5px 8px;
	background-color: #e1e1e1;
	margin-left: 10px;
	margin-right: 10px;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
	-ms-transition: All 0.3s ease;
	transition: All 0.3s ease;
}
.btnTimeline:hover {
	border: 1px solid #0069d9;
	color: #fff;
	background-color: #0069d9;
}

.btnLoginSpecial {
	font-size: 1.2rem !important;
	padding: 1.25rem 1.5rem !important;
}

/***** TABLEDIV *****/
.tableDiv {
	display: table;
	/*width: 100%;*/
}
.tableDivRow {
	display: table-row;
}
.tableDivCell {
	display: table-cell;
}
.tableDivCell50 {
	width: 50%;
	display: table-cell;
}

.cellNoSpaceUp {
	padding-top: 0px;
}

.cellMoreSpace {
	padding-left: 10px;
}

@media screen and (max-width: 767px){
	.tableDiv {display: block;}
	.tableDivRow {display: block;}
	.tableDivCell {
		padding-top: 15px;
		display: block;
	}
	.tableDivCell50 {
		width: 100%;
		padding-top: 15px;
		display: block;
	}
	.cellMoreSpace {padding-left: 0px;}
	.cellNoSpaceUp {padding-top: 0px;}
}

@media screen and (max-width: 767px){
	.tblRespCell {display: none;}
}
@media screen and (max-width: 576px){
	.tblRespCellExtra {display: none;}
}

/***** PASSWORD *****/
.showpassinput {
	border-right: 1px solid #fff;
}

.showpass {
	/*background-color: #DADFE4;*/
	background-color: #fff;
	border-left: 1px solid #fff;
	cursor: pointer;
	border-radius: 0.25rem;
}
/*.showpass:hover {
	background-color: #337ab7;
	color: #fff;
}*/


/***** TIME SELECT *****/
.btnTimeIcon {
	font-size: 20px;
	text-align: center;
	width: 100%;
	height: 26px;
	padding: 2px 6px;
}

.btnTimeSplit {
	font-family: 'Source Sans Pro Bold', sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	padding-left: 3px;
	padding-right: 3px;
}

input[data-type="timeinput"],
input[data-type="timeinput"]:hover,
input[data-type="timeinput"]:read-only,
input[data-type="timeinput"]:focus {
	font-family: 'Lato', 'Source Sans Pro', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	color: #333;
	background-color: transparent;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) inset;
	outline: 0 none;
	height: 38px;
	width: 38px;
	padding: 6px 6px;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 0.25rem;
}

/***** NICEFILEINPUT *****/
.nice {
	width: 100%;
	border: 1px solid #cdcdcd;
	border-radius: 0.25rem;
	background: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12px;
	display: block;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.nice:hover {
	border: 1px solid #007bff;
}
.nice .NFI-button {
	height: 32px;
	line-height: 32px;
	background: #cdcdcd;
	color: #444;
	width: 77px;
}
.nice .NFI-button:hover {
	background: #007bff;
	color: #fff;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.nice .NFI-filename {
	min-width: 250px;
	height: 32px;
	margin: 0;
	padding: 0;
	display: block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
}

@media screen and (max-width: 767px){
	.nice .NFI-filename {min-width: 100px;}
}

/***** ADMINLTE OVERRIDE *****/
/*.nav-pills .nav-link {
    border-radius: 0.25rem;
}*/

.dark-mode .main-footer {
	background-color: #fff;
}

.progress {
	border-radius: 0.25rem;
	/*background-color: #e9ecef;*/
	background-color: #dcdcdc;
}


/***** BOOTSTRAP OVERRIDE *****/
.form-control {
	border-radius: 0.25rem;
}

.btn {
	border-radius: 0.25rem;
	padding: 0.25rem 1.5rem;
}

.btn-tool {
	padding: .25rem .5rem !important;
}

.dropdown-toggle:after { 
	content: none;
}

.custom-select {
	border-radius: 0.25rem;
	box-shadow: none;
	cursor: pointer;
}

.appendForm {
	height: 38px;
	border-radius: 1px;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	border-left: none;
    cursor: pointer;
}

.card {
	border-radius: 0.25rem;
}
.card-footer {
	border-radius: 0.25rem;
}

/***** MODAL *****/
@media screen and (max-width: 1200px){
	.modalDialogExtra {min-width: 90vw !important;}
}

.newmodalcontent {
	border-radius: 0.25rem;
}

.modalSmallHeader {
	background-color: rgba(0,105,217,0.7);
	font-family: 'Source Sans Pro', sans-serif;
	color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
}
.modalSmallHeader h5{
	font-size: 15px !important;
	font-weight: bold;
	text-transform: uppercase;
}
.modalSmallHeaderGreen {
	background-color: rgba(33,136,56,0.7);
	font-family: 'Source Sans Pro', sans-serif;
	color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
}
.modalSmallHeaderGreen h5 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px !important;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
}
.modalSmallFooter {
	padding-top: 5px;
	padding-bottom: 5px;
}
.modalSmallHeaderRed {
	background-color: rgba(200,35,51,0.8);
	font-family: 'Source Sans Pro', sans-serif;
	color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
}
.modalSmallHeaderRed h5 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px !important;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
}
.modalSmallHeaderBlue {
	background-color: rgba(0,123,255,0.7);
	font-family: 'Source Sans Pro', sans-serif;
	color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
}
.modalSmallHeaderBlue h5 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px !important;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
}

.modal-dialog-header {
	background-color: rgba(0,105,217,0.8) !important;
	font-family: 'Source Sans Pro', sans-serif;
	color: #fff;
	padding-top: 8px;
	padding-bottom: 8px;
}

.modal-dialog-footer {
	padding-top: 3px;
	padding-bottom: 3px;	
}

.modal-extra {
	max-width: 1140px;
	margin: auto;
}

@media (max-width: 992px) {
	.modal-extra {
		max-width: 96% !important;
		margin: auto;
	}
}

.modal {
	top: 10px;
}

/***** NAV BARS *****/
.nav-link.navspecial{
	padding: 0.70rem 1.5rem
}
.nav-tabs .nav-item .nav-link {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #666;
    border-radius: 0;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #007bff;
}
.nav-tabs .nav-item .nav-link:focus {
    color: #007bff;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    color: #333;
}
.nav-tabs {
    border-bottom: 1px solid rgba(103,103,102,0.4);
}
.nav-tabs .nav-item .nav-link.active, .nav-tabs .nav-item .nav-link.active:hover {
    border-color: rgba(103,103,102,0.4) rgba(103,103,102,0.4) #fff;
}
.nav-tabs .nav-item .nav-link:hover {
	border-color: #e9ecef #e9ecef rgba(103,103,102,0.1);
}
.nav-link.active:hover {
	color: #0069d9;
}


/***** iCHECK OVERRIDE *****/
[class*="icheck-"] > input:first-child:disabled + input[type="hidden"] + label, [class*="icheck-"] > input:first-child:disabled + input[type="hidden"] + label::before, [class*="icheck-"] > input:first-child:disabled + label, [class*="icheck-"] > input:first-child:disabled + label::before {
	opacity: 1;
}

/***** DATATABLES OVERRIDE*****/
/* sorting icon*/
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
	top: 0.30em;
	font-size: 18px !important;
}
/* number of lines showing*/
div.dataTables_wrapper div.dataTables_length label {
	font-size: 16px !important;
}
/* show tasks in a hidden row*/
#tblMaster .showtasks {
	cursor: pointer;
	color: #c82333;
}

/*#tblMaster tr.shown .showtasks {
	cursor: pointer;
	color: #007bff;
}*/

.linkdatatable {
	color: #333;
}
.linkdatatable:hover {
	color: #000;
	text-decoration: underline !important;
}
.dark-mode .linkdatatable {
	color: #fff;
}
.dark-mode .linkdatatable:hover {
	color: #fff;
	text-decoration: underline !important;
}
@media screen and (max-width: 991px){
	.showtasks {display: none;}
}

.tblslider {
	display: none;
	width: 100%;
	max-height: 200px;
	padding-top: 0;
	overflow-x: auto !important;
	background-color:rgba(0, 123, 255, 0.08);
	overflow-y: auto;
}

.tblTasksHide{
	width: 100%;
	border: 1px solid #dee2e6;
	border-collapse: collapse;
}
.tblTasksHide th{
	text-align: center;
	padding: 0.25rem 0.75rem;
}
.tblTasksHide td{
	padding: 0.25rem 0.75rem;
}
@media screen and (max-width: 767px){
	.tblTasksHideSM {display: none;}
}
#tblMaster .tblTasksHide tbody tr:hover {
	background-color:rgba(108, 117, 125, 0.08) !important;
}

.mobileArrow {
	-moz-transition: transform .5s;
	-webkit-transition: transform .5s;
	transition: transform .5s;
}
.flip {
	transform: rotate(-180deg);
}

td.dt-nowrap { white-space: nowrap }

/***** DISABLE AREA *****/
[data-auth="false"] {
	display: none;
}

/***** INPUT *****/
input[data-type="fakeinput"],
input[data-type="fakeinput"]:hover,
input[data-type="fakeinput"]:read-only,
input[data-type="fakeinput"]:focus {
	font-family: 'Lato', 'Source Sans Pro', sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	color: #333;
	background-color: transparent;
	box-shadow: none;
	outline: 0 none;
	border: none;
	border-radius: 0px;
}

input[data-type="fakeinputart"],
input[data-type="fakeinputart"]:hover,
input[data-type="fakeinputart"]:read-only,
input[data-type="fakeinputart"]:focus {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 0.9rem;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	color: #333;
	background-color: transparent;
	box-shadow: none;
	outline: 0 none;
	border: none;
	border-radius: 0px;
}

input[data-type="fakeinputmodal"],
input[data-type="fakeinputmodal"]:hover,
input[data-type="fakeinputmodal"]:read-only,
input[data-type="fakeinputmodal"]:focus {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1rem;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	color: #333;
	background-color: transparent;
	box-shadow: none;
	outline: 0 none;
	border: none;
	border-radius: 0px;
	margin: 0;
	margin-top: -8px;
	padding: 0;
	line-height: 1;
}

input[data-type="tableinput"],
input[data-type="tableinput"]:hover,
input[data-type="tableinput"]:read-only,
input[data-type="tableinput"]:focus {
	width: 100%;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1rem;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	color: #333;
	background-color: transparent;
	box-shadow: none;
	outline: 0 none;
	border: none;
	padding: 0.2rem 0.3rem !important;
}

input[data-type="baseinput"] {
	font-family: 'Lato', arial;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	color: #333;
	background-color: transparent;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) inset;
	outline: 0 none;
	height: calc(2.25rem + 2px);
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 2px;
	-webkit-transition: .3s;
    transition: .3s;
}
input[data-type="baseinput"]:hover {
	border: 1px solid rgba(0,0,0,0.4);
}
input[data-type="baseinput"]:focus {
	border: 1px solid rgba(51,122,183,0.7);
}
input[data-type="baseinput"].is-invalid:hover {
	border: 1px solid #dc3545;
}

input[type="number"] {
	appearance: textfield;
	-moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button, 
input[type="number"]::-webkit-outer-spin-button { 
	-webkit-appearance: none; 
	margin: 0; 
}

/**** VALIDATION OVERRIDE *****/
.error.invalid-feedback {
	margin-top: 0;
}


/**** DASHBOARD CARD *****/

/***** RESUME CARD *****/
.resumeCardHeader {
	padding: 0.5rem 1.25rem;
}
.resumeCardTitle {
	font-size: 1rem;
}
.cardColorGrey {
	color: #adb5bd !important;
}
.cardColorRed {
	color: #dc3545 !important;
}
.cardColorRed:hover {
	color: #c82333 !important;
}
.cardColorBlue {
	color: #007bff !important;
}
.cardColorBlue:hover {
	color: #0069d9 !important;
}

.newHeader {
	padding: 0.4rem 1.25rem;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1rem;
	color: #007bff;
}

/***** BVL LETTERS *****/
.bvlSmall {
	display: none;
}

@media screen and (max-width: 768px){
	.bvlSmall {
		display: inline;
	}
	.bvlBig {
		display: none;
	}	
}

.specialIcons {
	padding: 0.25rem .5rem;
	border-radius: 0.25rem !important;
	font-size: 1.3rem;
}
.specialIcons i {
	font-size: 24px !important; 
}