.login-page {
    background-image: url(http://elam.test/img/61996fdbb759d6336f4add194cbb3a27c7d8f87c_Slider-1110x340-01.png) !important;
    background-position: left !important;
}

.card-icon{
	width: 86px;
	height: 86px;
	text-align: center;
}

.icon-sub{
	margin-right: auto !important;
    float: none !important;
    margin-left: auto;
}

.title-sub{
	text-align: left;
}


.main-panel {
    width: calc(100% - 60px);
}


.sidebar {
    width: 60px;
}

.sidebar:hover + .main-panel {
    width: calc(100% - 260px);
}

.sidebar:hover {
    width: 260px;
}

/*.nav-link{
	margin:0 !important;
	height: 50px;
}

.sidebar-wrapper.ps-container.ps-theme-default.ps-active-x{
	width: auto;
}

.sidebar:hover > .caret {
    display: auto;
}

.caret {
    width: 0;
}

*/

.sidebar:hover + .logo1 {
    display: none !important;
}
.sidebar:hover + .logo-mini1 {
    display: block !important;
}

/*.sidebar:hover {
    width: 260px;
}*/

.logo1{
	display: block !important;
}
.logo-mini1{
	display: none !important;
}



/*#logo1{
	display: none !important;
}*//*
.sidebar:hover + #logo1 {
    display: block !important;
}*/
#logo-mini1{
	display: block !important;
}
.sidebar:hover + #logo-mini1 {
    display: none !important;
}

.sidebar:hover + #a2 {
    display: none !important;
}

.logo{
	height: 95px;
	max-height: 95px;
}


.logo-normal{
	height: 63px;
	max-height: 63px;
}

.nav-link{
	margin: 0px !important;
	min-height: 50px;
}
.nav-item{
	min-height: 50px;
}


