/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the
 * later versions of this theme.
 *
 * We advise that you use use this CSS to override
 * SmartAdmin styles.
 *
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 *
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */


.tooltip-70 {
  min-width: 400px !important;
  background-color: black;
  text-align: left;
  padding: 15px;
}

.width-135 {
    width: 135px;
}
.select2-results {
   max-height: 400px;
}
.width-50 {
    width: 50px;
}

.width-50 {
    width: 50px !important;
}

.modal-100 {
    width: 100%;
}
.modal-90 {
    width: 90%;
}
.modal-80 {
    width: 80%;
}
.modal-75 {
    width: 70%;
}
.modal-70 {
    width: 70%;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-right-15 {
    margin-right: 15px;
}

.table-condensed.table>tbody>tr>td,
.table-condensed.table>tbody>tr>th,
.table-condensed.table>tfoot>tr>td,
.table-condensed.table>tfoot>tr>th,
.table-condensed.table>thead>tr>td,
.table-condensed.table>thead>tr>th {
   padding: 5px 5px !important;
}

.popover * {
    padding: 10px !important;
    width: : 100% !important;
}

.balao {
    margin-bottom: 5px;
    color: #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    line-height: 28px;
    font-size: 14px;
    text-align: center;
    left: 80px;
    top: 10px;
    z-index: 100;
    padding: 2px;
}
.txt-font-size-8 {
    font-size: 8px !important;
}
.txt-font-size-10 {
    font-size: 8px !important;
}
.txt-font-size-11 {
    font-size: 10px !important;
}
.txt-font-size-12 {
    font-size: 12px !important;
}
.txt-font-size-13 {
  font-size: 13px !important;
}
.txt-font-size-14 {
    font-size: 14px;
}
.txt-font-size-16 {
    font-size: 16px;
}
.txt-font-size-18 {
    font-size: 18px;
}
.txt-font-size-20 {
    font-size: 18px;
}
.txt-font-size-22 {
    font-size: 18px;
}

.reservas {
  max-height: 300px;
  transition: max-height 0.8s ease-in;
}

.reservas.reservas--hidden {
  max-height: 0;
  transition: max-height 0.8s ease-out;
  overflow: hidden;
}

.reservas.reservas--show {
  max-height: 300px;
  transition: max-height 0.8s ease-in;
  overflow: hidden;
}

.select2-hidden-accessible{
  color: #F5F5F5;
}
/*  IMAGENS DO PACIENTE
DROPZONE E SUPERBOX(GALERIA) */
.superbox-list img{
  width: 100%;
  height: 110px;
  border-radius: 3px;
  background:gainsboro;
}
.superbox-list button{
  width: 100%;
  margin:-45px 0 0 0;
  height: 25px;
}
.superbox-list .progress{
  margin:-25px 0 12px 0;
  height: 25px;
}
.superbox-list p{
  position: absolute;
  top: 0;
  margin-top: 5px;
  margin-left: 2px;
  max-width: 90%;
  overflow: hidden;
  white-space: nowrap;
}

/* ________________________________________________________________________ */

*{
	margin: 0px;
	padding: 0px;
}

.no-padding-td {
  padding: 6px 0px 5px 0px !important;
}

.ui-select-bootstrap>.ui-select-choices, .ui-select-bootstrap>.ui-select-no-choice {
  max-height: calc(100vh - 200px) !important;
}

.txt-color-blueEscuro {
  color: #0d0b5b !important;
}
.info-horario{
	background-color: rgba(73, 105, 73, 1);
  border-radius: 3px;
  color: white;
  font-weight: bold;
  padding: 5px;
  cursor: default;
}

.info-horario:focus,
.info-horario:hover{
	color: white;
	text-decoration: none;
}


.list-inline > li{
  padding: 5px;
}

.navbar {
  border-radius: 0;
}

.modal{
	z-index: 1100;
}

.p-tooltip-medico{
	margin-top: 5px;
	margin-bottom: 5px;
}

.span-tooltip-medico{
	display: block;
}

.table-responsive p{
	text-align: center;
}

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

.form-control-w100{
	width: 100% !important;
	border-radius: 0;
}

.mb15{
	margin-bottom: 15px;
}

/* estilos select, input e cabeçalho */
.bgColorClient{
	background-color: rgba(73, 105, 73, 0);
	border-top: 1px solid rgba(73, 105, 73, 0);
	border-left: 1px solid rgba(73, 105, 73, 0);
	border-right: 1px solid rgba(73, 105, 73, 0);
	border-bottom: 1px solid rgba(73, 105, 73, 0);
}



.selectEspecialistaProfissional{
	border: 1px solid rgba(73, 105, 73, 1);
  color: rgba(73, 105, 73, 1);
  text-align: right;
  width: 100%;
}

.labelInputDatapicker {
	color: rgba(73, 105, 73, 1);
	font-weight: normal;
	margin-left: 8px;
	margin-top: 6px;
	position: absolute;
}

.inputDatapicker{
	border: 1px solid rgba(73, 105, 73, 1);
	color: rgba(73, 105, 73, 1);
	text-align: right;
	width: 100% !important;
}

.subMenuCidades{
	margin: 0;
	margin-top:-1px;
	margin-bottom: 20px;
	padding: 10px 0;
	background-color: rgba(73, 105, 73, 0.2);
	border-top: 1px solid rgba(73, 105, 73, 0.2);
	border-left: 1px solid rgba(73, 105, 73, 0.2);
	border-right: 1px solid rgba(73, 105, 73, 0.2);
	border-bottom: 1px solid rgba(73, 105, 73, 1);
}

.subMenuCidades label{
	color: rgba(73, 105, 73, 1);
}

.btn-select{
	background-color: #fff;
  border: 1px solid #eee;
  margin-top: -1px;
  padding: 10px;
  width: 100%;
}

.p-info-consulta{
	margin:0px;
	padding:5px;
}

.span-info-consulta{
	font-weight: bold;
	margin-right: 10px;
}

.m0 {
	margin: 0px;
}

.p0{
	padding: 0px;
}

.p15 {
	padding: 15px;
}
.tbl-calendario p{
	margin: 0;
}

.td-unidade {
	background-color: rgba(73, 105, 73, 0.2);
}
.vertical-align{
	vertical-align: middle !important;
}

.size-input-form{
	width: 80%;
	margin-left: 10%;
	margin-bottom: 10px !important;
}

.ttBg{
	display: block;
	color: #496949;
  font-size: 120%;
  font-weight: bold;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}

.btn-info-sesi{
	border-radius: 0;
  font-weight: bold;
  margin-top: 20px;
  padding: 30px;
}

.p-info-espco{
	text-align: left !important;
}

.p-info-espco span{
	font-weight: bold;
}

.confirmacao h5{
	font-weight: bold;
	color: #496949;
}

.icon-estrutura{
	float: right;
}

.btn-sample {
  color: #ffffff;
  background-color: #496949;
  border-color: #496949;
}

.btn-sample:hover{
  color: #ffffff;
  background-color: #6A846A;
  border-color: #496949;
}

.btn-sample:focus,
.btn-sample:active,
.btn-sample.active,
.open .dropdown-toggle.btn-sample {
  color: #ffffff;
  background-color: #496949;
  border-color: #496949;
}

.btn-sample:active,
.btn-sample.active,
.open .dropdown-toggle.btn-sample {
  background-image: none;
}

.btn-sample.disabled,
.btn-sample[disabled],
fieldset[disabled] .btn-sample,
.btn-sample.disabled:hover,
.btn-sample[disabled]:hover,
fieldset[disabled] .btn-sample:hover,
.btn-sample.disabled:focus,
.btn-sample[disabled]:focus,
fieldset[disabled] .btn-sample:focus,
.btn-sample.disabled:active,
.btn-sample[disabled]:active,
fieldset[disabled] .btn-sample:active,
.btn-sample.disabled.active,
.btn-sample[disabled].active,
fieldset[disabled] .btn-sample.active {
  background-color: #496949;
  border-color: #496949;
}

.btn-sample .badge {
  color: #496949;
  background-color: #ffffff;
}
/******************************************/

.div-fieldset{
	border: 1px solid #496949;
	background-color: #ffffff;
}

.div-fieldset-gray{
	border: 1px solid rgba(191, 191, 191, 1);
	background-color: transparent;
	padding:10px;
}

.div-fieldset-gray p{
	color: rgba(0, 0, 0, 0.5);
}

button.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btn-font-color{
	color: #496949 !important;
	text-align: left !important;
}

.width-100 {
  width: 200px !important;
}

.fc-header-title h2{
  margin :0 !important;
  font-size:14px;
  font-weight:700;
  
}

.btn-cinza {
	color: #ffffff !important;
	background-color: #92a2a8 !important;
}

.btn-vermelho {
	color: #ffffff !important;
	background-color: #77021d !important;
}

.btn-preto {
	color: #ffffff !important;
	background-color: #333 !important;
}

.btn-laranja {
	color: #ffffff !important;
	background-color: #d06a14 !important;
}

.btn-verde {
	color: #ffffff !important;
	background-color: #5b835b !important;
}

.ui-datepicker td .ui-state-highlight{
	background-color: #496949 !important;
}
/******************************************/

.div-fieldset-modal{
	border-top: 2px solid rgba(73, 105, 73, 1);
	border-left: 1px solid rgba(191, 191, 191, 1);
	border-right: 1px solid rgba(191, 191, 191, 1);
	border-bottom: 1px solid rgba(191, 191, 191, 1);
	padding: 5px;
}
/******************************************/

.btn-sample-checkbox {
  color: rgba(191, 191, 191, 1);
  background-color: transparent;
  border-color: transparent;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}

.btn-sample-checkbox:hover{
  color: rgba(191, 191, 191, 1);
  background-color: transparent;
  border-color: transparent;
}

.btn-sample-checkbox:focus,
.btn-sample-checkbox:active,
.btn-sample-checkbox.active,
.open .dropdown-toggle.btn-sample-checkbox {
  color: rgba(191, 191, 191, 1);
  background-color: transparent;
  border-color: transparent;
}

.btn-sample-checkbox:active,
.btn-sample-checkbox.active,
.open .dropdown-toggle.btn-sample-checkbox {
  background-image: none;
}

.btn-sample-checkbox.disabled,
.btn-sample-checkbox[disabled],
fieldset[disabled] .btn-sample-checkbox,
.btn-sample-checkbox.disabled:hover,
.btn-sample-checkbox[disabled]:hover,
fieldset[disabled] .btn-sample-checkbox:hover,
.btn-sample-checkbox.disabled:focus,
.btn-sample-checkbox[disabled]:focus,
fieldset[disabled] .btn-sample-checkbox:focus,
.btn-sample-checkbox.disabled:active,
.btn-sample-checkbox[disabled]:active,
fieldset[disabled] .btn-sample-checkbox:active,
.btn-sample-checkbox.disabled.active,
.btn-sample-checkbox[disabled].active,
fieldset[disabled] .btn-sample-checkbox.active {
  background-color: transparent;
  border-color: transparent;
}

.btn-sample-checkbox .badge {
  color: rgba(191, 191, 191, 1);
  background-color: transparent;
}
/******************************************/
@media screen and (min-width: 50px) {
	.viewDesktop {display: none;}
	.viewMobile {display: block;}
}

@media screen and (min-width: 120px) {
	.viewDesktop {display: none;}
	.viewMobile {display: block;}
}

@media screen and (min-width: 240px) {
	.viewDesktop {display: none;}
	.viewMobile {display: block;}
}


@media screen and (min-width: 320px) {
	.viewDesktop {display: none;}
	.viewMobile {display: block;}
}

@media screen and (min-width: 480px) {
	.viewDesktop {display: none;}
	.viewMobile {display: block;}
}

@media screen and (min-width: 568px) {
	.viewDesktop {display: none;}
	.viewMobile {display: block;}
}

@media screen and (min-width: 700px) {
	.viewDesktop {display: none;}
	.viewMobile {display: block;}
}

@media screen and (min-width: 850px) {
	.viewDesktop {display: none;}
	.viewMobile {display: block;}
}

@media screen and (min-width: 992px) {
	.viewDesktop {display: block;}
	.viewMobile {display: none;}
}

@media screen and (min-width: 1200px) {
	.viewDesktop {display: block;}
	.viewMobile {display: none;}
}

section#escuta .row {
  margin-bottom: 15px;
}

