/* body */


body {
    color: #586374;
    overflow: hidden;
    font-size: 13px;
    margin: 0;
}

body.report {
    margin-top: 0;
}

.report .wrapper {
    padding-top: 0;
}

thead
{
    color: #707a89;
}

th {
    font-weight: 600;
}

a {
    cursor: pointer;
}

.white-bg{
    background:#ffffff !important;
}

/* Header */

body > form > .header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
}

/*
    Components: navbar, logo and content header
-------------------------------------------------
*/

.right-side > .content-header  h1 {
    margin: 0;
    font-size: 18px;
}

body > form > .header {
    position: fixed;
    max-height: 100px;
    z-index: 1030;
}

body > form > .header .navbar {
    height: 50px;
    margin-bottom: 0;
    margin-left: 220px;
}

body > form > .header .navbar .sidebar-toggle {
    float: left;
    padding: 9px 5px;
    margin-top: 8px;
    margin-right: 0;
    margin-bottom: 8px;
    margin-left: 5px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

body > form > .header .navbar .sidebar-toggle:hover .icon-bar {
    background: #f6f6f6;
}

body > form > .header .navbar .sidebar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

body > form > .header .navbar .sidebar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}

body > form > .header .navbar .nav > li.user > a {
    font-weight: bold;
}

body > form > .header .navbar .nav > li.user > a > .fa,
body > form > .header .navbar .nav > li.user > a > .glyphicon,
body > form > .header .navbar .nav > li.user > a > .ion {
    margin-right: 5px;
}

body > form > .header .navbar .nav > li > a > .label {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    right: 2px;
    font-size: 10px;
    font-weight: normal;
    width: 15px;
    height: 15px;
    line-height: 1.0em;
    text-align: center;
    padding: 2px;
}

body > form > .header .navbar .nav > li > a:hover > .label {
    top: 3px;
}

body > form > .header .logo {
    float: left;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    padding: 0 10px;
    width: 220px;
    font-family: 'Kaushan Script', cursive;
    font-weight: 500;
    height: 50px;
    display: block;
}

body > form > .header .logo .icon {
    margin-right: 10px;
}

.main-content {
    padding: 20px;
    background-color: #ececec;
}

.left-side {
    position: fixed;
}

@media screen and (max-width: 992px) {
    .row-offcanvas-left.active .left-side {
        top: 50px !important;
        left: 0 !important;
    }
}

.form-box .body > .form-group, .form-box .footer > .form-group {
    margin-top: 20px;
}

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

.form-box .header {
    padding: 10px;
    border-radius: 0px;
}

.form-box .footer {
    border-radius: 0px;
}

@media screen and (max-width: 560px) {
    body > form > .header {
        position: relative;
    }

        body > .header .logo,
        body > .header .navbar {
            width: 100%;
            float: none;
            position: relative !important;
        }

        body > .header .navbar {
            margin: 0;
        }
}
/* Content actions*/
.alert-iaud-help {
    overflow: hidden;
    margin-top: 0px !important;
    padding-left: 15px !important;
    margin-left: 0px !important;
    margin-bottom: 0px !important;
}

