/*

  http://www.profion.com.br

  Copyright (c) 2016 ProfiOn Tecnologia

  stylesheet.css

*/

/*
Azul escuro		 	#12617F   (hover)
Azul claro (intermediário) 	#1EBBDA   (header)
Azul claro (tab) 		#76c7db   (nav inverse)
Cinza			 	#c5c4c4
Verde claro		 	#b5f30A
Laranja de Alerta        	#dc6800
Vermelho (red) 			#ff0000
Buttons				#337ab7
*/

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */


/* === customizing font-awesome === */
.fa-normal-font {
	font-size:2em;
}

/* === customizing bootstrap === */

.modal { overflow: auto !important; } 

/* label font */
/* size of de labels */
/* decrease de height of labels line */
.form-group:not(.form-check-label) {
    margin-bottom: 0.3rem;
}
.form-check-label {
	margin-bottom: 0.3rem;
	line-height: 21px;
}	
.form-group-custom {
  .rounded_corners;
}
/* change table line original padding*/
.table td, .table th {
    padding: .3rem;
}
/* navigation color */
.page-item.active .page-link {
    background-color: #12617f;
}
.page-link {
    color: #12617f;
}
/* alert */
.alert .close {
	line-height: 0.75;
}

[id^=preview] input[type="text"]:disabled{background-color:#ffffff;}
[id^=preview] select:disabled {background-color:#ffffff;}
[id^=preview] textarea:disabled {background-color:#ffffff;}

/* remove bs style */
.remove-bs-style {
	all: unset;
	border:1px solid !important;
}

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

textarea {
    resize: vertical;
}

.remove-bs-style2 {

	outline: none;
	box-shadow:none !important;
	border:1px solid #ccc !important;
	
	-webkit-appearance:     none;
	-moz-appearance:        none;
	-ms-appearance:         none;
	-o-appearance:          none;
	appearance:             none;
	
	border-radius: 0px;
	outline: none;
	box-shadow:none !important;
	border:1px solid #ccc !important;
	
}

/* header navbar */
.navbar {
	margin-bottom: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}	
/* header navbar background */
.navbar-inverse {
	background-color: #1EBBDA !important;
	border-color: #1EBBDA !important;
	background-image: none !important; 
}  
/* header navbar button */
.navbar-inverse .navbar-toggle {
	background-color: #76c7db; 
	border-color: #76c7db;  /* 12617F; /* !important; */
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  	background-color: #12617F; 
}
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
	padding-right: 17px;
}

/* == bootstrap 4 == */

html {
    font-size: 14px;
} 
a {
	color: #337ab7;
}

/* end - customize bootstrap */


/* Move down content because we have a fixed navbar that is 50px tall */
body {
	padding-top: 51px; 
	font-family: "Hind",sans-serif;
	font-size: 13px;
	line-height: 1;   
	overflow-x: hidden;
	overflow-y:scroll;
}

.bodyContent {
	_min-height: 500px;
	min-height: calc(100vh - 240px);
}

.body_header {
	margin-top: 20px;
}

.header_funtions {
	margin-top: 15px;
	color: #12617F;
}

.header_title {
	font-size: 14px;
	padding-top: 5px;
	line-height: 1.8;
}

#message {
	background-color: #ffffff;
}
     
#wrapper {
	background-color: #ffffff;
}

#logo {
	padding:0px;
	margin-top: -5px;
	margin-bottom: -5px;
	height: 40px;
}

::placeholder {
  color: #dc6800 !important;
  font-size: 0.6rem;
  text-transform: uppercase;
}


/* === bootstrap 4 light buttons ===*/

.btn-light {
  color: #212529;
  background-color: #337ab7;
  border-color: #337ab7;
}

.btn-light.disabled, .btn-light:disabled {
  color: #212529;
  background-color: #337ab7;
  border-color: #337ab7;
}

.btn-outline-light {
  color: #337ab7;
  border-color: #337ab7;
}

.btn-outline-light:hover {
  color: #212529;
  background-color: #337ab7;
  border-color: #337ab7;
}

.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #337ab7;
  background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #337ab7;
  border-color: #337ab7;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}


/* === bootstrap 4 primary buttons === */ 
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
    background-color: #12617F !important;
}


/* === customizing datepicker === */

.datepicker{
	/* old value == 9999 */
	z-index:1100 !important
}

/* == bootstrap 4 == */
.datepicker table {
    --box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2) !important;
}

