.margin-0{
	margin: 0px;
}
.margin-10{
	margin: 10px !important;
}
.margin-30{
	margin: 30px !important;
}
.margin-l-7{
	margin-left: 7px !important;
}
.margin-l-10{
	margin-left: 10px !important;
}
.margin-l-50{
	margin-left: 50px;
}
.margin-t-10{
	margin-top: 10px !important;
}
.margin-t-5{
	margin-top: 5px;
}
.margin-t-7{
	margin-top: 7px;
}
.margin-t-10{
	margin-top: 10px;
}
.margin-t-14{
	margin-top: 14px;
}
.margin-t-15{
	margin-top: 15px !important;
}
.margin-b-20{
	margin-bottom: 20px !important;
}
.margin-b-0{
	margin-bottom: 0px !important;
}
.margin-rl-15px{
	margin-right: 15px;
	margin-left: 15px;
}
.font-bold{
	font-weight: bold !important;
}
.font-8{
	font-size: 8px;
}
.font-9{
	font-size: 9px;
}
.font-10{
	font-size: 10px;
}
.font-11{
	font-size: 11px;
}
.font-12{
	font-size: 12px;
}
.font-13{
	font-size: 13px !important;
}
.font-14{
	font-size: 14px !important;
}
.font-15{
	font-size: 15px !important;
}
.font-16{
	font-size: 16px !important;
}
.font-17{
	font-size: 17px !important;
}
.font-18{
	font-size: 18px !important;
}
.font-20{
	font-size: 20px !important;
}
.font-23{
	font-size: 23px !important;
}
.font-25{
	font-size: 25px !important;
}
.font-35{
	font-size: 35px;
}
.font-60{
	font-size: 60px !important;
}
.font-80{
	font-size: 80px !important;
}
.font-120{
	font-size: 120px !important;
}
.color-gray-3{
	color: #8D99AE;
}
.color-gray-4{
	color: #c1c1c1;
}
.color-gray{
	color: #aaa !important;
}
.color-white{
	color: #FFF;
}
.color-black{
	color: #15161D !important;
}
.color-orange{
	color: #ff9800 !important;
}
.color-orange-2 {
    color: #b68844 !important;
}
.color-green{
	color: #018101 !important;
}
.color-black-light{
  color: #555555;
}
.color-blue{
  color: #00367b;
}
.font-bold{
	font-weight: bold;
}
.font-weight-200{
	font-weight: 200;
}
.font-weight-500{
	font-weight: 500;
}
.background-white{
	background-color: white !important;
}
.background-white-2{
	background-color: white;
}
.background-gray{
	background: #eeeeee;
}
.background-gray-2{
	background: #f2f2f2;
} 
.background-gray-3{
	background: #6d6d6d;
}
.background-gray-4{
	background: #fbfbfb;
}
.background-gray-5{
	background: #f9f9f9;
}
.background-orange{
	background: #ff9800 !important;
	color: white;
}
.background-orange-2{
	background: #fffaf0a6;
}
.background-green{
	background: #4caf50 !important;
	color: white;
}
.background-green-claro{
	background: #c6f6c8 !important;
	color: #218525;
}
.background-orange-oscuro{
	background: #e48800 !important;
	color: white;
}
.background-green-oscuro{
	background: #3a863d !important;
	color: white;
}
.cell-edit-color, .cell-edit-color input{
    background: #fbffe7 !important;
}
.background-trans{
	background: transparent !important;
}
.background-red{
	background: #D10024 !important;
}
.background-red-claro{
	background: #ffd0d0 !important;
    color: #a01111;
}
.bg-red-grilla{
	background: #fce4ec;
}
.bg-red-oscuro-grilla{
	background: #ffafa9;
}
.bg-pink-grilla{
	background: #ffcaed;
}
.bg-pink-oscuro-grilla{
	background: #f5b0dd;
}
.bg-yellow-grilla{
	background: #f0f4c3;
}
.bg-yellow-oscuro-grilla{
	background: #f7ff97;
}
.bg-yellow-claro-grilla {
    background: #fbffd1;
}
.bg-yellow-mas-oscuro-grilla {
    background: #cddc39;
}
.bg-yellow-claro-2-grilla {
    background: #fff569;
}
.bg-purple-grilla{
	background: #d1c4e9;
}
.bg-coffe-grilla{
	background: #d7ccc8;
}
.bg-orange-grilla{
	background: #ffccbc;
}
.bg-black-grilla{
	background: #b0bec5;
}
.bg-gray-grilla{
	background: #e0e0e0;
}
.bg-blue-grilla{
	background: #b3e5fc;
}
.bg-blue-oscuro-grilla{
	background: #99c5e5;
}
.bg-blue-mas-oscuro-grilla{
	background: #9fa8da;
}
.bg-green-grilla{
	background: #a3eae4;
}
.bg-green-oscuro-grilla{
	background: #b4ffc2;
}
.bg-green-mas-oscuro-grilla{
	background: #00e676;
}
.bg-orange-oscuro-grilla{
	background: #ffc875;
}
.hover-gris:hover {
  color: #999 !important;
}
.hover-gris-claro:hover {
    color: #c1c1c1 !important;
}
.hover-back-oscuro:hover {
    filter: brightness(0.98);
}
.color-red{
	color: #D10024;
}
.color-red-light{
	color: #f54e6a;
}
.color-blue-light{
	color: #3777f5;
}
.border-radius-15{
	border-radius: 15px;
}
.border-radius-5{
	border-radius: 5px;
}
.border-radius-15-r{
    border-radius: 0px 15px 15px 0px;
}
.border-radius-15-l{
    border-radius: 15px 0px 0px 15px;
}
.outline-none:hover,
.outline-none:focus {
    outline: none !important;
    box-shadow: none !important;
}
.border-none{
	border: none;
}
.padding-0{
	padding: 0px;
}
.padding-10{
	padding: 10px;
}
.padding-15{
	padding: 15px !important;
}
.padding-20{
	padding: 20px !important;
}
.padding-rl-0{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.padding-rl-5por{
	padding: 0px 5%;	
}
.padding-rl-30{
	padding: 0px 30px;
}
.padding-rl-45{
	padding-left: 45px !important;
	padding-right: 45px !important;
}
.padding-t-50{
	padding-top: 50px;
}
.padding-tb-8{
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}
.padding-tb-10{
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.padding-tb-13{
	padding-top: 13px !important;
	padding-bottom: 13px !important;
}
.padding-tb-21{
	padding-top: 21px !important;
	padding-bottom: 21px !important;
}
.padding-tb-3{
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}
.padding-tb-4{
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}
.padding-tb-5{
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.padding-tb-7{
	padding-top: 7px !important;
	padding-bottom: 7px !important;
}
.padding-l-5{
	padding-left: 5px;
}
.padding-t-10{
	padding-top: 10px;
}
.padding-t-5{
	padding-top: 5px !important;
}
.padding-t-4{
	padding-top: 4px !important;
}
.padding-b-2{
	padding-bottom: 2px !important;
}
.padding-15-25{
	padding: 15px 25px;
}
.padding-5-10{
	padding: 5px 10px !important;
}
.info-circle{
	width: 150px;
    height: 150px;
    border-radius: 50%;
    font-size: 90px;
    border: 2px solid #ef2144;
    color: #ef2144;
}
.lbl-important{
	text-align: center;
    font-weight: 500;
    font-size: 17px;
}
.lbl-important-2{
	text-align: center;
    font-weight: 500;
}
.center-div{
	display: flex;
	justify-content: center;
	align-items: center;
}
.center-div-v{
	display: flex;
	align-items: center;
}
.center-div-h{
	display: flex;
	justify-content: center;
}
.width-100{
	width: 100%;
}
.width-50{
	width: 50%;
}
.width-40{
	width: 40%;
}
.width-25px{
	width: 25px;
}
.border-top-gray{
	border-top: 2px solid #E4E7ED;
}
.border-1-gray{	
    border: 1px solid #E4E7ED;
}
.border-2-gray{	
    border: 2px solid #E4E7ED;
}
.border-4-white{	
    border: 4px solid white;
}
.border-l-2-green{
	border-left: 2px solid #4caf50;
}
.styleHR {
	margin-top: 10px;
    margin-bottom: 30px;
    width: 50%;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(201 201 201), rgba(0, 0, 0, 0));
}
.styleHR-2 {
	margin-top: 10px;
    margin-bottom: 30px;
    border: 0;
    height: 4px;
    background: #30b64726;
}
.text-upper{
	text-transform: uppercase;
}
.cursor-pointer{
	cursor: pointer;
}
.letter-s-0{
	letter-spacing: 0px;
}
.letter-s-05{
	letter-spacing: 0.5px;
}
.letter-s-15{
	letter-spacing: 1.5px;
}
.letter-s-2{
	letter-spacing: 2px;
}
.display-none{
	display: none !important;
}
.display-block{
	display: block !important;
}
.display-inline{
	display: inline-block !important;
}
.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}
.nav-item-small{
	padding: 4px 12px !important;
}
.nav-item-small-2{
	padding: 4px 18px !important;
}
.height-30{
	height: 30px;
}
.height-35{
	height: 35px;
}
.height-40{
	height: 40px;
}
.height-50{
	height: 50px;
}
.height-100{
	height: 100%;
}
.height-100-vh{
	height: 100vh;
}
.btn-small{
	padding: 7.5px 15px !important;
}
.table-sm th, .table-sm td{
	padding: 5px 8px !important;
	font-size: 13px !important;
	color: #333333 !important;
	text-align: left;
}
.table-white th, .table-white td{
	color: white !important;
	font-size: 15px !important;
}
.scrollVerticalVisibleSiempre{
    overflow-y: scroll;
}
.scrollStyle::-webkit-scrollbar-track{
    background-color: #F5F5F5;
    border-radius: 5px; 
}
.scrollStyle::-webkit-scrollbar{
    width: 5px;
    background-color: #F5F5F5;  
    border-radius: 5px; 
}
.scrollStyle::-webkit-scrollbar-thumb{
    background-color: #c8c8c8;
}
.div-block{
	position: absolute;
    width: 95%;
    background: #e3e3e380;
    height: 400px;
    z-index: 1000;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.div-block label {
	font-size: 35px;
    text-transform: uppercase;
    transform: rotate(-25deg);
}
.nav-menu-movil{
	width: fit-content;
    position: absolute;
    top: -5px;
    left: 0;
    z-index: 10000;
}
.p-msg-inputs{
	margin: 0;
    padding: 0;
    text-align: center;
    font-size: 14px;
    border-radius: 0px 0px 10px 10px;
    background-color: #4caf50;
    border-color: #4caf50;
    box-shadow: 0 2px 2px 0 rgba(76,175,80,.14), 0 3px 1px -2px rgba(76,175,80,.2), 0 1px 5px 0 rgba(76,175,80,.12);
    color: white;
    font-weight: bold;
}
#cardCheckList {
	position: relative; 
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

#cardCheckList::before {    
    content: "";
    background-image: url(../images/login_back.jpg);
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.08;
}
select {
	height: 36px !important;
}
.dropdown > .dropdown-menu{
	top: 0px !important;
}

.dropdown-header {
    user-select: none;
}

.container-form-basic{
	padding: 40px 9%;
}

/* MEDIAS BOOTSTRAP */

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {  

}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (max-width: 768px) {  
	.img-responsive{
		width: 70% !important;
	}
	.border-none-sm{
 		border: none !important;
 	}
}
 
/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) { 

}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {  
    .container-form-basic{
		padding: 40px 4%;
    }
}

