/*noinspection CssUnknownTarget*/
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700');

:root{
    /******************/
    /*    Colores     */
    /******************/
    --aqua           : #00ACA0;
    --aqua-trans     : rgba(0,172,160,0.80);
    --cobalto        : #075D7D;
    --cobalto_trans  : rgba(7,93,125,0.30);
    --porcelana      : #F7F7F7;
	--porcelana_dark : #D4D4D4;
    --gris_oscuro    : #606060;
    --gris_medio     : #ADADAD;
    --gris_claro     : #EBEBEB;
    /*****************/
    /*    Textos     */
    /*****************/
    /*title*/
    --txt_t_1 : 30px;
    --txt_t_2 : 29px;
    --txt_t_3 : 28px;
    --txt_t_4 : 27px;
    --txt_t_5 : 26px;
    --txt_t_6 : 25px;
    --txt_t_7 : 24px;
    /*big*/
    --txt_lg_1 : 23px;
    --txt_lg_2 : 22px;
    --txt_lg_3 : 21px;
    --txt_lg_4 : 20px;
    /*medium*/
    --txt_md_1 : 19px;
    --txt_md_2 : 18px;
    --txt_md_3 : 17px;
    /*normal */
    --txt_nm_1 : 16px;
    --txt_nm_2 : 15px;
    /*small*/
    --txt_sm_1 : 14px;
    --txt_sm_2 : 13px;
    --txt_sm_3 : 12px;
    --txt_sm_4 : 11px;
    --txt_sm_5 : 10px;
}
html,
body {
    height: 100%;
	font-family: 'Ubuntu', 'Open Sans', sans-serif;
    font-weight: 300;
}

/********************************/
/** Ensure right default styles */

th {
    font-weight: 400;
}


/****************************************************************/
/* Generic elements & classes */

.btn-action-column > img {
    width: 25px;
}

.btn-action-column {
    line-height: 2.75;
    width: 25px;
}

.btn-action-column-view,
.btn-action-column-view:hover,
.btn-action-column-view:active {
    color: var(--aqua);
}

.container-fluid {
    padding-top: 100px;
}

.cursor-pointer {
    cursor: pointer;
}

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

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

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

.no-padding{
    padding: 0;
}
.no-padding-left {
    padding-left: 0;
}

.no-padding-right {
    padding-right: 0;
}

.padding-16 {
    padding: 16px;
}


/****************************************************************/
/* Colors */

.color-aqua {
    color: #03867d;
}

.color-blue-dark {
    color: #075D7D;
}


/****************************************************************/
/* Footer */

.footer {
    background-color: var(--cobalto);
    color: var(--porcelana);
    border-top: 1px solid #ddd;

    padding-bottom: 5px;
    padding-top: 5px;
    border-left: 4px var(--aqua) solid;
    border-right: 21px var(--aqua) solid;
    margin-left: 25%;
}


/****************************************************************/
/* JQuery UI Auto complete */

.ui-autocomplete-loading {
    background: url('./../img/icon/loading.gif') no-repeat right;
    background-size: 60px 60px;
}


/*******************************************************/
/* Devbridge auto complete                             */

.autocomplete-suggestions {
    background: #f6f6f6;
    padding: 4px;
}

.autocomplete-suggestions .autocomplete-suggestion {
    cursor: pointer;
    padding: 8px;
}

.autocomplete-suggestions .autocomplete-suggestion:hover {
    background: var(--cobalto);
    color: #FFFFFF;
}


/**************************************/
/* CKEditor styles */

.ck-editor__editable {
    min-height: 120px;
}



/****************************************************************/
/* Patient's navigation go back */

.nav-back .btn-back {
    background: var(--aqua) !important;
    border-radius: 0px 10px 10px 0px !important;
    border: none !important;
    outline: none !important;
    padding-left: 10px !important;
    text-align: left;
    text-transform: none !important;
}

.nav-back .btn-back {
    width: 250px;
}

.nav-back .btn-back span {
    margin-left: 10px;
}

.nav-back .btn-back .current-icon {
    margin-bottom: 3px;
    width: 20px;
}

.nav-back .patient-id {
    bottom: -1px;
    color: var(--porcelana);
    left: 38px;
    position: absolute;
}

.nav-back .patient-img {
    width: 100px;
}


/****************************************************************/
/* Patient's dropdown menu */

.btn-patient-menu,
.btn-patient-menu:hover,
.btn-patient-menu.active {
    background: var(--aqua) !important;
    border-radius: 10px 0px 0px 10px !important;
    border: none !important;
    outline: none !important;
    padding-left: 10px !important;
    text-transform: none !important;
}

.btn-patient-menu > img {
    width: 20px;
}

.patient-menu {
    background: var(--aqua);
    border: none;
    border-radius: 4px 0px 0px 4px;
    color: var(--gris_claro);
    margin-top: 1px;
    width: 290px;
}

.patient-menu span {
    color: var(--porcelana);
}

.patient-menu > li > .row {
    margin: 0;
}

.patient-menu > li > .row > .col-xs-12,
.patient-menu > li > .row > .col-xs-10,
.patient-menu > li > .row > .col-xs-2 {
    padding: 0;
}

