.panel {
    margin-bottom: 0px;
}
.loader {
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    width: 100px;
    height: 100px;
    position: relative;
}

    .loader .sk-child {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

        .loader .sk-child:before {
            content: '';
            display: block;
            margin: 0 auto;
            width: 20%;
            height: 20%;
            background-color: #FFA022;
            border-radius: 100%;
            -webkit-animation: loaderBounceDelay 1.2s infinite ease-in-out both;
            animation: loaderBounceDelay 1.2s infinite ease-in-out both;
        }

    .loader .loader2 {
        -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    .loader .loader3 {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
    }

    .loader .loader4 {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .loader .loader5 {
        -webkit-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
        transform: rotate(120deg);
    }

    .loader .loader6 {
        -webkit-transform: rotate(150deg);
        -ms-transform: rotate(150deg);
        transform: rotate(150deg);
    }

    .loader .loader7 {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .loader .loader8 {
        -webkit-transform: rotate(210deg);
        -ms-transform: rotate(210deg);
        transform: rotate(210deg);
    }

    .loader .loader9 {
        -webkit-transform: rotate(240deg);
        -ms-transform: rotate(240deg);
        transform: rotate(240deg);
    }

    .loader .loader10 {
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    .loader .loader11 {
        -webkit-transform: rotate(300deg);
        -ms-transform: rotate(300deg);
        transform: rotate(300deg);
    }

    .loader .loader12 {
        -webkit-transform: rotate(330deg);
        -ms-transform: rotate(330deg);
        transform: rotate(330deg);
    }

    .loader .loader2:before {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .loader .loader3:before {
        -webkit-animation-delay: -1s;
        animation-delay: -1s;
    }

    .loader .loader4:before {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .loader .loader5:before {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

    .loader .loader6:before {
        -webkit-animation-delay: -0.7s;
        animation-delay: -0.7s;
    }

    .loader .loader7:before {
        -webkit-animation-delay: -0.6s;
        animation-delay: -0.6s;
    }

    .loader .loader8:before {
        -webkit-animation-delay: -0.5s;
        animation-delay: -0.5s;
    }

    .loader .loader9:before {
        -webkit-animation-delay: -0.4s;
        animation-delay: -0.4s;
    }

    .loader .loader10:before {
        -webkit-animation-delay: -0.3s;
        animation-delay: -0.3s;
    }

    .loader .loader11:before {
        -webkit-animation-delay: -0.2s;
        animation-delay: -0.2s;
    }

    .loader .loader12:before {
        -webkit-animation-delay: -0.1s;
        animation-delay: -0.1s;
    }

@-webkit-keyframes loaderBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes loaderBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.bg-inicial {
    background:  #009e92 !important;
    /* fallback for old browsers */
    background:  -webkit-linear-gradient(to left, #002d53, #00a998) !important;
    /* Chrome 10-25, Safari 5.1-6 */
    background:  linear-gradient(to left, #002d53, #00a998) !important;
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

/*
 Boton dflt
*/
.btn {
    font-weight: bold !important;
}

.btn-success-dflt {
    background-color: #f6b118;
    border-color: #f6b118;
    color: white !important;
    border: 1px solid;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
}

    .btn-success-dflt:focus,
    .btn-success-dflt.focus {
        background-color: #F9C34c;
        border-color: #F9C34C;
    }

    .btn-success-dflt:hover {
        background-color: #F9C34C;
        border-color: #F9C34C;
    }

    .btn-success-dflt:active,
    .btn-success-dflt.active,
    .open > .dropdown-toggle.btn-success-dflt {
        background-color: #dc9e16;
        border-color: #dc9e16;
    }

        .btn-success-dflt:active:hover,
        .btn-success-dflt.active:hover,
        .open > .dropdown-toggle.btn-success-dflt:hover,
        .btn-success-dflt:active:focus,
        .btn-success-dflt.active:focus,
        .open > .dropdown-toggle.btn-success-dflt:focus,
        .btn-success-dflt:active.focus,
        .btn-success-dflt.active.focus,
        .open > .dropdown-toggle.btn-success-dflt.focus {
            background-color: #dc9e16;
            border-color: #dc9e16;
        }

    .btn-success-dflt:active,
    .btn-success-dflt.active,
    .open > .dropdown-toggle.btn-success-dflt {
        background-image: none;
    }

    .btn-success-dflt.disabled:hover,
    .btn-success-dflt[disabled]:hover,
    fieldset[disabled] .btn-success-dflt:hover,
    .btn-success-dflt.disabled:focus,
    .btn-success-dflt[disabled]:focus,
    fieldset[disabled] .btn-success-dflt:focus,
    .btn-success-dflt.disabled.focus,
    .btn-success-dflt[disabled].focus,
    fieldset[disabled] .btn-success-dflt.focus {
        background-color: #ccc;
        border-color: #ccc;
    }

    .btn-success-dflt .badge {
        color: #dc9e16;
        background-color: #fff;
    }


.btn-primary-dflt {
    background-color: #ffaa3b;
    border-color: #ffaa3b;
    color: white !important;
    border: 1px solid;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
}

    .btn-primary-dflt:focus,
    .btn-primary-dflt.focus {
        background-color: #fbbf70;
        border-color: #fbbf70;
    }

    .btn-primary-dflt:hover {
        background-color: #fbbf70;
        border-color: #fbbf70;
    }

    .btn-primary-dflt:active,
    .btn-primary-dflt.active,
    .open > .dropdown-toggle.btn-primary-dflt {
        background-color: #fbbf70;
        border-color: #fbbf70;
    }

        .btn-primary-dflt:active:hover,
        .btn-primary-dflt.active:hover,
        .open > .dropdown-toggle.btn-primary-dflt:hover,
        .btn-primary-dflt:active:focus,
        .btn-primary-dflt.active:focus,
        .open > .dropdown-toggle.btn-primary-dflt:focus,
        .btn-primary-dflt:active.focus,
        .btn-primary-dflt.active.focus,
        .open > .dropdown-toggle.btn-primary-dflt.focus {
            background-color: #1d6aa4;
            border-color: #1d6aa4;
        }

    .btn-primary-dflt:active,
    .btn-primary-dflt.active,
    .open > .dropdown-toggle.btn-primary-dflt {
        background-image: none;
    }

    .btn-primary-dflt.disabled:hover,
    .btn-primary-dflt[disabled]:hover,
    fieldset[disabled] .btn-primary-dflt:hover,
    .btn-primary-dflt.disabled:focus,
    .btn-primary-dflt[disabled]:focus,
    fieldset[disabled] .btn-primary-dflt:focus,
    .btn-primary-dflt.disabled.focus,
    .btn-primary-dflt[disabled].focus,
    fieldset[disabled] .btn-primary-dflt.focus {
        background-color: #ccc;
        border-color: #ccc;
    }

    .btn-primary-dflt .badge {
        color: #dc9e16;
        background-color: #fff;
    }

/*Paneles*/
.panel-inicial-dflt {
    border-color: #245677;
}

    .panel-inicial-dflt > .panel-heading {
        color: white;
        background-color: #245677;
        border-color: #245677;
    }

        .panel-inicial-dflt > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #2f6f9a;
        }

        .panel-inicial-dflt > .panel-heading .badge {
            color: #2f6f9a;
            background-color: #ddd;
        }

    .panel-inicial-dflt > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ddd;
    }

    
.panel-dflt {
    border-color: #245677;
    
}

    .panel-dflt > .panel-heading {
        background-color: #245677;
        border-color: #2589d5;
        color: #fff !important;
    }

        .panel-dflt > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #245677;
        }

        .panel-dflt > .panel-heading .badge {
            background-color: #2589d5;
        }

    .panel-dflt > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #2589d5;
    }


/*
    Barras de navegacion

*/

.navbar-dflt {
    background: #f6b118;
    color: white !important;
    border-color: #f6b118;
    min-height: initial !important;
}

    .navbar-dflt .navbar-brand {
        color: #ffffff;
    }

        .navbar-dflt .navbar-brand:hover,
        .navbar-dflt .navbar-brand:focus {
            color: #ffffff;
        }

    .navbar-dflt .navbar-text {
        color: #ffffff;
    }

    .navbar-dflt .navbar-nav > li > a {
        color: #ffffff;
    }

        .navbar-dflt .navbar-nav > li > a:hover,
        .navbar-dflt .navbar-nav > li > a:focus {
            color: #fff;
            background: #F9C34c;
        }

    .navbar-dflt .navbar-nav > li > .dropdown-menu {
        background: #f6b118;
    }

        .navbar-dflt .navbar-nav > li > .dropdown-menu > li > a {
            color: #ffffff;
        }

            .navbar-dflt .navbar-nav > li > .dropdown-menu > li > a:hover,
            .navbar-dflt .navbar-nav > li > .dropdown-menu > li > a:focus {
                color: #fff;
                background: #F9C34c;
            }

        .navbar-dflt .navbar-nav > li > .dropdown-menu > li > .divider {
            background-color: #fff;
        }

    .navbar-dflt .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-dflt .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-dflt .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background: #F9C34c;
    }

    .navbar-dflt .navbar-nav > .active > a,
    .navbar-dflt .navbar-nav > .active > a:hover,
    .navbar-dflt .navbar-nav > .active > a:focus {
        color: #fff;
        background: #F9C34c;
    }

    .navbar-dflt .navbar-nav > .open > a,
    .navbar-dflt .navbar-nav > .open > a:hover,
    .navbar-dflt .navbar-nav > .open > a:focus {
        color: #fff;
        background: #F9C34c;
    }

    .navbar-dflt .navbar-toggle {
        background: #F9C34c;
    }

        .navbar-dflt .navbar-toggle:hover,
        .navbar-dflt .navbar-toggle:focus {
            background: #F9C34c;
        }

        .navbar-dflt .navbar-toggle .icon-bar {
            background-color: #ffffff;
        }

    .navbar-dflt .navbar-collapse,
    .navbar-dflt .navbar-form {
        border-color: #ffffff;
    }

    .navbar-dflt .navbar-link {
        color: #ffffff;
    }

        .navbar-dflt .navbar-link:hover {
            color: #ccc;
        }

@media (max-width: 767px) {
    .navbar-dflt .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
    }

        .navbar-dflt .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-dflt .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #fff;
        }

    .navbar-dflt .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-dflt .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-dflt .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background: #F9C34c;
    }
}

/*Cards*/

.card-counter{
    /*box-shadow: 2px 2px 10px #DADADA;
    margin: 5px;*/
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    transition: .3s linear all;
    padding: 5px 0px;
    height: 100%;
    display: flex;
    align-items: center;
    background-color: #fff;
  }

  .card-counter.primary{
    background-color: #0081c2;
    color: #FFF;
  }


  .card-counter.danger{
    background-color: #ef5350;
    color: #FFF;
  }  

  .card-counter.success{
    background-color: #66bb6a;
    color: #FFF;
  }  

  .card-counter.info{
    background-color: #26c6da;
    color: #FFF;
  }  

    .card-counter.warning{
    background-color: #e8940d;
    color: #FFF;
  }  


  .card-counter p {
    margin-bottom: 0;
    line-height: 1.2;
    text-align: right;
}

  .card-counter .count-numbers{
    font-size: 1.5rem;
    display: block;
    overflow: auto hidden;
  }

  .card-counter .count-name{
    font-style: italic;
    text-transform: capitalize;
    opacity: 0.7;
    font-size: 1rem;
  }

  
  .card .count-numbers{
    font-size: 1.5rem;
    display: block;
  }

  .card .count-name{
    font-style: italic;
    text-transform: capitalize;
    opacity: 0.7;
    font-size: 1rem;
  }


  /*Counters*/

  .metric {
    padding: 0.5rem 0rem 1rem 0rem;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    background-color: #fff;
    border: 0px;
}

  .metric .icon {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    float: left;
    width: 3rem;
    height:3rem;
    line-height: 3.5rem;
    background-color: #0081c2;
    text-align: center;
}

  .metric .icon i {
    font-size: 1.5rem;
    color: #fff;
}

  .metric p {
    margin-bottom: 0;
    line-height: 1.2rem;
    text-align: right;
}

  .metric .count-numbers {
    display: block;
    font-size: 1.5rem;
    font-weight: 400;
}

  .metric .count-name {
    font-size: 1rem;
    opacity: 0.7;
}
    .metric .count-name2 {
    font-size: 0.7rem;
    opacity: 0.7;
}