.jqx-grid-statusbar-material{
	background: whitesmoke !important;
}
.jqx-tabs-content-material{
	background: #eeeeee !important;
}
.jqx-tabs-headerWrapper-material{
	padding-bottom: 5px;
}
.jqx-tabs-title-container-material{
	font-weight: 300 !important;
}
.jqx-tabs-title-selected-top-material{
	border-radius: 7px;
	color: #58b05c;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
#jqxTabsTab0{
	background: #58b05c;
    color: white;
    border-radius: 7px;
    margin-right: 5px;
}
.jqx-tabs-bar-material{
	background: #58b05c;
    height: 0px;
}
.jqx-grid-columngroup-header-material{
	background: #e7ffe8 !important;
	border-right: 2px solid #d7d7d7 !important;
}
.select-orange{
	background: #fff4e3 !important;
}
.select-green{
	background: #e2ffe2 !important;
}
.jqx-grid-cell-selected-material{
	color: #ffffff !important;
    background: #58b05c !important;
    border: none;
}
.lbl-estimate{
    color: #018101;
    font-size: 11px;
    font-weight: 500;
    border: 1px solid #c0c0c0;
    padding: 6px 0px;
    border-left: none;
    border-right: none;
}
.pSeparatorMenu{
	padding-left: 19px;
	color: #b8f0b4b8;
	font-weight: 400;
	letter-spacing: .7px;
	font-size: 13px;
	user-select: none;
	margin: 0px;
    margin-top: 10px;
    cursor: pointer;
}
.pSeparatorMenu span{
	background: #27840e;
    position: relative;
    padding-right: 7px;
}
.pSeparatorMenu label{
	border-bottom: 1px solid #c1cfc0b8;
    position: absolute;
    color: transparent;
    width: calc(100% - 46px);
    margin-top: -13px;
    left: 27px;
    z-index: -1;
}
.sidebar .logo:after {
    height: 7px;
    background-color: transparent !important;
}
.sidebar .logo {
    padding-bottom: 2px;
}
.sidebar .sidebar-background {
    opacity: 0.4;
}