.patient-menu > li a {
    display: block;
    padding: 10px;
}

.patient-menu > .active > .row a,
.patient-menu > li > .row a:hover {
/*.patient-menu > li a:hover {*/
    background-color: var(--cobalto) !important;
}

.patient-menu > li a > img {
    margin-right: 10px;
}

.img-dropdown-medic-history{
    width: 16px;
}

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


._submit{
    clear: both;
    overflow: hidden;
    height: auto;
    /*text-align: right;*/
    /*margin-top: -40px;*/
}
.shadown{
	-webkit-box-shadow: 0px 8px 13px 0px rgba(133,133,133,0.46);
	-moz-box-shadow: 0px 8px 13px 0px rgba(133,133,133,0.46);
	box-shadow: 0px 8px 13px 0px rgba(133,133,133,0.46);
}
.close{
    color: #fff;
    opacity: 1;
}
.li-active{
	position: absolute;
    z-index: 1;
    background: var(--aqua);
    bottom: -13px;
    left: 10%;
    width: 80%;
    height: 12px;
    border-radius: 0px 0px 10px 10px;
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -30px;
    padding: 0 0 60px;
}
.wrap > nav{
    margin-top: 20px;
	border-left: 4px var(--aqua) solid;
	border-right: 21px var(--aqua) solid;
	max-width: 1100px;
}
.wrap > .container {
    padding: 70px 15px 20px;
}
.bar-system{
    border: 0;
    border-top: 9px solid var(--aqua);
    padding: 0;
    width: 100%;
    margin: 0 auto;
	position: fixed;
	top: 0;
	z-index: 10000;
}
.hr-return{
	border-right: 2px solid #03867d !important;
}

/*****************/
/*    Welcome    */
/*****************/
.site-index{
	margin-left: 0px;
}
.line-blue{
	background: var(--cobalto);
	height: 170px;
	margin-top: 10%;
}
.logo-inicio{
	height: 170px;
}
.logo-dr-inicio{
	float: right;
	margin-top: 10px;
	margin-top: 40px;
	margin-right: 60px;
}
.img-logo{
	margin-top: 10%;
	padding-left: 0px;
}
.title-system{
	color: var(--cobalto);
	font-size: 35px;
    font-weight: 500;
}
.sub-title{
	color: var(--gris_medio) !important;
	font-weight: 100 !important;
	font-size: 30px;
}
/*****************/
/*    Login     */
/*****************/
.site-login{
	padding-left: 0px;
	margin-left: 0px;
	padding-top: 5%;
}
.form-login{
	background: var(--cobalto);
	border-left: 8px solid var(--aqua);
	border-right: 8px solid var(--aqua);
}
.form-login > .title{
	text-align: center;
	border-bottom: 2px solid var(--aqua);
	margin-left: -15px;
	margin-right: -15px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.title-form-login{
	color: var(--gris_claro);
}
#login-form{
	padding-top: 20px;
	padding-bottom: 20px;
}
label[for=loginform-username],
label[for=loginform-password]{
	background: var(--aqua);
    margin-bottom: -2px;
    color: var(--gris_claro);
    padding: 0px;
    border-radius: 10px 10px 0px 0px;
    padding-top: 7px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 2px;
}
.has-success label[for=loginform-username],
.has-success label[for=loginform-password]{
	color: var(--gris_claro) !important;
}
.has-error label[for=loginform-username],
.has-error label[for=loginform-password]{
	background: var(--gris_claro);
	margin-bottom: 0px;
}
.field-loginform-username .help-block-error,
.field-loginform-password .help-block-error{
	color: var(--gris_claro);
}

label {
    font-weight: 300;
}

label[for=loginform-username]:hover,
label[for=loginform-username]:focus,
label[for=loginform-password]:hover,
label[for=loginform-password]:focus{
	color: var(--gris_claro);
}


/*****************/
/*    NavBar     */
/*****************/
.navbar-nav.nav > li{
	border-right: 2px rgba(12, 65, 84, 0.82) solid;
}
.navbar-inverse {
    background-color: var(--cobalto);
    border-color: var(--cobalto);
}
.navbar-inverse .navbar-brand {
    color: var(--porcelana);
}
.navbar-inverse .navbar-nav > li > a {
    color: var(--porcelana);
}
.navbar-fixed-top, .navbar-fixed-bottom {
	left: 30%;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: var(--porcelana);
    background-color: var(--cobalto);
}
.navbar-fixed-top, .navbar-fixed-bottom {
    z-index: 3;
}

.header{
	height: 71px;
	background: white;
	position: fixed;
	width: 100%;
	z-index: 3;
}
.img-header-logo{
	height: 50px;
	width: 110px;
	margin-top: 20px;
	margin-left: 10%;
}
#container-page{
	margin-left: 0px;
}
#sidebar .container{
	margin-left: 0px;
}
#sidebar > .container > .row > .col-xs-12{
	padding-left: 0px;
}
.content-tbl{
	padding-top: 30px;
}
.sidebar{
	padding-left: 0px;
}
.table{
	margin-bottom: 0px;
}
.content{
	padding-top: 20px;
	max-width: 1200px;
	padding-bottom: 40px;
    left: 25%;
}
aside{
	padding-top: 20px;
	position: fixed !important;
    max-width: 300px;
}