section#escuta .form-horizontal .control-label {
  padding-top: 25px;
}

section#escuta h6 {
  margin-top: 155px;
}

section#escuta .swot-header {
  margin-bottom: -15px;
}

section#escuta .title-header > span {
  padding: 10px 0px;
  text-align: center;
  color: white;
  font-weight: 800;
  background-color: black;
  display: block;
}

section#escuta .title-header--green > span {
  background-color: #1c901c;
}

section#escuta .title-header--orange > span {
  background-color: #d06a14;
}

section#escuta .title-header--blue > span {
  background-color: #3593bf;
}

section#escuta .title-header--red > span {
  background-color: #b31919;
}

section#escuta label.title {
  color: #2c70bb;
  font-weight: bold;
  font-size: 14px;
}

section#escuta .info {
  background-color: #3276b1;
  color: white;
  padding: 4px 15px;
  font-size: 14px;
  margin-left: 10px;
}

section#escuta .radio {
  background-color: white;
  border: 1px solid #ccc;
  color: #555;
  padding: 0;
  font-size: 15px;
  text-transform: uppercase;
  margin: 0px 5px;
}

section#escuta .radio input {
  display: none;
}

section#escuta .radio label {
  font-weight: 800;
  /*text-align: center;*/
}
section#escuta .radio.selected {
  background-color: #3276b1;
  color: white;
  border: 1px solid #3276b1;
}

