/* Utils */

html, body {margin: 0;padding:0;cursor: default;}
@media (min-width: 1200px) {.container{max-width: 1100px;}}
.centered-pills { text-align:center; }
.centered-pills ul.nav-pills { display:inline-block; }
.centered-pills li { display:inline; }
.centered-pills a { float:left; }
.hidden {display: none !important;}
.row-centered {text-align:center;}
.col-centered {display:inline-block;float:none;margin-right:-4px;padding-bottom: 40px;}
.col-centered-home {display:inline-block;margin-right:-4px;padding-bottom: 30px;}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu > .dropdown-menu {
   top:0;left:100%;
   margin-top:-6px;margin-left:-1px;
   -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
 }

.dropdown-submenu > a:after {
  border-color: transparent transparent transparent #333;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;
  height: 0;
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}

.dropdown-submenu:hover>a:after {
    border-left-color:#555;
 }

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
  text-decoration: underline;
}

@media (max-width: 767px) {

  .navbar-nav  {
     display: inline;
  }
  .navbar-default .navbar-brand {
    display: inline;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .navbar-default .navbar-nav .dropdown-menu > li > a {
    color: red;
    background-color: #ccc;
    border-radius: 4px;
    margin-top: 2px;
  }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
     color: #333;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
     background-color: #ccc;
   }

   .navbar-nav .open .dropdown-menu {
     border-bottom: 1px solid white;
     border-radius: 0;
   }
  .dropdown-menu {
      padding-left: 10px;
  }
  .dropdown-menu .dropdown-menu {
      padding-left: 20px;
   }
   .dropdown-menu .dropdown-menu .dropdown-menu {
      padding-left: 30px;
   }
   li.dropdown.open {
    border: 0px solid red;
   }

}

@media (min-width: 768px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block;
  }
  #navbar {
    text-align: center;
  }
}


