.clsAlfabeto{
	width:100%;
	float:left;
	margin-bottom:10px;
	text-align:left;
}
.clsAlfabetoLetra{
	float:left;
	padding:8px;
	background: rgba(73,155,234,1);
	background: -moz-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(8,49,92,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(8,49,92,1)));
	background: -webkit-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(8,49,92,1) 100%);
	background: -o-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(8,49,92,1) 100%);
	background: -ms-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(8,49,92,1) 100%);
	background: linear-gradient(to bottom, rgba(73,155,234,1) 0%, rgba(8,49,92,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#08315c', GradientType=0 );
	border-top:1px solid #036;
	border-left:1px solid #036;
	border-bottom:1px solid #036;
}
.clsAlfabetoLetra:hover{
	background:#06F;
}
.clsAlfabetoRightBorder{
	border-right:1px solid #036;	
}
.clsAlfabetoLetra a{
	color:#FFF;
	font-weight:normal;
	font-size:14px;
	text-shadow:none;
	text-decoration:none;
}
.clsAlfabetoLetra a:link, a:visited{
	color:#FFF;
}
.clsAlfabetoLetra a:hover{
	text-decoration:underline;
}
.clsDivsConText{
	float:left;
	width: 25%;
	background:#dddddd;
	border:1px solid #ABB0A6;
	padding:6px;
	margin:4px;
}

/*.clsDivsConText div{
	padding:6px;
	border-bottom:1px solid #CCCCCC;
	background:#FFFFFF;
}*/
.clsDivTxtA{
    padding: 6px;
    border-bottom: 1px solid #CCCCCC;
    background: #FFFFFF;
    visibility: visible;
    display: block;
}
.clsDivInvisible{
    visibility:hidden;
    display:none;
}
/*.clsDivsConText label{
	padding:10px;
	background:#FFFFFF;
}*/

.divCellHistorial h1{
	margin:0 0 6px 0;
}
/*.divCellHistorial label{
	margin:8px;
	margin-left:3px;
}*/
.clsCellLabel{
	margin:8px;
	margin-left:3px;
}
.clsCellLabelMini {
    width: 170px;
    display: inline-block;
}
.divCellHistorial textarea{
	/*width:350px;*/
}
.clsNotasPadecimiento h1{
	margin:0 0 6px 0;
}
.clsNotasPadecimiento label{
	margin:8px;
	margin-left:3px;
}
.clsNotasPadecimiento textarea{
	/*width:350px;*/
}

.clsExamenFisico h1{
	margin:0 0 6px 0;
}
.clsExamenFisico label{
	margin:8px;
	margin-left:3px;
}
.clsExamenFisico textarea{
	/*width:350px;*/
}
.clsDiagnostico textarea{
	/*width:350px;*/
}
.clsDiagnostico h1{
	margin:0 0 6px 0;
}
.clsDiagnostico label{
	margin:8px;
	margin-left:3px;
}

.clsTextFormularios{
	background:#FDFDFD;
	border:1px solid #CCCCCC;
	border-radius:4px;
	padding:8px;
}
.clsTextA{
	background:#FDFDFD;
	border:1px solid #CCCCCC;
	border-radius:4px;
	margin-top:0px;
	width:98%;
	height:130px;
	resize:both;
	
	/*padding: 5px;
    box-sizing: border-box;*/
} 
.clsDivDisenoReceta{
    width:32%; float:left; text-align:center; margin:10px;
}
.clsDivDisenoReceta img{
    width:80%; 
    /*border: 1px solid #ccd1d9;*/
}
.clsDivDisenoReceta input{
    display:none; 
}
.clsTextA2{
    margin-top: 6px;
}
.clsTextA2Mini{
    width:30px;
    height:20px;
	resize:none;
    vertical-align: middle;
    margin-top:0;
}
.clsTextAHidden{
	visibility:hidden;
	display:none;
}
.clsFormAutentificar{
	position:relative; margin-left:auto; margin-right:auto; height:auto;
}
.clsDivConEstDocRec{
    width: 98.6%; min-height: 320px; height: auto; display: flow-root; margin: 10px 5px 5px 5px;
}

.clsDivsEstDocRec{
	float:left;
	width: 99.5%;
	background:#dddddd;
	border:1px solid #ABB0A6;
	padding:6px;
	margin:4px;
	box-sizing: border-box;
}

.clsTxtInpEstDocRec{
    width:99.1%; height:26px;
}


/* ------------------------------  EXPEDIENTE  -------------------------------------*/
.clsAHistorial{
    display:none;
}
.clsAexpediente{
  text-decoration: none !important; margin-right: 15px; color:black;
}
.clsAexpediente:hover{
  color: rgb(8 149 221) !important;
}

.clsNombre{
  width:300px;
}
.clsSexo{
  width:120px;
}
.clsFecNac{
  width:120px;
}
.clsDiv2{
    width: calc(100% - 200px);
}
.clsIcoMenu{
    display:none;
}
.clsMenu{
    display:block;
    left:0px;
    position:inherit;

    float:left; 
    
    width:180px; 
    height: calc(100% - 37px); 
    background: rgb(28, 76, 195) !important;
    background: linear-gradient(rgb(28, 76, 195) 0%, rgb(28, 46, 123) 100%) !important; /*medico*/

    background: rgb(55 72 121) !important;
    background: linear-gradient(rgb(55 72 121) 0%, rgb(21 39 117) 100%) !important; /*administrador*/
    padding: 0px; 
    border-right: 1px solid #1d57db; 
    box-sizing: border-box;
    z-index:100;
    
    /*
    left: 0;
    top: 36px;
    position: fixed;
    */
}
.clsMenuBg1{
    background: rgb(28, 46, 100) !important;
    background: linear-gradient(rgb(28, 76, 195) 0%, rgb(28, 46, 100) 100%) !important;
    background: -webkit-linear-gradient(90deg, #155492 0, #0c64bb 100%) !important;
    
    background: linear-gradient(336deg, rgb(41 35 113 / 90%) 1%, rgb(5 153 255 / 90%) 69%, rgb(4 61 170 / 90%) 90%), url(../images/encabezado-sofmedi-11.jpg) !important;
    /* background-position: 10%; */
    background-size: 200% 100% !important;
}
.clsMenuBg2{
    /*background: rgb(105 62 134) !important;
    background: linear-gradient(rgb(163 19 255) 0%, rgb(105 62 134) 100%) !important;*/
    background: rgb(81 52 100) !important;
    background: linear-gradient(rgb(70 50 84) 0%, rgb(64 38 81) 100%) !important;
}
.clsMenuBg3{
    background: rgb(12 159 181) !important;
    background: linear-gradient(rgb(12 159 181) 0%, rgb(8 105 108) 100%) !important;
}
.clsMenuBg4{
    background: rgb(216 121 3) !important;
    background: linear-gradient(rgb(216 121 3) 0%, rgb(136 83 6) 100%) !important;
}
.clsUlHisCon{
    display:block;
    position:inherit;
    width:220px; 
    /*height: calc(100% - 37px); 
    */
    background: rgb(0,125,208) !important;
    background: linear-gradient(rgb(28, 76, 195) 0%, rgb(28, 46, 123) 100%) !important;
    
    padding: 0px; 
    box-sizing: border-box;
}
.clsContGeneral{
    float:left; width: calc(100% - 220px); height: calc(100% - 37px); padding: 0px;
}

.clsLiExpediente{
    height: 17px;
    padding: 10px;
    /*background: #2290ff;*/
    background: rgb(28, 76, 195);
    background: linear-gradient(rgb(28, 76, 195) 0%, rgb(28, 46, 123) 100%);
    
    border: 1px solid #7d7d7d;
    border-bottom:0;

    border-top-left-radius:4px;
    border-top-right-radius:4px;
    
    margin-top:-1px;

    display: inline;
    
    vertical-align:middle;
}
.clsLiExpediente:hover{
    /*background: rgb(28, 46, 123);
    background: linear-gradient(rgb(28, 46, 123) 0%, rgb(28, 76, 195) 100%);*/
    background: rgb(169 188 202); 
    background: linear-gradient( rgb(85 104 118) 0%, rgb(169 188 202) 100%);
}
.clsLiExpedienteActivo{
    background: rgb(169 188 202); 
    background: linear-gradient( rgb(85 104 118) 0%, rgb(169 188 202) 100%);
}

.clsLiExpediente a{
    /*color: #353333;*/
    color: #fff;
    text-decoration:none;
    
}
.clsCitaDivTxt{
    width: 170px; float:left; margin-bottom:10px; font-size: 18px;
    
}
.clsDivTab{
    /*display: inline-block; border: 1px solid #7d7979; background:#ccc; padding: 0px; margin: 0px 5px 0px 5px; */
    width: 100%;
    margin: 0px 5px 0px 5px;
    background: #a9bcca;
    border-top: 1px solid #838282;
    /*border-top: 0;*/
    box-sizing: border-box;
}
.clsDivNotasPadecimiento{
    display: inline-block;  padding: 0px;     
}
.clsExpTabs{
    height: calc(100% - 230px);
    float:left; width:100%;  margin: 0px; background: #a9bcca;
}
.clsExpTabsBgWhite{
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
    height: auto !important;
}

.clsCellReceta{
    float:left;
    border:0px !important;
    margin: 5px;  
    padding: 6px 0 0 0;
}
.clsRowReceta{
    padding: 2px 0 2px 0;
    float:left; width: 99.6%; height: auto; border-bottom:1px solid #ccc;
}
.clsUlTabsExp{
    background: #f3f4f8;
    padding-top: 10px;
    overflow: hidden;
}
.clsImgActivo{ border:9px solid blue; }

.clsBtnLeft{
    float:left;
    margin: 0 4px 0 0;
}
.clsBtnRight{
    float:right;
}

@media (max-width: 320px) {
    .clsAHistorial{
        display:inline;
    }
	.clsFormAutentificar{
		width:90%;
	}
	
    .clsNombre{
      width:100%;
    }
    .clsSexo{
      width:48%;
    }
    .clsFecNac{
      width:48%;
    }
    .clsDiv2{
        width: 100%;
    }
    .clsIcoMenu{
        display:inline;
    }
    .clsMenu{
        /*display:none;*/
        position:fixed;
        left:-180px;
    }
    .clsContGeneral{
        width: 100%;
    }
    .clsUlTabsExp{
        overflow-x: auto;
    }
    .clsLiExpediente{
        display: table-cell /*list-item*/;
        border-radius:0px;
        text-align: center;
    }
    .clsIcoI{
        margin: 5px !important;
    }
    .clsDivTab{
        margin: 0px;
    }
    
    .clsDivRecetaCell1{
        width:95%;
    }
    .clsDivRecetaCell2{
        width:95%;
    }
    .clsDivRecetaCell3{
        width:30%;
    }
    .clsDivRecetaCell4{
        width:38%;
    }
    .clsDivRecetaCell5{
        width:20%;
    }
    
    .clsDivEstudioCell1{
        width:95%;
    }
    .clsDivEstudioCell2{
        width:95%;
    }
    
    .clsDivsConText{
    	width: 95%;
    }
    .clsDivConEstDocRec {
        width: 99%;
        margin: 10px 5px 5px 0px;
    }
    .clsTxtInpEstDocRec{
        width:95%;
    }
    .clsDivsEstDocRec{
    	margin:4px 0 0 1px;
    }
    
    .clsDivDisenoReceta{
        width:99%; float:left; text-align:center; margin:10px;
    }
    .clsDivDisenoReceta img{
        width:80%; 
    }

}

@media (min-width: 350px) {
    .clsAHistorial{
        display:inline;
    }
	.clsFormAutentificar{
		width:90%;
	}
    .clsNombre{
      width:100%;
    }
    .clsSexo{
      width:48%;
    }
    .clsFecNac{
      width:48%;
    }
    .clsDiv2{
        width: 100%;
    }
    .clsIcoMenu{
        display:inline;
    }
    .clsMenu{
        /*display:none;*/
        position:fixed;
        left:-180px;
    }
    .clsContGeneral{
        width: 100%;
    }
    .clsUlTabsExp{
        overflow-x: auto;
    }
    .clsLiExpediente{
        display: table-cell /*list-item*/;
        border-radius:0px;
        text-align: center;
    }
    .clsIcoI{
        margin: 5px !important;
    }

    .clsDivTab{
        margin: 0px;
    }
    .clsDivRecetaCell1{
        width:95%;
    }
    .clsDivRecetaCell2{
        width:95%;
    }
    .clsDivRecetaCell3{
        width:30%;
    }
    .clsDivRecetaCell4{
        width:38%;
    }
    .clsDivRecetaCell5{
        width:20%;
    }
    
        .clsDivEstudioCell1{
        width:95%;
    }
    .clsDivEstudioCell2{
        width:95%;
    }


    .clsDivsConText{
    	width: 95%;
    }
    .clsDivConEstDocRec {
        width: 99%;
        margin: 10px 5px 5px 0px;
    }
    .clsTxtInpEstDocRec{
        width:95%;;
    }
    .clsDivsEstDocRec{
    	margin:4px 0 0 1px;
    }
    
    .clsDivDisenoReceta{
        width:99%; float:left; text-align:center; margin:10px;
    }
    .clsDivDisenoReceta img{
        width:80%; 
    }

}

@media (min-width: 558px) {
    .clsAHistorial{
        display:inline;
    }
	.clsFormAutentificar{
		width:60%;
	}
    .clsNombre{
      width:100%;
    }
    .clsSexo{
      width:48%;
    }
    .clsFecNac{
      width:48%;
    }
    .clsDiv2{
        width: 100%;
    }
    .clsIcoMenu{
        display:inline;
    }
    .clsMenu{
        /*display:none;*/
        position:fixed;
        left:-180px;
    }
    .clsContGeneral{
        width: 100%;
    }
    .clsUlTabsExp{
        overflow-x: auto;
    }
    .clsLiExpediente{
        display: table-cell /*list-item*/;
        border-radius:0px;
        text-align: center;
    }
    .clsIcoI{
        margin: 5px !important;
    }

    .clsDivTab{
        margin: 0px;
    }
    .clsDivRecetaCell1{
        width:95%;
    }
    .clsDivRecetaCell2{
        width:95%;
    }
    .clsDivRecetaCell3{
        width:30%;
    }
    .clsDivRecetaCell4{
        width:38%;
    }
    .clsDivRecetaCell5{
        width:20%;
    }
    
        .clsDivEstudioCell1{
        width:95%;
    }
    .clsDivEstudioCell2{
        width:fit-content;
    }

    .clsDivsConText{
    	width: 95%;
    }
    .clsDivConEstDocRec {
        width: 99%;
        margin: 10px 5px 5px 0px;
    }
    .clsTxtInpEstDocRec{
        width:95%;;
    }
    .clsDivsEstDocRec{
    	margin:4px 0 0 1px;
    }
    
    .clsDivDisenoReceta{
        width:99%; float:left; text-align:center; margin:10px;
    }
    .clsDivDisenoReceta img{
        width:80%; 
    }

    
}

@media (min-width: 768px) {
    .clsAHistorial{
        display:inline;
    }
	.clsFormAutentificar{
		width:50%;
	}
    .clsNombre{
      width:100%;
    }
    .clsSexo{
      width:48%;
    }
    .clsFecNac{
      width:48%;
    }
    .clsDiv2{
        width: 100%;
    }
    .clsIcoMenu{
        display:none;
    }
    .clsMenu{
        /*display:block;*/
        position:fixed;
        left:-180px;
    }
    .clsContGeneral{
        width: 78%;
    }
    .clsUlTabsExp{
        overflow-x: auto;
    }
    .clsLiExpediente{
        display: table-cell /*inline-block*/;
        border-top-left-radius:4px;
        border-top-right-radius:4px;
        text-align: center;
    }
    .clsIcoI{
        margin: 0 0 0 7px !important;
    }

    .clsDivTab{
        /*margin: 0px 5px 0px 5px;*/
        margin: 0px;
    }
    .clsDivRecetaCell1{
        width:95%;
    }
    .clsDivRecetaCell2{
        width:95%;
    }
    .clsDivRecetaCell3{
        width:30%;
    }
    .clsDivRecetaCell4{
        width:38%;
    }
    .clsDivRecetaCell5{
        width:20%;
    }
    
        .clsDivEstudioCell1{
        width:95%;
    }
    .clsDivEstudioCell2{
        width:fit-content;
    }


    .clsDivsConText{
    	width: 50%;
    }
    .clsDivConEstDocRec {
        width: 99%;
        margin: 10px 5px 5px 0px;
    }
    .clsTxtInpEstDocRec{
        width:95%;;
    }
    .clsDivsEstDocRec{
    	margin:4px 0 0 1px;
    }
    
    .clsDivDisenoReceta{
        width:48%; float:left; text-align:center; margin:10px;
    }
    .clsDivDisenoReceta img{
        width:80%; 
    }

}

@media (min-width: 990px) {
    .clsAHistorial{
        display:none;
    }
	.clsFormAutentificar{
		width:45%;
	}
    .clsNombre{
      width:300px;
    }
    .clsSexo{
      width:120px;
    }
    .clsFecNac{
      width:220px;
    }
    .clsDiv2{
        width: calc(100% - 200px);
    }

    .clsIcoMenu{
        display:none;
    }
    .clsMenu{
        /*display:block;*/
        left:0px;
        position:inherit;

    }
    .clsContGeneral{
        width: calc(100% - 180px);
    }
    .clsUlTabsExp{
        overflow: hidden;
    }
    .clsLiExpediente{
        display: inline-block;
        border-top-left-radius:4px;
        border-top-right-radius:4px;
        text-align: left;
    }
    .clsIcoI{
        margin: 0 0 0 7px !important;
    }

    .clsDivTab{
        /*margin: 0px 5px 0px 5px;*/
        margin: 0px;
    }
    .clsDivRecetaCell1{
        width:26%;
    }
    .clsDivRecetaCell2{
        width:35%;
    }
    .clsDivRecetaCell3{
        width:11%;
    }
    .clsDivRecetaCell4{
        width:11%;
    }
    .clsDivRecetaCell5{
        width:11%;
    }
    
        .clsDivEstudioCell1{
        width:90%;
    }
    .clsDivEstudioCell2{
        width:fit-content;
    }

    .clsDivsConText{
    	width: 40%;
    }
    .clsDivConEstDocRec {
        width: 99.8%;
        margin: 10px 0px 5px 0px;
    }
    .clsTxtInpEstDocRec{
        width:98.9%;;
    }
    .clsDivsEstDocRec{
    	margin:4px;
    }
    
    .clsDivDisenoReceta{
        width:32%; float:left; text-align:center; margin:10px;
    }
    .clsDivDisenoReceta img{
        width:80%; 
    }

}

@media (min-width: 1300px) {
    .clsAHistorial{
        display:none;
    }
	.clsFormAutentificar{
		width:30%;
	}
    
    .clsNombre{
      width:300px;
    }
    .clsSexo{
      width:120px; 
    }
    .clsFecNac{
      width:220px;
    }
    .clsDiv2{
        width: calc(100% - 200px);
    }

    .clsIcoMenu{
        display:none;
    }
    .clsMenu{
        /*display:block;*/
        left:0px;
        position:inherit;
    }
    .clsContGeneral{
        width: calc(100% - 180px);
    }
    .clsUlTabsExp{
        overflow: hidden;
    }
    .clsLiExpediente{
        display: inline-block;
        border-top-left-radius:4px;
        border-top-right-radius:4px;
        text-align: left;

    }
    .clsIcoI{
        margin: 0 0 0 7px !important;
    }

    .clsDivTab{
        /*margin: 0px 5px 0px 5px;*/
        margin: 0px;
    }
    .clsDivRecetaCell1{
        width:26%;
        
    }
    .clsDivRecetaCell2{
        width:35%;
    }
    .clsDivRecetaCell3{
        width:11%;
    }
    .clsDivRecetaCell4{
        width:11%;
    }
    .clsDivRecetaCell5{
        width:11%;
    }
    
        .clsDivEstudioCell1{
        width:90%;
    }
    .clsDivEstudioCell2{
        width:fit-content;
    }


    .clsDivsConText{
    	width: 25%;
    }
    .clsDivConEstDocRec {
        width: 99.8%;
        margin: 10px 0px 5px 0px;
    }
    .clsTxtInpEstDocRec{
        width:98.9%;;
    }
    .clsDivsEstDocRec{
    	margin:4px;
    }
    
    .clsDivDisenoReceta{
        width:32%; float:left; text-align:center; margin:10px;
    }
    .clsDivDisenoReceta img{
        width:80%; 
    }

}