label:not(.form-check-label){
   font-size: 10px;
   margin-bottom: .1rem;
   margin-left: .4rem;
}

.__btn {
	padding: 8.5px 12px; !important;
}	

.btn_line {
	color: #337ab7;
}	


.line_action_cell {
	text-align: right; 
}

.line_action_cell > a {
	padding: 2px;
}

.tools-buttons > a { 
	padding: 4px;
}

.dt_Content > input {
	height: 19px;
}

.tools-buttons {
	padding-top: 5px;
}

.table_tools {
	background-color: #E0E0E0;
	color: #12617F;
	line-height: 2;
}

.footer {
	color: #fefefe;
}

#div_footer {
	background-color: #12617F; 
	width:100%; 
	/* height:300px; */
}

a.splitPageLink {
	border:1px solid #12617F;
	color: #12617F;
	margin-left: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	 font-weight: bold;
	padding: 0px 5px 0px 5px;
	transition: all 0.3s linear;
}

a.splitPageLink:hover {
	font-weight: bold;
	background: #1EBBDA;
	text-decoration: none;
	color:#fff;
}

a.splitCurrentPageLink {
	border:1px solid #12617F;
	background: #12617F;
	color: #FFFFFF;
	margin-left: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight: bold;
	padding: 0px 5px 0px 5px;
	transition: all 0.3s linear;
}

a.splitCurrentPageLink:hover  {
	font-weight: bold;
	text-decoration: none;
}

/* ==== Colors ==== */

.red {
	color: red;
}	

.green {
	color: green;
}

.yellow {
	color: #f58f06;
}

.blue {
	color: #1EBBDA;
}

.dark-blue, .fa-button-line, .button-line {
	color: #12617F;
}

.light-green {
	color: #b5f30A;
}

.orange {
	color: #dc6800;
}

.white {
	color: #ffffff;
}

.gray {
	color: #808080;
}

.light-gray {
	color: #cccccc;
}

/* label */

.label_new {
	color: white;
	background-color: red;
	padding: 2px;
}


/* Dropdown Button */
.dropbtn {
	background-color: #4CAF50;
	color: white;
	padding: 16px;
	font-size: 16px;
	border: none;
	cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
	background-color: #3e8e41;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: relative;
	display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	right: 10px;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
	color: black;
	padding: 6px 8px;
	text-decoration: none;
	display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* graphics */

div.centre {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.infowindow {
  font-size:10px;
  font-weight:bold;
}
.infowindowText {
  font-size:12px;
  font-weight:bold;
}
.infowindowValue {
  font-size:11px;
  font-weight:bold;
}

.dash-label {
  font-size: 10px;
  font-weight: bold;
}
.dash-content {
  font-size: 12px;
  font-weight: bold;
  color: #000099;
}

#route_legend {
	line-height: 1.3;
}

/* search fields */

.search_field {

}

.search_field_on {
	border: 2px solid #dc6800;;
}


/* === CSS FOR OTHER MEDIA SIZES === */

/* Small devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .fa-normal-font {
    	font-size:1em;
  }
}

/* Medium devices (desktops, 992px and up) */
@media only screen and(min-width: 992px) {

}

/* Large devices (large desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

}


/* ===  Spinner Button === */

@media ( max-width: 585px ) {
    .input-group span.input-group-btn,.input-group input,.input-group button{
        display: block;
        width: 100%;
        border-radius: 0;
        margin: 0;
    }
    .input-group {
        position: relative;   
    }
    .input-group span.data-up{
        position: absolute;
        top: 0;
    }
    .input-group span.data-dwn{
        position: absolute;
        bottom: 0;
    }
    .form-control.text-center {
        margin: 34px 0;
    }
    .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group{
        margin-left:0;
    }
    .header_funtions {
	margin-top:0px;
    }

}

/* === CUSTOMIZE SUMMERNOTE == */
.note-editor.fullscreen {
	background-color: white !important;
}

/* === sortable list */

.sortable-list {
	 list-style-type: none;
}

/* === features in order item */

.features {
	 color: red
}

/* bootstrap hack: fix content width inside hidden tabs */
.tab-content > .tab-pane,
.pill-content > .pill-pane {
display: block;     /* undo display:none          */
height: 0;          /* height:0 is also invisible */ 
overflow-y: hidden; /* no-overflow                */
}
.tab-content > .active,
.pill-content > .active {
height: auto;       /* let the content decide it  */
} /* bootstrap hack end */


#orders_pay_code option:disabled {
  color: red;
}