@import url("font/AlrightSansBold/styles.css");
@import url("font/AlrightSansRegular/styles.css");
@import url("font/AlrightSansThin/styles.css");

select.form-control-sm-full { 
	height: 50px;
  	border: solid 1px #7e7e7e; 
	border-radius: 0px; 
	color: #555; 
	background-color: transparent; 
	text-align: center;
	text-indent: 20px;
	
	-webkit-appearance: none;  /* Remove estilo padrão do Chrome */
	-moz-appearance: none; /* Remove estilo padrão do FireFox */
	appearance: none; /* Remove estilo padrão do FireFox*/
	width: 100%;
	background: url(/ConnectOdontoWeb/images/ico-seta-appearance_thin.gif) no-repeat;  /* Imagem de fundo (Seta) */
	background-position: right;  /*Posição da imagem do background*/
    background-position-x: 98%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
   
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-family: AlrightSans-Bold;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	padding-right: 25px;
	padding-top: 10px;

}

input[type=checkbox] {
	width: 20px;
    height: 20px;
}

li {
	width: fit-content !important;
}
.bg-info { 
	color: #006aa4 !important; 
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{ 
	color: #ff6d00;  
	border-bottom: 3px;
	border-bottom-color: #ff6d00 !important;
	
	font-family: AlrightSans-Regular;
}

.nav-tabs.nav-justified>li { 
	color: #ff6d00 !important;	
}

.nav.nav-tabs.nav-stacked.nav-justified {
	border-bottom: 2px solid #d1d1d1;
}


a { 
	font-size: 18px;
    color: #7e7e7e;
    text-decoration: none;
    background-color: transparent;
}

.slider::-webkit-slider-thumb {	
	-webkit-appearance: none; /* Override default look */ 
	appearance: none;	
	width: 15px; /* Set a specific slider handle width */ 
	height: 15px;	
	border-radius: 50%;	
	background: #005fc8; 	
	cursor: pointer; /* Cursor on hover */ 
}

.slider::-moz-range-thumb { 
	appearance: none; 
	width: 15px; /* Set a specific slider handle width */	
	height: 15px; 
	border-radius: 50%; 
	background: #005fc8; 
	cursor: pointer; /* Cursor on hover */ 
}

.form-control {
	height: 56px;
	border-radius: 0px;
	color: #555;
	background-color: transparent;
	border: 1px solid #ccc;
	font: 12px AlrightSans-Bold;
	box-sizing: border-box;
}

.form-control-sm {
	border-radius: 0px;
	color: #555;
	background-color: transparent;
	font: 12px AlrightSans-Bold;
	box-sizing: border-box;
	height: 60px;
  	border: solid 1px #7e7e7e;
}

.form-group {
	margin-bottom: 10px;
	padding-left: 0px;
	padding-right: 30px;
}

.placeholder_error::-webkit-input-placeholder {
	color: #F00;
	width: 100%;
	display: table-row;
}

btn, .btn-primary,.btn-primary:focus {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
	height: 30px;
	border: solid 1px #0039ba;
	margin: 4px;
	
	background-color: #fff;
	cursor: pointer;
	width: auto;
	border-radius: 0;
	min-width: 112px;
	font-family: AlrightSans-Bold;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 0.2px;
	color: #0039ba;
}

.btn-primary:hover {
    padding-top: 0px;
    padding-bottom: 0px;
	height: 30px;
	border: solid 1px #0039ba;
	margin: 4px;
    padding-left: 15px;
    padding-right: 15px;
	background-color: #0039ba;
	cursor: pointer;
	width: auto;
	font-size: 12px;
	border-radius: 0;
	min-width: 112px;
	font-family: AlrightSans-Bold;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 0.2px;
	color: #fff;
}


.subtitulo {
	border-bottom: 1px solid silver;
	float: left;
	margin: 40px 0;
	width: 100%;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 19.6px;
	font-weight: 600;
	color: #555;
	padding-bottom: 20px;
}

.subtitulo {
	border-bottom: 1px solid silver;
	float: left;
	margin: 40px 0;
	width: 100%;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 19.6px;
	font-weight: 600;
	color: #555;
	padding-bottom: 20px;
}

.panel {
	border: 0px;
	border-radius: 1px !important;
	border-bottom-color: transparent;
	background-color: transparent;
	box-shadow: unset;
}

.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 3px solid #ddd;
    
    font-family: AlrightSans-Bold !important;
}