section#escuta .menu .radio label {
  font-size: 12px;
}

section#escuta .compreender button {
  margin-left: 15px;
}

.show-errors input.ng-invalid.ng-dirty.ng-touched, .show-errors select.ng-invalid.ng-dirty.ng-touched {
    /*border-color: #a90329;
    color: #a90329;
    background-color: #ffccca;*/
    color:#b94a48;border-color:#b94a48;background-color:#f2dede


  }
  .table-valign-middle > thead > tr > th,
  .table-valign-middle > tbody > tr > td {
    vertical-align: middle;
  }

  .table-valign-bottom > thead > tr > th,
  .table-valign-bottom > tbody > tr > td {
    vertical-align: bottom;
  }

  .fc-event {
    width: 82px !important;
    border-radius: 25px !important;
  }
  .fc-day-content {
    display: inline-block !important;
  }
  .tooltable th{
    font-weight: bolder;
  }
  .tooltable td, .tooltable th{
    text-align: left;
    padding: 0 5px 0 0 ;
  }
  .tooltable td:last-child, .tooltable th:last-child {
    padding: 0;
  }

.ui-select-bootstrap .ui-select-choices-row.active>span {
    background-color: #82bcf2 !important;
}
.th-padding-6 {
  border-bottom: 2px solid #ddd;
  padding: 6px 6px 6px 6px !important;
}
.th-not-padding-6 {
  border-bottom: 2px solid white;
  padding: 6px 6px 6px 6px !important;
}
.th-padding-10 {
  border-bottom: 2px solid #ddd;
  padding: 10px 10px 10px 10px !important;
}
.th-padding-15 {
  border-bottom: 2px solid #ddd;
  padding: 15px 10px 15px 10px !important;
}
.font-size-16 {
  font-size: 16px !important;
}
.th-bottom-grey {
  background-color: #f5f5f5 !important;
}
.not-bold {
  font-weight: normal !important;
}
.font-bold {
    font-weight:bold;
}
.padding-5 {
    padding: 5px !important;
}
.padding-8 {
    padding: 5px 10px !important;
}

