.main {
    background: #FFFFFF;
    position: relative;
    z-index: 3;
}

.main-raised {
    margin: -160px 30px 60px 30px;
    border-radius: 6px;
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.page-header {
 
    background-position: center center;
    background-size: cover;
    margin: 0;
    padding: 0;
    border: 0;
}
.page-header {
    background-size: cover;
}
.page-header .title {
    color: #FFFFFF;
}
@media (min-width: 768px) {
h3.carousel-caption {font-size: 26px !important; }
h5.carousel-caption {font-size: 31px !important; }

h3.carousel-caption-2 {font-size: 26px !important; }
h5.carousel-caption-2 {font-size: 31px !important; }

.page-header.header-small {min-height: 45vh !important;    height: 45vh;}

}



.max-70 {
    max-width: 70%;
}
.btn.btn-osprera, .navbar .navbar-nav>li>a.btn.btn-osprera {
    background: #187f56;
    background: -moz-linear-gradient(top, #187f56 0%, #006940 100%);
    background: -webkit-linear-gradient(top, #187f56 0%, #006940 100%);
    background: linear-gradient(to bottom, #187f56 0%, #006940 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#187f56', endColorstr='#006940', GradientType=0);
}

.btn-osprera {
    color: #fff;
    background: #187f56;
    background: -moz-linear-gradient(top, #187f56 0%, #006940 100%);
    background: -webkit-linear-gradient(top, #187f56 0%, #006940 100%);
    background: linear-gradient(to bottom, #187f56 0%, #006940 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#187f56', endColorstr='#006940', GradientType=0);
    border-color: #187f56;
    box-shadow: none;
}
/*
.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover {
    color: #FDCB01 !important;
}
*/
/*
@media (min-width: 767px) {
    h1,
    .h1,
    .presentation-page .brand h1 {
        font-size: 3em;
    }
    .presentation-page .pro-badge {
        font-size: 14px;
        margin-right: 0;
        right: -47px;
        padding: 4px 8px;
        top: -4px;
        display: inline-block;
    }
    .subscribe-line .btn {
        margin-top: 15px;
    }

    .fijo {display: none;}
    .text-left {text-align: center !important;}
    .page-header.header-small {
    height: 75vh;
    min-height: 75vh;
}
*/
                                            .logo {
                                            background-image: url('../../assets/img/logo.png');
                                            display: block;
                                            width: 475px;
                                            height: 38px;
                                            margin: 4px;
                                        }
										
																												#side.logo {

                                            display: block;
											background-size: 145px 23px;
											background-repeat: no-repeat;
											background-position: center center;
											height: 38px;
											width: 100%;
											background-image: url(../../images/logo-light.png)!important;
											padding: 35px 0;
                                        }
                                        
                                        .navbar {
                                            border: 0;
                                            padding: 4px 0;
                                            color: #fff;
                                            background-color: #126745!important;
                                            box-shadow: none;
                                            margin-bottom: 0px;
                                            border-radius: 0;
                                            height: 60px!important;
                                        }
                                        
                                        .nav-2 {
                                            background: #167D54!important;
                                            color: #fff;
                                            border-bottom: 5px solid #FDCB01;
                                            box-shadow: 0 4px 18px 0 rgba(0, 0, 0, .12), 0 7px 10px -5px rgba(0, 0, 0, .15);
                                        }
                                        
                                        .btn.btn-primary {
                                            color: #fff;
                                            background-color: #086E46;
                                            border-color: #167D54;
                                            box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2);
                                        }
                                        
                                        .btn.btn-primary,
                                        .navbar .navbar-nav>li>a.btn.btn-primary {
                                            box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2);
                                        }
                                        
                                        .btn.btn-primary,
                                        .btn.btn-primary:hover,
                                        .btn.btn-primary:focus,
                                        .btn.btn-primary:active,
                                        .btn.btn-primary.active,
                                        .btn.btn-primary:active:focus,
                                        .btn.btn-primary:active:hover,
                                        .btn.btn-primary.active:focus,
                                        .btn.btn-primary.active:hover,
                                        .open>.btn.btn-primary.dropdown-toggle,
                                        .open>.btn.btn-primary.dropdown-toggle:focus,
                                        .open>.btn.btn-primary.dropdown-toggle:hover,
                                        .navbar .navbar-nav>li>a.btn.btn-primary,
                                        .navbar .navbar-nav>li>a.btn.btn-primary:hover,
                                        .navbar .navbar-nav>li>a.btn.btn-primary:focus,
                                        .navbar .navbar-nav>li>a.btn.btn-primary:active,
                                        .navbar .navbar-nav>li>a.btn.btn-primary.active,
                                        .navbar .navbar-nav>li>a.btn.btn-primary:active:focus,
                                        .navbar .navbar-nav>li>a.btn.btn-primary:active:hover,
                                        .navbar .navbar-nav>li>a.btn.btn-primary.active:focus,
                                        .navbar .navbar-nav>li>a.btn.btn-primary.active:hover,
                                        .open>.navbar .navbar-nav>li>a.btn.btn-primary.dropdown-toggle,
                                        .open>.navbar .navbar-nav>li>a.btn.btn-primary.dropdown-toggle:focus,
                                        .open>.navbar .navbar-nav>li>a.btn.btn-primary.dropdown-toggle:hover {
                                            background-color: #167D54;
                                            color: #FFFFFF;
                                        }
                                        
                                        .btn.btn-primary:focus,
                                        .btn.btn-primary:active,
                                        .btn.btn-primary:hover,
                                        .navbar .navbar-nav>li>a.btn.btn-primary:focus,
                                        .navbar .navbar-nav>li>a.btn.btn-primary:active,
                                        .navbar .navbar-nav>li>a.btn.btn-primary:hover {
                                            box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2);
                                        }
                                        
                                        .btn.btn-primary.disabled,
                                        .btn.btn-primary.disabled:hover,
                                        .btn.btn-primary.disabled:focus,
                                        .btn.btn-primary.disabled.focus,
                                        .btn.btn-primary.disabled:active,
                                        .btn.btn-primary.disabled.active,
                                        .btn.btn-primary:disabled,
                                        .btn.btn-primary:disabled:hover,
                                        .btn.btn-primary:disabled:focus,
                                        .btn.btn-primary:disabled.focus,
                                        .btn.btn-primary:disabled:active,
                                        .btn.btn-primary:disabled.active,
                                        .btn.btn-primary[disabled],
                                        .btn.btn-primary[disabled]:hover,
                                        .btn.btn-primary[disabled]:focus,
                                        .btn.btn-primary[disabled].focus,
                                        .btn.btn-primary[disabled]:active,
                                        .btn.btn-primary[disabled].active,
                                        fieldset[disabled] .btn.btn-primary,
                                        fieldset[disabled] .btn.btn-primary:hover,
                                        fieldset[disabled] .btn.btn-primary:focus,
                                        fieldset[disabled] .btn.btn-primary.focus,
                                        fieldset[disabled] .btn.btn-primary:active,
                                        fieldset[disabled] .btn.btn-primary.active,
                                        .navbar .navbar-nav>li>a.btn.btn-primary.disabled,
                                        .navbar .navbar-nav>li>a.btn.btn-primary.disabled:hover,
                                        .navbar .navbar-nav>li>a.btn.btn-primary.disabled:focus,
                                        .navbar .navbar-nav>li>a.btn.btn-primary.disabled.focus,
                                        .navbar .navbar-nav>li>a.btn.btn-primary.disabled:active,
                                        .navbar .navbar-nav>li>a.btn.btn-primary.disabled.active,
                                        .navbar .navbar-nav>li>a.btn.btn-primary:disabled,
                                        .navbar .navbar-nav>li>a.btn.btn-primary:disabled:hover,
                                        .navbar .navbar-nav>li>a.btn.btn-primary:disabled:focus,
                                        .navbar .navbar-nav>li>a.btn.btn-primary:disabled.focus,
                                        .navbar .navbar-nav>li>a.btn.btn-primary:disabled:active,
                                        .navbar .navbar-nav>li>a.btn.btn-primary:disabled.active,
                                        .navbar .navbar-nav>li>a.btn.btn-primary[disabled],
                                        .navbar .navbar-nav>li>a.btn.btn-primary[disabled]:hover,
                                        .navbar .navbar-nav>li>a.btn.btn-primary[disabled]:focus,
                                        .navbar .navbar-nav>li>a.btn.btn-primary[disabled].focus,
                                        .navbar .navbar-nav>li>a.btn.btn-primary[disabled]:active,
                                        .navbar .navbar-nav>li>a.btn.btn-primary[disabled].active,
                                        fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-primary,
                                        fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-primary:hover,
                                        fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-primary:focus,
                                        fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-primary.focus,
                                        fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-primary:active,
                                        fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-primary.active {
                                            box-shadow: none !important;
                                        }
                                        
                                        .btn.btn-primary.btn-simple,
                                        .navbar .navbar-nav>li>a.btn.btn-primary.btn-simple {
                                            background-color: transparent;
                                            color: #086E46;
                                            box-shadow: none;
                                        }
                                        
                                        .btn.btn-primary.btn-simple:hover,
                                        .btn.btn-primary.btn-simple:focus,
                                        .btn.btn-primary.btn-simple:active,
                                        .navbar .navbar-nav>li>a.btn.btn-primary.btn-simple:hover,
                                        .navbar .navbar-nav>li>a.btn.btn-primary.btn-simple:focus,
                                        .navbar .navbar-nav>li>a.btn.btn-primary.btn-simple:active {
                                            background-color: transparent;
                                            color: #086E46;
                                        }
                                        
                                        .btn-primary:focus,
                                        .btn.btn-primary:active,
                                        .btn.btn-primary:hover,
                                        .navbar .navbar-nav>li>a.btn.btn-primary:focus,
                                        .navbar .navbar-nav>li>a.btn.btn-primary:active,
                                        .navbar .navbar-nav>li>a.btn.btn-primary:hover {
                                            color: #fff;
                                            background-color: #086E46;
                                            border-color: #167D54;
                                            box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2);
                                        }
										a:focus, a:hover {
											/*color: #89229b !important;*/
											text-decoration: none !important;
											cursor: pointer;
										}
                                        /*
                                        .btn.btn-success,
                                        .navbar .navbar-nav>li>a.btn.btn-success {
                                            background: #187f56;
                                            background: -moz-linear-gradient(top, #187f56 0%, #006940 100%);
                                            background: -webkit-linear-gradient(top, #187f56 0%, #006940 100%);
                                            background: linear-gradient(to bottom, #187f56 0%, #006940 100%);
                                            filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#187f56', endColorstr='#006940', GradientType=0);
                                        }
                                        
                                        .btn.btn-rose {
                                            color: #fff;
                                            background-color: #086E46 !important;
                                            border-color: #167D54;
                                            box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2);
                                        }
                                        
                                        .btn.btn-rose:focus,
                                        .btn.btn-rose:active,
                                        .btn.btn-rose:hover,
                                        .navbar .navbar-nav>li>a.btn.btn-rose:focus,
                                        .navbar .navbar-nav>li>a.btn.btn-rose:active,
                                        .navbar .navbar-nav>li>a.btn.btn-rose:hover {
                                            box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2);
                                        }
*/
                                        .nav-pills.nav-pills-default .nav-item .nav-link.active, .nav-pills.nav-pills-default .nav-item .nav-link.active:focus, .nav-pills.nav-pills-default .nav-item .nav-link.active:hover {
                                            color: #fff;
                                            background-color: #919191;
                                            box-shadow: 0 14px 26px -12px rgba(153, 153, 153, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(153, 153, 153, .2);
                                        }

                                        .card-collapse .card-header a:active, .card-collapse .card-header a:hover, .card-collapse .card-header a[aria-expanded=true] {
                                            color: #086E46;
                                        }
                                        
                                        .has-success2 {
                                            filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#187f56', endColorstr='#006940', GradientType=0);
                                        }
                                        
                                        .card .card-header .card-title {
                                            margin-bottom: 3px;
                                        }
                                        
                                        .card .card-title {
                                            margin-top: 0;
                                            margin-bottom: 15px;
                                        }
                                        
                                        .carousel.carousel-full-nagivation .left {
                                            cursor: url(../../img/arrow-left.png), url(../../img/arrow-left.cur), default!important
                                        }
                                        
                                        .carousel.carousel-full-nagivation .right {
                                            cursor: url(../../img/arrow-right.png), url(../../img/arrow-right.cur), default!important
                                        }
                                        
                                        .card {
                                            font-size: .875rem
                                        }
                                        
                                        .navbar .navbar-nav .nav-item .nav-link.profile-photo .ripple-container {
                                            border-radius: 0;
                                        }
                                        
                                        /*.has-success .form-control,
                                        .is-focused .has-success2 .form-control {
                                            background-image: none;
                                        }*/
                                        
                                        .card-wizard {
                                            box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
                                        }
                                        
                                        .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
                                            width: 100%;
                                        }
                                        
                                        .mb-0 {
                                            margin-bottom: 0px !important
                                        }
                                        
                                        .mb-5 {
                                            margin-bottom: 5px !important
                                        }
                                        
                                        .mb-10 {
                                            margin-bottom: 10px !important
                                        }
                                        
                                        .mb-15 {
                                            margin-bottom: 15px !important
                                        }
                                        
                                        .mb-20 {
                                            margin-bottom: 20px !important
                                        }
                                        
                                        .mb-30 {
                                            margin-bottom: 30px !important
                                        }
                                        
                                        .mb-40 {
                                            margin-bottom: 40px !important
                                        }
                                        
                                        .mb-50 {
                                            margin-bottom: 50px !important
                                        }
                                        
                                        .mt-0 {
                                            margin-top: 0px !important
                                        }
                                        
                                        .mt-5 {
                                            margin-top: 5px !important
                                        }
                                        
                                        .mt-10 {
                                            margin-top: 10px !important
                                        }
                                        
                                        .mt-15 {
                                            margin-top: 15px !important
                                        }
                                        
                                        .mt-20 {
                                            margin-top: 20px !important
                                        }
                                        
                                        .mt-30 {
                                            margin-top: 30px !important
                                        }
                                        
                                        .mt-40 {
                                            margin-top: 40px !important
                                        }
                                        
                                        .mt-50 {
                                            margin-top: 50px !important
                                        }
                                        
                                        .card-footer-wizard {
                                            padding: 0;
                                            margin: 0 15px 10px;
                                            border-radius: 0;
                                            justify-content: space-between;
                                            align-items: center;
                                            display: flex;
                                            background-color: transparent;
                                        }
                                        
                                        .card-footer-wizard-2 {
                                            padding: 0;
                                            border-radius: 0;
                                            justify-content: space-between;
                                            align-items: center;
                                            display: flex;
                                            background-color: transparent;
                                        }
                                        
                                        .nav-pills .nav-link.active,
                                        .nav-pills .show>.nav-link {
                                            color: #fff;
                                            /*background-color: transparent !important;*/
                                        }

                                        .bmd-form-group [class*=' bmd-label'], .bmd-form-group [class^=bmd-label] {
                                            position: relative !important;
                                            }
                                        
                                        .bootstrap-select .dropdown-menu li {
                                            position: relative;
                                            line-height: 1px;
                                        }
                                        
                                        .bootstrap-select>.dropdown-toggle {
                                            padding-right: 15px;
                                        }
                                        
                                        .card-wizard {
                                            opacity: 1 !important;
                                        }
                                        
                                        .dropdown-menu .dropdown-item:focus,
                                        .dropdown-menu .dropdown-item:hover,
                                        .dropdown-menu a:active,
                                        .dropdown-menu a:focus,
                                        .dropdown-menu a:hover {
                                            color: #fff !important;
                                            background-color: #167D54!important;
                                            border-color: #167D54;
                                            box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2);
                                        }
                                        
                                        .card .card-header-rose .card-icon,
                                        .card .card-header-rose .card-text,
                                        .card .card-header-rose:not(.card-header-icon):not(.card-header-text),
                                        .card.bg-rose,
                                        .card.card-rotate.bg-rose .back,
                                        .card.card-rotate.bg-rose .front {
                                            background: linear-gradient(60deg, #ffa726, #fb8c00) !important;
                                        }
                                        
                                        .card .card-header-rose .card-icon,
                                        .card .card-header-rose .card-text,
                                        .card .card-header-rose:not(.card-header-icon):not(.card-header-text) {
                                            box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(255, 152, 0, .4) !important;
                                        }
                                        
                                        .card .card-body .col-form-label{
                                            padding: 15px 5px 0 20px;
                                            text-align: left !important;
                                        }

                                        .card .card-body .col-form-label-reporte {
                                            padding: 1px 0;
                                            text-align: right !important;
                                        }


                                        .card .tab-content .form-check {
                                            margin-top: 16px;
                                        }
                                        
                                        .form-check .form-check-label {
                                            padding-left: 55px;
                                        }
                                        
                                        .form-check .form-check-input {
                                            opacity: 0;
                                            height: 0;
                                            width: 0;
                                            overflow: hidden;
                                        }
                                        
                                        .table .form-check .form-check-sign {
                                            top: 0;
                                            left: 20px;
                                            padding-right: 0;
                                        }
                                        
                                        .card [class*=card-header-]:not(.card-header-icon):not(.card-header-text):not(.card-header-image) {
                                            padding: 10px;
                                        }
                                        
                                        .nav-tabs .nav-item .nav-link {
                                            line-height: 18px;
                                        }
                                        
                                        .alert.alert-danger {
                                            font-size: 13px;
                                        }
                                        
                                        .form-check .form-check-input:checked+.form-check-sign .check {
                                            background: #167D54!important;
                                        }
                                        
                                        .wrapper {
                                            height: auto !important;
                                        }
                                        
                                        .togglebutton label input[type=checkbox]:checked+.toggle {
                                            background-color: #167D54;
                                        }
                                        
                                        .togglebutton label input[type=checkbox]:checked+.toggle:after {
                                            left: 15px;
                                            border-color: #167D54;
                                        }
                                        
                                        .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
                                            color: #167D54;
                                            top: 10px;
                                        }
                                        
                                        .bootstrap-select.show-tick .dropdown-menu li a:hover.selected span.check-mark {
                                            color: #fff;
                                            top: 10px;
                                        }
                                        
                                        .form-group {
                                            padding-bottom: 0px;
                                        }
                                        
                                        .bootstrap-datetimepicker-widget table td.active>div {
                                            background-color: #167D54;
                                            color: #fff;
                                            box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(156, 39, 176, .4)
                                        }
                                        
                                        .pagination>.page-item.active>a,
                                        .pagination>.page-item.active>a:focus,
                                        .pagination>.page-item.active>a:hover,
                                        .pagination>.page-item.active>span,
                                        .pagination>.page-item.active>span:focus,
                                        .pagination>.page-item.active>span:hover {
                                            background-color: #167D54;
                                            border-color: #167D54;
                                            color: #fff;
                                            box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2);
                                        }
                                        
                                        table.dataTable {
                                            clear: both;
                                            margin-bottom: 20px!important;
                                            max-width: none!important;
                                            border-collapse: separate!important;
                                            border-spacing: 0;
                                        }
                                        
                                        .dataTable>tbody>tr>td,
                                        .dataTable>tbody>tr>th,
                                        .dataTable>tfoot>tr>td,
                                        .dataTable>tfoot>tr>th,
                                        .dataTable>thead>tr>td,
                                        .dataTable>thead>tr>th {
                                            padding: 5.5px!important;
                                            font-size: 14px
                                        }
                                        
                                        .thead-default {
                                            color: #167D54!important;
                                        }
                                        
                                        .btn-group>.btn-group:not(:last-child)>.btn,
                                        .btn-group>.btn:not(:last-child):not(.dropdown-toggle),
                                        .input-group>.custom-file:not(:last-child) .custom-file-label,
                                        .input-group>.custom-file:not(:last-child) .custom-file-label::before,
                                        .input-group>.custom-select:not(:last-child),
                                        .input-group>.form-control:not(:last-child) {
                                            border-top-right-radius: 0;
                                            border-bottom-right-radius: : 0;
                                            color: #3c4858!important;
                                        }
                                        
                                        .pull-right {
                                            float: right;
                                        }
                                        .pull-left {
                                            float: left;
                                        }
                                        
                                        .bootstrap-select.show-tick .dropdown-menu li a:hover span.text {
                                            color: #fff!important;
                                        }
                                        
                                        .input-group>.form-control:not(:last-child) {
                                            color: #495057 !important;
                                            font-size: 13px !important;
                                        }
                                        
                                        .loader {
                                            border: 16px solid #f3f3f3;
                                            /* Light grey */
                                            border-top: 16px solid #3498db;
                                            /* Blue */
                                            border-radius: 50%;
                                            width: 120px;
                                            height: 120px;
                                            animation: spin 2s linear infinite;
                                        }
                                        
                                        .form-check,
                                        label {
                                            font-weight: 300;
                                        }
                                        
                                        @keyframes spin {
                                            0% {
                                                transform: rotate(0deg);
                                            }
                                            100% {
                                                transform: rotate(360deg);
                                            }
                                        }
                                        
                                        .modal-setentaycinco {
                                            max-width: 95% !important;
                                        }
                                        
                                        .modal-header {
                                            background: #167D54!important;
                                            color: #fff;
                                            border-bottom: 5px solid #FDCB01 !important;
                                            padding: 20px 0 15px 0 !important;
                                        }
                                        
                                        .modal .modal-header .close {
                                            color: #fff;
                                        }
                                        
                                        .modal-backdrop.show {
                                            opacity: 2.0 !important;
                                        }
                                        
                                        .modal-dialog .modal-footer {
                                            border-top: 1px solid #e9ecef;
                                            padding: 14px 10px !important;
                                        }
                                        
                                        .modal-dialog .card-footer-wizard {
                                            margin: 0 0 10px !important;
                                            border-top: 1px solid #e9ecef;
                                            padding: 14px 0 0 0 !important;
                                        }
                                        
                                        .bootstrap-datetimepicker-widget a[data-action] {
                                            padding: 0;
                                            margin: 0;
                                            border-width: 0;
                                            background-color: transparent;
                                            color: #167D54 !important;
                                            box-shadow: none
                                        }
                                        
                                        .bootstrap-datetimepicker-widget a[data-action]:hover span {
                                            background-color: #eee;
                                            color: 126745
                                        }
                                        
                                        .bootstrap-datetimepicker-widget table td.today>div:before {
                                            content: '';
                                            display: inline-block;
                                            border: 0 solid transparent;
                                            border-bottom-color: #126745;
                                            border-top-color: rgba(0, 0, 0, .2);
                                            position: absolute;
                                            bottom: 4px;
                                            right: 4px
                                        }
                                        
                                        .bootstrap-datetimepicker-widget table td.active:hover>div,
                                        .bootstrap-datetimepicker-widget table td.active>div {
                                            background-color: #167D54;
                                            color: #fff;
                                            box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2);
                                        }
										
										button.sinOut:focus {
											outline: dotted 1px !important;
											outline: -webkit-focus-ring-color auto 0px !important;
										}
                                        
                                        /*.modal .modal-dialog {
                                            margin: 40px;
                                        }

                                        .card-collapse .card-header {padding: 0 10px 0 0 !important;
                                        }*/



                                        /* CAMBIO COLOR */
                                        .btn-link {
                                            font-weight: 400;
                                            color: #167D54
                                        }
                                        .btn.btn-primary {
                                            color: #fff;
                                            background-color: #167D54;
                                            border-color: #167D54;
                                            /*box-shadow: 0 2px 2px 0 rgba(156, 39, 176, .14), 0 3px 1px -2px rgba(156, 39, 176, .2), 0 1px 5px 0 rgba(156, 39, 176, .12)*/
                                        }
                                        .open>.btn.btn-primary.dropdown-toggle.bmd-btn-icon {
                                            color: inherit;
                                            background-color: #167D54
                                        }

                                        

                                        .btn.btn-primary.disabled.focus,
                                        .btn.btn-primary.disabled:focus,
                                        .btn.btn-primary.disabled:hover,
                                        .btn.btn-primary:disabled.focus,
                                        .btn.btn-primary:disabled:focus,
                                        .btn.btn-primary:disabled:hover {
                                            background-color: #167D54;
                                            border-color: #167D54
                                        }

                                        .btn.btn-primary.btn-link,
                                        .btn.btn-primary.btn-link:active,
                                        .btn.btn-primary.btn-link:focus,
                                        .btn.btn-primary.btn-link:hover {
                                            background-color: transparent;
                                            color: #167D54
                                        }
                                        .btn.btn-outline-primary {
                                            color: #167D54;
                                            border-color: #167D54
                                        }

                                        .btn.btn-outline-primary.focus,
                                        .btn.btn-outline-primary:focus,
                                        .btn.btn-outline-primary:hover {
                                            color: #167D54;
                                            background-color: rgba(153, 153, 153, .2);
                                            border-color: #167D54
                                        }

                                        .btn.btn-outline-primary.active,
                                        .btn.btn-outline-primary:active,
                                        .open>.btn.btn-outline-primary.dropdown-toggle,
                                        .show>.btn.btn-outline-primary.dropdown-toggle {
                                            color: #167D54;
                                            background-color: rgba(153, 153, 153, .2);
                                            border-color: #167D54;
                                            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
                                        }
                                        .btn.btn-outline-primary.active.focus,
                                        .btn.btn-outline-primary.active:focus,
                                        .btn.btn-outline-primary.active:hover,
                                        .btn.btn-outline-primary:active.focus,
                                        .btn.btn-outline-primary:active:focus,
                                        .btn.btn-outline-primary:active:hover,
                                        .open>.btn.btn-outline-primary.dropdown-toggle.focus,
                                        .open>.btn.btn-outline-primary.dropdown-toggle:focus,
                                        .open>.btn.btn-outline-primary.dropdown-toggle:hover,
                                        .show>.btn.btn-outline-primary.dropdown-toggle.focus,
                                        .show>.btn.btn-outline-primary.dropdown-toggle:focus,
                                        .show>.btn.btn-outline-primary.dropdown-toggle:hover {
                                            color: #167D54;
                                            background-color: rgba(153, 153, 153, .4);
                                            border-color: #167D54
                                        }
                                        .bg-inverse .btn.btn-outline-primary,
                                        .btn.btn-outline-primary.disabled.focus,
                                        .btn.btn-outline-primary.disabled:focus,
                                        .btn.btn-outline-primary.disabled:hover,
                                        .btn.btn-outline-primary:disabled.focus,
                                        .btn.btn-outline-primary:disabled:focus,
                                        .btn.btn-outline-primary:disabled:hover {
                                            background-color: transparent;
                                            border-color: #167D54
                                        }

                                        .bg-inverse .btn.btn-outline-primary {
                                            color: #167D54
                                        }
                                        .bg-inverse .btn.btn-outline-primary.focus,
                                        .bg-inverse .btn.btn-outline-primary:focus,
                                        .bg-inverse .btn.btn-outline-primary:hover {
                                            color: #167D54;
                                            background-color: rgba(204, 204, 204, .15);
                                            border-color: rgba(204, 204, 204, .15)
                                        }
                                        .bg-inverse .btn.btn-outline-primary.active,
                                        .bg-inverse .btn.btn-outline-primary:active,
                                        .open>.bg-inverse .btn.btn-outline-primary.dropdown-toggle,
                                        .show>.bg-inverse .btn.btn-outline-primary.dropdown-toggle {
                                            color: #167D54;
                                            background-color: rgba(204, 204, 204, .15);
                                            border-color: rgba(204, 204, 204, .15);
                                            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
                                        }
                                        .bg-inverse .btn.btn-outline-primary.active.focus,
                                        .bg-inverse .btn.btn-outline-primary.active:focus,
                                        .bg-inverse .btn.btn-outline-primary.active:hover,
                                        .bg-inverse .btn.btn-outline-primary:active.focus,
                                        .bg-inverse .btn.btn-outline-primary:active:focus,
                                        .bg-inverse .btn.btn-outline-primary:active:hover,
                                        .open>.bg-inverse .btn.btn-outline-primary.dropdown-toggle.focus,
                                        .open>.bg-inverse .btn.btn-outline-primary.dropdown-toggle:focus,
                                        .open>.bg-inverse .btn.btn-outline-primary.dropdown-toggle:hover,
                                        .show>.bg-inverse .btn.btn-outline-primary.dropdown-toggle.focus,
                                        .show>.bg-inverse .btn.btn-outline-primary.dropdown-toggle:focus,
                                        .show>.bg-inverse .btn.btn-outline-primary.dropdown-toggle:hover {
                                            color: #167D54;
                                            background-color: rgba(204, 204, 204, .25);
                                            border-color: rgba(204, 204, 204, .25)
                                        }
                                        .bg-inverse .btn.btn-outline-primary.disabled.focus,
                                        .bg-inverse .btn.btn-outline-primary.disabled:focus,
                                        .bg-inverse .btn.btn-outline-primary.disabled:hover,
                                        .bg-inverse .btn.btn-outline-primary:disabled.focus,
                                        .bg-inverse .btn.btn-outline-primary:disabled:focus,
                                        .bg-inverse .btn.btn-outline-primary:disabled:hover {
                                            background-color: transparent;
                                            border-color: #167D54
                                        }
                                        .form-check .form-check-input:checked+.form-check-sign .check {
                                            background: #167D54
                                        }
                                        .form-check .form-check-label .circle .check {
                                            height: 15px;
                                            width: 15px;
                                            border-radius: 100%;
                                            background-color: #167D54;
                                            -webkit-transform: scale3d(0, 0, 0);
                                            -moz-transform: scale3d(0, 0, 0);
                                            -o-transform: scale3d(0, 0, 0);
                                            -ms-transform: scale3d(0, 0, 0);
                                            transform: scale3d(0, 0, 0)
                                        }
                                        .form-check .form-check-input:checked~.check {
                                            background-color: #167D54
                                        }
                                        .form-check .form-check-input:checked~.circle {
                                            border-color: #167D54
                                        }
                                        .badge.badge-primary {
                                            background-color: #167D54
                                        }
                                        .form-control,
                                        .is-focused .form-control {
                                            background-image: linear-gradient(to top, #167D54 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px)
                                        }

                                        .form-control.form-control-success,
                                        .is-focused .form-control.form-control-success {
                                            background-image: linear-gradient(to top, #167D54 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="
                                        }

                                        .form-control.form-control-warning,
                                        .is-focused .form-control.form-control-warning {
                                            background-image: linear-gradient(to top, #167D54 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"
                                        }

                                        .form-control.form-control-danger,
                                        .is-focused .form-control.form-control-danger {
                                            background-image: linear-gradient(to top, #167D54 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="
                                        }

                                        .is-focused [class*=' bmd-label'],
                                        .is-focused [class^=bmd-label] {
                                            color: #167D54
                                        }
                                        .table thead tr th {
                                            font-size: 16px;
                                            text-align: center;
                                        }

                                        .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
                                            padding: 8px;
                                            vertical-align: middle;
                                            border-color: #ddd;
                                        }

                                        .bmd-label-static {
                                            top: 3px!important;
                                        }

                                        .modal .modal-dialog {
                                            margin-top: 50px;
                                        }

                                        .table.table-hover tbody tr:hover {
                                            background-color: #167D54!important;
                                            color: #fff;
                                        }

                                        .bootstrap-select .btn.dropdown-toggle.select-with-transition {
                                            padding: 5px 0 !important;
                                        }

                                        .form-control-invalid {
                                            background-image: linear-gradient(0deg,#f44336 2px,rgba(244,67,54,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0)  !important;
                                        }
										.form-control-invalid-text, .is-focused .form-control {
                                            background-image: linear-gradient(0deg,#f44336 2px,rgba(244,67,54,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0)  !important;
											padding: 0 0 8px 0;
                                        }
                                        .form-control-invalid-select {
                                            background-image: linear-gradient(0deg,#f44336 2px,rgba(244,67,54,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0)  !important;
                                            padding: 0 0 8px 0;
                                        }
                                        .select-off {background-image: none !important;}


                                        .nav-pills .nav-item .nav-link:hover {
                                            line-height: 24px;
                                            text-transform: uppercase;
                                            font-size: 12px;
                                            font-weight: 500;
                                            min-width: 100px;
                                            text-align: center;
                                            color: #555;
                                            transition: all .3s;
                                            /*border-radius: 30px;*/
                                            padding: 10px 15px;
                                        }
                                        

                                        .card .card-header-primary .card-icon, .card .card-header-primary .card-text, .card .card-header-primary:not(.card-header-icon):not(.card-header-text), .card.bg-primary, .card.card-rotate.bg-primary .back, .card.card-rotate.bg-primary .front {
                                            background-color: #167D54 !important;
                                            box-shadow: 0 2px 2px 0 rgba(156, 39, 176, .14), 0 3px 1px -2px rgba(156, 39, 176, .2), 0 1px 5px 0 rgba(156, 39, 176, .12);
                                        }

                                        .accountbg {
                                            background: url(https://sioqa.osprera.org.ar:25271/ControlesNG/includes/images/bg-1.jpg);
                                            position: absolute;
                                            height: 100%;
                                            width: 100%;
                                            top: 0;
                                            background-size: cover;
                                        }
                                        .line-1 {border-bottom: 1px dotted #d7d7d7;}

                                        #random {
                                          /* BOX MODEL */
                                          top: 0;
                                          position: absolute;
                                          width: 100%;
                                          height: 100%;
                                          background-position: center center;
                                          background-size: cover;
                                          background-repeat: no-repeat;  
                                        }

                                        .titulo-colapse-red {
                                            color: rgb(245,81,69);
                                        }
                                        .section-line {border-bottom: 1px dotted #d7d7d7;}
                                        
                                        @media (min-width:1200px) {
                                            .container {
                                                max-width: 100% !important
                                            }
                                            
                                        }
                                        
                                        @media (max-width: 576px) {
                                            .card .card-body .col-form-label-reporte {
                                            padding: 1px 0;
                                            text-align: left !important;
                                            }
										}