﻿body { 
    padding-top: 50px; /*Debe agregarse un padding ya que la barra superior esta como navbar-fixed-top*/
}
/* 
    Page: LOGIN
*/
.bg-black {
    background-color: #222222 !important;
}
.bg-gray {
    background-color: #eaeaec !important;
}
.form-box {
    width: 360px;
    margin: 40px auto 0 auto;
}
.form-box .header {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background: #92CD00;
    box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.2);
    padding: 20px 10px;
    text-align: center;
    font-size: 26px;
    font-weight: 300;
    color: #fff;
}
.form-box .body,
.form-box .footerlogin {
    padding: 10px 20px;
    background: #fff;
    color: #444;
}
.form-box .body > .form-group,
.form-box .footerlogin > .form-group {
    margin-top: 20px;
}
.form-box .body > .form-group > input,
.form-box .footerlogin > .form-group > input {
    border: #fff;
}
.form-box .body > .btn,
.form-box .footerlogin > .btn {
    margin-bottom: 10px;
}
.form-box .footerlogin {
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.panel-titulo-sobre{
    position: relative; top : -0.7em;margin-left: 1em;display: inline; padding: 0px; background-color: #FFFFFF;
}
@media (max-width: 767px) {
    .form-box {
        width: 90%;
    }
}
.btn-custom-width {
    width: 178px !important;
}

.checkbox-1x {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
}
.checkbox-2x {
    transform: scale(2);
    -webkit-transform: scale(2);
}

/*
    Page: EDIT FORM
*/
#toolbarEdit {
    margin-top: 10px; margin-bottom: 10px; 
}
.input-search-min {
    width:50px;
    background-color:#FAFBFA;
}
.input-search-min-err {
    background-color:#F6CEF5;
}

.ctrlFechaReporte {
    position: relative; z-index: 9999;
}
@media (min-width: 1200px) {
  .modal-xl {
    width: 1180px;
  }
}
.addonclick {
	cursor: pointer;
}




/*
    MENU Varios Niveles
*/
.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:hover > .dropdown-menu{
    display:block;
}
 
.dropdown-submenu > a:after{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
 
.dropdown-submenu:hover > a:after{
    border-left-color:#ffffff;
}
 
.dropdown-submenu .float-left{
    float:none;
}
 
.dropdown-submenu.float-left > .dropdown-menu{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

.root:hover > .dropdown-menu{
    display: block;
}

/* MODAL RELOGIN */
.modal-content-relogin {
    text-align: center;
    background-color: #000000;
}
.closemodallogin {
    color: white;
    font-size: 35px;
    font-weight: bold;
}
.closemodallogin:hover, .closemodallogin:focus {
    color: #999;
    text-decoration: none;
    cursor: pointer;
}
.modal-content-relogin .modal-header {
    display: block;
}

.control-label {
    font-weight: 800;
}