﻿.bold {
    font-weight: bold;
}
.float-right {
    float: right;
}

a.btn {
    color: white;
}

.btn-default {
    color: #333;
}

.btn-success {
    background-color: #8dbe4f;
    border: none;
}

.btn-primary {
    border: none;
}

.btn-success:active,
.btn-success:hover,
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
    background-color: #7ba941;
}

.mobile-menu-btn {
    width: 10vh;
    height: 10vh;
    display: block;
    background-image: url(../Content/images/hamburger.png);
    background-size: cover;
    background-position: 80% 80%;
    margin: 0;
    position: fixed;
    top: 0;
    right: 0;
}

.mobile-menu {
    display: none;
    position: fixed;
    top: 10vh;
    left: 0;
    background-color: rgba(20,23,39, .95); /*#141727*/
    width: 100%;
    padding: 10px 15px 15px;
    font-size: 18px;
    color: white;
}

    .mobile-menu ul {
        list-style-type: none;
    }

        .mobile-menu ul li {
            padding: 6px 10px 0;
        }

            .mobile-menu ul li a {
                color: white;
                display: inline-block;
                width: 90%;
            }

            .mobile-menu ul li ul li {
                margin-left: 10px;
            }

#mobile-menu-checkbox {
    display: none;
}

    #mobile-menu-checkbox:checked + .mobile-menu {
        display: block;
    }


.menu-triangle {
    font-weight: normal;
    display: inline-block;
    border-right: 3px solid transparent;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 13px solid white;
    margin: 0;
    position: relative;
    top: 3px;
}

#contact-us-checkbox {
    display: none;
}

    #contact-us-checkbox:checked + .menu-triangle {
        transform: rotate(90deg);
    }

    #contact-us-checkbox:checked + label + a + .contact-us-dropdown {
        display: block;
    }

.contact-us-dropdown {
    display: none;
}




#account-checkbox {
    display: none;
}

    #account-checkbox:checked + .menu-triangle {
        transform: rotate(90deg);
    }

    #account-checkbox:checked + label + a + .account-dropdown {
        display: block;
    }

.account-dropdown {
    display: none;
}

/*
    bootstrap esque col-xx-** classes. Min-width matches default bootstrap media queries. Add as needed - keep new classes within these media queries for consistency
*/

/*col-xs-** no media query, default behaviour*/
.text-center-xs {
    text-align: center;
}
.text-right-xs {
    text-align: right;
}

.text-left-xs {
    text-align: right;
}

/*col-sm-**  */
@media screen and (min-width: 768px) {
    .text-center-sm {
        text-align: center;
    }

    .text-right-sm {
        text-align: right;
    }

    .text-left-sm {
        text-align: left;
    }
}

/*col-md-**  */
@media screen and (min-width: 992px) {
    .mobile-menu, .mobile-menu-btn {
        display: none;
    }

    .btn-cancel {
        float: right;
    }

    .text-center-md {
        text-align: center;
    }

    .text-right-md {
        text-align: right;
    }

    .text-left-md {
        text-align: left;
    }
}

/*col-lg-**  */
@media screen and (min-width: 1200px) {
    .text-center-lg {
        text-align: center;
    }

    .text-right-lg {
        text-align: right;
    }

    .text-left-lg {
        text-align: left;
    }
}

/*
    Kendo Orange Overrides
*/

/*.k-button.k-state-active:hover,
.k-button:active:hover {
    color: #ffffff;
    border-color: #8d8079;
    background-color: #1083C6;
}

.k-draghandle.k-state-selected:hover,
.k-ghost-splitbar-horizontal,
.k-ghost-splitbar-vertical,
.k-list > .k-state-highlight,
.k-list > .k-state-selected,
.k-marquee-color,
.k-panel > .k-state-selected,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited {
    color: #fff;
    background-color: #1083C6;
    border-color: #1083C6;
}

.k-slider-selection {
    background-color: #1083C6;
}



.k-calendar .k-today .k-link{
    color:#1053C6
}*/

.form-control.k-dropdown {
    border: none;
}

#slideValue {
    width: 50%;
    font-size: 24px;
    padding: 0;
    margin: auto;
    font-family: oswald;
    color: #666666;
    text-align: center;
    text-indent: 0;
}

.row.expdate{
    margin: 0 -15px;
}