/* latin-ext */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 400;
    src: local('Catamaran Regular'), local('Catamaran-Regular'), url(../fonts/Catamaran-latin-ext.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 400;
    src: local('Catamaran Regular'), local('Catamaran-Regular'), url(../fonts/Catamaran-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Sarala';
    font-style: normal;
    font-weight: 400;
    src: local('Sarala'), local('Sarala-Regular'), url(../fonts/Sarala-latin-ext.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Sarala';
    font-style: normal;
    font-weight: 400;
    src: local('Sarala'), local('Sarala-Regular'), url(../fonts/Sarala-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'), url(../fonts/Titillium-web-latin-ext.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'), url(../fonts/Titillium-web-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }


body{
    font-family: 'Catamaran', 'Titillium Web', 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}  
.body-index::after{
    content: "";
    background-image: url("../img/fondo.jpg");
    opacity: 0.18;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;    
}  
.oculto{
    display:none;
}
.fa{
	font-size:18px;
}
.page-top{
	background-color:#000;
}
.nombre-usuario{
	color:#fff;
}
.mnu-barras{
	color:#fafafa;
}
.mnu-barras:hover{
	color:#ff0000;
}
.tipo-usuario{
	color:#fafafa;
}
.body-login{
    background-color:rgb(220, 240, 246);
}
.contenedor-login{
    width: calc(95%);
    padding: 30px 5px;
    background-color: #fff;
    border-radius: 35px;
    box-shadow: 0 0 1em #666;
    top: 30px;
    position: relative;
    max-width: 400px;
    min-width: 358px;
    font-size: 1em !important;
    display: inline-block;
}

.avisos{
	background-color: #f2f5f7;
    border-radius: 6px;
    box-shadow: 0 0 1em #666;
    overflow: hidden;
    position: fixed;
	z-index:999999;
}
#tituloavisos{
    color:#fff !important;
}

.logo-login{
	width:270px;
}

.timepicki-input, .ui-widget {
    font-family: 'Titillium Web', 'Sarala', 'Catamaran', Oxygen, Roboto, Calibri !important;	
	font-size:16px !important;
    line-height: 1.42857143;
}

.control {
	font-family: 'Titillium Web', 'Sarala', 'Catamaran', Oxygen, Roboto, Calibri;	
	border: none;
	box-shadow: none;
    display: block;
    width: 99%;
    height: 20px;
	font-size:16px;
	/* padding-top:2px;
	padding-bottom:4px; */
	padding-left:2px;
	padding-right:2px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fafafa;
    background-image: none;
    border-radius: 0;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: all 0.3s;
	/* text-transform:uppercase;*/
    background-color: transparent;
    border-bottom: 1px solid #9e9e9e;
	outline: none;
}
.control:focus:not([readonly]){
  border-bottom: 1px solid #297eb4;
  box-shadow: 0 1px 0 0 #297eb4;
}

.btn-formulario{
	font-family: 'Titillium Web', 'Sarala', 'Catamaran', Oxygen, Roboto, Calibri;
	font-size:16px;
	border:0px;
	margin:6px 0px;
	padding:8px 0px;
	width:100% !important;
	background-color:#297eb4;
	color:#fff;
	border-radius: 6px;
	-moz-border-radius: 5px;
	cursor:pointer;
}
.btn-formulario:focus{
	outline: none;
}
.btn-formulario:hover{
	border:0;
	box-shadow: 2px 2px 3px rgba(0,0,0,.5);
}

#tabla-datos{
    width:100%;
}
#tabla-datos thead{
    background-color: #297eb4;
    color: #fafafa !important;
    height: 70px;
}
.fila-citas{
    background-color:#e7e7e7e7;
}
.tabla-datos th{
	background-color:#000;
}
.btn-flotante{
	background-color:#000;	
	right:10px;
}
.btn-flotante .btn-flotante-texto{
	color:#fafafa;
    font-weight: 800;	
}
#sidebar{
	background-color:#333333;
}

h1{
	color:#000 !important;
}
.div-encabezado-modal{
	background-color:#297eb4;
    height:35px;
	text-align:center;
	padding:12px;
	font-weight:bold;
	color:#fff;
	font-size:20px !important;
}

.titulo-reportes{
	background-color:#297eb4;	
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
	background-color:#fafafa !important;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{
	color:#000 !important; /* #fd1a18 !important; */
}



.ui-datepicker .ui-datepicker-header{
	background-color:#000 !important;
}


