/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */
.cursor-pointer{
    cursor: pointer;
}
.expand-animation{
    transition: width .3s, border-width .3s;
}
 .email-open-header{
 	border-bottom:0;
 }
 .dd-handle.dd3-handle{
 	color:transparent;
 }
 .well.well-lg.jumbotron{
 	height: 100%;
 	width: 100%;
 }
 .well.well-lg.jumbotron .jumbo-content{
 	position: relative;
 	z-index: 2;
 }
 .smart-form .btn-labeled{
 	padding:0px 12px;
 }

 .smart-form .textarea {
    align-content: center !important;
 }

 .smart-form .col-3{
    width: 25% !important;
    margin-bottom: 0%;
    float: left;
 }
 .smart-form .col-9{
    width: 75% !important;
 }

 footer .loading{
 	color:#000000;
 }
 blockquote{
 	border-left-color:#FFF;
 	text-align: justify;
 }
 #ribbon .loading{
 	color:#FFFFFF;
 }

@-webkit-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}

@-moz-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}

@-o-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}

@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}

#loader{
    text-align: center;
    position: fixed;
    top: 100px;
    left: 100%;
    margin-top: -28px;
    margin-left: -48px;
}
#loader.loaderOn{
    display: block;
    -webkit-animation: fadeInFromNone 0.5s ease-out;
    -moz-animation: fadeInFromNone 0.5s ease-out;
    -o-animation: fadeInFromNone 0.5s ease-out;
    animation: fadeInFromNone 0.5s ease-out;
}
#loader.loaderOff{
    display:none;
    opacity: 0;
}

