/**
 * Colors Menus
 *
 * background
 * primary: #80ADC8; #007dc1; #124d77;
 * success: #dff0d8;
 * danger: #f2dede;
 * warning: #fcf8e3;
 * info: #c4e3f3; a #00acd6; hover #31b0d5; border #269abc;
 * default: #f4f4f4;
 * other: #5a4080;
 * 
 */
.bg-disabled {
  background-color: #eaecf4 !important;
  opacity: 1;
}

.form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

/**
 * dropdown-menu SELECT2
 */
.dropdown-menu,
.navbar-nav>.open>.dropdown-menu {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #0061a7;
  border: 1px solid #124d77;
}
.dropdown-menu>li>a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #fff;
}
.bootstrap-select .dropdown-menu li a span.text {
  color: #fff !important;
}
.bootstrap-select .dropdown-menu li a:hover span.text {
  color: #333 !important;
}

/**
 * XP-Button
 */
.btn-xp {
  min-width:  90px;
  text-align: center;
  min-height: 30px;
  line-height: 20px;
  vertical-align: middle;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 12px;
  color: #000080;
  cursor:pointer;
}
.btn-xp:hover {
  color: #333333;
}


/**
 * transparencias
 */
.semi {
  background: rgba(0,0,0,0.50);
  border-color: transparent;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.semi-blanco {
  background: rgba(255,255,255,0.68);
  border-color: transparent;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.semi-negro {
  background: rgba(0,0,0,0.68);
  border-color: transparent;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.font {
  /*font-family: 'Great Vibes', cursive;*/
  font-weight: 600;
}

.font img {
  max-height: 36px;
}

.icon {
  max-height: 86px;
  padding-top: 8px;
  padding-bottom: 8px;
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
  .icon {
    max-height: 63px;
  }
}

/*.sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini > img {*/

.logo {
  padding: 0px !important;
  background-color: #fff !important;
}

.blanco {
  color: #fff;
}
.bg-blanco {
  background: #fff;
}
.gris {
  color: #ddd;
}
.negro {
  color: #000;
}
.bg-negro {
  background: #000;
}

.redondeado {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.sombra {
  -webkit-box-shadow: 0 -1px 12px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 -1px 12px rgba(0,0,0,0.4);
  box-shadow: 0 -1px 12px rgba(0,0,0,0.4);
  color: 0 -1px 12px rgba(0,0,0,0.4);
}


/**
 * padding
 */

/* cambiar padding cuando XS */
  /* Extra Small Devices, Phones */
  @media only screen and (max-width:481px) {
    .padding-xs {
      padding-left: 1px;
      padding-right: 1px;
    }
  }
  /* Small Devices, Tablets */
  @media only screen and (min-width:768px) {
    .padding-xs {
      padding-left: 4px;
      padding-right: 4px;
    }
  }
  /* Medium Devices, Desktops */
  @media only screen and (min-width : 992px) {
    .padding-xs {
      padding-left: 10px;
      padding-right: 10px;
    }
  }

.sin-padding {
  padding: 0px;
}

/**
 * alineacion vertical de imagenes
 */
.vcenter {
  display: inline-block; /* table-cell; */
  vertical-align: middle;
  float: none;
}

/*--------------------------------------------------------------------------
+   Footer Style (copyright)
--------------------------------------------------------------------------*/
.main-footer {
  color: #ffffff;
  padding: 10px 20px;
  border-top: 4px solid #aec62c;
  -webkit-box-shadow: 0 -1px 12px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 -1px 12px rgba(0,0,0,0.4);
  box-shadow: 0 -1px 12px rgba(0,0,0,0.4);
  color: 0 -1px 12px rgba(0,0,0,0.4);

  background: #222;

  /*margin-top: -15px;*/
  margin-right: -15px;
  margin-left: -15px;
}

.footer-copyright {
  text-align: center;
  color: #C0C0C0;
  /*font-size: 1.1rem;*/
}
.footer-copyright a {
  margin: 0px 6px;
}
/*--------------------------------------------------------------------------*/

/**
 * Redefinir AdminLTE
 */

/*
.sidebar-menu li > a > .pull-right {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -7px;
}
*/

@media (max-width: 767px) {
  .main-header .sidebar-toggle {
    padding: 15px 10px;
  }
}

.sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini > img {
  max-height: 50px;
  max-width: 50px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  color: #000;
}
.content-header>h1 {
  font-size: 32px;
}
.content-header>h1>small {
  font-size: 21px;
}

/* bordes de user-dropdwon-info*/
.main-header li.user-header {
  border-top-left-radius:  6px;
  border-top-right-radius: 6px;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius:  6px;
  background-color: #EEE;
}
/*.navbar-nav > .user-menu > .dropdown-menu, .navbar-nav > .user-menu > .dropdown-menu > .user-body {*/
.navbar-nav > .user-menu > .dropdown-menu > .user-body {
  border-bottom-right-radius: 0px !important; 
  border-bottom-left-radius: 0px !important;
  padding: 5px; 
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
  height: 190px;
}
/*--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------
+   sidebar
--------------------------------------------------------------------------*/
.main-sidebar, .left-side {
    /*min-height: 90% !important;*/
}
/*--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------
+   wrapper
--------------------------------------------------------------------------*/
.wrapper {
    /*min-height: 90% !important;*/
    /*padding-bottom: 21px;*/
}
/*--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------
+   Alert Style
--------------------------------------------------------------------------*/
.alert {
  padding-left: 45px;
  margin-top: 15px;
  margin-left: 15px;
  position: relative;
}

.alert > .fa,
.alert > .glyphicon {
  position: absolute;
  left: -15px;
  top: -15px;
    width: 50px;
    height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
    line-height: 50px;
    text-align: center;
    font-size: 24px;
  background: inherit;
  border: inherit;
    -webkit-box-shadow: 0 0 8px #9in99;
    -moz-box-shadow: 0 0 8px #999;
    box-shadow: 0 0 8px #999;
    color: 0 0 8px #999;
}

.alert > li {
  margin-left:32px;
}

.alert-default {
  background-color: #e7e7e7;
  border-color: #adadad;
}
/*--------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------
+   Redefinir bootstrap
--------------------------------------------------------------------------*/
.input-group {
  -webkit-border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  border-radius: 6px !important;
}
/*--------------------------------------------------------------------------*/

/**
 * table
 *
 * colores segun clase
 * 
 */
th {
  font-weight:bold;
  border:1px solid;
  border-left-color:#FFFFFF;
  border-right-color:#aca899;
  border-top-color:#ece9d8;
  border-top-width:2px;
  border-bottom-color:#ece9d8;
}

.box-primary .bootstrap-table .table thead > tr > th {
  color:#333;
  background-color: #80ADC8;
}
.box-success .bootstrap-table .table thead > tr > th {
  color:#333;
  background-color: #dff0d8;
}
.box-danger .bootstrap-table .table thead > tr > th {
  color:#333;
  background-color: #f2dede;
}
.box-warning .bootstrap-table .table thead > tr > th {
  color:#333;
  background-color: #fcf8e3;
}
.box-info .bootstrap-table .table thead > tr > th {
  color:#333;
  background-color: #c4e3f3;
}
.box-default .bootstrap-table .table thead > tr > th {
  color:#333;
  background-color: #f4f4f4;
}

/**
 * table color primary
 */
.table > thead > tr > td.primary,
.table > tbody > tr > td.primary,
.table > tfoot > tr > td.primary,
.table > thead > tr > th.primary,
.table > tbody > tr > th.primary,
.table > tfoot > tr > th.primary,
.table > thead > tr.primary > td,
.table > tbody > tr.primary > td,
.table > tfoot > tr.primary > td,
.table > thead > tr.primary > th,
.table > tbody > tr.primary > th,
.table > tfoot > tr.primary > th {
  background-color: #80ADC8;
}
.table-hover > tbody > tr > td.primary:hover,
.table-hover > tbody > tr > th.primary:hover,
.table-hover > tbody > tr.primary:hover > td,
.table-hover > tbody > tr:hover > .primary,
.table-hover > tbody > tr.primary:hover > th {
  /*background-color: #3c8dbc;*/
  background-color: #55ACDF;
}
/*--------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------
+   formulario Style
--------------------------------------------------------------------------*/
/* 1er. nodo de un radio-inline y checkbox-inline */
label.radio-inline:nth-child(1),
label.checkbox-inline:nth-child(1) {
    margin-left: 10px;
}
/*--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------
+   panel-login Style
--------------------------------------------------------------------------*/
#main {
  margin-top: 21vh;
}
#form .for-input-group {
  text-align: right;
  margin-top: 8px;
  padding-left: 0px;
}
#form .panel-body, #form .box-body {
  padding-top:20px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 0px;
}
#form .panel-title, #form .box-title {
  font-size: 132%;
  font-weight: bold;
}
#form .panel-subtitle, #form .box-subtitle {
  float:right;
  font-size: 80%;
  position: relative;
}
#form .panel-subtitle {
  top:-10px
}
#form .box-subtitle {
  top:10px
}

/* @media (max-width: @screen-xs-max) { */
@media only screen and (max-width : 480px) {
  #main {
    margin-top: 2vh;
  }
  #form .for-input-group {
    text-align: left;
    margin-top: 0px;
  }
  #form .panel-body, #form .box-body {
    padding-top: 10px;
    margin-left:  0px;
    margin-right: 0px;
  }
  #form .panel-title, #form .box-title {
    position: relative;
    top: -6px;
    left: -4px;
  }
  #form .panel-subtitle, #form .box-subtitle {
    right: -4px;
  }
  #form .panel-subtitle {
    top: -8px;
  }
  #form .box-subtitle {
    top: 7px;
  }
}
/*--------------------------------------------------------------------------*/


/**
 * disabled links
 */
a.disabled, a[disabled] {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65;
}
.treeview-menu > li > a[disabled]:hover {
  color: #777;
  text-decoration: none;
}
/* ------------------------------------------ */

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}
/* ------------------------------------------ */