/*
No incluir este archivo directamente. Hacerlo a traves de gcba.scss
*/


/* GCBA */


/* Piso variables de bootstrap */

html {
  font-family: 'Chalet', sans-serif !important;
}

body {
  font-family: 'Chalet', sans-serif !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: #5C6670;
}

.body-gris {
  background: #ecf2f6;
}

.form-group {
  margin-bottom: 0px;
}

input, .form-control {
  border-color: #d9e4eb;
}

.form-control, input {
  border-color: #d9e4eb;
}

.checkbox, .radio {
  margin-top: 5px;
  margin-bottom: 5px;
}

.checkbox label, .radio label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
  line-height: 2;
}

.btn {
  border: 0 !important;
  font-family: 'Chalet', sans-serif !important;
  font-size: 13px !important;
  font-weight: bold !important;
  padding: 7px 11px !important;
}

.btn.active, .btn:active, .btn:active:hover, .btn:hover, .btn:focus, .open>.btn.dropdown-toggle {
  border: 0 !important;
  font-weight: bold !important;
  box-shadow: inset 1px 1px 3px #666 !important;
}

.btn-header, .btn-header:active, .btn-header:visited {
    color: #333 !important;
    background: #d9e4eb !important;
}
.btn-default {
  color: #333 !important;
  background: #d9e4eb !important;
}

.btn-default .selected, .btn-default:hover {
  color: #333 !important;
  background-color: #d6d6d6 !important;
}

.btn-primary {
  color: #000 !important;
  background-color: #FFCE00 !important;
}

.btn-primary:active, .btn-primary:focus, .btn-primary:hover, .btn-primary:hover:active {
  color: #000;
  background-color: #E6B900;
}

.btn-primary:hover:active {
  background-color: #FFCE00;
  color: #fff;
}

.btn-warning, .btn-warning.active, .btn-warning:hover {
  color: #fff;
  background-color: #E6B900;
}

.btn-info, .btn-info.active, .btn-info:hover {
  background-color: #00b9f2;
}

.btn-home {
  border-radius: 10%;
  padding: 7px !important;
}

.badge {
 min-width: 12px;
  padding: 5px 7px;
  font-size: 13px;
  background-color: #7c8ba6;
  border-radius: 12px;
}


/** UI.Layout CSS*************************************/