.form-check-mt-10 .form-check {
    margin-top: 10px !important;
}
.divPadreBotonCheckList{
	margin-top: 15px;
    background: #eaeaea;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.divPadreBotonCheckList label{
	font-size: 23px;
    margin: 0px;
    opacity: 0.7;
    user-select: none;
}
.divPadreBotonCheckList button{
	width: 100%;
    height: 100%;
    margin: 0px;
    font-size: 20px;
}
.divPadreBotonCheckList button i{
	font-size: 28px;
}
.select-center-lbl .filter-option{
	padding-top: 7px !important;
}
.lbl-form-pos{
	position: absolute;
    pointer-events: none;
    transition: all 0.3s ease;
    top: -7px !important;
    left: 0;
    font-size: 0.875rem;
}
.form-upload-style{
	background: #fafafa;
    border-radius: 5px;
    border-bottom: 2px solid #00801873;
    border-top: 2px solid #00801873;
}
.form-upload-style .file-drop-zone-title{
	padding: 25px 10px;
}
.modalDetalleFileInput .modal-content{
	border-top: 2px solid #58b05c;
    border-bottom: 2px solid #58b05c;
}
.span-input-group{
	background: #e9ecef !important;
    font-size: 12px !important;
    padding: 8px !important;
    border-radius: 5px 0px 0px 5px !important;
    color: #8b8b8c !important;
    user-select: none !important;
}
#logo-main{
    background: #fafafa;
    padding: 30px 20px;
    border-radius: 21px;
    box-shadow:  20px 20px 60px #cacaca, -20px -20px 60px #ffffff;
}
#logo-main img{
	width: 250px;
    filter: saturate(1.5);
}
#logo-main label{
	 width: 100%;
    text-align: center;
    color: #6666667a;
    font-size: 15px;
    margin: 0px;
    font-style: italic;
    letter-spacing: 1px;
    margin-bottom: 3px;
}
input[type=color]{
    height: 100%;
    cursor: pointer;
    border-color: #c5c5c5;
    border-radius: 4px;
}
.slider {
    width: 100%;
    padding-left: 40px;
    background: transparent;
    display: flex;
    align-items: center;
}
.slider p {
	font-size: 15px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    color: #3c3c3c;
    width: 77px;
    margin: 0px;
    background: #f1f1f1;
    border-radius: 5px;
    border: 2px solid #58b05c;
}
.slider input[type="range"] {
    -webkit-appearance: none !important;
    width: 90%;
    height: 3px;
    background: #58b05c;
    border: none;
    outline: none;
}
.slider input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none !important;
	width: 20px;
	height: 20px;
	background: #58b05c;
	border: 2px solid #58b05c;
	border-radius: 50%;
	cursor: pointer;
}
.slider input[type="range"]::-webkit-slider-thumb:hover {
	background: #468a49;
}
.slider-tick {
	width: 100%;
	padding-left: 40px;
	background: transparent;
}
.slider-tick input[type="range"] {
	width: 100%;
	height: 3px;
	background: #58b05c;
	border: none;
	outline: none;
}
.slider-tick datalist {
  	display: flex;
	justify-content: space-between;
	color: #b0bce1;
	letter-spacing: 1px;
	font-size: 12px;
}
.slider-tick datalist option {
  	width: 19px;
    text-align: center;
}

