#page-wrapper.public-page {
    width: 70%;
}

.form-control {
    border: 1px solid #d0d2d4;
}

input[type=checkbox]  {
    margin: 6px 2px 0;
    transform: scale(1.4) !important;
}
.check-custom label {
    display: inline-block;
    padding-left: 5px;
    position: relative;
    min-height: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}

.img-logo {
    background-color: #000;
    padding: 4%;
}
.img-logo img {
    width: 92%;    
}

.new-login-box .alert {
    margin-bottom: -20px;
}
.new-login-register {
    background-color: #eee;
}
.new-login-register .lg-info-panel {
    background: url(../plugins/images/login-register.jpg) center center/cover no-repeat !important;
}
.box-center {
    text-align: center;
}
.new-login-box {
    float: none !important;
    margin: 0 auto !important;
    margin-top: 100px !important;
}
.top-left-part .logo {
    width: 100%;
    text-align: center;       
}
.top-left-part .logo.def {
    width: 100.5%;
    background-color: #000; 
    padding-bottom: 15px;
}
.top-left-part .logo.def img {
    margin-top: 10px;
}
.top-left-part .logo img {
    max-width: 150px;  
    max-height: 60px;      
}
.top-left-part .logo .logo-content {
    width: 100%;
    height: 60px;
    background-size: auto 100%;
    background-position: center center;
    background-repeat: no-repeat;
}


.dropdown .hidden-xs {
    padding-left: 5px;
}
.dropdown i {
    color: #0a4a9b;
}
.dropdown-menu i {
    margin-right: 5px;
    color: #c00;
}


table.dataTable thead .sorting.check {
    background: none;
}
table.dataTable thead .sorting_asc.check {
    background: none;
}
table.dataTable thead .sorting_desc.check {
    background: none;
}
table.dataTable td.check {
    width: 25px;
}
table.dataTable td .pedido_num {
    font-size: 12px;
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc {
    background-image: none !important;
}

.error-info {    
    color: #dd4b39;
    display: none;
}
.format-info {
    color: #f39c12;
    display: none;
}
.form-recover {
    display: none;
}

.btn-info, .btn-info.disabled,.btn-info.focus {
    background: #0a4a9b;
    border: 1px solid #0a4a9b;
}
.btn-info:hover,.btn-info:focus {
    background: #0a4a9b;
    border: 1px solid #0a4a9b;
}
.btn-primary, .btn-primary.disabled {
    background: #41b3f9;
    border: 1px solid #41b3f9;
}
.btn-primary:hover {
    background: #41b3f9;
    border: 1px solid #41b3f9;
}
.btn-success, .btn-success.disabled {
    background: #0a4a9b;
    border: 1px solid #0a4a9b;
}
.btn-success:hover{
    background: #0a4a9b;
    border: 1px solid #0a4a9b;
}
.btn-mini {
    font-size: 12px;
    padding: 4px 10px;
}
.btn_mensaje {
    margin-right: 20px;
    margin-bottom: 10px;
}
.btn_encuesta {
    margin-right: 20px;
    margin-bottom: 10px;
}
a.btn {
    color: #fff !important;
}
a.btn:hover {
    opacity: 0.8;
}

.checkbox-success input[type=checkbox]:checked+label::before{
    background-color:#0a4a9b;
    border-color:#0a4a9b;
}


#side-menu {
    margin-top: 60px;
} 
#side-menu > li > a.active {
    background: #1d63bb !important;
}
.sidebar .nav-second-level li a {
    padding: 5px 10px 5px 40px;
}



.input-mini {
    font-size: 12px;
    width: 100px;
    text-align: center;
}

.loading {
            background-size: 90%;
            background-repeat: no-repeat;
            background-image: url('../plugins/images/loading.gif');  
            background-position: center center;
            height: 150px;
            width: 150px;    
            margin: 0 auto;
            display: none;
}

.no-results {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
    color: #0a4a9b;
    font-size: 16px;
}
.label-proceso {
    background-color: #777;
}


.form-group .sublabel {
    font-size: 12px;
    padding-bottom: 8px;
}

.txt-counter {
    padding-top: 10px;
    font-size: 12px;
}


table.barras {
    width: 600px;
    margin-left: 18px;
}
.barras .barra {
    background-color: #009fe3;
    height: 20px;
    color: #fff;
    text-align: right;
    padding-top: 5px;
    padding-right: 8px;
    font-size: 14px;    
    float: left;
    margin-bottom: 10px;
}

.barras td {
    border-bottom: none;
    padding: 2px 0;
    font-size: 13px;
    color: #333;
}
.barras .ptje {
    font-size: 13px;
    color: #333;
    font-weight: 500;
    float: left;
    padding-left: 5px;
    padding-top: 2px;
}

.tit-sec {
    font-size: 12px;
    color: #777;
    padding: 5px 0;
}

.item-list {
    font-size: 12px;
    border-bottom: 1px solid #eee;
    padding: 5px 0;
}

.box-info {
    float: right;
    margin-top: 20px;
    margin-bottom: -20px;
    background-color: #fff;
    padding: 5px 10px;   
}
.box-info .ico {
    float: left;   
    font-size: 18px;
    color: #009fe3;
}
.box-info .txt {
    color: #009fe3;
    font-size: 12px;
    float: left;
    margin-left: 8px;
    margin-top: 5px;
}

.aten-si {
    color: #48ac12;
    font-size: 18px;
    font-weight: 700;
}
.aten-no {
    color: #f33155;
    font-size: 18px;   
}

.no_focus {
    background-color: #f9f9f9;
}


.datepicker {
    border: 1px solid #55bbcc;
}
.datepicker table tr td.day {
    background-color: #DFEFF4;
    border-radius: 0;
    color: #1980b6;
}
.datepicker table tr td.day:hover {
    background-color: #f9f9f9 !important;    
}
.datepicker table tr td.old {
    background-color: #fff;
    border-radius: 0;    
}
.datepicker table tr td.new {
    background-color: #fff;
    border-radius: 0;    
}

.panel-doc {
    width: 90%;
    max-width: 800px;
    color: #000;
    margin: 0 auto;   
    margin-top: 60px;
    padding-bottom: 100px;
}

.panel-doc .logo {
    max-width: 150px;    
    max-height: 150px;    
    margin: 0 auto;   
    margin-top: -50px;
    margin-bottom: 50px;
}
.panel-doc .logo img {
    width: 100%;   
}
.footer-doc {
    width: 100%;
    position: relative;
    left: 0;
    color: #000;
}
.footer-doc span {
    padding: 0 10px;
}

.label_link {
    cursor: pointer;
    float: right;
}

.msg-alerta {
    color: #c00;
    padding-top: 20px;
}

#cod_idioma {
    margin: 16px 0 0 6px;
    padding: 4px;
    border: 1px solid #a7a7a7;
}

@media only screen and (max-width: 1169px) {

	#page-wrapper.public-page {
            width: 100%;
        }

}

@media only screen and (max-width: 767px) {

	.top-left-part .logo.def {
            background-color: #fff;             
        }
        
        .top-left-part .logo {
            display: none;     
        }

}