/*******************/
/*		Modal 	   */
/*******************/
.modal-body{
	border-top: 7px var(--aqua) solid;
	padding: 0px 15px 15px 15px;
}
.modal-body > button.close{
	opacity: inherit;
}
.jumbotron {
    text-align: center;
    background-color: transparent;
}
.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}
.not-set {
    color: #c55;
    font-style: italic;
}
.btn-action{
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-55%, 50%);
	position: absolute;
}
/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}
a.asc:after {
    content: /*"\e113"*/ "\e151";
}
a.desc:after {
    content: /*"\e114"*/ "\e152";
}
.sort-numerical a.asc:after {
    content: "\e153";
}
.sort-numerical a.desc:after {
    content: "\e154";
}
.sort-ordinal a.asc:after {
    content: "\e155";
}
.sort-ordinal a.desc:after {
    content: "\e156";
}
.grid-view th {
    white-space: nowrap;
}
.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}
.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}
/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}
.navbar-inverse .btn-link {
    color: var(--porcelana);
}
.navigation > div{
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.navigation > .index{
	text-align: right;
}
.navigation > .form{
	text-align: left;
}
.lbl-title{
	padding-left: 30%;
	margin-bottom: 0px;
	text-align: right !important;
    float: left;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background-position-x: 10px !important;
    padding-left: 40px !important;
    border: 1px solid transparent;
    padding: 6px 0px;
    line-height: 1.42857143;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
/***********/
/*  icons  */
/***********/
.users:before{
	content: "";
	background: url(../img/icon/encabezado-usuarios.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.prescriptions:before{
	content: "";
	background: url(../img/icon/recetas-titulo_03.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 25px;
}
.return{
	padding: 0px !important;
	padding-left: 45px !important;
}
.return:before{
	content: "";
	background: url(../img/icon/flecha-regresar.titulo_03.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border-right: 2px solid var(--cobalto_trans) !important;
}
.patients:before{
	content: "";
	background: url(../img/icon/encabezado-pacientes.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.hospital-medical-indication:before{
	content: "";
	background: url(../img/icon/ind-med-hospi-titulo_03.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 30px;
}
.hospital-medical-note:before{
	content: "";
	background: url(../img/icon/nota-med-hosp-titulo_03.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 30px;
}
.laboratory-studies:before{
	content: "";
	background: url(../img/icon/est-laboratorio-titulo_03.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 20px;
}
.pre-surgery-check:before{
    content: "";
    background: url(../img/pre_surgery_check/ic_pre_surgery_check.png) no-repeat 50% 50%;
    background-size: 24px;
}

/*******************/
/*  version movil  */
/*******************/
.title-btn-img.mv{
	max-width: 100px;
}
.title-page-form.mv{
	position: absolute;
	margin-left: 83px;
    margin-top: 12px;
	width: 100%;
    max-width: 200px;
}
.btn-action-mv{
	margin-bottom: 15px !important;
}
/************/
/*  alerts  */
/************/
.alert-danger {
    color: var(--porcelana);
    background-color: var( --cobalto);
    border-color: var(--cobalto);
}
.alert-warning {
    color: var(--porcelana);
    background-color: var(--aqua);
    border-color: var(--aqua);
}
/****************/
/*  pagination  */
/***************/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: var(--aqua);
    border-color: var(--aqua);
}
.pagination > li > a, .pagination > li > span {;
    color: var(--cobalto);
}
/************/
/*  titles  */
/************/
.title-form{
    font-size: var(--txt_t_6);
    font-weight: 500;
    text-transform: uppercase;
}
.title-modal,
.title-page-form{
	background: var(--aqua);
	padding: 0px 0px;
	border-radius: 0px 10px 10px 0px;
	margin-bottom: 15px;
	color: var(--porcelana);
	font-size: var(--txt_nm_1);
	text-align: left;
	max-width: 400px;
	z-index: 1;
}
.title-modal{
	margin-top: 20px;
	margin-left: -25px;
}
.title-img-name-pattients.vmodal{
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	margin-top: -70px;
	width: 40%;
	margin-right: 30px;
}
.title-img-name-pattients.vmodal > div{
	padding-left: 0px;
	padding-right: 0px;
}
.section-study-data{
	padding-top: 15px;
}
.img-patient-modal{
	width: 130px;
	height: 120px;
	margin-bottom: 10px;
}
.modal-dialog{
	top: 10%;
}
.title-page-form > label{
	margin-bottom: 0px;
}
.title-btn-img{
	max-width: 300px;
}

.title-id{
	right: 3.5%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-100%, 50%);
	position: absolute;
	bottom: 11%;
	color: var(--porcelana);
	font-size: var(--txt_lg_1);
	font-weight: 500;
    width: 100%;
}
.title-patients{
	text-align: center;
}
.page-title-form{
	margin-top: 0px;
}
.page-title-form > label{
	background-color: var(--cobalto);
	color: var(--porcelana);
	font-size: var(--txt_md_3);
	border-right: 6px var(--aqua) solid;
	padding: 5px;
	padding-left: 15px;
	padding-right: 5%;
	margin-bottom: 0px;
}
.patients-name{
	text-align: center;
}
.title-name-view{
	color: var(--cobalto);
	font-size: var(--txt_lg_2);
	font-weight: 500;
	display: inline-block;
	padding-bottom: 5px;
	position: relative;
}
.title-name-view:before{
	content: "";
    position: absolute;
    width: 50%;
    height: 1px;
    bottom: 0;
    left: 25%;
	border-bottom: 3px var(--aqua) solid;
}
.btn-txt{
    font-size: var(--txt_sm_1) !important;
    font-weight: 300;
    text-transform: uppercase;
}
.img-btn-return{
	margin-top: -3px;
}
.img-btn-return{
	width: 12px;
}
.img-btn{
	margin-left: 5px;
}
.img-page{
	margin-bottom: 10px;
	width: 100%;
	max-width: 300px;
}
.table-responsive{
	width: 100%;
	border : 0px solid white;
	margin-bottom: 30px;
}
/**********************/
/*    form-design     */
/**********************/
.control-label{
	color: var(--cobalto);
	font-weight: 400;
	font-size: var(--txt_sm_1);
}
.form-control{
	border: 1px solid var(--porcelana_dark);
	border-top: 4px var(--aqua) solid;
	font-size: var(--txt_sm_1);
}
.help-block {
	font-size: var(--txt_sm_2);
    font-weight: 300;
}
.has-success .form-control{
	border-color: var(--aqua);
}
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
	color: var(--aqua);
}
.has-success .form-control:focus{
	border-color: var(--aqua);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px var(--aqua);
}
.filters >  td > input.form-control{
	border-top: 0px solid;
}
.btn-session{
	right: 0;
	position: absolute !important;
}
button[type='submit'][class*='btn-form']{
	text-transform: capitalize !important;
	font-size: var(--txt_nm_2) !important;
}
button[type='submit'][class*='save']{
	background-image:url(../img/icon/guardar_07.png);
	background-repeat: no-repeat;
    padding-left: 50px;
    background-position: 20% 45%;
}
button[type='submit'][class*='print']{
	background-image:url(../img/icon/boton-imprimir.png);
	background-repeat: no-repeat;
	padding-left: 50px;
	background-position: 15% 45%;
}
.field-patients-gender > label.control-label{
	width: 100%;
}
.field-patients-gender > label.radio-inline {
	font-size: var(--txt_nm_1);
}
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline{
	margin-left: 0px;
}
/************************/
/*    Radio-buttons     */
/************************/
.helping-el{
	cursor: pointer;
}
.label-text{
	font-size: var(--txt_sm_1);
	color: var(--gris_oscuro);
}
label.custom-radio-button input[type="radio"] {
    opacity:0;
}
label.custom-radio-button input[type="radio"] ~ .helping-el {
    background-color: var(--porcelana);
    border: 2px solid var(--aqua);
    border-radius: 50%;
    display: inline-block;
    margin-right: 7px;
    padding: 9px;
    position: relative;
    top: 3px;
}
label.custom-radio-button input[type="radio"]:checked ~ .helping-el {
    border: 2px solid var(--aqua);
}
label.custom-radio-button input[type="radio"]:checked ~ .helping-el:after {
	background-color: var(--aqua);
	border-radius: 50%;
	content: " ";
	font-size: 33px;
	height: 12px;
	left: 3px;
	position: absolute;
	top: 3px;
	width: 12px;
}
/*******************/
/*    checkbox     */
/*******************/
label.custom-checkbox input[type="checkbox"] {
    opacity:0;
}

label.custom-checkbox input[type="checkbox"] ~ .helping-el{
    background-color: #FFFFFF;
    border: 2px solid #009688;
    border-radius: 2px;
    display: inline-block;
    padding: 7px;
    position: relative;
    top: 2px;
	margin-left: -15px;
}

label.custom-checkbox input[type="checkbox"]:checked ~ .helping-el{
    border: 2px solid #009688;
    background-color: #009688;
}

label.custom-checkbox input[type="checkbox"]:checked ~ .helping-el:after {
    color: #FFFFFF;
    content: "\2714";
    font-size: 15px;
    font-weight: normal;
    left: 1px;
    position: absolute;
    top: -4px;
    transform: rotate(10deg);
}
/**************/
/*    btn     */
/**************/
.btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: 300;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 10px 18px;
	font-size: var(--txt_sm_1);
	text-transform: uppercase;
	line-height: 1.42857143;
	border-radius: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
	color: var(--porcelana);
	text-decoration: none;
}
.btn:active,
.btn.active {
	outline: 0;
	background-image: none;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],fieldset[disabled] .btn {
	cursor: not-allowed;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
	pointer-events: none;
}
/*--------------------*/
/*    btn_default     */
/*--------------------*/
.btn-add-dr{
	padding: 5px;
	text-transform: capitalize;
}
.btn-default {
  color: #ffffff;
  background-color: var(--cobalto);
  border-color: var(--cobalto);
}
.btn-default:focus,
.btn-default.focus {
  color: #ffffff;
  background-color: #054a64;
  border-color: #054a64;
}
.btn-default:hover {
  color: #ffffff;
  background-color: #054a64;
  border-color: #054a64;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #ffffff;
  background-color: #054a64;
  border-color: #054a64;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #ffffff;
  background-color: var(--cobalto);
  border-color: var(--cobalto);
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: var(--cobalto);
  border-color: var(--cobalto);
}
.btn-default .badge {
  color: #222222;
  background-color: #ffffff;
}
/**********************/
/*    btn_success     */
/**********************/
.btn-success {
  color: var(--porcelana);
  background-color: var(--aqua);
  border-color: var(--aqua);
}
.btn-success:focus,
.btn-success.focus {
  color: var(--porcelana);
  background-color: var(--aqua-trans);
  border-color: var(--aqua-trans);
}
.btn-success:hover {
  color: var(--porcelana);
  background-color: var(--aqua-trans);
  border-color: var(--aqua-trans);
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: var(--porcelana);
  background-color: var(--aqua-trans);
  border-color: var(--aqua-trans);
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: var(--porcelana);
  background-color: var(--aqua-trans);
  border-color: var(--aqua-trans);
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: var(--aqua);
  border-color: var(--aqua);
}
.btn-success .badge {
  color: var(--aqua);
  background-color: var(--porcelana);
}
/**********************/
/*    table           */
/**********************/
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: var(--gris_claro);
}
tr:nth-of-type(even) {
    background-color: var(--porcelana);
}
thead > tr > th {
    color: var(--porcelana);
    background: var(--cobalto);
    text-align: center;
}
thead > tr > th:last-child {
    color: var(--porcelana);
    background: var(--aqua);
}
thead > tr > th > a{
    color: var(--porcelana);
}
thead > tr > th > a:hover,
thead > tr > th > a:focus {
    color: var(--porcelana);
}
.filters{
    background: var(--gris_medio) !important;
}
.table-bordered > thead > tr > th:last-child,
.table-bordered > thead > tr > td:last-child,
.table-bordered > tbody > tr > td:last-child{
    border: none;
}
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td{
    border: none;
    border-right: 1px solid var(--gris_medio);
}
.table-bordered > thead > tr > th{
    border: none;
}
.table-medici > tbody > tr > td{
	 text-align: center;
	 color: var(--gris-medio);
     font-size: var(--txt_nm_2);
    font-weight: 400;
}
.table-medici > tbody > tr > td:first-child{
	text-align: center;
	font-weight: 500;
	color: var(--gris-oscuro);
}
/********************/
/*    DatePicker    */
/********************/
.prev,
.datepicker-switch,
.next{
	background-color: var(--porcelana) !important;
    color: var(--cobalto) !important;
}
.dow{
	background: var(--aqua) !important;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
    background: var(--aqua);
	color: var(--porcelana);
	font-weight: 600;
}
.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus {
    color: var(--porcelana);
    background-color: var(--aqua);
    border-color: var(--aqua);
}
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
    color: var(--porcelana);
    background-color: var(--aqua);
    border-color: var(--aqua);
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
    color: var(--porcelana);
    background-color: var(--aqua);
    border-color: var(--aqua);
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover{
	background: var(--aqua);
	background-repeat: repeat-x;
}
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus {
	color: var(--porcelana);
    background-color: var(--cobalto);
    border-color: var(--cobalto);
}
.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover{
	background-image: linear-gradient(to bottom, var(--aqua), var(--aqua));
}
.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
    background: var(--aqua);
	color: var(--porcelana);
    cursor: pointer;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover{
	background-image: linear-gradient(to bottom, var(--cobalto), var(--cobalto));
	color: var(--porcelana);
}
.datepicker table tr td.today:active,
.datepicker table tr td.today.active{
	color: var(--porcelana);
}
.datepicker table tr td.today:active:hover,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today.active:focus,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today.active.focus{
	color: var(--porcelana);
}
.datepicker table tr td.today:hover:hover{
	color: var(--porcelana);
}
/**********************/
/*    select          */
/**********************/
/*select > option{*/
	/*text-transform: capitalize;*/
/*}*/
select[name="ConceptSearch[concept_type_id]"]{
    border-top: 0px var(--aqua) solid !important;
}

/**********************/
/*    table-detail    */
/**********************/
.detail-diagnostic > tbody > tr > th:first-child,
.detail-profiel > tbody > tr > th:first-child{
	border-right: 2px solid var(--gris_medio);
	color: var(--cobalto);
}
.detail-diagnostic > tbody > tr:first-child > th:first-child,
.detail-profiel > tbody > tr:first-child > th:first-child{
	background: var(--cobalto);
	color: var(--porcelana);
	text-align: center;
	border: 0px solid #ddd;
	font-size: var(--txt_md_3);
}
.detail-diagnostic > tbody > tr:first-child > th:first-child{
	width: 30%;
}
.detail-diagnostic > tbody > tr:first-child > td,
.detail-profiel > tbody > tr:first-child > td{
	background: var(--aqua);
}
/***************************/
/*    navbar-btn-profile   */
/***************************/
.btn-history-medic{
	margin-top: -5px;
}
.navbar-brand.btn-profile{
	color: var(--porcelana);
}
.navbar-header.btn-profile{
	display: block !important;
	float: none !important;
	background: var(--aqua);
	color: var(--porcelana);
	border-radius: 10px 0px 0px 10px;
	height: 52px;
}
.navbar-left.btn-profile,.navbar-right.btn-profile {
    float: none !important;
}
.navbar-collapse.btn-profile{
	background: transparent;
	padding-right: 0px;
	width: 260px;
	margin-left: -50px;
}
.navbar-collapse.collapse.btn-profile{
	display: none !important;
}
.navbar-toggle.btn-profile{
	display: initial;
	margin-bottom: 8px;
	margin-top: 6px;
	margin-right: 0px;
	border-width: 0px;
	font-size: var(--txt_md_3);
	float: none;
	padding-left: 0px;
}
.navbar-toggle.btn-profile:hover,
.navbar-toggle.btn-profile:focus{
	background: transparent;
	font-weight: 600;
}
.navbar.btn-profile{
	position: absolute;
	background: transparent;
	width: 210px;
    right: 0px;
	z-index: 1;
	top: 13px;
}
.collapse.in.btn-profile{
		display:block !important;
}
.nav.navbar-nav.btn-profile{
	float: none;
}
.nav.navbar-nav.btn-profile li{
	width: 100%;
	border-right-width: 0px;
}
.nav.navbar-nav.btn-profile > li > a{
	color: var(--porcelana);
	background: var(--aqua);
}
.nav.navbar-nav.btn-profile > li > a:focus,
.nav.navbar-nav.btn-profile > li > a:hover{
	background: var(--cobalto) !important;
	color: var(--porcelana);
}
.navbar.navbar-default.btn-profile{
	border-width: 0px;
}
.navbar-nav.btn-profile > li.active > a {
	background: var(--cobalto);
}
.lbl-dr{
	width: 90%;
	border-bottom: 2px var(--cobalto) solid;
	font-weight: 100;
	font-size: 16px;
	color: var(--gris_oscuro);
	padding: 5px;
	text-align: left;
}
.input-dr{
	width: 90%;
	border: 1px solid var(--porcelana_dark);
}
.table-doctors > tbody > tr:nth-of-type(even){
	background-color: white !important;
}
.table-doctors > tbody > tr > td{
	border: none;
}
.header-row{
	margin-left: -15px;
}
#professional_id{
	text-transform: uppercase;
}
/*btn slidebar*/
.btn-slidebar {
	max-width: 100%;
	margin-bottom: 0px;
	border: none;
	background: none;
	padding: 25px 80px;
	display: inline-block;
	letter-spacing: 1px;
	font-weight: 100;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-slidebar:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-slidebar:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: relative;
	-webkit-font-smoothing: antialiased;
}
/* Button 3 */
.btn-3 {
	background: transparent;
	color: #fff;
}

.btn-3:before {
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	line-height: 3;
	font-size: 140%;
	width: 40px;
}
/* Button 3b */
.btn-3b {
	padding: 10px 10px 10px 40px;
	border-radius: 0px 10px 10px 0px;
}

.btn-3b:before {
	border-right: 0px solid rgba(255,255,255,0.5);
}

.btn-slidebar-return{
	background: red;
	border-radius: 0px;
	display: initial;
}
.btn-slidebar-return:before{
	width: 100%;
	border-right: 2px solid var(--porcelana);
}
.title-movil{
	text-align: center;
}
.title-name-view.title{
	margin-bottom: 5px;
	display: none;
}
.title-name-view.title:before{
	border-bottom: 0px var(--aqua) solid;
}

/**************************************************************/
/*    media queries                                           */

@media(max-width: 767px) {

    /** Globals */
    .container-fluid {
        padding-top: 0;
    }

    /* Patient's dropdown menu button */
    .btn-patient-menu {
        margin-top: 23px;
    }

    /* Footer */
    .footer {
        margin-left: 0px;
    }

    /* Navbar */
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
    .navbar-fixed-top {
        left: 0;
        position: relative !important;
    }
}

@media (max-width: 500px) {

    /* Go back button */
    .nav-back .btn-back {
        width: auto;
    }
    .nav-back .btn-back > span {
        display: none;
    }

    /* Responsive section title */
    .title-name-view.title {
        display: block;
    }
}

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


.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}
.nav > li > form > button.logout:focus {
    outline: none;
}

.indications-medic {
	border: 0px solid #ccc;
	background-color: transparent;
    font-weight: 300;
	margin: 0;
	padding: 5px;
	font-size: 14px;
}

.view-form{
	margin-top: 8px;
}
.view-info{
	padding: 0;
	border-top: 4px solid var(--aqua);
}
.navigation.title-page-form.mv{
	z-index: 0;
}
.btn-edit{
	position: absolute;
	bottom: 5px;
	right: 0;
}
/*==================================================
=    imagenes de estudios de gabinete View         =
==================================================*/
.img-cabinet-study img{
    height: 183px;
    width: 183px;
    margin-top: 3vw;
}
/*==================================================
=            Formularios reglas de diseño          =
==================================================*/
input[name="Patients[rh_group]"]{
	text-transform: uppercase;
}
/*=
=               ColorBox                    =
=*/
#colorbox{
    z-index: 9999;
}
/*=
=               Dropzone images                    =
==================================================*/
.dropzone{
    padding: 0;
    height: 20vw;
    overflow-y: scroll;
    overflow-x: hidden;
    border-left: 0;
    border-bottom: 0;
    border-right: 0;
}
.dropzone .dz-preview .dz-image{
    max-width: 8vw;
    max-height: 7vw;
}
.dropzone .dz-preview .dz-details{
    min-width: 4vw;
    max-width: 8vw;
}
.dz-remove{
    background-color: var(--cobalto);
    color: white;
    width: 6vw;
    height: 2vw;
    padding-top: 0.2vw;
    margin-left: 11vw;
    margin-top: -4vw;
}
a:hover, a:focus{
    color: white;
    text-decoration: blink;
}
.withoutTopBorder{
    border-color: whitesmoke;
    box-shadow: none;
}
.dropzone.dz-clickable{

    display: grid;
}
.button-div{
    text-align: right;
}
.alert-images{
    color: #555;
    text-align: center;
}
.dropzone.dz-started .dz-message{
    display: block;
}
.dz-progress{
    margin-left: -14vw !important;
    margin-top: 3vw !important;
}
.dz-error-mark{
    margin-left: -13vw !important;
}
textarea{
    resize: none;
}

.navbar-inverse .navbar-nav > li > a{
    padding-left: 10px;
    padding-right: 10px;
}
/*=
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.form-data{
		padding-left: 5px;
		padding-right: 5px;
	}
	.navbar-header{
		display: none;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.form-data{
		padding-left: 15px;
		padding-right: 15px;
	}
	.container {
		width: 1000px;
	}
	.container-login{
		width: 1150px;
	}
	.img-header-logo{
		margin-left: 140px;
	}

	.title-id{
		transform: none;
	    font-size: var(--txt_t_1);
	    bottom: 4%;
	    /*left: 125px;*/
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1600px) {
	.powered-by{
		position: absolute;
	}
}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.title-page-form{
		font-size: var(--txt_md_1);
	}
	.lbl-title{
		padding-left: 28%;
	}
	.users{
		background-size: 18px;
	}
	.title-id{
		transform: translate(-66%, 50%);
		font-size: var(--txt_t_3);
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.navbar.btn-profile{
		top: -5px;
	}
	.container {
	    width: 95%;
	}
	.title-page-form{
		font-size: var(--txt_nm_2);
	}
	.lbl-title{
		padding-left: 30%;
	}
	.users{
		background-size: 16px;
	}
	.title-id{
		transform: translate(-66%, 50%);
		font-size: var(--txt_lg_1);
	}
	.lbl-title {
		padding: 10px 0px;
	}
	.title-modal,
	.title-page-form{
		padding-bottom: 0px;
		padding-top: 0px;
	}
	.btn-action{
		top: 40%;
	}
    .btn-edit{
        position: relative;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.wrap{
		margin: 0 auto -25px;
	}
	.name-system,
	.powered-by{
		font-size: var(--txt_sm_4);
	}
	.navbar-fixed-bottom,
	.btn-session {
	    position: relative !important;
	}
	.container {
	    width: 100%;
	}
	.content-page {
	    padding-top: 80px;
	}

	.title-page-form.mv{
		max-width: 380px;
	}
	.navigation > .index {
	    text-align: left;
	}
	.navigation > div {
		text-align: left;
	}
	.hr-return{
		padding-left: 5% !important;
	}
	.lbl-title{
		background-position-x: 5px;
		padding-left: 25px;
	}
	.title-btn-img.mv{
		margin-left: 15px;
	}
	.title-page-form.mv{
		margin-left: 96px;
	}
	.title-id{
		transform: none;
	    font-size: var(--txt_nm_2);
	    left: 54px;
	    bottom: 4px;
	}
	aside{
		position: relative;;
		max-width: none;
	}
	.lbl-title{
		float: left;
	}
	.title-name-view{
		margin-bottom: 15px;
		text-align: center;
	}
	.navbar.btn-profile{
		width: 55px;
	}
	.btn-nav-sub-menu{
		padding-top: 2px;
		padding-bottom: 0px;
		margin-left: 20px;
	}
	.navbar-header.btn-profile{
		height: 41px;
	}
	.menus-btn-sub{
		width: 268px;
		margin-left: -226px;
	}
	.btn-menus{
		height: 0px;
		padding: 0px 15px;
	}
	.navbar-collapse{
		border-top: 0px solid transparent;
	}
	.content-tbl {
	    padding-top: 0px;
	}
	.title-page-form.mv.id{
		margin-top: -85px;
	}
	.title-page-form.mv{
		margin-top: -70px;
	}
	.title-page-form.index.mv{
		margin-top: -130px;
	}
	.navbar.btn-profile{
		top: 39px;
	}
}
@media only screen and (max-width : 767px) {
	.content{
		float: left;
		left: 0%;
	}
	.li-active{
		left: 0;
		width: 8px;
		height: 100%;
		border-radius: 0px 8px 8px 0px;
		bottom: 0px;
		right: 0;
		top: 0%;
	}
	.navbar-collapse.btn-profile{
		width: 240px;
		margin-left: -185px;
	}
}
/*only product mac*/
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation : portrait) {
	.form-data{
	  padding-left: 15px;
	  padding-right: 15px;
	}
	.navbar-fixed-top,
	.navbar-fixed-bottom,
	#content{
		width: 72% !important;
	}
	.title-id{
		transform: translate(96%, 0%);
		font-size: var(--txt_lg_1);
	}
	.line-blue{
		width: 40%;
	}
	.logo-dr-inicio {
		margin-right: 40px;
	}
	.content-tbl {
		padding-top: 30px;
	}
	.navbar.btn-profile{
		width: 182px;
	}
	.btn-history-medic{
		margin-right: 10px;
	}
	.menus-btn-sub{
		margin-left: -38px;
		margin-top: 1px;
	}
	.navbar.btn-profile {
	    top: 12px;
	}
}

/*medias ipad*/
/*iPad in portrait & landscape*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
	/* STYLES GO HERE */
    .dropzone .dz-clickable {
        display: grid;
    }
}