/* Custom */
body {background-color: #E8E8E8;}
body.factura {background-color: #ffffff;}
.head {padding:0;}
.head-content {height:120px;padding:0;text-align: center;}
.head .head-logo {height:60px;margin-top: 28px;}
.head .head-logo img {max-width: 100%;height: auto !important;}
.head .head-space {height:60px;margin-top: 24px;}
.head .head-login {height:60px;margin-top: 17px;}
.head .menu {height: 35px;width:100%;margin: 0;padding-bottom: 50px;background-color: #fff;text-align: center;padding-top: 8px;}
.external .menu {display: none;}
.head .menu > .container {}
.head .menu ul li {height:34px;text-transform: uppercase;border-right: solid 1px #D2D2D2;}
.head .menu ul li.last {border-right: none;padding-right: 0;}
.head .menu ul li a {color: #003661;font-weight: 500;font-size: 9.0pt;
    top: 0px;
    left: 0px;
}
.head .menu ul li a:hover {background: none;text-decoration: none;text-shadow: #999 0px 0px 0.5px;}
.head .menu ul li.active a {text-decoration: underline;background: none;color:#003661;}
.external .body {background-color: none;text-align: center;}
.internal .body {background-color: #fff;padding-bottom: 40px;}
.external .foot {width:100%;height:30px;bottom:0;background-color: #023e6a;}
.internal .foot {width:100%;bottom:0;background-color: #023e6a;}
.foot p {text-align: center;color:#fff;font-size: 10pt;font-weight: 400;margin-top:8px}
.div-login-c1 {padding: 0 0 0 10px;}
.div-login-c2 {padding: 0;}
h2.page-title {margin-top: 0px; margin-bottom: 20px;border-bottom:solid 1px #D19034;color:#313131;font-size: 16pt;line-height: 27pt;text-align: left;padding-left: 8px;}
tr td .row {margin-top: 8px;}
.valign-top {vertical-align: top;}
.valign-middle {vertical-align: middle;}
.valign-top label {padding-top: 20px;}
form table tr td:first-child {text-align: left;padding-right: 0px;}
.pull-down {padding-top: 8px;}
table.table-list {}
table.table-list tr td {padding-top: 12px;padding-bottom: 6px;}
table.table-list tr td.underline {font-weight: 300;border-bottom: solid 1px #e0e0e0;text-align: left;padding-top: 12px;padding-bottom: 6px;}
table.table-list tr td a {color: #676767;font-size: 10pt;}
.well {border: none;background: #ffffff;box-shadow: none;padding: 2%;}
.well-no-padd {border: none;background: #ffffff;box-shadow: none;padding: 0px;}
table.table-with-head {width: 100%; border-width:0px; border-style:None; border-collapse:collapse;}
table.table-with-head thead {background-color: #303030;color: #fff;}
table.table-with-head thead th:not(:first-child) {border-left: solid 2px #fff;}
table.table-with-head thead th {padding: 7px 20px 7px 20px;}
table.table-with-head tbody tr {background-color: #f2f2f2;border-bottom: solid 4px #fff;}
table.table-with-head tbody tr td {padding: 12px 20px 12px 20px;text-align: left;}
table.table-with-head tbody tr td a {color: #313131;}
table.table-with-head tbody tr td a:hover {text-decoration: none;}
table.table-with-head tbody tr td:hover {cursor: pointer;}
table tr td.text-left {text-align: left !important;}
table tr td.text-center {text-align: center !important;}
table tr td.text-right {text-align: right !important;}
table tr td.text-justify {text-align: justify !important;}
table.table-results tr:not(:first-child) {border-top:solid 1px #e0e0e0;}
table.table-results tr:first-child td {padding:0 0 5px 0;}
table.table-results tr:not(:first-child) td {padding:10px 0;}
table td.text-justify a:hover {text-decoration: underline !important;}
td.table-link a {color: #337ab7 !important;}
.highlight-text {font-weight:bold;}
.results-counter {color: #90866C;}
.register.row div input {margin-bottom: 7px;}
.register.row div select {margin-bottom: 7px;}
hr {border-top: solid 1px #d3d3d3;margin-bottom:30px;}
.menu ul li ul li {border:0 !important;}
.menu ul li ul li a {width:100%;}
.menu ul li ul li a:hover {color:#fff;text-decoration: none !important;}

.factura table {margin-bottom: 10px;font-size: 9pt;}
.factura .table-full-gray {width: 100%;background: #ddd;}	
.factura .table-full-gray td {padding:10px;}	
.factura table.table-with-head {width: 100%;border:solid 1px #666666;}	
.factura table.table-with-head thead {background-color: #666666;color: #fff;}	
.factura table.table-with-head thead th {height:24px;font-weight: normal;border:none;}	
.factura table.table-with-head tbody tr {background-color: #ffffff;border-bottom: none !important;}	
.factura table.table-with-head tbody tr:last-child {border-bottom:solid 1px #666666;}	
.factura table.table-with-head tbody tr td {padding: 12px 20px 12px 20px;text-align: left;cursor: default;}	
.factura table.table-with-head tbody tr td a {color: #313131;}	
	
.factura table.table-with-head2 {width: 100%;border:none;}	
.factura table.table-with-head2 thead {background-color: #333333;color: #fff;}	
.factura table.table-with-head2 thead th {height:24px;font-weight: normal;border:none;}	
.factura table.table-with-head2 tbody tr {background-color: #eee;border:none;}	
.factura table.table-with-head2 tbody tr td {padding: 6px 20px 6px 20px;text-align: left;cursor: default;}	
.factura table.table-with-head2 tbody tr td a {color: #313131;}

.GridStyle {border: 0px none transparent;
    width: 100%; border-spacing: 0px; border-collapse: collapse;
    margin-top: 0px;
}
.GridStyle th {background-color: #023e6a;color: white;padding: 3px 3px 3px 3px;border-left: solid 2px #fff;font-size: 9.0pt;}
.GridStyle th a {color: white; font-size: 9.0pt;}
.GridStyle tr {background-color: #f2f2f2;border-bottom: solid 3px #fff;font-size: 8.0pt;}
.GridStyle tr td {padding: 8px 3px 8px 3px;text-align: left;}
.GridStyle tr td a {color: #313131;}
.GridStyle tr td a:hover {text-decoration: none;}
.GridStyle tr td:hover {cursor: pointer;}
.GridStyle tr td.text-left {text-align: left !important;}
.GridStyle tr td.text-center {text-align: center !important;}
.GridStyle tr td.text-right {text-align: right !important;}
.GridStyle tr td.text-justify {text-align: justify !important;}

.GridPagerStyle table{ 	    
    float:right;
}
.GridPagerStyle td{ 
    text-align:right !important;
    font-weight:bold ;
    font-size:12px;
}

.panelLista {height: 70px;
             border-width: 1px;
             border-style: solid;
             border-color: #ccc;
             padding-top: 0px;
             padding-left: 5px;
             padding-bottom: 5px;
             padding-right: 5px;
}


/* Buttons */
.btn-primary {background-color: #D19034;color:#E7E6EB;border:none;font-weight:bold}
.btn-primary:hover {background-color: #90866C;color:#E7E6EB;}
.btn-brown {background-color: #90866C;color:#E7E6EB;text-transform: uppercase;font-size:7.5pt;padding:4px 8px;border:none;border-radius: 5px;}
.btn-brown:hover {background-color: #90866C;color:#E7E6EB;}
.btn-orange {background-color: #D19034;color:#E7E6EB;text-transform: uppercase;font-size:7.5pt;padding:4px 8px;border:none;border-radius: 5px;}
.btn-orange:hover {background-color: #D19034;color:#E7E6EB;}
.btn-ghost {background-color: transparent;color:#323232;text-transform: uppercase;font-size:7.5pt;padding:2px 12px;border:solid 1px #D19034;border-radius: 5px;}
.btn-ghost:hover {background-color: transparent;color:#323232;border:solid 1px #D19034;}
.btn-host-c1 {margin:8px 0 0 38px;padding:2px 20px;font-weight: 500;}
input[type=submit].light {border:solid 1px #303030;border-radius: 0;width:38px;height:44px;font-size: 14pt;}
.btn-light-c1 {margin-top:20px;}
.dropdown a {color: #303030;font-weight:500;}
.dropdown a:hover {text-decoration: none;}
.dropdown:hover a {text-decoration: none;}
.home-spheres {margin-top: 40px;}
.home-spheres h2 {font-size: 12pt;font-weight:500;color: #656565;text-transform: uppercase;line-height: 21px;padding-bottom:12px;}
.home-spheres p {font-size: 9pt;font-weight:400;color: #313131;line-height: 18px;}
.title-results {font-size: 13pt;color:#D19034;padding:0;margin:0;}
.title-results-small {font-size: 11pt;color:#D19034;padding:0;margin:0;}
.subtitle-results {font-size: 11pt;}
.content-results {font-size:10pt;}
.button-options {border: none !important;background: none !important;color:#555;}
a.fav-icon {color: #D19034;font-size:13pt;font-weight: bold;}
.micro-login .btn-brown {margin-top:10px;width:100%;padding: 6px 12px;font-size: 14px;background-color: #90866C;color:#E7E6EB;text-transform: uppercase;border:none;border-radius: 5px;}	
.micro-login .btn-ghost {margin-top:10px;width:100%;padding: 6px 12px;font-size: 14px;background-color: transparent;color:#323232;text-transform: uppercase;border:solid 1px #D19034;border-radius: 5px;}
/* Inputs */
input {border:none;border-bottom:solid 1px #d3d3d3}
.light {border:none;border-bottom:solid 1px #303030;border-radius:0;background: transparent;font-size: 7.5pt;color:#303030 !important;box-shadow: none;}
.light::-webkit-input-placeholder {color: #303030;}
.light:-moz-placeholder {color: #303030;}
.light::-moz-placeholder {color: #303030;}
.light:-ms-input-placeholder {  color: #303030;}
.input-light-c1 {height:26px;}
.input-light-c1.first {margin-top: 6px;}

/* Icons */
.profile-user-icon {padding: 8px;background-color: #90866C;border-radius: 50px;color: #fff;font-size: 9pt;}
.home-icon-1-wrap {text-align: center;}
.home-icon-2-wrap {text-align: center;margin-left: 0px;}
.home-icon-3-wrap {text-align: center;margin-left: 0px;}
.home-icon-4-wrap {text-align: center;margin-left: 0px;}
.home-icon-5-wrap {text-align: center;margin-left: 0px;}

.home-icon-1 {height: 125px; width: 125px;background: #00B2BB;text-align: center;margin: 0 auto;color:#fff;line-height: 135px;font-size: 46pt;}
.home-icon-2 {height: 125px; width: 125px;background: #C2B17F;text-align: center;margin: 0 auto;color:#fff;line-height: 135px;font-size: 46pt;}
.home-icon-3 {height: 125px; width: 125px;background: #E3AE55;text-align: center;margin: 0 auto;color:#fff;line-height: 135px;font-size: 46pt;}
.home-icon-4 {height: 125px; width: 125px;background: #7BAE84;text-align: center;margin: 0 auto;color:#fff;line-height: 135px;font-size: 46pt;}
.home-icon-5 {height: 125px; width: 125px;background: #4d94ff;text-align: center;margin: 0 auto;color:#fff;line-height: 135px;font-size: 46pt;}


/* Dropdowns */
.dropdown-menu {font-size: 9pt;text-transform: uppercase;padding:0;}
.dropdown-menu li {border-bottom: solid 1px #E7E7E7;}
.dropdown-menu > li > a {padding: 8px;}
.dropdown-menu > li > a:hover {background-color: #333333 !important;color: #fff;background-image: none;}
.dropdown-menu > li > input {background-color: #fff !important;background-image: none; border: none;}
.dropdown-menu > li > input:hover {background-color: #333333 !important;color: #fff;background-image: none; border: none;}


/* Forms */
.well.form {width:80%;border:solid 1px #d3d3d3;background-color: #fff;border-radius: 0;margin: 0 auto;box-shadow: none;padding:30px 34px 14px 34px;}
form label {color:#424242;font-size: 10pt;font-weight: bold;}
form > table {width: 92%;margin: 0 auto;}
form > table > tbody > tr > td > table {width: 100%;margin: 0 auto;}
form > table > tbody > tr {height:60px;}
form > table > tr > td:first-child {text-align: right;padding-right: 30px;}
form input form button {border-radius: 0;font-weight: 300;}
form input[type="text"].form-control {border-radius:0 !important;}
form select, form textarea {border-radius: 0 !important;font-weight: 300;}
form input[type="submit"].btn-primary, form button.btn-primary {background-color: #023e6a;color:#fff;text-align: center;border: none;border-radius:5px}
form input[type="submit"].btn-primary:hover, form button.btn-primary:hover {background-color: #444;color:#fff;text-align: center;border: none;}
form .checkbox, form .radio {
    text-align: left;
    margin-left: 25px;
}
 /*   top: 0px;
    left: 0px;
    height: 22px;
}*/
form .checkbox label, form .radio label {margin-right: 5px; margin-left: 0px; padding-left: 0px; padding-right: 0px;}
.date-inputs div {padding:0px 15px 0 0;}
.date-inputs div.and {padding:0px 15px 0 0;}
.date-inputs input[type="text"] {font-size: 9pt;}
.separadorRow {height: 8px;}

/* Responsive */
.micro-login .col {padding:10px 0 10px 0;}
.micro-login .col:first-child {padding-right: 14px;}
.micro-login input[type="submit"] {background-color: #D19034;color:#E7E6EB;border:none;border-radius: 5px !important;}
.micro-logo {margin:80px auto 60px auto;}
#microLogo img {max-width: 100%;height: auto !important;}
.container-fluid {padding-right: 0 !important;}
.xs-menu {padding: 0 !important;}
.xs-menu > nav {background: none !important;border:none !important;}
.xs-menu .navbar-header {background: #222 !important;}
.xs-menu .navbar-header a {color: #fff;}
.xs-menu .navbar-header a:hover {color: #fff;}
.xs-menu .navbar-header button {border: none !important;background: none !important}
.xs-menu .navbar-header button:hover {background: none !important;}
.content-menu-xs {background: #ddd;}
.content-menu-xs > ul > li:not(:last-child) {border-bottom:solid 1px #888;}
.content-menu-xs ul li ul {border-bottom: none !important;}
.content-menu-xs ul li ul li:not(:last-child) {border-bottom:solid 1px #888;}
.content-menu-xs ul li a {background: none !important;color:#444;font-weight: 400;text-transform: uppercase;}
.content-menu-xs ul li > ul > li a:hover {background: none !important;}
.content-menu-xs .dropdown-menu li {border-bottom: none !important;}
#navbar h2 {font-size: 12pt;font-weight: bold;}
.body {padding-left: 0 !important;}
.internal .micro-login, .internal .micro-logo {display: none !important;}
.code {font-family: monospace;font-size: 12pt;margin-bottom: 30px;margin-top: 30px;}	
.factura #logo {margin-top: 30px;}	
.factura #logo img {max-width: 100%;height: auto !important;}
.factura .foot-logo {margin: 10px 70px 0 0;font-size:9pt;}	
.factura .hr_space {width:100%;border: 0;border-bottom: 2px dashed #888;background: #fff;padding:0;margin-top: 10px;margin-bottom: 40px;}
.ajax__balloon_popup .rect .large {background-image: none !important;background: #fff !important;box-shadow: 0 1px 20px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset !important;}
.ajax__balloon_popup h2.page-title {font-size: 12pt !important;}
.ajax__balloon_popup .rect .small {background-image: none !important;background: #fff !important;box-shadow: 0 1px 20px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset !important;}
.ajax__balloon_popup .rect .medium {background-image: none !important;background: #fff !important;box-shadow: 0 1px 20px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset !important;}

#MainContent_lblAyudaPagina {font-size: 11pt !important;}
.containerClass .ajax__html_editor_extender_container
        {
            width: 100% !important;/*important is really important at here*/
        }
.cerrar_sesion_afuera {padding: 6px 0 6px 8px !important;font-size: 10pt;color:#303030;font-weight: 300;}
.cerrar_sesion_afuera:hover {background: none !important;}
.opciones_usuario > li:nth-child(2) {padding-right: 8px;}
.opciones_usuario > li:nth-child(3) {border-left: solid 1px #90866C;}
td .nota_option {padding-left: 1px !important;}


p.state_label{
    height: auto;
    width: auto;    
    border: 0px solid #a1a1a1;
    padding:2px;
    border-radius: 5px;
    font-size:8px;
    font-family: "arial black", Georgia, Serif;
    color:white;
    margin-left:5px
}
p.blink_label {
    animation-duration: 1200ms;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-animation:blink 1200ms infinite; /* Safari and Chrome */    
}

@keyframes blink {
    from {
        color:red;
    }
    to {
        color:white;
    }
}
@-webkit-keyframes blink {
    from {
        color:red;
    }
    to {
        color:white;
    }
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 14px;
    border-radius: 15px;
    color:white;
    font-size:12px;
    font-family: "arial black", Georgia, Serif;
    outline:none;
}

.spinner {
    position: fixed;
    left: 50%;
    top: 50%;
   /* top: 40px;
    /*margin-left: -32px;  -1 * image width / 2 */
    /*margin-top: -32px;  /* -1 * image height / 2 */
    z-index: 99999999;

}



table.tablaCX {	
	margin-top:20px;
}

table.tablaCX tr:first-child td {
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px; 
    padding-left: 20px;
	font-weight:bold;
}

table.tablaCX tr:not(:first-child) td {
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px; 
    padding-left: 20px;
}

.titulo-grupos-salariales{
    margin-top:10px;
    margin-bottom:20px;
    text-align: center;
    font-size: 14pt;
}

.tabla-grupos-salariales{
    table-layout: fixed;
    width:100%;
    text-align:center;    
    background:white;        
    margin:auto;
    border: 1px solid;
    margin-top:5px;
}

.tabla-grupos-salariales thead{    
    border:1px solid;
    background:#FFFFCC;
    font-size:8pt;    
    height:30px;    
}

.tabla-grupos-salariales th{    
    text-align:center;
    border: 1px solid;
    padding: 4px; 
}

.header-grupo-salarial-nro{
    width:5%;
}

.header-subgrupo-salarial-nro{
    width:7%;
}

.header-descripcion{
    width:50%;
}

.header-enlace{
    width:40%;
}

.tabla-grupos-salariales tbody{    
    background:white;
    font-size:8pt;        
}

.tabla-grupos-salariales tbody tr{
    height:30px;
    min-height:30px;    
}

.enlace{    
    display:inline-block;    
    width:50px;
    text-align:center;
    color:blue;    
    margin-left:5px;
    margin-right:5px;
}

.grupo-salarial{
    border:1px solid;
    text-align:center !important;
}

.grupo-salarial-nro{
    width:5%;
}

.grupo-salarial-descripcion{    
}

.sub-grupo-salarial{
    border:1px solid;    
}


.sub-grupo-salarial-nro{    
    width:7%;
}

.sub-grupo-salarial-descripcion{    
    width:48%;
    padding: 4px; 
    text-align:left;
}

.sub-grupo-salarial.enlaces{    
    /*white-space:normal;
    text-align:center;
    vertical-align:top;
    padding: 4px 0 4px 0;
    width:25%;*/
    padding-top:2px;
}

.contenedor-enlaces{      
    text-align:left;
}

.row-enlaces{  
    font-size:9pt; 
    padding: 0 2px 0 2px;
}

a{
    color:blue;    
}


/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.titulos-enlaces{
    font-weight:bolder;
    font-size:9pt;
}