button.btn-close-help {
    height:0px;
    top: -15px !important;
    right: -25px !important;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

/*button.btn-hide-help {
    margin-top:5px;
}*/

.tooltip-inner {
    max-width: 350px !important;
}
/**/



/* Colores presonalizados */

.form-box .header
{
    background: #006699;
}

.icon-iaud-help{
    font-size: 15px !important;
    color: #31708f;
}

.icon-iaud-help:hover{
    cursor:help;
}

.skin-blue .navbar
{
    background-color: #006699;
}

.skin-blue .logo
{
    background-color: #006699;
}

.bg-light-blue
{
    background-color: #006699 !important;
}

.skin-blue .left-side
{
    background-color: #1b1e24;
}

.skin-blue .sidebar
{
    border-bottom: 1px solid #23262e;
    padding-top: 0px;
}

.left-menu-sidebar {
    max-height: 90vh;
    overflow-y: auto;
    scrollbar-width: thin;  /*Firefox*/  
}

.left-menu-sidebar::-webkit-scrollbar {
    width: 5px;
}

.left-menu-sidebar::-webkit-scrollbar-track {
    background: #1b1e24;
}

.left-menu-sidebar::-webkit-scrollbar-thumb {
    background: #888;
}

.left-menu-sidebar::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.skin-blue .sidebar a
{
    color: #b8c7ce;
}

.skin-blue .sidebar > .sidebar-menu > li > .treeview-menu
{
    background-color: #23262e;
}

.skin-blue .sidebar > .sidebar-menu > li > a:hover, .skin-blue .sidebar > .sidebar-menu > li.active > a
{
    color: #fff;
}

.skin-blue .sidebar > .sidebar-menu > li > a:hover, .skin-blue .sidebar > .sidebar-menu > li.active > a
{
    background-color: #23262e;
}

.skin-blue .sidebar > .sidebar-menu > li:first-of-type
{
    border-top: 1px solid #23262e;
}

.skin-blue .sidebar > .sidebar-menu > li
{
    border-bottom: 1px solid #23262e;
}

.skin-blue .sidebar > .sidebar-menu > li > a:hover, .skin-blue .sidebar > .sidebar-menu > li.active > a
{
    background: #23262e;
}

.skin-blue .sidebar > .sidebar-menu > li:first-of-type > a
{
    border-top: 1px solid #23262e;
}

.skin-blue .sidebar > .sidebar-menu > li
{
    border-top: 1px solid #23262e;
}

.skin-blue .treeview-menu > li > a
{
    color: #b8c7ce;
}

.skin-blue .treeview-menu > li > a:hover
{
    color: #fff;
}

.skin-blue .user-panel > .info, .skin-blue .user-panel > .info > a
{
    color: #fff;
}

.user-panel > .image {
    text-align: center;
}

.user-panel > .image > img {
    width: auto;
    height: auto;
    max-height: 100px;
}

.skin-blue .treeview-menu > li.active > a, .skin-blue .treeview-menu > li > a:hover
{
    color: #fff;
}

.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a {
    border-left-color: #006699;
}

.skin-blue .sidebar-menu>li>a {
    border-left: 3px solid transparent;
}

.pull-left.info
{
    font-size: 16px;
}

.pull-left.info i
{
    font-size: 16px;
    color: #21a899;
    font-weight: bold;
}

.online-text
{
    font-size: 16px;
    margin-left: 5px;
}

.skin-blue .logo:hover
{
    background-color: #1b1e24;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header
{
    background: #006699;
}

/* Botones */

.btn {
    font-size: 13px;
}

.bg-blue {
    background-color: #006699 !important;
}

.bg-blue:hover {
    background-color: #025179 !important;
}

.btn.btn-default {
    border-color: transparent; 
}

.btn-xs, .btn-group-xs>.btn {
    border-radius: 0;
}

/* Tamaño Font Awesome */

.fa {
    font-size: 14px;
}

/* Listados */

.box {
    border-top: 2px solid #006699;
    box-shadow: none;
    margin-bottom: 0px;
}

.column-separation>div[class*="col-"] {
    border-right: 1px solid #DDD;
}

.column-separation>div[class*="col-"]:nth-last-child(2) {
    border-right: 0px;
}

.column-separation>div[class*="col-"]:nth-last-child(1) {
    border-right: 0px;
}

.panel-buttons {
    background-color: #f6f7f8;
    padding-top: 20px;
    padding-bottom: 10px;
}

.content-actions
{
    padding: 15px 15px 0px 15px;
}

.content
{
    padding-top: 12px;
}

/* Search */

.skin-blue #search-btn {
    height: 30px;
    background-color: #FFF;
    border: 1px solid #DDD;
}

.skin-blue input[type=search] {
    margin: 0;
    outline: 0 none;
}


.fa-search {
    color: #a1a1a1;
}

.blue-search{
    color: #006699;
}

#search-btn {
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#search-btn.blue-border {
    border-color: #3c8dbc;
}

.form-control {
    border: 1px solid #DDD;
    font-size: 13px;
}

.form-group.has-error label {
    color: #586374;
}

.form-group.has-success label {
    color: #586374;
}

.form-group.has-error span {
    color: #586374;
}

.form-group.has-success:not(.form-select) span {
    color: #586374;
}

.error {
    color: #f56954;
}

.form-group.has-error i:not(.form-icon) {
    color: #f56954;
}

.form-group.has-success i:not(.form-icon) {
    color: #00a65a;
}

.form-group .fa-check, .form-group .fa-exclamation {
    display: none;
}

.form-group.has-success .fa-check {
    display: initial;
}