/*iPad in landscape*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	/* STYLES GO HERE */
	.title-id{
		transform: translate(90%, 0%);
		font-size: var(--txt_lg_1);
	}
	.navbar.btn-profile {
		top: 12px;
	}
    .dropzone.dz-clickable {
        display: grid;
    }
}

/*iPad in portrait*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    /* STYLES GO HERE */
	.title-id{
		transform: translate(-50%, 50%);
		font-size: var(--txt_lg_1);
	}
	.form-data{
	  padding-left: 15px;
	  padding-right: 15px;
	}
	.navbar.btn-profile {
		top: 12px;
	}
    .dz-remove{
        background-color: var(--cobalto);
        color: white;
        width: 8vw;
        height: 3vw;
        padding-top: 0.2vw;
        margin-left: 13vw;
        margin-top: -6vw;
    }
    .dropzone .dz-preview .dz-image{
        max-width: 11vw;
        max-height: 10vw;
    }
    .dropzone .dz-preview .dz-details{
        min-width: 11vw;
        max-width: 11vw;
    }
}

/*Retina iPad in portrait & landscape*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
    /* STYLES GO HERE */
}

/*Retina iPad in landscape*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
	/* STYLES GO HERE */
    .dropzone{
        height: 25vw;
    }
    #descriptionArea{
        height: 31.5vw;
    }
	.title-id{
		transform: translate(-70%, 50%);
		font-size: var(--txt_lg_1);
	}
	.navbar.btn-profile {
		top: -5px;
	}
}

