/* =============================================================
   GENERAL STYLES
 ============================================================ */

@import url(https://fonts.googleapis.com/css?family=Lato); /* FREE GOOGLE FONT */
@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700);

.mb10{ margin-bottom: 10px}
.mb20{ margin-bottom: 20px}

.btn{
  border-radius: 5px;
  font-size: 16px;
  line-height: 16px;
}
.btn:hover{
  opacity: 0.7
}

.btn-default{
  background: #FFFFFF;
  background-image: none;
}

.header-col{
  padding: 20px
}


/**********************************/

*{
  font-weight: 300
}

body {
  font-family: 'Poppins', 'Arial', sans-serif;
	font-weight: 300;
	overflow-x: hidden;
	background-color: #fff;
	height: 100%;
  color: #3e5569;
  background-color: #eef5f9
}


h1{
  font-size: 60px;
	line-height: 60px;
	font-weight: 300;
	color: #4eaac8;
}

h2,h3,h4,h5,h6{
  font-weight: 300;
	color: #4eaac8;
  margin: 0px;
  padding: 10px
}

h5,h6{
  padding-top: 0px;
  color: #99abb
}

.content-wrapper {
    padding: 30px;
    min-height: calc(100vh - 250px);
	  background-color:#eef5f9;
}

.page-head-line {
  font-weight: 400;
  margin-bottom: 0.75rem;
  line-height: 30px;
  font-size: 21px;
  padding: 10px 0 20px 20px;
  margin: 0 -20px 20px -20px;
  border-bottom: 1px solid rgba(48,99,150,0.13);

}


.progress {
    height: 8px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}
.login-icon {
    height: 60px;
    width: 60px;
    padding: 13px;
    border-radius: 50%;
    font-size: 30px;
    margin-bottom: 20px;
    color: #fff;
    text-align: center;
    cursor:pointer;
    background-color:#f9b041;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
}
/* =============================================================
   HEADER SECTION STYLES
 ============================================================ */
header {

    text-align: right;
    box-shadow: 5px 0px 10px rgb(0 0 0 / 50%);
    background: #1e88e5;
    height: 70px;
    color: #FFFFFF;
    font-size: 18px
}


/* =============================================================
   LOGO SECTION STYLES
 ============================================================ */
 .navbar-toggle {
     background-color: #f9b041;
     border: 1px solid #fff;
 }

 .navbar {
   padding: 0px 20px;
   margin: 0px;
   background: white;
 }

.left-div {
padding-top: 10px
}
.left-div h1 {
  font-size: 36px;
  line-height: 40px;
  font-weight: 300;
  color: #4eaac8;
  text-transform: uppercase;
  text-align:left;
  padding: 0px 10px
}

.navbar-brand {
  display: inline-block;
  height: auto;
  padding-top: 30px;
  padding-bottom: 30px;
}

/* MENU LINKS NAVBAR SECTION*/

.menu-section {
    background-color: #ffffff;
}

#menu-top a {
      font-size: 16px;
    	line-height: 18px;
    	color: #99abb4;
      font-weight: 300;
}

.menu-top-active {
    color: #014c8c !important;
    background: none !important;
}

.menu-section .nav > li > a:hover,.menu-section .nav > li > a:focus {
        color: #014c8c !important;
        background: none !important;
}

.menu-section .dropdown-menu > li > a:hover,.menu-section .dropdown-menu > li > a:focus {
          color: #014c8c !important;
          background: none !important;
}

/*****************************
box secition

*********************************/

.box{
    margin-bottom: 30px;
    border: 1px solid #d7dfe3;
    border-radius: 4px;
    -webkit-box-shadow: 0px 5px 20px rgb(0 0 0 / 5%);
    box-shadow: 0px 5px 20px rgb(0 0 0 / 5%);
    color: #455a64;
    padding: 20px;
    background-color: #ffffff;
}

.panel-image{
min-height: 150px;
padding: 20px;
text-align: center;
width: 100%
}

.panel-image img{
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.panel-default .caption h3{
  text-align: center;
  margin-bottom: 0px;
  padding: 10px

}
.panel-default .caption h3 a{
  display: block;
  width: 100%;
  font-size: 18px;
  line-height: 18px
}


.panel-default .caption h6{
  margin-top: 0px;
  text-align: center;
  padding-top: 0px
}

.iframe{
  overflow: hidden;
  border: 0px;
  width: 285px;
  height: 618px;
}

/* =============================================================
   FOOTER SECTION STYLES
 ============================================================ */
footer {
  color: #54667a;
    padding: 17px 15px;
    font-size: 16px;
    font-weight: 300;
    border-top: 1px solid rgba(48,99,150,0.13);
    background: #fff;
}

footer a, footer a:hover {
    color: #fff;
    text-decoration: none;
}

/*==============================================
    DASHBOARD  STYLES
 =============================================*/

/* DASHBOARD ICONS */


.width-17{
  width: 17%;
}

.width-16{
  width: 16%;
}

.width-15{
  width: 15%;
}

.width-14{
  width: 14%;
}

.width-12{
  width: 12%;
}

.width-10{
  width: 10%;
}

.width-9{
  width: 9%;
}

.width-8{
  width: 8%;
}

.width-6{
  width: 6%;
}

.nota-desc{
  border-top: 1px solid #94b8b8;
}
p.nota{
  margin-bottom: 10px;
  font-size: 14px;
  padding: 10px;
}
p.nota:hover{
  background-color: #EFEFEF;
}
p.nota span.icono{
  display: none;
  font-size: 10px;
  margin-left: 10px
}
p.nota span.fecha{
  font-size: 12px;
  color: #CCC;
}
p.nota:hover span.icono{
  display: inline-block;
}

p.nota:hover span.icono:hover{
  cursor: pointer;
}


.container-diag{
  background-color: #fbfbfb;
}

/* PERFIL PSICOLOGO */
.avatar-perfil{
  vertical-align: middle;
  width: 200px;
  height: 200px;
  border-radius: 50%;
}

.turnos-disponibles{
  margin-top: 27px;
}

.hora-turnos{
  text-align: center;
  border: 1px solid #4eaac8;
  padding-top: 8px;
  padding-bottom: 7px;
  margin-bottom: 5px;
  color: #4eaac8;
}

.hora-turnos-disponibles{
  padding-top: 8px;
  padding-bottom: 7px;
  padding-left: 15px;
  color: #4eaac8;
}

.boton-agendar{
  border: 1px solid #4eaac8;
  border-radius: 3px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 3px;
  margin-bottom: 3px;
  color: #4eaac8;
}

.especialidades{
  background-color: #82c2d7;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 15px;
  display: inline-block;
}

.progreso-texto{
  font-family: Proxima Nova,-apple-system,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif !important;
  font-size: 15px;
  color: #a3c2c2;

}

/* LISTADO PSICOLOGOS */
.selectwidthauto{
     width:auto !important;
}

/* VISTA SEMANAL */
.turno-disable{
  background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
}

.turno-enable{
  background-color: #ffff99;
}

.turno-enable-superv{
  background-color: #1482b5;
}

.btn-circle {
  border: 1px solod blue;
}

.outline-warning{
  border: 1px solid #f0ad4e;
  border-radius: 3px;
  color: #f0ad4e;
}