.btn-azul {
  background-color: #08197e !important;
  border: 1px solid #08197e !important;
  color: #f5f5f5 !important;
}

.btn-color-white {
    background-color: #f5f5f5 !important;
    border: 1px solid #f5f5f5 !important;
}

.btn-color-black {
  background-color: #0e0c0c !important;
  border: 1px solid #5c5757 !important;
}

.popover {
  width: 300px !important;
}

.btn-pink {
  background-color: #a8829f !important;
  color: #f5f5f5 !important;
}

.btn-darck {
  background-color: #383434 !important;
  color: #f5f5f5 !important;
}
.btn-orange {
  background-color: #d06a14 !important;
  color: #f5f5f5 !important;
}


.bg-color-blue-ligth {
    background-color: #a5c5f7  !important;
}

.bg-color-brown {
    background-color: #913707 !important;
}

.bg-color-silver {
    background-color: #797a84 !important;
}

.ui-datepicker {
  z-index: 9999999 !important;
}

.modal-frente {
  z-index:1000000000;
  display: block;
}

.ui-datepicker .ui-datepicker-header {
  background-color: transparent;
  margin-bottom: 4px;
  padding: 0;
}

.ui-datepicker th {
  background-color: #f5f5f5;
  padding: 2px;
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
  margin-top: 0;
}