.ticket {
	position: relative;
    box-sizing: border-box;
    width: 80%;
    min-height: 450px;
    padding: 20px;
    background: #FBFBFB;
    box-shadow: 2px 2px 15px 0px #c1c1c1;
}

.ticket:before, .ticket:after{
    content: '';
    position: absolute;
    left: 0px;
    height: 10px;
    width: 100%;
}

.ticket:before{
    top: -10px;
    background: radial-gradient(circle, transparent, transparent 50%, #FBFBFB 50%, #FBFBFB 100% ) -14px -8px / 18px 18px repeat-x;
}

.ticket:after{
    bottom: -10px;
    background: radial-gradient(circle, transparent, transparent 50%, #FBFBFB 50%, #FBFBFB 100% ) -14px 0px / 18px 18px repeat-x;
}

.ticket > h5 {
	border-bottom: 2px solid #e2e2e2;
    padding-bottom: 5px;
    letter-spacing: 2px;
    text-align: center;
    opacity: 0.5;
    margin-bottom: 30px;
    font-weight: 400;
    margin-top: 10px;
}

.ticket table td:nth-child(n+2), .ticket table th:nth-child(n+2){
	text-align: right;
}

.ticket table th{
	padding: 5px 8px !important;
	font-size: 14px !important;
}

.ticket table td{
	font-size: 14px;
}

.ticket table tr:last-child td{
	font-size: 16px;
}

.ticket table tr.font-bold{
	color: #000000d9;
}

input.hiddenSpin::-webkit-outer-spin-button,
input.hiddenSpin::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input.hiddenSpin {
    -moz-appearance:textfield; /* Firefox */
}
.tr-border-t-none td{
	border-top: none;
}

.row-select-vehicle{
	border-left: 13px solid #58b05c;
    border-radius: 18px;
    padding-left: 5px;
}

.row-select-vehicle label{
	color: #cfcfcf;
    letter-spacing: 2px;
    font-style: italic;
    font-size: 12px;
    font-weight: 600;
}

.row-select-vehicle label span{
	color: #007714 !important;
    font-weight: 400;
    letter-spacing: 0px;
    font-size: 13px;
    font-style: normal;
}

.modal-header{
	padding: 0px !important;
    border-top: 7px solid #58b05c;
}

.modal-header .modal-title{
	background: #58b05c;
    width: fit-content !important;
    margin: auto;
    padding: 6px 82px !important;
    border-radius: 0px 0px 10px 10px;
    color: #ffffff;
    letter-spacing: 0.4px;
    margin-bottom: 10px;
}

.modal-header .modal-title.style-2{
	background: #8fffb43b;
    border: 1px solid #e1ffec;
    width: fit-content !important;
    margin: auto;
    padding: 8px 82px !important;
    border-radius: 0px 0px 10px 10px;
    color: #58b05c;
    letter-spacing: 0.6px;
    margin-bottom: 10px;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

.modal-header .modal-title.style-2 small{
    width: 100%;
    color: #007a0ad9 !important;
    font-style: italic;
    font-weight: 500;
    font-size: 14px;
}

.btnEndRentalGrid{
	background: white;
    border: none;
    text-align: center;
    width: 90%;
    margin-top: 4px;
    border-radius: 30px;
    margin-left: 5px;
    cursor: pointer;
    color: #0707a9;
    font-size: 12px;
    font-weight: 600;
    padding: 3px;
    border: 2px solid #91a1ff;
}
.navMenuPpal{
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    margin-top: 3px !important;
}

.nav-bootstrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  background: #f8f8f8;
}

.nav-bootstrap .nav-link {
  display: block !important;
  padding: 4px 30px !important;
}

.nav-bootstrap.nav-big .nav-link {
  padding: 8px 30px !important;
}

.nav-bootstrap .nav-link:hover, .nav-link:focus {
  text-decoration: none;
}

.nav-bootstrap .nav-link.disabled {
  color: #6c757d !important;
}

.nav-bootstrap.nav-tabs {
  border-bottom: 1px solid #dee2e6 !important;
}

.nav-bootstrap.nav-tabs .nav-item {
  margin-bottom: -1px !important;
}

.nav-bootstrap.nav-tabs .nav-link {
  border: 1px solid #0000000d !important;
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
  color: #a3a3a3 !important;
}

.nav-bootstrap.nav-tabs .nav-link:hover, .nav-bootstrap.nav-tabs .nav-link:focus {
	background: #f4f4f4;
	color: #707070 !important;
	border: 1px solid transparent !important;
}

.nav-bootstrap.nav-tabs .nav-link.disabled {
  color: #6c757d !important;
  background-color: transparent !important;
  border-color: transparent !important;
}

.nav-bootstrap.nav-tabs .nav-link.active,
.nav-bootstrap.nav-tabs .nav-item.show .nav-link {
  color: #495057 !important;
  background-color: #fff !important;
  border-color: #dee2e6 #dee2e6 #fff !important;
}

.nav-bootstrap.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-bootstrap.nav-pills {
  padding: 0px;
}

.nav-bootstrap.nav-pills .nav-link {
  border-radius: 0;
}

.nav-bootstrap.nav-pills .nav-link.active,
.nav-bootstrap.nav-pills .show > .nav-link {
  color: #fff !important;
  background-color: #4caf50 !important;
}

.nav-bootstrap.nav-fill .nav-item {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
  text-align: center !important;
}

.nav-bootstrap.nav-justified .nav-item {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}

.nav-bootstrap.nav-justified .nav-link {
   padding: 11px !important;
   color: gray;
}

.card{
    margin-top: 22px;
}

.card [class*="card-header-"]:not(.card-header-icon):not(.card-header-text):not(.card-header-image) {
    padding: 10px;
}

.dropdown-item{
    transition: none !important;
    padding: 7px 20px !important;
}

.inpsRadioPaymentMethod{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: calc(100% - 109px);
}

.inpsRadioPaymentMethod label{
    font-size: 13px;
    margin-bottom: 0px;
    margin-left: 7px;
}

.inpsRadioPaymentMethod input[type="radio"]{
    position: absolute;
    margin-top: 0.1rem;
    margin-left: -1rem;
}

fieldset.style{
    padding: 6px 25px 17px 25px;
    border: 4px solid #efefefd1;
    border-radius: 5px;
}

fieldset.style legend{
    padding: 2px 19px;
    font-size: 14px;
    color: #76a577;
    font-weight: bold;
    letter-spacing: 0.9px;
    border: 1px solid #e2e2e282;
    border-radius: 5px;
    background: #efefef70;
    user-select: none;
}
.line-height-12{
    line-height: 1.2;
}
.f-13-all-labels label{
    font-size: 13.4px !important;
}
.opacity-05{
    opacity: 0.5;
}
.opacity-07{
    opacity: 0.7;
}
.opacity-08{
    opacity: 0.8;
}
form .form-group select.form-control{
    position: inherit !important;
    top: inherit;
}
.user-select-none{
    user-select: none;
}

.dropdown.bootstrap-select:has(select:disabled) {
    pointer-events: none;
    cursor: not-allowed;
    background-image: linear-gradient(90deg, #d2d2d2 0, #d2d2d2 30%, transparent 0, transparent);
    background-repeat: repeat-x;
    background-size: 3px 1px;
}

.dropdown.bootstrap-select:has(select:disabled) button{
    color: #999999;
}

#btnEditCheckInfo{
    position: absolute;
    right: 38px;
    line-height: 1.8;
    letter-spacing: 1.1px;
    background: white;
    cursor: pointer;
    float: right;
    font-size: 10px;
    user-select: none;
}

.swal2-popup .swal2-title {
    color: #6a6a6a !important;
    font-size: 1.175em !important;
}

.bootstrap-select .popover-header, .bootstrap-select .no-results{
	background: #f9f9f9;
    border: 1px solid #ededed;
    font-size: 15px;
    font-weight: 400;
    padding: 13px 20px;
    color: #b7b5b5;
    user-select: none;
}

.bootstrap-select.select-multiple{
	background-image: none;
}

.bootstrap-select.select-multiple .filter-option{
	padding-left: 0px;
    padding-top: 0px;
}

.bootstrap-select.select-multiple .dropdown-menu li .badge-multiply{
	font-size: 12px;
    color: #6a6a6a;
    padding: 5px 21px;
}

.bootstrap-select.select-multiple .filter-option-inner-inner .badge-multiply{
	font-size: 11px;
    color: #6a6a6a;
    padding: 5px 9px;
}

.bootstrap-select.select-multiple .filter-option-inner-inner{
	overflow: auto;
    padding: 7px 10px 5px 10px;
    color: #9e9e9e;
    background: #fafafa;
}

.bootstrap-select.select-multiple .filter-option-inner-inner::-webkit-scrollbar {
    display: block;
    height: 8px;
}
.bootstrap-select.select-multiple .filter-option-inner-inner::-webkit-scrollbar-track {
    background: #f3f3f396;
}
.bootstrap-select.select-multiple .filter-option-inner-inner::-webkit-scrollbar-thumb {
    background-color: #e4e4e4;
    border-right: none;
    border-left: none;
}
.bootstrap-select .dropdown-item.active > span > small, 
.dropdown-menu .dropdown-item:focus > span > small, 
.dropdown-menu .dropdown-item:hover > span > small, 
.dropdown-menu a:active > span > small, 
.dropdown-menu a:focus > span > small, 
.dropdown-menu a:hover > span > small{
    color: #fff !important;
    margin-left: 5px;
}
.bootstrap-select .dropdown-menu .dropdown-item > span > small{
	font-size: 87%;
	transition: margin ease 0.2s;
}

.pulse-effect{
	transform: scale(1);
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgb(203 151 10 / 70%);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}

.jqxDates{
	width: 100% !important;
	height: 23px !important;
	padding: 6px 0px;
}

.form-group > .jqxDates{
	padding: 0px;
    margin-top: 20px;
}

.jqxDates input{
	padding: 4px 0px !important;
	background: transparent !important;
}

.form-group > .jqxDates input{
	padding: 0px !important;
}

.jqxDates .jqx-input-label.focused{
	display: none;
}

.row.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.checkboxBig{
    width: 20px;
    height: 20px;
}

.inpsCheckRadioInLine{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.inpsCheckRadioInLine label{
    font-size: 13px;
    margin-bottom: 0px;
    margin-left: 7px;
}

.inpsCheckRadioInLine input[type="radio"], .inpsCheckRadioInLine input[type="checkbox"]{
    position: absolute;
    margin-top: 0.1rem;
    margin-left: -1rem;
}

#btnToggleMenu{
	border: 1px solid #e0e0e0;
    padding: 5px 6px 3px 16px;
    background: white;
    border-radius: 0px 20px 20px 0px;
}

#btnToggleMenu:hover{
    background: #fafafa;
}

#btnToggleMenu i{
	font-size: 20px;
    color: #58b05c;
}