.select2-search-choice.no-delete-icon{
	padding-right:8px !important;
}
.text-yellow{
	color:#eae500;
}
#shopping-cart{
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer !important;
    display: inline-block;
    font-weight: 700;
    height: 30px;
    line-height: 24px;
    min-width: 30px;
    padding: 2px;
    text-align: center;
    text-decoration: none!important;
    -moz-user-select: none;
    -webkit-user-select: none;
    background-color: #f8f8f8;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));
    background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
    border: 1px solid #bfbfbf;
    color: #6D6A69;
    font-size: 17px;
    margin-top: 10px;
    background: #fb3c4a;
    border: 1px solid #fb3c4a;
    color: #fff!important;
}
#shopping-cart:hover{
    opacity: .9;
}
#shopping-cart em{
    font-family: Arial;
	font-size: 12px;
    display: block;
    padding: 2px;
    position: absolute;
    top: 8px;
    right: 8px;
    text-decoration: none;
    font-style: normal;
    background: #ED1C24;
    color: #fff;
    width: 18px;
    height: 18px;
    line-height: 15px;
    border-radius: 50%;
    font-weight: 700;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    /*border: 1px solid rgba(255,255,255,.3);*/
    box-shadow: 0 0 0 2px rgba(255,255,255,.7);
}
.btn-header.disabled{
	opacity:.65;
}
.btn-header.disabled,.btn-header.disabled *{
	cursor:not-allowed !important;
}
.text-middle{
    vertical-align: middle !important;
}
.force-color-link-black a{
    color:black !important;
}
td.thumbnail {
    display:table-cell;
    margin:0;
}
@media (min-width: 992px){
    .col-md-0{
        overflow:hidden;
        border:0 !important;
        width: 0%;
        float:left;
    }
    .col-md-0 *{
        border:0 !important;
    }
}
.col-xs-0{
    overflow:hidden;
    border:0 !important;
    width: 0%;
    float:left;
}
.col-xs-0 *{
    border:0 !important;
}
h3.tablesLine{margin:1px;}
.modal-full {
        margin-top: 80px;
        width: calc(100% - 40px) !important;
    }
    .modal-dialog.modal-full .modal-single-product .prev-item, .modal-dialog.modal-full .modal-single-product .next-item {
        white-space: nowrap;
        cursor: pointer;
        overflow: visible;
        opacity: .65;
        margin-top: -40px;
        position: fixed;
        top: 80px;
        font-size: 40px;
        height: 100px;
        width: 30px;
        z-index: 10;
        transition: opacity .4s;
    }
    .modal-dialog.modal-full .modal-single-product .prev-item {
        left: 0;
    }
    .modal-dialog.modal-full .modal-single-product .next-item {
        right: 0;
    }
    .car-item {
        border: 1px solid #eeeeee;
        padding: 10px;
        margin-bottom: 30px;
        background: rgba(255,255,255,.3);
    }
    .car-item .down-content {
        text-align: center;
    }
    .car-item .down-content h4 {
        margin-top: 20px;
        font-size: 15px;
        font-weight: 700;
    }
    .car-item .down-content span, .car-details span {
        font-size: 15px;
        font-weight: 700;
        color: #18428c;
    }
    .car-item .down-content button span{
        color:#FFF;
        font-weight:normal;
    }
    .car-item .down-content ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    .car-details ul {
        padding: 20px 0px 30px 0px;
        margin: 0;
        list-style: none;
    }
    .car-item .down-content ul li {
        display: inline-block;
        margin: 10px 12px 0px 12px;
    }
    .car-item .down-content ul li span {
        font-size: 10px;
        text-transform: uppercase;
        font-weight: 700;
        color: #b9b9b9;
        border-bottom: 2px solid #eeeeee;
        padding-bottom: 10px;
    }
    .car-details ul li {
        border-bottom: 1px solid #eeeeee;
        width: 100%;
        display: inline-block;
        padding: 10px 0px;
    }
    .car-details ul li span {
        margin-right: 10px;
        font-size: 10px;
        text-transform: uppercase;
        font-weight: 700;
        color: #b9b9b9;
    }
    .car-item .down-content ul li p {
        font-size: 12px;
        font-weight: 700;
        color: #FFD64E;
        margin-top: 15px;
    }
    .car-details ul li p {
        display: inline;
        font-size: 12px;
        font-weight: 700;
        color: #FFD64E;
    }
    .car-item .down-content .line-dec {
        margin-top: 15px;
        width: 40px;
        height: 2px;
        background-color: #eeeeee;
        margin-left: auto;
        margin-right: auto;
    }
    .result-items.viewIsGrid .car-item{
        height:400px;
    }
    .product-thumbnail{
        width: 100px;
    }
    .product-thumbnail img{
        max-width: 100px;
        max-height: 100px;
    }
    .product-cart-thumbnail{
        height: 180px;
    }
    .product-cart-thumbnail img{
        max-width: 180px;
        max-height: 180px;
    }
    .car-item .thumb-content img {
        overflow: hidden;
        background-size: cover;
        height:auto;
        width:auto;
        max-height: 180px;
    }
    .car-item .thumb-content .car-banner-rent {
        position: absolute;
        margin-top: 0px;
        right: 0;
        margin-right: 26px;
        z-index: 100;
    }
    .car-item .thumb-content .car-banner-rent a {
        background-color: rgba(255, 186, 0, 0.9);
        color: #ffffff;
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        width: 85px;
        height: 36px;
        text-align: center;
        line-height: 36px;
        display: inline-block;
    }

    .product-thumbnail  .car-banner-rent {
        position: absolute;
        margin-top: 0px;
        margin-right: 26px;
        z-index: 100;
    }
    .product-thumbnail  .car-banner-rent a {
        background-color: rgba(255, 186, 0, 0.9);
        color: #ffffff;
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        width: 85px;
        text-align: center;
        display: inline-block;
    }

    .modal-single-product .preview-content {
        opacity: 0;
        display: inline-block;
        height: 0;
        width: 300px;
        background-color: #F6F6F6;
        border: 2px solid #005295;
        white-space: normal;
        vertical-align: top;
        font-size: 12px;
        transition: opacity .4s;
    }
    .modal-single-product .preview-content img {
        height: 96px;
        max-width: 200px;
    }
    .modal-single-product .preview-content span {
        display: block;
        margin-top: 30px;
    }

    .modal-dialog.modal-full .modal-single-product .next-item:hover i {
        background-color: #005295;
        color: #fff !important;
    }
    .modal-dialog.modal-full .modal-single-product .prev-item img {
        margin-right: 3px;
        float: left;
    }
    .modal-dialog.modal-full .modal-single-product .prev-item span {
        padding-right: 5px;
    }
    .modal-dialog.modal-full .modal-single-product .prev-item, .modal-dialog.modal-full .modal-single-product .next-item {
        white-space: nowrap;
        cursor: pointer;
        overflow: visible;
        opacity: .65;
        margin-top: -40px;
        position: fixed;
        top: 300px;
        font-size: 40px;
        height: 100px;
        width: 30px;
        z-index: 10;
        transition: opacity .4s;
    }
    .modal-dialog.modal-full .modal-single-product .prev-item {
        left: 0;
    }
    .modal-dialog.modal-full .modal-single-product .next-item {
        right: 0;
    }
    .modal-dialog.modal-full .modal-single-product .next-item:hover .preview-content {
        opacity: 1;
        height: 100px;
        margin-right: 30px;
    }
    .modal-single-product .next-item .preview-content {
        margin-right: 30px;
        float: right;
    }
    .modal-dialog.modal-full .modal-single-product .next-item .preview-content {
        margin-right: -3000px;
    }
    .modal-dialog.modal-full .modal-single-product .next-item img {
        margin-left: 3px;
        float: right;
    }
    .modal-dialog.modal-full .modal-single-product .next-item span {
        padding-left: 5px;
    }
    .modal-dialog.modal-full .modal-single-product .prev-item:hover {
        opacity: 1;
    }
    .modal-dialog.modal-full .modal-single-product .next-item:hover {
        opacity: 1;
    }
    .modal-single-product .prev-item i, .modal-single-product .next-item i {
        position: absolute;
        line-height: 100px;
    }
    .modal-dialog.modal-full .modal-single-product .prev-item:hover i {
        background-color: #005295;
        color: #fff !important;
    }
    .modal-dialog.modal-full .modal-single-product .prev-item .preview-content {
        margin-left: -3000px;
    }
    .modal-dialog.modal-full .modal-single-product .prev-item:hover .preview-content {
        opacity: 1;
        height: 100px;
        margin-left: 29px;
    }


    .fixed-close-button {
        cursor: pointer;
        z-index: 1;
        position: fixed;
        top: 0;
        right: 10px;
    }
    .result-items{text-align: center;}
    .result-items img {
        max-width: 100%;
    }
    .car-details span {
        font-size: 17px;
        font-weight: 700;
        color: #18428c;
    }
    .car-details p {
        margin-top: 20px;
    }
    .car-details ul {
        padding: 20px 0px 30px 0px;
        margin: 0;
        list-style: none;
    }
    .car-details ul li {
        border-bottom: 1px solid #eeeeee;
        width: 100%;
        display: inline-block;
        padding: 10px 0px;
    }
    .car-details ul li:first-child {
        border-top: 1px solid #eeeeee;
    }
    .car-details ul li span {
        margin-right: 10px;
        font-size: 10px;
        text-transform: uppercase;
        font-weight: 700;
        color: #b9b9b9;
    }
    .car-details ul li p {
        display: inline;
        font-size: 12px;
        font-weight: 700;
        color: #FFD64E;
    }
    .cartBoxNumber{
        font-size: 16px !important;
        text-align: center;
    }
    .note-group-select-from-files {
    display:none;
    }

    
    .zoom {
        display:inline-block;
        position: relative;
    }

    /* magnifying glass icon */
    .zoom:after {
        content:'';
        display:block; 
        width:33px; 
        height:33px; 
        position:absolute; 
        top:0;
        right:0;
        background:transparent;
    }
    .zoom img {
        display: block;
    }
    .zoom img::selection { background-color: transparent; }
    .precio0{color:#0000b9!important;}
    .precio1{color:#3c763d!important;}
    .margin-btn-cart{
        margin:0 15px 0 0;
    }
    .input-group-btn-cart{
        width:100%;
    }
    .input-group-addon-btn-cart{
        background-color:transparent;
        border: none;
    }
    .label-btn-cart{
        cursor: pointer;        
    }
    .addToCar-btn-cart{
        float: left !important;
        font-size: 15px !important;
        padding: 0px 20px !important;
        height: 21px !important;
        margin: 5px 4px !important;
    }
    .addToCar-btn-cart i {
        top: 5px;
        position: absolute;
        left: 11px;
    }
    .msg-regulation-style1{

}
.msg-regulation-style2{
    margin:5px 20px;
    
}
td.quantitymorzethanone,input.quantitymorethanone {
    background-color: #FFD64E;
    color: #000;
}
.techdetailsFile{
    margin-top:20px;
}
.techdetailsFile span{
    float: left;

}
.techdetailsFile a{
    margin: 5px 10px;
}

a.btnregisterprofessional{
	font-size:15px !important;
	color: #ffffff !important;
	padding: 5px 15px;
	text-transform: uppercase
}

#clientSelectText{
    color: #ffffff !important;
}

@media (max-width: 768px) {
    .row {
        display: flex;
        flex-wrap: wrap;
    }
    .smart-form {
        flex: 1 1 100%;
    }
}