.form-group.has-error .fa-exclamation {
    display: initial;
}

.alert {
    margin-top: 10px;
}

.processing {
    position: relative;
    width: 100%;
    height: 30px;
    text-align: center;
}

.processing .fa-spin
{
    position: relative;
}

.wrapper{
    background: #ececec;
    padding-top: 50px;
}

.skin-blue .right-side > .content-header
{
    background: #fafafa;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.right-side > .content-header {
    padding: 15px 15px 15px 20px;
}

.right-side > .content-header .breadcrumb {
    top: 10px;
 }

.content-actions
{
    background: #ececec;
}

.content{
    background: #ececec;
    float: left;
}

.box{
    background: #fff;
}

.box.box-info {
    border: none;
    transition: all 0.5s ease;
}
.box-body {
    border-bottom: none;
}

.panel {
    border: none;
    border-radius: 0px;
    /*overflow: hidden;*/
    /*padding: 5px;*/
    float: left;
    width: 100%;
}

.panel>div {
    height: auto;
}

label {
    font-weight: 600;
}

label span {
    color: #a7abb1;
}

.uneditable-input.focus, textarea:focus, select:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .m-uneditable-input:focus
{
    outline: 0!important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.form-group.has-success .form-control
{
    border-color: #DDD !important;
    outline: 0!important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.form-group.has-success .fa-check {
    position: absolute;
    display: initial;
    right: 25px;
    top: 35px;
}

.form-group.form-select.has-success .fa-check {
    right: 35px;
}

.form-group.form-select.has-error .fa-exclamation {
    right: 35px;
}

.form-group.has-error .fa-exclamation {
    display: initial;
    position: absolute;
    right: 25px;
    top: 35px;
}

.form-group.form-icon i.form-icon {

    position: absolute;
    top: 35px;
    left: 30px;
}

.form-group.form-icon .form-control {
    padding-left: 40px;
}

.right-side > .content-header .breadcrumb
{
    right: 15px;
}

.morris-hover.morris-default-style{
    width: 50%;
}


.list-group-item {
    cursor: pointer;
}

/*
    Cajas del Dashboard
-------------------------------------------------
*/
.box .box-header {
    background-color: #fafafa;
    border-bottom: 1px solid #f4f4f4;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    color: #666;
}

.box .box-header > .fa, .box .box-header > .glyphicon, .box .box-header > .ion {
    font-size: 14px;
    font-weight: normal;
    padding: 12px 10px 10px 15px;
}

.box .box-header .box-title {
    font-size: 13px;
    font-weight: 600;
    padding: 12px 10px 10px 0px;
    color: #666;
}
/*
    Estados de Auditorías
-------------------------------------------------
*/
.color-status {    
    font-size: 13px;
    font-weight: 600;
    padding: 11px 10px 10px 0px;
    color: #666;
}

.status-created {
    color: #D0E2F9;
    font-size: 11px;
}

.status-started {
    color: #f6bb42;
    font-size: 11px;
}

.status-completed {
    color: #932F66;
    font-size: 11px;
}

.status-done{
    color: #4D7F17;
    font-size: 11px;
}

.status-validated {
    color: #94E83A;
    font-size: 11px;
}

.status-finished {
    color: #006699;
    font-size: 11px;
}

.status-revoked {
    color: #FF0000;
    font-size: 11px;
}

.status-text {
    display: block;
    text-align: left;
    margin-top: 5px;
    color: #999;
    font-weight: normal;
    margin-left: 10px;
    font-size: 11px;
}
/*
    Clases Genéricas (Paddings, Margins, Estilo de fuente...)
-------------------------------------------------
*/
.pr5{
    padding-right: 5px !important;
}

.pr15{
    padding-right: 15px !important;
}

.pl5{
    padding-left: 5px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pt5 {
    padding-top: 5px;
}

.fw600{
    font-weight: 600 !important;
}

.b-info{
    background-color: #FAFAFA;
}

.mt-20{
    margin-top: 20px
}

.mt-30{
    margin-top: 30px
}

.add {
    padding-left: 30px;
    padding-top: 10px;
}

.oculto {
    display: none;
}
/*
    Estilos del Donut
-------------------------------------------------
*/
svg text{
    font-family: 'Open Sans', sans-serif !important;
    font-weight: normal !important;
    letter-spacing: -1px !important;
}

.morris-hover.morris-default-style {
    border-radius: 2px !important;
    font-family: 'Open Sans', sans-serif !important;
}
/*
    Spinner
-------------------------------------------------
*/
i.fa.fa-circle-o-notch {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/*
    Tablas de próximas auditorias, finalizadas y sin validar
-------------------------------------------------
*/
.box-dashboard-audits {
    min-height: 210px;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    border-top-color: #F4F4F4;
}

.dashboard-table tr:first-child td
{
    border-top: none;
}

i.fa.fa-circle.status-finished, i.fa.fa-circle.status-done, i.fa.fa-arrow-circle-right {
    font-size: 11px !important;
    margin-top: 3px !important;
}
/*
    Consumo
-------------------------------------------------
*/
.used{
    color: #006699;
}
/*
    Estilo tabs
-------------------------------------------------
*/
.nav-tabs-custom > .nav-tabs > li.active > a,
.nav-tabs-custom > .nav-tabs > li.active:hover > a {
  background-color: #FAFAFA;
}

.nav-tabs-custom > .tab-content {
    background: #FAFAFA;
}

.nav-tabs-custom {
    margin-bottom: 0px; 
    background: #F6F7F8;
    box-shadow: none; 
}

.nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #006699;
}

.tab-pane .panel.b-info {
    margin-bottom: 0px; 
    box-shadow: none;
}

/*
    Paginación
-------------------------------------------------
*/
.pagination > li > a {

    -webkit-box-shadow: none ; 
    -moz-box-shadow: none ;
    box-shadow: none ; 
}

/*
    Input de asignación (de empleados, por ejemplo)
-------------------------------------------------
*/

.chosen-container {
    width: 100% !important;
}

.chosen-container-multi .chosen-choices {
    border: 1px solid #DDD !important;
    background-image: none !important;
    height: 34px !important;
}

.chosen-container-multi .chosen-choices li.search-choice {
    border: 0 !important;
    border-radius: 0 !important;
    background-image: none !important;
    padding: 5px 20px 3px 5px !important;
    box-shadow: none !important;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top: 5px !important;
}

/*
    Ventanas Modales
-------------------------------------------------
*/
.modal-content {
    border: 0;
    border-radius: 0;
}

.modal-body {
    padding: 0px 15px 15px 15px;
}


/*
    Toastr
    ----------------------------------------------
*/

#toast-container {
    top:45%;
}

#toast-container>div {
    width:30% !important;
}


/* DataTables
   ---------------------------------------------------
*/

table.dataTable {
    table-layout: fixed;
}

table.dataTable tbody > tr > td {
    overflow: hidden;
}

.td-md-1 {
    width: 4.166666%;
}

.gm-style img {
    max-width: none !important;
}

.table-responsive {
    overflow-y:hidden;
}

/*Callout*/

.callout.callout-success {
  background-color: #EBF3EB;
  border-color: #ADD8AD;
}

.callout.callout-success h4 {
  color: #5cb85c;
}

/* ng-gallery*/
.gallery-content {
    position: relative;
    display: inline-block;
}

.gallery-content:hover .gallery-buttons  {
   display: block; /* On :hover of div show button */
}

.gallery-buttons {
    position: absolute;
    bottom: 5px;
    right: 5px;
    background: #f9f9f9;
    opacity:0.8;
    color: #FFF;   
    cursor: pointer; 
    display:none;
}

    .gallery-buttons i {
        margin:5px;
        color:#586374;
    }

   .on-revision {
       background-color: #fff;
       padding: 20px;
       border: solid 1px #d1d1d1;
   }

   .corrective-action {
       margin-bottom: 20px;
   }

   .corrective-action-button {
       margin-right: 15px;
   }

.corrective-action-history {
    background-color: #fff;
    border: solid 1px #d1d1d1;
    margin-bottom: 20px;
    padding: 20px;
}

.action-ok {
    color: green;
}

.action-nok {
    color: red;
}

.translate-cloak {
    display: none;
}

.cloak {
    display: none;
}

.map-header {
    font-size: 10px;
    color: #a7abb1;
}

.accounts-menu {
    width: 300px !important;
}

.skin-blue .navbar .nav .accounts-menu .open > a {
    color: #000 !important;
}

textarea.resize-only-vertical {
    resize: vertical;
}

textarea.no-resize {
    resize: none;
}