.background-white-button > button{
	background: white !important;
}

.background-gray-button > button{
	background: #f2f2f2 !important;
}

.p-0-button > button{
	padding: 0 !important;
}

.divCardInvoice {
    padding: 20px;
    border: 4px solid #53a65754;
    border-radius: 10px;
    position: relative;
}

.divCardInvoice h4{
	font-size: 14px;
    font-weight: bold;
    color: #94b48a;
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0px;
    padding: 14px;
    background: linear-gradient(23deg, #70e97654 10%, #ffffff14 86%);
    border-radius: 7px 7px 0px 0px;
}

.inpConceptDetailsInvoice{
	margin-top: 10px;
}

.inpConceptDetailsInvoice button{
	background: white !important;
    border-bottom: 1px solid #cecece !important;
    border-radius: 3px !important;
    padding-top: 9px;
    padding-bottom: 9px;
}

.btnEnterPay{
	background: white;
    border: none;
    text-align: center;
    width: 90%;
    margin-top: 4px;
    border-radius: 30px;
    margin-left: 5px;
    cursor: pointer;
    color: #0707a9;
    font-size: 12px;
    font-weight: 600;
    padding: 3px;
    border: 2px solid #91a1ff;
}

.btnApprove{
    border: none;
    text-align: center;
    width: 50px;
    margin-top: 4px;
    border-radius: 30px;
    margin-left: 4px;
    cursor: pointer;
    color: #ffffff;
    font-size: 12px;
    padding: 3px;
    border: 2px solid #ffffff;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

#btnDocumentacion, #btnCloseGestorDocumentacion{
	font-size: 16px;
    color: white;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(0 118 255);
    padding: 4px 7px;
    border-radius: 10px 0px 0px 10px;
    transition: all ease 0.2s;
}

#btnCloseGestorDocumentacion{
	position: absolute;
    top: 40px;
    left: -39px;
}

