/***** TEXT *****/
.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;}
.tam13 {font-size: 13px;}
.tam14 {font-size: 14px;}
.tam15 {font-size: 14px;}
.tam16 {font-size: 16px;}
.tam18 {font-size: 18px;}
.tam20 {font-size: 20px;}
.tam30 {font-size: 30px;}
.tam40 {font-size: 40px;}
.tam50 {font-size: 50px;}
.tam60 {font-size: 60px;}

.inputLabel {
	text-transform: uppercase;
	margin-bottom: 2px;
	font-size: 11px;
	color: #333;
	font-weight: 700;
}

.radioButtonLabel {
	text-transform: lowercase;
	/*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 {
    color: #d9534f;
    /*font-weight: bold;*/
}

.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: 'Raleway', arial;
	font-size: 13px;
	font-style: normal;
	font-weight: normal !important;
	color: #333;
}

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

/***** AREAS *****/
.poweredby {
	background-color: #fff;
	border-radius: 1px;
	border: 1px solid #ced4da;
}

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

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

/***** TABLES *****/
.tblResp td {
	padding: 0.40rem;
}
.tblResp {
	font-size: 12px;
}
.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;
}

.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;
}


/***** 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: 2px;
	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: 14px;
	padding-top: 8px;
	padding-bottom: 8px;
}

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

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

/***** CALLOUTS & ALERTS *****/
.callout.callout-success {
    padding-top: 10px; 
    padding-bottom: 10px; 
	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;
}

.callout.callout-danger {
    padding-top: 10px; 
    padding-bottom: 10px; 
	background-color: rgba(217,83,79,0.1) !important;
	color: #000 !important;
	border-left: 5px solid #d9534f;
	margin-bottom: 5px;
	border-radius: 0 2px 2px 0;
}

.callout.callout-warning {
    padding-top: 10px; 
    padding-bottom: 10px; 
    background-color: rgba(240,173,78,0.1) !important;
	color: #000 !important;
	border-left: 5px solid #f0ad4e;
    margin-bottom: 5px;
}

.callout.callout-info {
    padding-top: 10px; 
    padding-bottom: 10px; 
	background-color: rgba(91,192,222,0.1) !important;
	color: #000 !important;
	border-left: 5px solid #5bc0de;
    margin-bottom: 5px;
}

.callout {
	border-radius: 0px;
}

.btnCloseAdjust {
	font-size: 2rem;
	font-weight: 500;
	margin-top: -8px;
}

/***** STATES *****/
.stateFillGreen {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	background-color: rgba(92,184,92,0.9);
	color: #fff;
	border: 1px solid #5cb85c;
	padding: 3px 16px;
	border-radius: 2px;
}
.stateLineGreen {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	background-color: #fff;
	color: #5cb85c;
	border: 1px solid #5cb85c;
	padding: 3px 16px;
	border-radius: 2px;
}

.stateFillRed {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	background-color: rgba(217,83,79,0.9);
	color: #fff;
	border: 1px solid #d9534f;
	padding: 3px 16px;
	border-radius: 2px;
}
.stateLineRed {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	background-color: #fff;
	color: #d9534f;
	border: 1px solid #d9534f;
	padding: 3px 16px;
	border-radius: 2px;
}

.stateFillBlue {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	background-color: rgba(51,122,183,0.9);
	color: #fff;
	border: 1px solid #337ab7;
	padding: 3px 16px;
	border-radius: 2px;
}
.stateLineBlue {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	background-color: #fff;
	color: #337ab7;
	border: 1px solid #337ab7;
	padding: 3px 16px;
	border-radius: 2px;
}

.stateFillYellow {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	background-color: rgba(236,151,31,0.9);
	color: #333;
	border: 1px solid #ec971f;
	padding: 3px 16px;
	border-radius: 2px;
}
.stateLineYellow {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	background-color: #fff;
	color: #ec971f;
	border: 1px solid #ec971f;
	padding: 3px 16px;
	border-radius: 2px;
}

.stateFillInfo {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	background-color: rgba(91,192,222,0.9);
	color: #fff;
	border: 1px solid #5bc0de;
	padding: 3px 16px;
	border-radius: 2px;
}
.stateLineInfo {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	background-color: #fff;
	color: #5bc0de;
	border: 1px solid #5bc0de;
	padding: 3px 16px;
	border-radius: 2px;
}

/***** 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: 500px;
    background-color: #cdcdcd;
}

/***** 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: 74px;
	height: 28px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px;
}
.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: 24px;
    width: 31px;
    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(39px);
    -ms-transform: translateX(39px);
	transform: translateX(39px);
}
.sliderBig.roundBig {
	border-radius: 2px;
}
.sliderBig.roundBig:before {
	border-radius: 1px;
}
@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: 2px;
	animation: sliderOn .5s;
}
.sliderBig.roundBig:after {
	border-radius: 1px;
	content: 'OFF';
	color: white;
	margin-right: 3px;
	position: absolute;
	right: 6px;
	top: 2px;
	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;
}

/***** ADMINLTE OVERRIDE *****/
.small-box .icon {
	font-size: 80px;
}
.small-box:hover .icon {
	font-size: 90px;
  }

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

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

.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 : 2px;
}

.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 : 2px;
}

.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: 24px;
	border-radius : 2px;
}
.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;
}

.btnOptionInfo {
	cursor: pointer;
	background-color: transparent;
	border:1px solid transparent;
	padding: 2px 3px;
	color: #31b0d5;
	font-size: 24px;
	border-radius : 2px;
}
.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;
}

.btnOptionWarning {
	cursor: pointer;
	background-color: transparent;
	border:1px solid transparent;
	padding: 2px 3px;
	color: #ec971f;
	font-size: 24px;
	border-radius : 2px;
}
.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;
}

.btnOptionDanger {
	cursor: pointer;
	background-color: transparent;
	border:1px solid transparent;
	padding: 2px 3px;
	color: #dc3545;
	font-size: 24px;
	border-radius : 2px;
}
.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;
}

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

@media screen and (max-width: 767px){
	.tableDiv {display: block;}
	.tableDivRow {display: block;}
	.tableDivCell {
		padding-top: 15px;
		display: block;
	}
}

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

/***** NICEFILEINPUT *****/
.nice {
	border: 1px solid #cdcdcd;
	background: #fff;
	font-family: 'Cabin', 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: 26px;
	line-height: 26px;
	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 {
	width: 250px;
	height: 26px;
	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 {width: 220px;}
}

@media screen and (max-width: 500px){
	.nice .NFI-filename {width: 200px;}
}

/***** BOOTSTRAP OVERRIDE *****/
.form-control {
	border-radius: 2px;
}

.btn {
	border-radius: 2px;
	font-weight: 500;
}

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

.custom-select {
	border-radius: 1px;
	box-shadow: none;
	cursor: pointer;
}


.nav-link.navspecial{
	padding: 0.70rem 1.5rem
}
.nav-tabs .nav-item .nav-link {
	font-family: 'Raleway', arial;
	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;
}

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

/***** 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.40em;
  	font-size: 16px !important;
}
/* number of lines showing*/
div.dataTables_wrapper div.dataTables_length label {
	font-size: 16px !important;
  }