/*Retina iPad in portrait*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
	/* STYLES GO HERE */
    .dropzone{
        height: 30vw;
    }
    #descriptionArea{
        height: 38.5vw;
    }
	.form-data{
	  padding-left: 15px;
	  padding-right: 15px;
	}
	.navbar.btn-profile {
		top: 12px;
	}
}

/*iPad 1 & 2 in landscape*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  {
}

/*iPad 1 & 2 in portrait*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1) {
	/* STYLES GO HERE */
	.title-id{
		transform: translate(90%, 0%);
		font-size: var(--txt_lg_1);
	}
	.form-data{
	  padding-left: 15px;
	  padding-right: 15px;
	}
	.navbar.btn-profile {
		top: 12px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 600px) {
	.btn-slidebar{
		font-size: 0px;
    	padding-top: 30px;
	}
	.title-page-form.mv {
	    max-width: 100px;
	}
	.content {
		padding-top: 5px;
	}
	.navigation > .index {
	    text-align: center;
	}
	.navbar.btn-profile {
	    top: 66px;
	}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 550px) {
	.line-blue,
	.logo-inicio{
		height: 100px;
	}
	.logo-dr-inicio{
		margin-top: 15px;
		margin-right: 20px;
		width: 120px;
	}
	.title-system{
		font-size: 30px;
	}
	.sub-title{
		font-size: 25px;
	}
}
@media only screen and (max-width : 480px) {
	.title-system{
		font-size: 25px;
	}
	.sub-title{
		font-size: 20px;
	}
}
@media only screen and (max-width : 400px) {
	.wrap{
		margin: 0 auto -40px;
	}
	.col-footer{
		position: relative;
	    min-height: 1px;
	    padding-right: 5px;
	    padding-left: 5px;
	    float: left;
	}
	.col-footer.left,
	.col-footer.right{
		width: 100%;
	}
	.powered-by{
		padding-right: 8%;
	}
	.logo-dr-inicio{
		margin-right: 0px;
	}
	.title-system{
		font-size: 18px;
	}
	.sub-title{
		font-size: 14px;
	}
	.ant-per{
		width: 100%;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 350px) {
	.lbl-title{
		font-size: 14px;
	}
}

/*print*/
@media print {
	.hidden-on-print{
		display: none;
	}
	.content-page{
		padding-top: 0;
	}
	header{
		max-height: 240px;
	}

	ul>li{
		word-wrap: break-word;
	}
	.body-3-4-letter{
		max-height: 691px;
	}
	.table-responsive {
		margin-bottom: 0;
		margin-top: 2vw;
	}
	.table-responsive ol > li{
		padding: 0.5vw 0;
	}
	.div-questions {
		margin:0;
	}
	.div-questions label{
		margin:0;
	}
}