#btnDocumentacion{
    position: absolute;
    top: 122px;
    right: 0px;
    opacity: 0.6;
}
	
#btnDocumentacion i{
    font-size: 22px;
}

#btnDocumentacion:hover{
    opacity: 1;
}

#divGestorDocumentacion{
    position: absolute;
    top: 110px;
    right: 0px;
    width: 700px;
    background: #fdfdfd;
    border-left: 1px solid #ecebeb;
    border-top: 1px solid #ecebeb;
    border-bottom: 1px solid #ecebeb; 
    border-radius: 10px 0px 0px 10px;
    padding: 10px;
    color: #868686;
    font-size: 15px;
}

#inpFotoDocumentacion{
    background: whitesmoke;
    padding: 10px;
    border-radius: 15px;    
}

.inpsVideoPreDoc {
    background: #e4e4e4;
    padding: 5px;
    font-size: 12px;
}

.btnsDownVideoPreDoc{
	float: right;
    position: relative;
    z-index: 1;
    top: 5px;
    right: 10px;
}

b, strong {
    font-weight: bold;
}

.iconCarSelect{
    padding: 5px 5px;
    margin-right: 4px !important;
    border-radius: 5px;
    margin: 0;
    filter: drop-shadow(1px 1px 1px #b5b5b5);
}

.iconCarSelect i {
    font-size: 12px !important;
    color: white;
    filter: drop-shadow(1px 1px 0px #b5b5b5);
    opacity: 0.8;
}

.cellColorGrid{
	letter-spacing: 1px;
    color: #ffffffe0;
    text-shadow: 1px 1px 1px #666666;
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    white-space: pre-wrap;
    text-align: center;
    padding: 5px;
}
.divSeparadorGradient{
    top: 0;
	width: 100%;
    height: 100%;
    position: absolute;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 103%);
}
.shadow-img{
	filter: drop-shadow(1px 1px 16px #dddddd);
}
.shadow-text{
	text-shadow: 0px 0px 7px #5c5c5c;
}
.bg-green-mas-2-oscuro-grilla{
	background: #95ffb7;
}
.bg-green-claro-grilla{
	background: #d9e4cd;
}
.bg-brown-grilla{
	background: #c5bbb8;
}
.bg-blue-claro-grilla{
	background: #9bd5dc;
}
.bg-purple-claro-grilla{
	background: #c2b1e9;
}
.bg-red-claro-grilla{
	background: #f0acb3;
}
.badge.badge-purple {
    background-color: #e91eab;
}

.jqx-grid-cell-filter-row:has(> input)::before {
    position: absolute;
    right: 11px;
    top: 49%;
    transform: translateY(-50%);
    transition: opacity 0.2s ease;
    content: "\f002";
    font: normal normal normal 11px / 1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #b3b3b3;
}

.jqx-grid-cell-filter-row:has(> input.jqx-fill-state-focus)::before {
    opacity: 0;
}

.btnStatesJobs{
	text-align: center;
    width: 100%;
    border-radius: 30px;
    cursor: pointer;
    color: #22222a;
    font-size: 12px;
    font-weight: 600;
    padding: 3px;
    border: 2px solid #ffffff;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

.shadow-xs {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.055)!important;
}

.bg-purple-claro-2-grilla {
    background: #b5a0e4;
}

.overflow-auto{
	overflow: auto;
}
.badge.badge-blue {
    background-color: #307df5;
}
.badge[href]{
    transition: all ease 0.2s;
    position: relative;
}

.badge[href]:hover {
    padding-right: 25px !important;
}

.badge[href]:hover::after {
    opacity: 1;
}
.badge[href]:focus, .badge[href]:hover{
    color: #fff;
    text-decoration: none;
}
.badge[href]::after {
    content: "\f08e";
    position: absolute;
    right: 11px;
    opacity: 0;
    transition: opacity 0.3s;
    color: white;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 9px;
}
#divLateralDetailApplication label{
	margin: 0px;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    padding: 4px;
    position: relative;
    font-size: 13px;
    color: #464646;
    letter-spacing: 0.5px;
}
#divLateralDetailApplication p{
	font-weight: bold;
	color: #272424;
	margin: 0px;
}

#divLateralDetailApplication label > .badge{
	padding: 3px 9px;
    position: absolute;
    top: 5px;
    right: 0;
}

#divLateralDetailApplication label > i{
    opacity: 0.7;
    margin-right: 3px;
    color: #1b701e;
}

#btnCollapseLateralApplication{
	background: green;
    padding: 7px 14px;
    color: white;
    font-size: 16px;
    border-radius: 10px 0px 0px 10px;
    position: absolute;
    right: 19px;
    top: 80px;
    z-index: 10000000;
    cursor: pointer;
}

#btnCollapseLateralApplication:hover{
	background: #008f00;
}