.stretch {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.ui-layout-row>.ui-splitbar {
  height: 8px !important;
  width: 100%;
  cursor: row-resize;
  text-align: center;
  justify-content: center;
  align-items: center;
  background: transparent;
  border-top: 1px solid #ccc;
  margin-top: -1px;
}

.ui-layout-column>.ui-splitbar {
  width: 8px !important;
  height: 100%;
  cursor: col-resize;
 -webkit-flex-direction: column;
  flex-direction: column;
  background: transparent;
  border-left: 1px solid #ccc;
  margin-left: -1px;
}

.ui-layout-column>.ui-splitbar>a, .ui-layout-row>.ui-splitbar>a {
  color: #fff;
  cursor: pointer;
  font-size: 8px;
}


/** tablas **/

.table-hover>tbody>tr:hover {
  background-color: #fffae7;
}


/** bordes externos para las tablas */

.table-box thead>tr>th {
  border-bottom: 1px solid #ddd;
}

.table-box {
  border-collapse: collapse;
  border: 1px solid #ddd;
}


/** paginador **/

.pager {
  padding-left: 0;
  margin: 5px;
  list-style: none;
  text-align: right;
}

.pager li>a, .pager li>span {
  border: 0;
  border-radius: 7px;
  color: #7c8ba6;
}

.pager li>a:hover, .pager li>span:hover {
  color: #3e485b;
}

.pager li>a.dark, .pager li>span.dark {
  border: 0;
  border-radius: 7px;
  color: #fff;
  background: #7c8ba6;
}


/* Buttons in the menu*/

.btn-menu {
  color: white;
  background: transparent;
}

.btn-menu:hover {
  color: black;
  background: white;
}


/* paneles */

.panel-body, .panel-footer, .panel-heading {
  /*padding: 0px;*/
  padding: 10px;
}


/* datepicker */

.uib-daypicker button {
  border: 0;
  background: #fff;
}


/* boton menu aplicaciones */

.btn-menu {
  border: 0;
}


/*labels */

label {
  margin: 5px 2px 1px;
}


/* mensajes de alertas */

.alert {
  padding: 5px 10px;
  margin-bottom: 10px;
}


/* ESTILOS PROPIOS DEL CAMBIO DE CLAVE */

.login-container {
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 30px 50px;
  text-align: center;
  background: #fff;
  border: 1px solid #ccc;
}

.logo_sigehos {
  margin: 10px auto;
}

.footer_login {
  text-align: center;
}

div.alert>ul {
  padding: 0;
}

div.alert>ul>li {
  list-style: none;
  text-align: left;
}

p.text-muted.text-center {
  font-weight: bold;
}


/* encabezado 2017 */

.header-content {
  position: absolute;
  height: 76px;
  width: 100%;
  top: 0;
}

.encabezado-fixed {
  width: 100%;
  z-index: 10;
  margin-bottom: 87px;
  position: fixed;
  display: block;
}

.main-container {
  margin-top: 77px;
}

.ba-2017 {
  background: url("/static/images/logo_nuevo.png") no-repeat scroll 20px 7px, #ecf2f6 !important;
}

.ba-2017-dra {
  background: url("/static/images/logo_nuevo_dra.png") no-repeat scroll 20px 7px, #ecf2f6 !important;
}

.top-menu-ba-2017 {
  background: linear-gradient(to right, #fcd10c 0%, #fcd10c 57%, #aadac3 70%, #00b9f2 100%) !important;
}

.navbar.top-menu-ba-2017 .navbar-brand {
  color: #2f2f2b !important;
}

.navbar.top-menu-ba-2017 li a  {
  color: #2f2f2b;
}

.navbar.top-menu-ba-2017 li a:focus, .navbar.top-menu-ba-2017 li a:hover {
  color: #000 !important;
  background: #FFCE00 ;
}

#usermenu.navbar.top-menu-ba-2017 ul.dropdown li ul li {
  background-color: #d9e4eb !important;
  line-height: 1 !important;
}


#usermenu.navbar.top-menu-ba-2017 ul.dropdown a:link, ul.dropdown a:visited{
  color: #000 !important;
}
#usermenu.navbar.top-menu-ba-2017 a {
  color: #2f2f2b !important;
  font-weight: bold !important;
}

#usermenu.navbar.top-menu-ba-2017 .dropdown-menu>li.active>a {
  color: #fff !important;
  background-color: #00b9f2 !important;
}

#topsection {
    top: 0px !important;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
  color: #000 !important;
  background-color: rgba(0, 185, 242, 0.5) !important;
}

.contenido-fixed {
  top: 90px;
  position: relative;
}


/*breadcrumb */

.breadcrumb {
  padding: 5px 10px;
  margin-bottom: 9px;
}


/* iconos del home */

#modulos {
  margin-top: 5px;
}

div.figure {
  margin: 1.5em;
  padding: 0.7em;
  width: 110px !important;
  vertical-align: top;
}

div.figure img {
  width: 100px;
  border-radius: 15%;
  background: linear-gradient(to bottom, #71b8cf 0%, #3a8ea8 50%) !important;
}

div.figure p {
  text-align: center;
  text-indent: 0;
  font-size: 17px;
  width: 120px;
}

div.figure img:hover {
  filter: brightness(1.2);
}

#footer, #footer * {
  display: block;
  background: url("/static/images/buenos_aires_ciudad.png") no-repeat scroll 17px 3px, #ecf2f6 !important;
}

#footer p {
  line-height: 2.5;
  margin-left: auto;
  margin-right: auto;
  width: 254px;
  background: none !important;
}

#footer .vamos_ba {
  background: url("/static/images/vamos_buenos_aires_1.png") no-repeat scroll !important;
  width: 86px;
  height: 29px;
  margin: -49px 15px 7px -1px;
  float: right;
  display: block;
}