.row{
	float:left;
	width:100%;
	margin:1px 0;
}
.row:after,.row:before{
	display:table;
	content:" "
}
.col1{
	width:8.33%;
}
.col2{
	width:16.66%;
}
.col3{
	width:25%;
}
.col4{
	width:33.33%;
}
.col5{
	width:41.66%;
}
.col6{
	width:50%;
}
.col7{
	width:58.33%;
}
.col8{
	width:66.66%;
}
.col9{
	width:75%;
}
.col10{
	width:83.33%;
}
.col11{
	width:91.66%;
}
.col12{
	width:100%;
}
.ultimo {
    margin-right: 0;
}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12{
	box-sizing: border-box;
	float:left;
    margin:0;
	padding:2px 8px;
}
.texto-izquierda{
	text-align:left;
}
.texto-derecha{
	margin-top:2px;
	text-align:right;
}
.texto-centrado{
	text-align:center;
}
.modalgeneralcapa1 {
    z-index: 99000;
}
.modalgeneralcapa2 {
    z-index: 999000;
}

.capa-sombra {
    display: none;
    position: fixed;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    background-color: rgba(0,0,0,.3);
    margin-left: auto;
    margin-right: auto;
}

.modalcapa {
    display: none;
    background-color: #f2f5f7;
    border-radius: 6px;
    box-shadow: 0 0 1em #666;
    overflow: hidden;
    position: fixed;
}
.modalcapa1 {
    z-index: 99998;
}




.btn-flotante{
	display:inline-block;
	background-color:#297eb4;
	margin:0px 0px 10px 10px;
	border-radius:50%;
	position:fixed;
	z-index:1;
	bottom:20px;
	right:50px;
	width:60px;
	height:60px;
	box-shadow: 0px 3px 8px #ddd;
}
.btn-flotante:hover{
	box-shadow: 0px 5px 6px 1px #c2c2c2;
	cursor: pointer;
}
.btn-flotante-texto{
	width:100%;
	color:#fff;
	font-size:20px !important;
	text-align:center;
	margin-top:calc(50% - 10px);
}

.btn-flotante2{
	display:inline-block;
	background-color:#297eb4;
	margin:0px 0px 10px 10px;
	border-radius:50%;
	position:fixed;
	z-index:1;
	top:20px;
	right:50px;
	width:60px;
	height:60px;
	box-shadow: 0px 3px 8px #ddd;
}
.btn-flotante2:hover{
	box-shadow: 0px 5px 6px 1px #c2c2c2;
	cursor: pointer;
}

.btn-flotante3{
	display:inline-block;
	background-color:#297eb4;
	margin:0px 0px 10px 10px;
	border-radius:50%;
	position:fixed;
	z-index:1;
	top:100px;
	right:50px;
	width:60px;
	height:60px;
	box-shadow: 0px 3px 8px #ddd;
}
.btn-flotante3:hover{
	box-shadow: 0px 5px 6px 1px #c2c2c2;
	cursor: pointer;
}



.control {
	border: none;
	box-shadow: none;
    display: block;
    width: 99%;
    height: 20px;
	font-size:16px;
	/* padding-top:2px;
	padding-bottom:4px; */
	padding-left:2px;
	padding-right:2px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fafafa;
    background-image: none;
    border-radius: 0;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: all 0.3s;
	/* text-transform:uppercase;*/
    background-color: transparent;
    border-bottom: 1px solid #9e9e9e;
	outline: none;
}
.control:focus:not([readonly]){
  border-bottom: 1px solid #297eb4;
  box-shadow: 0 1px 0 0 #297eb4;
}
.control-combo{
	border: none;
	/* box-shadow: none; */
	box-shadow: 0px 1px 0px #888888;
  	display: block;
  	width: 100% !important;
  	height: 26px;
	font-size:16px;
	padding: 2px;
	padding-top:0px;
	padding-bottom:0px;
  	line-height: 1.42857143;
  	color: #555;
  	background-color: #fafafa;
  	background-image: none;
  	border-radius: 0;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: all 0.3s;
	text-transform:uppercase;
  	background-color: transparent;
  	outline: none;
}
.btn{
	font-family: 'Titillium Web', 'Sarala', 'Catamaran', Oxygen, Roboto, Calibri;
	font-size:16px;
	border:0px;
	margin:6px 0px;
	padding:8px 0px;
	width:100% !important;
	background-color:#297eb4;
	color:#fff;
	border-radius: 6px;
	-moz-border-radius: 5px;
	cursor:pointer;
    text-align:center;
}
.btn:focus{
	outline: none;
}
.btn:hover{
	border:0;
	box-shadow: 2px 2px 3px rgba(0,0,0,.5);
}

@media (max-width: 591px) {
    .control{
        font-size:20px !important;
        height:24px !important;
    }
}