.card .card-header-success .card-icon, .card .card-header-success .card-text, .card .card-header-success:not(.card-header-icon):not(.card-header-text), .card.bg-success, .card.card-rotate.bg-success .front, .card.card-rotate.bg-success .back {
    background: linear-gradient(60deg, #1a066f, #130356);
}

.icon-sub{
    background: linear-gradient(60deg, #f59049, #ff6a00) !important;
}
.main-panel>.content {
    margin-top: 0px !important;
}

/*.nav-item{
	width: auto!important;
	max-width: inherit !important;
}*/

.item-botom-third{
	position: absolute !important;
	bottom: 113px;
}
.item-botom-second{
	position: absolute !important;
	bottom: 63px;
}
.width_auto{
	width: auto!important;
	max-width: inherit !important;
}

.wrapper1 {
    position: relative;
}
.wrapper1 span {
    position: absolute;
    right: 9px;
    top: 8px;
    color: #aab2c8;
}

.dropdown-toggle{
	text-transform: none !important;
	color: #495057 !important;
	font-size: 14px;
	line-height: 15px;
}
input{
	height: 41px !important;
	padding: 12px 25px 12px 20px !important;
}
.disabled.selected.active{
	height: 0 !important;
}
.disabled.selected.active > a{
	background-color: transparent !important;
    box-shadow: none !important;
    height: 0px !important;
}

.col-form-label{
	margin: auto;
}

.acciones > i{
	line-height: 1.5;
	color: #9c27b0 !important;
}

.col-form-label {
    margin: initial !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.div_boton_nuevo{
	text-align: right;
    margin-bottom: 5px;
}

.jsgrid-header-cell{
    color: #9c27b0 !important;
}

.card-title, .footer-big h4, .footer-big h5, .footer-brand, .info-title, .media .media-heading, .title {
    font-weight: inherit !important;
    font-family: unset !important;
}
.card .card-header-success {
    box-shadow: none !important;
}

input.jsgrid-button{
	height: auto !important;
    padding: initial !important;
    margin-top: 20px;
}
/*
.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 .front, .card.card-rotate.bg-primary .back {
    background: linear-gradient(60deg, #EDEBE6, #DAD6CA) !important;
}*/

.card .card-header-primary .card-icon, .card .card-header-primary:not(.card-header-icon):not(.card-header-text), .card .card-header-primary .card-text {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 39, 176, 0.4) !important;
}

.card .card-header-primary .card-icon, .card .card-header-primary:not(.card-header-icon):not(.card-header-text), .card .card-header-primary .card-text {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 39, 176, 0.4) !important;
}
.btn.btn-primary.btn-link {
    color: #170466;
}
.btn.btn-primary.btn-link:hover, .btn.btn-primary.btn-link:focus, .btn.btn-primary.btn-link:active {
    color: #ff6a00;
}

.form-check .form-check-input:checked+.form-check-sign .check {
    background: #170466;
}
/*
.card [class*="card-header-"] .card-title a, .card [class*="card-header-"] .card-title, .card [class*="card-header-"] .icon i, .card[class*="bg-"] .card-title a, .card[class*="bg-"] .card-title, .card[class*="bg-"] .icon i {
    color: #170466;
}*/

.jsgrid-header-cell {
    color: #170466 !important;
}

.btn.btn-primary {
    box-shadow: 0 2px 2px 0 rgba(23, 4, 102, 0.14), 0 3px 1px -2px rgba(23, 4, 102, 0.2), 0 1px 5px 0 rgba(23, 4, 102, 0.12);
}

.btn.btn-primary:focus, .btn.btn-primary.focus, .btn.btn-primary:hover {
    background-color: #ff6a00;
    border-color: #ff6a00;
}
a:hover, a:focus {
    color: #ff6a00;
}
/*
.card [class*="card-header-"] .card-title+.card-category {
    color: rgba(23, 4, 102, 0.8);
}*/

/*.nav-tabs .nav-item .nav-link, .nav-tabs .nav-item .nav-link:hover, .nav-tabs .nav-item .nav-link:focus {
    color: #170466 !important;
}*/

.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 .front, .card.card-rotate.bg-primary .back {
    background: linear-gradient(60deg, #1d0777, #150360) !important;
}

.alinear_check{
    top: -12px !important;
}

.estilo_borrar{
    color: #9c27b0 !important;
}
.estilo_borrar:hover, .estilo_borrar:focus {
    color: #ff6a00 !important;
}

.btn[disabled]{
    background-image: none !important;
}

.btn-link.disabled, .btn-link:disabled {
    color: #333333 !important;
    opacity: 1;
    cursor: not-allowed;
}


.select2{
    width: 100% !important;
}

@media (min-width: 992px){ 
    .modal-ancho{
        max-width: 80%; 
    }
}



select[readonly].select2-hidden-accessible + .select2-container {
  pointer-events: none;
  touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
  background: #eee;
  box-shadow: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow,
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
  display: none;
}


select[readonly]{
        background-color: transparent;
    cursor: not-allowed;
    border-bottom: 1px dotted #d2d2d2;
    background-repeat: no-repeat;
    background-color: #eee;
  cursor: default; 
}



.form-control[readonly], .form-group .form-control[readonly], fieldset[readonly] .form-control, fieldset[readonly] .form-group .form-control {
    background-color: transparent;
    cursor: not-allowed;
    border-bottom: 1px dotted #d2d2d2;
    background-repeat: no-repeat;
}
.form-control.readonly, .form-control:readonly, .form-control[readonly], fieldset[readonly][readonly] .form-control {
    background-image: linear-gradient(90deg,#d2d2d2 0,#d2d2d2 30%,transparent 0,transparent);
    background-repeat: repeat-x;
    background-size: 3px 1px;
}
.form-control:readonly, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}


.offset-1 {
  margin-left: 8.333333% !important;
} 

.offset-2 {
  margin-left: 16.666667% !important;
} 

.offset-3 {
  margin-left: 25% !important;
} 

.offset-4 {
  margin-left: 33.333333% !important;
} 

.offset-5 {
  margin-left: 41.666667% !important;
} 

.offset-6 {
  margin-left: 50% !important;
} 

.offset-7 {
  margin-left: 58.333333% !important;
} 

.offset-8 {
  margin-left: 66.666667% !important;
} 

.offset-9 {
  margin-left: 75% !important;
} 

.offset-10 {
  margin-left: 83.333333% !important;
} 

.offset-11 {
  margin-left: 91.666667% !important;
} 



.main-panel {
    width: 100% !important;
}

@media (min-width: 992px) {  
    .main-panel {
        width: calc(100% - 60px) !important;
    }
}
@media (min-width: 768px){
    .d-md-block {
        display: block!important;
    }
}
.d-none {
    display: none!important;
}

/* .modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden;
}
.modal .modal-dialog {
    margin-top: 0.5rem;
}
.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}











.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none
}

.modal-dialog-scrollable {
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem)
    }
    .modal-sm {
        max-width: 300px
    }
} */

@media (min-width: 576px){
    .modal-grande {
        max-width: 95% !important;
    }
}
@media (min-width: 992px){
    .modal-ancho {
        max-width: 75%;
    }
    .offset-lg-1 {
        margin-left: 8.333333% !important;
    }
    .offset-lg-4 {
        margin-left: 33.333333% !important;
    }
    .offset-lg-3 {
        margin-left: 25% !important;
    }
    .offset-lg-2 {
        margin-left: 16.666667% !important;
    }
}


@media (min-width: 1200px){
    .offset-xl-1 {
        margin-left: 8.333333% !important;
    }
    .offset-xl-4 {
        margin-left: 33.333333% !important;
    }
    .offset-xl-3 {
        margin-left: 25% !important;
    }
    .offset-xl-2 {
        margin-left: 16.666667% !important;
    }
}


.col-form-label {
    margin-top: 0 !important;
}

.oculto{
    display: none !important;
}

.bootstrap-select:not(.input-group-btn), .bootstrap-select[class*=col-] {
    display: inline-table;
}

#sidebar{
    z-index: 9999;
}

.form-check .form-check-input[readonly]~.form-check-sign .check {
    border-color: #000;
    opacity: .26;
}



@media (min-width: 1200px){
    .modal-dialog {
        max-width: 900px;
    }
}



.select2-container--default .select2-results__option[aria-disabled=true] {
    display: none;
}


.bootstrap-select:not(.input-group-btn), .bootstrap-select[class*=col-] {
    display: revert;
}


@media (min-width: 768px){
.hidden-md-up {
    display: none !important;
}
}

@media (min-width: 980px){
.hidden-lg-up {
    display: none !important;
}
}