.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
  color: transparent;
  font-family: FontAwesome;
  margin-top: -7px;
}

.ui-datepicker .ui-datepicker-next span:before, .ui-datepicker .ui-datepicker-prev span:before {
  color: #333;
  margin-left: 3px;
}

.ui-datepicker .ui-datepicker-next span:before {
  content: "\f054";
}

.ui-datepicker .ui-datepicker-prev span:before {
  content: "\f053";
}

.ui-datepicker-year, .ui-datepicker-month {
  display: inline;
  width: 100%;
  height: 24px;
  padding: 2px 10px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #404040;
  background-color: #fff;
  background-image: none;
  border: 1px solid #BDBDBD;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  background-color: #F0F0F1;
  background-image: none;
  user-select: none;
  border: 1px solid #CCCCCC;
  color: #333333;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0.5em 0.2em 0.4em;
  padding: 1px 5px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}

.ui-datepicker .ui-datepicker-buttonpane button:hover,
.ui-datepicker .ui-datepicker-buttonpane button:focus,
.ui-datepicker .ui-datepicker-buttonpane button:active {
  background-color: #DBDBDB;
  border-color: #ADADAD;
  color: #333333;
  outline: 0;
}

.no-margin-bottom {
  margin-bottom: 0px !important;
}

@media print {
  #ui-datepicker-div { display:none; }
}
.ui-select-bootstrap .ui-select-choices-row.active>span {
    color: #333333 !important;
}

.select2-container.border-radius .select2-arrow {
  /*border-radius: 10px;*/
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  height: 32px;
  /*border: 2px solid pink;*/
}

.select2-container.border-radius:not(.select2-dropdown-open) a {
  border-radius: 10px;
}

.select2-container.select-sm {
  margin-top: 5px;
  font-size: 13px;
}

.select2-container.border-radius.select2-dropdown-open a {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

/*
.select2-search-choice-close {
  esse ajuste tah bug em /jogos/local_montar_agenda/118
  no select espaço
  margin-top: -1px;
  margin-right: 12px;
  background-image:url(../img/jqueryui/ui-icons_222222_256x240.png);
  background-position:-94px -128px;
}
*/

.smart-form .table label.checkbox{
  margin-top: -4px;
}

.smart-form .table th label.checkbox{
  margin-top: -20px;
}

table>thead>tr>th.th-scroll,
.table-condensed.table>thead>tr>th.th-scroll {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

table>thead>tr>th.th-scroll,
.table-bordered.table>thead>tr>th.th-scroll,
.table-bordered.table>thead>tr>th.th-fix-last,
.table-bordered.table>thead>tr>th:first-child {
  border-left-width: 0 !important;
}

.table-metas {
  background: #dbdd45;
  color: white;
}

.table-aprovadas {
  background: #7cdf88;
  color: white;
}

.table-aprovadas_andamento {
  background: #e36b1a;
  color: white;
}

.table-andamento {
  background: #1c3acc;
  color: white;
}

.table-reprovadas {
  background: #f28f8f;
  color: white;
}

.table-totais {
  background: #7d7d81;
  color: white;
}

.col-min-1 {
  float: left; 
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  box-sizing: border-box;
  width: 4%;
}

.col-min-1-5 {
  float: left; 
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  box-sizing: border-box;
  width: 12%;
}

.col-min-2 {
  float: left; 
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  box-sizing: border-box;
  width: 15%;
}


.col-min-3 {
  float: left; 
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  box-sizing: border-box;
  width: 17.50%;
}

.col-min-8-4 {
  float: left; 
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  box-sizing: border-box;
  width: 87%;
}

.col-min-1-6 {
  float: right; 
  padding-left: 3%;
  box-sizing: border-box;
  width: 12%;
}