#cabecera{
    height: 150px;
    background-image: url("./../img/cab_bg.jpg");
}


#cabizq{
    height: 150px;
    width: 179px;
    background-image: url("./../img/cab_l.jpg");
    float: left;
}
#cabder{
    height: 150px;
    width: 411px;
    background-image: url("./../img/cab_r.jpg");
    float: right;
}






body{
 background-color: #EEEEEE;
}

h1, h3 {
    margin-bottom: .5em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*line-height: 1em;*/
}


.formulario_captura{
/*float: left;*/
}

.formulario_captura label{
    font-family: Poppins,Verdana, Arial, Helvetica, sans-serif;
    font-size:14px;
    /*background-color:#162132;*/
    color:#162132;
}

.formulario_captura td{
    padding: 3px 0 2px 10px;    
}

.formulario_captura input{
    /*border: 2px solid #bfcddb;*/
    border: 2px solid #365769;
    font-family:  Poppins, Arial, Helvetica, sans-serif;
    font-size:14px;
}


.help-block{
     font-family:  Poppins, Arial, Helvetica, sans-serif;
    color: red;
}

.select-css {
 display: block;
 font-size: 14px;
 font-family: Poppins,'Arial', sans-serif;
 font-weight: 400;
 color: #444;
 line-height: 1.3;
 padding: .4em 1.4em .3em .8em;
 width: 400px;
 max-width: 100%; 
 box-sizing: border-box;
 margin: 0;
 border: 1px solid #aaa;
 box-shadow: 0 1px 0 1px rgba(0,0,0,.03);
 border-radius: .3em;
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 background-color: #fff;
 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-css::-ms-expand {
 display: none;
}
.select-css:hover {
 border-color: #888;
}
.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;
}
.select-css option {
 font-weight:normal;
}

.tabla_border td{
 border: 1px solid black;
}

.tabla_celdas_separadas td{
 padding-right: 1em;
}







/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{ display: block; }
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
}	
/* ============ small devices .end// ============ */


        /* Modify the background color */
         
        .navbar-custom {
            background-color: rgb(150, 145, 165);
        }
        /* Modify brand and text color */
         
        .navbar-custom .navbar-brand,
        .navbar-custom .navbar-text {
            color: rgb(176, 196, 176);
        }

        .navbar-custom .nav-link {
            color: red;
        }






        .devices {
            background: #fff;
            border-radius: 20px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
            padding: 2rem;
            /*max-width: 900px;*/
            max-width: 100%;
            margin: 2rem auto;
            font-family: Helvetica,Arial, sans-serif;
        }
        .letra_grande{
            color: #133964;
            font-size: 1.6em !important;
        }

        .letra_normal{
            color: #3165A1;
            font-size: 1.1em !important;
        }
        
        .letra_normal_roja{
            color: #BD0000;
            font-size: 1.1em !important;
        }

        .letra_pequenia_roja{
            color: #BD0000;
            font-size: 0.9em !important;
        }
        

        .device-info {
            align-items: center;
            margin-bottom: 1.5rem;
            
        }
        
        .album-cover {
            width: 150px;
            height: 150px;
            margin-right: 1rem;
            object-fit: cover;
        }


        .input_container {
            border: 1px solid #e5e5e5;
          }
          
          input[type=file]::file-selector-button {
            background-color: #fff;
            color: #000;
            border: 0px;
            border-right: 1px solid #e5e5e5;
            padding: 10px 15px;
            margin-right: 20px;
            transition: .5s;
          }
          
          input[type=file]::file-selector-button:hover {
            background-color: #eee;
            border: 0px;
            border-right: 1px solid #e5e5e5;
          }

          input[type=submit], input[type=reset] {
            background-color: #e5e5e5;
            border: none;
            color: #133964;
            padding: 10px 36px;
            text-decoration: none;
            margin: 4px 2px;
            cursor: pointer;
          }

          input[type=submit]:hover {
            background-color: #BABDB6;
          }
          

          .alert {
            padding: 15px;
            margin-bottom: 20px;
            border-radius: 4px;
            font-size: 12.5px;
            font-weight: bold;
        }
        
          .success {
              color: #155724;
              background-color: #d4edda;
              border: 1px solid #c3e6cb;
          }
        
          .warning {
              color: #856404;
              background-color: #fff3cd;
              border: 1px solid #ffeeba;
          }
        
          .error {
              color: #721c24;
              background-color: #f8d7da;
              border: 1px solid #f5c6cb;
          }
        
          .info {
              color: #0c5460;
              background-color: #d1ecf1;
              border: 1px solid #bee5eb;
          }
        
          .primary {
              color: #004085;
              background-color: #cce5ff;
              border: 1px solid #b8daff;
          }
        


          .link_button {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            border: solid 1px #20538D;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
            -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
            background: #4479BA;
            color: #FFF;
            padding: 8px 12px;
            text-decoration: none;
        }