﻿/* Mobile style to prevent zoom on iPhone input focus */
@media screen and (max-width:414px) {
    .form-group-lg input[type=text], .form-group-lg select, .form-group-lg textarea {
        /* enlarge by 16/13 = 1.230769230769231 */
        width: 123.0769230769231% !important;
        line-height: 1.969230769230769em !important;
        height: 55.3846153846154px !important;
        padding-top: 12.30769230769231px !important;
        padding-right: 22.15384615384616px !important;
        padding-bottom: 12.30769230769231px !important;
        padding-left: 55.3846153846154px !important;
        font-size: 16px !important;
        /* scale down by 13/16 = 0.8125 */
        transform: scale(0.8125);
        transform-origin: left top;
    }
}

/* Mailjet pop-in */
#mj-w-close-img{
    width:auto !important;
}
/* use text-indent for select elements */
.form-group-icon-left select {
    padding-left: 0 !important;
    text-indent: 45px;
}
/* FireFox hack to prevent indent on select from doubling */
@-moz-document url-prefix() {
    .form-group-icon-left select {
        text-indent: 22px !important;
    }
}

/* pages folder */
#content {
    padding: 30px;
}
.quote-row {
    border-bottom: 1px dashed #ccc;
    padding:0 20px 20px 20px;
    margin-bottom:20px;
}
.quote-lg {
    font-size: 100px;
    color: #efefef;
}
.quote-p {
    margin: -70px 0 0 30px;
}

.btn.btn-primary[disabled] {
    background-color: #ff6c66;
    border: 1px solid #ff6c66;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-color: #ff1d13;
    border: 1px solid #ff1d13;
}
.ui-menu-item .ui-state-active {
    background-color: #db0900;
    border-color: #db0900;
    margin-top: 0;
}

.ui-menu-item .ui-menu-item-wrapper {
    line-height: 1em;
    padding: 10px 20px;
    border-bottom: 1px solid #e6e6e6;
}

.ui-menu-item-wrapper .fa {
    margin-right: 5px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #ff1d13;
}

.slimmenu .icon {
    display: none;
}

@media screen and (max-width: 600px) {
    .slimmenu li:not(:first-child) {
        display: none;
    }

    .slimmenu li.icon {
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .slimmenu.responsive {
        position: relative;
    }

        .slimmenu.responsive li {
            float: none;
            display: block;
            text-align: left;
        }
}

.daterangepicker td.in-range {
    background: rgba(255,29,19,0.2);
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #ff1d13;
}