.panel-footer {
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 10px;
    background-color: transparent;
    border-bottom: 1px solid #494949;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    text-align: left !important;
}

.modal-open .modal {
	padding-top: 5% !important;
}

.form-check-input {
	display: none;
	width: 16px;
	height: 14px;
	font-size: 16px;
	color: #0039ba;
	
	margin-left: 22px !important;
	
}

.form-check-input+label:after {
	border: 1px solid #b9b9b9;
    content: "\00a0";
    display: inline-block;
    font: 16px/1em sans-serif;
    height: 20px;
    margin: 0 .25em 0 0;
    padding:0;
    margin-left: 19px;
    vertical-align: top;
    width: 20px;
    border-radius:0px;
    position: absolute;
}

.form-check-input:checked+label:after {
	background: transparent;
    color: #0039ba;
    content: "\2713";
    text-align: center;
    margin-left: 19px;
    position: absolute;
    
}


label {
	margin-bottom: 0px;
	
	height: 16px;
	font-family: AlrightSans-Regular;
	font-size: 16px;
	font-weight: lighter;
	font-style: normal;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: normal;
	color: #494949;
}
/*Slider CSS definition*/
/* The slider itself */
.slider {
	-webkit-appearance: none; /* Override default CSS styles */
	appearance: none;
	width: 100%; /* Full-width */
	height: 10px;
	border-radius: 5px;
	background: #e8e8e8; /* Grey background */
	outline: none; /* Remove outline */
	opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
	-webkit-transition: .2s; /* 0.2 seconds transition on hover */
	transition: opacity .2s;
}
/* Mouse-over effects */
.slider:hover {
	opacity: 1; /* Fully shown on mouse-over */
}

input[type="range"] {
	width: 50%;
	display: inline-block;
}
/*Fim de Slider def.*/

/* Always set the map height explicitly to define the size of the div
	       * element that contains the map. */
#map {
	height: 100%;
}
/* Optional: Makes the sample page fill the window. */
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

#locationField, #controls {
	position: relative;
	width: 480px;
}

#autocomplete {
	position: relative;
	width: 100%;
	
	height: 50px;
  	border: solid 1px #7e7e7e; 
	border-radius: 0px; 
	color: #555; 
	background-color: transparent; 
	text-indent: 20px;
	padding-right: 10px;
	width: 100%;
	background: url(/ConnectOdontoWeb/images/ico-lupa.gif) no-repeat;  /* Imagem de fundo (Seta) */
	background-position: right 14px;
    background-position-x: 98%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
   
	font-size: 16px;
	font-weight: normal;
	font-family: AlrightSans-Bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
}

.autocomplete-filled {
	background: none !important;
	text-overflow: ellipsis;
}

input.form-control-sm-full {
	position: relative;
	width: 100%;
	
	height: 50px;
  	border: solid 1px #7e7e7e; 
	border-radius: 0px; 
	color: #555; 
	background-color: transparent; 
	text-indent: 20px;
	padding-right: 10px;
	padding-top: 10px;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
   
	font-size: 16px;
	font-family: AlrightSans-Bold;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
}


#address {
	border: 1px solid #000090;
	background-color: #f0f0ff;
	width: 480px;
	padding-right: 2px;
}

#address td {
	font-size: 10pt;
}

.field {
	width: 99%;
}

.slimField {
	width: 80px;
}

.wideField {
	width: 200px;
}

