input[type=number]{
    height:30px;
    border-left: 2px solid #028fcc;
}
.img{
    border: 0px solid #999;
    width:250px;
    height:250px;
    background-size: 100% 100%;
    background-repeat:no-repeat;
   /* background:url(../images/logo_azul.png);*/
    background-size: cover;
}
.img img{
      width: 100%;
}
#div_sql{
    width:70%;
    border:1px solid #000;
    height: auto;
    padding: 10px;
    display: block;
    position: fixed;
    bottom: 20px;
    left: 10px; 
    z-index: 999; 
    background-color:azure;
    color: #000;
}
.loader{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../../images/loading.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}

/* ***************************************
CHECKBOX 
******************************************/
input[type="checkbox"].ios8-switch {
    position: absolute;
    margin: 8px 0 0 16px;    
}
input[type="checkbox"].ios8-switch + label {
    position: relative;
    padding: 5px 0 0 60px;
    line-height: 2.0em;
}
input[type="checkbox"].ios8-switch + label:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 50px; /* x*5 */
    height: 24px; /* x*3 */
    border-radius: 16px; /* x*2 */
    background: #cdcdcd;
    border: 1px solid #d9d9d9;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
input[type="checkbox"].ios8-switch + label:after {
    content: "";
    position: absolute;
    display: block;
    left: 0px;
    top: 0px;
    width: 24px; /* x*3 */
    height: 24px; /* x*3 */
    border-radius: 16px; /* x*2 */
    background: #efefef;
    
    border: 1px solid #d9d9d9;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
input[type="checkbox"].ios8-switch + label:hover:after {
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
input[type="checkbox"].ios8-switch:checked + label:after {
    margin-left: 26px;
}
input[type="checkbox"].ios8-switch:checked + label:before {
    background: #028fcc;
    content: "";
    color: #fff;
    padding-left: 7px;
}
/* SMALL */
input[type="checkbox"].ios8-switch-sm {
    margin: 5px 0 0 10px;
}
input[type="checkbox"].ios8-switch-sm + label {
    position: relative;
    padding: 0 0 0 32px;
    line-height: 1.3em;
}
input[type="checkbox"].ios8-switch-sm + label:before {
    width: 35px; /* x*5 */
    height: 15px; /* x*3 */
    border-radius: 10px; /* x*2 */
}
input[type="checkbox"].ios8-switch-sm + label:after {
    width: 25px; /* x*3 */
    height: 15px; /* x*3 */
    border-radius: 10px; /* x*2 */
}
input[type="checkbox"].ios8-switch-sm + label:hover:after {
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
}
input[type="checkbox"].ios8-switch-sm:checked + label:after {
    margin-left: 10px; /* x*2 */
}
/* LARGE */
input[type="checkbox"].ios8-switch-lg {
    margin: 10px 0 0 20px;
}
input[type="checkbox"].ios8-switch-lg + label {
    position: relative;
    padding: 7px 0 0 60px;
    line-height: 2.3em;
}
input[type="checkbox"].ios8-switch-lg + label:before {
    width: 70px; /* x*5 */
    height: 30px; /* x*3 */
    border-radius: 20px; /* x*2 */
}
input[type="checkbox"].ios8-switch-lg + label:after {
    width: 50px; /* x*3 */
    height: 30px; /* x*3 */
    border-radius: 20px; /* x*2 */
}
input[type="checkbox"].ios8-switch-lg + label:hover:after {
    box-shadow: 0 0 8px rgba(0,0,0,0.3);
}
input[type="checkbox"].ios8-switch-lg:checked + label:after {
    margin-left: 20px; /* x*2 */
}
/***********************
FIN CHECKBOX 
******/
.btn_close_blanco{
    color: #9f9f9f;
}
.btn_close_blanco:focus, .btn_close_blanco:hover {
    color: #fcfcfc;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
}
.cuadros_texto{ 
    width:100%; font-weight:normal;
}

#div_save {
    width:50%;
    border:0px solid #000;
    height: 45px;
    padding: 0px;
    display: block;
    position: fixed;
    bottom: 0;
    left: 10px; 
    z-index: 9999; 
}
/*---<MENSAJES_SAVE>*/
#vmod{
    position: fixed; 
    display: block;
    bottom:0px;
    right:5%;
    left:5%;
    width: 90%;
    height: 100px;
    border:0px solid #000;
    text-align: left;
}
#vmod2{
    position: fixed; 
    display: block;
    right:5%;
    left:5%;
    width: 90%;
    height: 100px;
    border:0px solid #000;
    text-align: left;
}
#div_alert_save{
    border:1px solid #3c763d; color:#3c763d; background-color:#cfe6c5; border-radius:2px; height: 80px; padding: 10px; font-size:1.0em; z-index: 9999; border-left:5px solid #3c763d; width: 100%; 
}
#div_alert_warning{
    border:1px solid #bc7104; color:#995a00; background-color:#ffe6c1; border-radius:2px; height: 80px; padding: 10px; font-size:1.0em; z-index: 9999; border-left:4px solid #bc7104; width: 100%;
}
#div_alert_danger{
    border:1px solid #a94442; color:#a94442; background-color:#f2dede; border-radius:2px; height: 80px; padding: 10px; font-size:1.0em; z-index: 9999; border-left:4px solid #a94442; width: 100%;
}
#div_alert_info{
    border:1px solid #317098; color:#317098; background-color:#d9edf7; border-radius:2px; height: 80px; padding: 10px; font-size:1.0em; z-index: 9999; border-left:4px solid #317098; width: 100%;
}
/*---</MENSAJES_SAVE>*/
/*------------------------------------------------------------
1024 a 20px 
------------------------------------------------------------*/
/*<ACCORDION>*/
.icono_2{
    height: auto;
    width: 50px !important;
}
.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    font-size: 1.0em;
    font-weight: 700;
}
.active, .accordion:hover {
    background-color: #ccc;
}
.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}
.active:after {
    content: "\2212";
}
.panel_aco {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    border:1px solid #dcdcdc;
}
/*</ACCORDION>*/
@media (min-width:768px) {
    
  
}
/*------------------------------------------------------------
768px a 1024px
------------------------------------------------------------*/
/*------------------------------------------------------------
768px 
------------------------------------------------------------*/
@media (max-width:768px){

}
.input-prepend .add-on, .input-prepend .btn { margin-right:-1px }
.input-prepend .add-on:first-child, .input-prepend .btn:first-child { -webkit-border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px }
input:focus, text-area:focus { border:#428bca 0px solid;
 box-shadow: 1px 1px 7px #999; background-color:#FFF; }
input::-webkit-input-placeholder {
    color: color:#cfcfd0;;
}
input:-moz-placeholder {
    color: color:#cfcfd0;
    font-size:14px;    
}
input:-ms-input-placeholder {
    color: color:#cfcfd0;
    font-size:14px;
}

label { display:block; }
/* --------------------------------------
LINK 
----------------------------------------- */ 
/*----------------------------------------- */ 
#link_menu a { background-color: #666; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; color: #CCC; display: inline-block; font-size: 13px; line-height: 24px; height: 24px; min-width: 12px; margin-top: 1px; padding: 0 8px; text-align: center; width:auto; font-weight: bold; border: 1px solid #ccc; }
#link_menu td { text-decoration: none; }
#link_menu a:hover { ñtext-decoration: none; color: #FFF; background-repeat: no-repeat; background-position: 5px 5px 3px 3px; background-color: #333; }
#link_menu_press { color:#FFF; }
#link_mas a { font-family: Tahoma, Geneva, sans-serif; font-size:16px; font-weight: normal; color: #036; border: 0px; text-decoration: none; font-weight: bold; width: 150px; padding: 3px 15px 3px 3px; cursor: e-resize; }
#link_mas td { text-decoration: none; }
#link_icono_rojo a { color:#000; }
#link_icono_rojo td { text-decoration: none; }
#link_icono_rojo a:hover { color:#F00;}
#link_mas a:hover { text-decoration: underline; color: #333; width: 150px; }
#link_os a { font-family: Tahoma, Geneva, sans-serif; font-weight: normal; color: #036; border: 0px; text-decoration: none; font-weight: normal; width: 150px; padding: 2px 15px 1px 3px; cursor: auto; }
#link_os td { text-decoration: none; }
#link_os a:hover { text-decoration: underline; color: #333; width: 150px; }
.encabezados { /* font-size:14px */; font-weight: bold; font-family: Tahoma, Geneva, sans-serif; background-color: #FFF; padding: 5px 1px 5px 1px; color: #000; text-align: center; width: auto; }
/* ---------------------------------------------
efecto CUADRO RECUPERAR CONTRASEÑA
------------------------------------------------ */
#resizable { padding: 1px; }
.table1 { visibility:hidden; height:1px; margin-left:15px; }
.barra_labora { width:80%; height:30px; background:#333; position:fixed; background-image: url(../images/barra.jpg); margin-top:10px; margin-left:15px; margin-right:15px; }
.custom-combobox { position: relative; display: inline-block; }
.custom-combobox-toggle {  position: absolute;  top: 0;  bottom: 0;  margin-left: -1px;  padding: 0;}
.custom-combobox-input { margin: 0;  padding-top: 2px;  padding-bottom: 5px;  padding-right: 5px; color:#000;}
/*------------------------------------------------------------*/
/* JQUERY UI */
/*------------------------------------------------------------*/

#selectable .ui-selecting { background: #FECA40; }
#selectable .ui-selected { background: #F39814; color: white; }
#selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }
/*CUADROS DE INFORMACION AJUSTABLES SOBRE OBJETO */
.dropdown-info-I{
    position: relative; 
    display:inline-block; 
}
.dropdown-content-info-I{
    display:none;
    position: absolute;
    background-color: #fff;
    box-shadow: 0px 8px 16px 8px rgba(0,0,0,0.2);
    overflow: hidden;
    z-index: 1;
}
.dropdown-info-I:hover .dropdown-content-info-I{
    display: block;
    margin-left: 8.8%;
    z-index: 1000;
    margin-top: -10px;
    position:absolute;
    padding: 0px 0px 5px 5px;
    text-align: left;
    border:1px solid #bfbfbf;
    overflow: hidden;
    width: 280px;
    height: auto;/*405px;*/
    border-radius: 4px;
    font-size:14px;
    background-color:#fff;
}

/*<SELECT>*/
.select-css {
    display: block;
    font-size:1.0em;
    font-family: 'Verdana', sans-serif;
    font-weight: 400;
    color: #000;
    line-height: 1.3;
    padding: .4em 1.4em .3em .8em;
    width: 100%;
    max-width: 100%; 
    box-sizing: border-box;
    /*margin: 20px auto;*/
    border: 1px solid #aaa;
    background-color: #eee;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.03);
    border-left: 2px solid #028fcc;
    border-radius: 2px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
      linear-gradient(to bottom, #eee 0%,#eee 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
    font-weight: bold;
}
.select-css::-ms-expand {
    display: none;
}
.select-css:hover {
    border-color: #028fcc;
    background-color: #fff;
    border-left: 2px solid #028fcc;
}
.select-css:focus {
    border-color: #aaa;
    /*
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    */
    
    color: #222; 
    outline: none;
    background-color: #fff;
    border-top: 2px solid #028fcc;
}
.select-css option {
    font-weight:normal;
}


.classOfElementToColor:hover {background-color:red; color:black}

.select-css option[selected] {
    background-color: #0272a3;
    color:#fff;
}


/* OTROS ESTILOS*/
.styled-select { width: 240px; height: 34px; overflow: hidden; background: url(new_arrow.png) no-repeat right #ddd; border: 1px solid #ccc; }

 

.sidebar-box select{
display:block;
padding: 5px 10px;
height:42px;
margin:10px auto;
min-width: 225px;
-webkit-appearance: none;
height: 34px;
/* background-color: #ffffff; */
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
      linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;}


/*</SELECT>*/


/*<SEARCH BY>*/
.search{
    border: 0px solid #000;
    width: 100%;
    padding-top: 3px;
    display: block;
    height: 35px;
    text-align: center;
    padding-right: 10px;
}
.btn_search{
    height: 26px;
    border-radius: 0px;
    border: none;
    width: 100%;
}
.input_search {
    height: 26px;
    font-size:14px;
    border: none;
    text-transform: uppercase;
    width: 100%;
    padding-left: 0px;
    text-align: left;
    border-left: 3px solid #028fcc;
}
.input_search:hover {
    border-color: #66afe9;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);

}
::-moz-placeholder {
    color:#464646;
    font-size: 10px;    
} /* firefox 19 */
input::-webkit-input-placeholder {
    color: #cfcfd0;;
}
input:-moz-placeholder {
    color: #cfcfd0;
    font-size: 10px;    
}
input:-ms-input-placeholder {
    color: #cfcfd0;
    font-size: 10px;
}

/*</SEARCH BY>*/