#locationField {
	height: 20px;
	margin-bottom: 2px;
}

/* Always set the map height explicitly to define the size of the div
	       * element that contains the map. */
#map {
	height: 100%;
}
/* Optional: Makes the sample page fill the window. */
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

#floating-panel {
	position: absolute;
	top: 10px;
	left: 25%;
	z-index: 5;
	background-color: #fff;
	padding: 5px;
	border: 1px solid #999;
	text-align: center;
	font-family: 'Roboto', 'sans-serif';
	line-height: 30px;
	padding-left: 10px;
}



fieldset {
	padding-top: 29px;
	margin: 0px !important;
	border: 0px;
}

.labelSlim {
	color: #9ca4b6;
	padding-left: 0px;
	font-weight: lighter;
	font-family: AlrightSans-Regular;
}

.nav-tabs.nav-justified>li>a {
    border-bottom: 0;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    border-radius: 4px 4px 0 0;
    margin-right: 0;
	text-align: start;
	font-weight: lighter;
	font-family: AlrightSans-Regular;
}
@media (min-width: 768px) {
	.nav-tabs.nav-justified>li>a {
	    margin-bottom: 0;
	}
}

.nav-tabs>li>a:hover {
    border-right: 0;
    border-left: 0;
    border-top: 0;
    color: #7e7e7e;
    font-weight: lighter;
}
.nav>li>a:focus, .nav>li>a:hover {
    background-color: transparent;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.form-group.col-md-6>.col-form-label.labelSlim {
	padding-top: 21px; 
} 
.form-group.col-md-4>.col-form-label.labelSlim {
	padding-top: 21px; 
} 
/*------------------------------*/
/*INPUTS*/

.input-control {
	display: block;
	font-size: 16px;
	font-weight: 400;
	background-color: transparent;
	padding: 8px 0;
	width: 100%;
	border-bottom: 1px solid;
	min-height: 35px;
	color: #003B78;
	border-color: rgba(0, 0, 0, .42);
	text-transform: uppercase;
}

.form-group>.control-label {
	position: absolute;
	left: 20px;
	right: 0;
	top: 23px;
	pointer-events: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
	font-weight: lighter;
	transition: 225ms;
	user-select: none;
	color: #d1d1d1;
}

.form-group>.control-label ~label::after {
	content: '*';
	margin-left: 2px;
}

.form-group>.control-label:focus ~label {
	color: #337ab7;
}

.form-group>.control-label:focus ~label::after {
	color: red;
}

.form-group>.control-label:focus {
	top: 0px;
	font-size: 10px;
}

.elevate {
	position: absolute !important;
	left: 20px !important;
	top: 6px !important;
	font-size: 10px !important;
	transition: 280ms ease !important;
}

/*CARDS RESULTADO*/

.maps, .maps:hover { 
	width: 120px; 
	height: 30px; 
	border: 1px solid #0039ba;
	
	background: url(/ConnectOdontoWeb/images/place_icon.gif) no-repeat !important; 
	background-position: left !important;  /*Posição da imagem do background*/
    background-position-x: 10%;
    background-color: transparent;
    margin-top: 21px;
    content: "Abrir Mapa";
    
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	
	font-family: AlrightSans-Bold;
	font-size: 14px;
	font-weight: bold;
	color: #0039ba;
    
}


.pagination > .page-item > a, .pagination > .page-item > a:focus, .pagination > .page-item > a:hover, .pagination > .page-item > span, .pagination > .page-item > span:focus, .pagination > .page-item > span:hover {
	padding-top: 0px;
    padding-bottom: 0px;
	height: 35px;
	width: 35px;
	border: solid 1px #e1e1e1;
	
	margin-right: 13px;
	
	background-color: transparent;
	cursor: pointer;
	width: auto;
	font-size: 12px;
	border-radius: 0;
	font-family: AlrightSans-Regular;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 0.2px;
	color: #e1e1e1;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {	
    height: 35px;
	width: 35px;
	
	border: solid 1px #0039ba;
	background-color: transparent;
	cursor: default;
	width: auto;
	border-radius: 0;
	font-family: AlrightSans-Regular;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 0.2px;
	color: #0039ba;
	
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.page-link {
	padding-top: 7px !important;
}
.panel-heading { 
	border-top-left-radius: 0px; 
	border-top-right-radius: 0px;	
	
	
}
.divisor {
	border: 1px solid #ddd;
	
	top:-1px;
	right: -1px;
	border-radius:0px;
	border-collapse: collapse;
 }
 .panelHeader {
 
 	border-radius:0px;
 	color: #999390; 
 	background-color: transparent; 
 	font-size: 24px; 
 	
 	width: 100%;
 	text-align:left; 
 	padding-top: 5px;
 	padding-bottom: 5px;
 	padding-left: 0px;
 	padding-right: 25px;
 	
 	text-align: start;
 	
 	font-family: AlrightSans-Light;
 }
 
 .row.match-my-cols {
    overflow: hidden; 
    border: 1px solid #e7e7e7;
	border-radius: 0px !important;
}

.row.match-my-cols [class*="col-"]{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}
 @media screen and (max-width: 480px) {
 	.panelHeader {
 		width: 100%
 	}
 	.form-group {
		padding-right: 0px;
	}
	
	.btn-danger, .btn-danger:hover {
		height: auto !important;		
	    position: relative !important;
	    
	}
	
	.btn-warning,.btn-warning:hover, .btn-warning:focus  {
	    position: initial !important;
	    background-color: #a54203 !important;
	    border-color: #a54203 !important;
	    border-radius: inherit !important;
	    width: 100% !important;
	}
 
 }
 .cards {
 	padding-bottom: 0px;
 	padding-left: 0px;
 	padding-right: 0px;
 	padding-top: 5px;
 	
 	font-family: AlrightSans-Regular;
 }	 
 
 option {
 	font-family: AlrightSans-Regular;
 }


.map-div {
}
.sub-div {
}

.btn-warning,.btn-warning:hover, .btn-warning:focus  {
	float:right;
	height: 25px;
	width: 94px;
	position: absolute;
    top: 0px;
    right: 0px;
	padding: initial;
	background-color: transparent;
	border-color: transparent;
	text-decoration: underline;
}

.btn-danger, .btn-danger:hover {
	height: 25px;
	width: 100%;
	
    top: 0px;
    left: 0px;
    position: absolute;
    background-color: #a54203;
    border-color: #a54203;
}

.bootstrap-dialog.type-primary .modal-header {
	background-color: transparent;
	border-color: transparent;
	border: 0px; 
	
}

.bootstrap-dialog .bootstrap-dialog-title {
	color: #0039ba;
	font-family: AlrightSans-Light;
	font-size: 20px;
}

.modal-header .close {
	color: #0039ba;
}

.modal-content {
	border-radius: 0px;
}

.error {
	list-style: none;
	height: 50px !important;
	margin: 0px !important;
	padding-top: 60px !important;
	font-family: AlrightSans-Light !important;
	color: #4d4d4d !important;
	text-align: center !important;
	font-size: 14px !important;
	font-weight: normal;
	background: url(../images/exclamation.gif) no-repeat !important;
	background-position: center !important;
}
.th-modal{
	color: #494949 !important;
	font-family: AlrightSans-Bold !important;
	font-size: 14px !important;
	background-color: transparent !important;
    border: 0px !important;
    text-align: -webkit-center !important;
	text-align: -moz-center !important;
}

.bootstrap-dialog.type-warning .modal-header {
	
	background-color: transparent;
	border-color: transparent;
	border: 0px; 
}

.modal-body {
	text-align: -webkit-center !important;
	text-align: -moz-center !important;
}

.img_cadeirante {
	position:absolute;
	right: 2%;
}