﻿﻿ label.error::before {
    border-color: red;
}

.modal-window {
    position: relative;
    z-index: 1045;
    left: -11px;
    top: -34px;
}

.modal-backdrop.in {
    opacity: 0.8;
}

.wiz-title {
    color: #333;
    font-size: 22px;
    font-weight: 200;
}

    .wiz-title .bubble {
        border-radius: 50px;
        border: solid 1px #084c73;
        padding: 5px 13px;
        font-size: 20px;
    }

    .wiz-title.center-align {
        margin-top: 33px;
    }

.wizcheck > .k-checkbox:checked + .k-checkbox-label:before {
    background-color: #51c241;
    border-color: #51c241;
    color: #fff;
}

.w-f {
    bottom: 0 !important;
}

.svcInfoBlock {
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

    .svcInfoBlock.One {
        border-top: solid 6px #76cccd;
        background: #e9f7f7;
    }

    .svcInfoBlock.Two {
        border-top: solid 6px #b4b9d9;
        background: #e9ebf7;
    }

    .svcInfoBlock.Three {
        border-top: solid 6px #e3daa3;
        background: #f7f5e9;
    }

    .svcInfoBlock.Four {
        border-top: solid 6px #e0bbc3;
        background: #f8e9ec;
    }
    /*.svctitle
        {
            padding: 0px 0 0px 5px;
            margin-bottom: 5px;
            font-size:19px!important;
        }
        .svctitleI
        {
            padding: 0px 0 0px 5px;
            margin-bottom: 0px;
        }*/
    .svcInfoBlock span {
        padding: 0 0 10px 5px;
        color: #788288;
    }

.k-picker-wrap .k-select, .k-combobox .k-select {
    line-height: 2.4em !important;
    height: 2.4em !important;
}

.k-multiselect-wrap li {
    line-height: 2.4em !important;
    font-size: 13px;
}

ul li {
    list-style-type: none;
}

ul {
    margin: 0;
    padding: 0;
}

.p-0 {
    padding: 0;
}

.b-0 {
    border-width: 0px !important;
}

#Wireline {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: url(../images/icn-wireline-lifecycle.png) 9px;
    background-repeat: no-repeat;
    position: relative;
    border: solid 1px rgba(95,189,234, 1);
    border-radius: 50%;
    cursor: pointer;
}

    #Wireline:hover, #Wireline.active {
        width: 50px;
        height: 50px;
        display: inline-block;
        background: url(../images/icn-wireline-lifecycle-hover.png) no-repeat 9px rgba(95,189,234, 1) !important;
        border: solid 1px rgba(95,189,234, 1);
        border-radius: 50%;
    }

    #Wireline span {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 50px;
        color: rgba(95,189,234, 1);
    }

    #Wireline.active span {
        font-weight: 600;
    }

#Collaboration {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: url(../images/icn-collboration-lifecycle.png) 9px;
    background-repeat: no-repeat;
    position: relative;
    border: solid 1px rgba(223,168,70, 1);
    border-radius: 50%;
    cursor: pointer;
}

    #Collaboration:hover, #Collaboration.active {
        width: 50px;
        height: 50px;
        display: inline-block;
        background: url(../images/icn-collboration-lifecycle-hover.png) no-repeat 9px rgba(223,168,70, 1) !important;
        border: solid 1px rgba(223,168,70, 1);
        border-radius: 50%;
    }

    #Collaboration span {
        position: absolute;
        bottom: 0;
        left: -10px;
        right: 0;
        top: 50px;
        color: rgba(223,168,70, 1);
    }

    #Collaboration.active span {
        font-weight: 600;
    }

#Mobile {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: url(../images/icn-mobile-lifecycle.png) 9px;
    background-repeat: no-repeat;
    position: relative;
    border: solid 1px rgba(11,128,64, 1);
    border-radius: 50%;
    cursor: pointer;
}

    #Mobile:hover, #Mobile.active {
        width: 50px;
        height: 50px;
        display: inline-block;
        background: url(../images/icn-mobile-lifecycle-hover.png) no-repeat 9px rgba(11,128,64, 1) !important;
        border: solid 1px rgba(11,128,64, 1);
        border-radius: 50%;
    }

    #Mobile span {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 50px;
        color: rgba(11,128,64, 1);
    }

    #Mobile.active span {
        font-weight: 600;
    }

#Cloud {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: url(../images/icn-cloud-lifecycle.png) 9px 9px;
    background-repeat: no-repeat;
    position: relative;
    border: solid 1px rgba(1,76,114, 1);
    border-radius: 50%;
    cursor: pointer;
}

    #Cloud:hover, #Cloud.active {
        width: 50px;
        height: 50px;
        display: inline-block;
        background: url(../images/icn-cloud-lifecycle-hover.png) no-repeat 9px 9px rgba(1,76,114, 1) !important;
        border: solid 1px rgba(1,76,114, 1);
        border-radius: 50%;
    }

    #Cloud span {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 50px;
        color: rgba(1,76,114, 1);
    }

    #Cloud.active span {
        font-weight: 600;
    }

#Hardware {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: url(../images/icn-hardware-lifecycle.png) 9px 9px;
    background-repeat: no-repeat;
    position: relative;
    border: solid 1px rgba(51,51,51, 1);
    border-radius: 50%;
    cursor: pointer;
}

    #Hardware:hover, #Hardware.active {
        width: 50px;
        height: 50px;
        display: inline-block;
        background: url(../images/icn-hardware-lifecycle-hover.png) no-repeat 9px 9px rgba(51,51,51, 1) !important;
        border: solid 1px rgba(51,51,51, 1);
        border-radius: 50%;
    }

    #Hardware span {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 50px;
        color: rgba(51,51,51, 1);
    }

    #Hardware.active span {
        font-weight: 600;
    }

#Saas {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: url(../images/icn-Saas-lifecycle.png) 9px 9px;
    background-repeat: no-repeat;
    position: relative;
    border: solid 1px rgba(19,132,190, 1);
    border-radius: 50%;
    cursor: pointer;
}

    #Saas:hover, #Saas.active {
        width: 50px;
        height: 50px;
        display: inline-block;
        background: url(../images/icn-Saas-lifecycle-hover.png) no-repeat 9px 9px rgba(19,132,190, 1) !important;
        border: solid 1px rgba(19,132,190, 1);
        border-radius: 50%;
    }

    #Saas span {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 50px;
        color: rgba(19,132,190, 1);
    }

    #Saas.active span {
        font-weight: 600;
    }

#Wireline_1 {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: url(../images/icn-wireline-lifecycle.png) 9px;
    background-repeat: no-repeat;
    position: relative;
    border: solid 1px rgba(95,189,234, 1);
    border-radius: 50%;
    cursor: pointer;
}

    #Wireline_1:hover, #Wireline_1.active {
        width: 50px;
        height: 50px;
        display: inline-block;
        background: url(../images/icn-wireline-lifecycle-hover.png) no-repeat 9px rgba(95,189,234, 1) !important;
        border: solid 1px rgba(95,189,234, 1);
        border-radius: 50%;
    }

    #Wireline_1 span {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 50px;
        color: rgba(95,189,234, 1);
    }

    #Wireline_1.active span {
        font-weight: 600;
    }

#Collaboration_1 {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: url(../images/icn-collboration-lifecycle.png) 9px;
    background-repeat: no-repeat;
    position: relative;
    border: solid 1px rgba(223,168,70, 1);
    border-radius: 50%;
    cursor: pointer;
}

    #Collaboration_1:hover, #Collaboration_1.active {
        width: 50px;
        height: 50px;
        display: inline-block;
        background: url(../images/icn-collboration-lifecycle-hover.png) no-repeat 9px rgba(223,168,70, 1) !important;
        border: solid 1px rgba(223,168,70, 1);
        border-radius: 50%;
    }

    #Collaboration_1 span {
        position: absolute;
        bottom: 0;
        left: -10px;
        right: 0;
        top: 50px;
        color: rgba(223,168,70, 1);
    }

    #Collaboration_1.active span {
        font-weight: 600;
    }

#Mobile_1 {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: url(../images/icn-mobile-lifecycle.png) 9px;
    background-repeat: no-repeat;
    position: relative;
    border: solid 1px rgba(11,128,64, 1);
    border-radius: 50%;
    cursor: pointer;
}

    #Mobile_1:hover, #Mobile_1.active {
        width: 50px;
        height: 50px;
        display: inline-block;
        background: url(../images/icn-mobile-lifecycle-hover.png) no-repeat 9px rgba(11,128,64, 1) !important;
        border: solid 1px rgba(11,128,64, 1);
        border-radius: 50%;
    }

    #Mobile_1 span {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 50px;
        color: rgba(11,128,64, 1);
    }

    #Mobile_1.active span {
        font-weight: 600;
    }

#Cloud_1 {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: url(../images/icn-cloud-lifecycle.png) 9px 9px;
    background-repeat: no-repeat;
    position: relative;
    border: solid 1px rgba(1,76,114, 1);
    border-radius: 50%;
    cursor: pointer;
}

    #Cloud_1:hover, #Cloud_1.active {
        width: 50px;
        height: 50px;
        display: inline-block;
        background: url(../images/icn-cloud-lifecycle-hover.png) no-repeat 9px 9px rgba(1,76,114, 1) !important;
        border: solid 1px rgba(1,76,114, 1);
        border-radius: 50%;
    }

    #Cloud_1 span {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 50px;
        color: rgba(1,76,114, 1);
    }

    #Cloud_1.active span {
        font-weight: 600;
    }

#Hardware_1 {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: url(../images/icn-hardware-lifecycle.png) 9px 9px;
    background-repeat: no-repeat;
    position: relative;
    border: solid 1px rgba(51,51,51, 1);
    border-radius: 50%;
    cursor: pointer;
}

    #Hardware_1:hover, #Hardware_1.active {
        width: 50px;
        height: 50px;
        display: inline-block;
        background: url(../images/icn-hardware-lifecycle-hover.png) no-repeat 9px 9px rgba(51,51,51, 1) !important;
        border: solid 1px rgba(51,51,51, 1);
        border-radius: 50%;
    }

    #Hardware_1 span {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 50px;
        color: rgba(51,51,51, 1);
    }

    #Hardware_1.active span {
        font-weight: 600;
    }

#Saas_1 {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: url(../images/icn-Saas-lifecycle.png) 9px 9px;
    background-repeat: no-repeat;
    position: relative;
    border: solid 1px rgba(19,132,190, 1);
    border-radius: 50%;
    cursor: pointer;
}

    #Saas_1:hover, #Saas_1.active {
        width: 50px;
        height: 50px;
        display: inline-block;
        background: url(../images/icn-Saas-lifecycle-hover.png) no-repeat 9px 9px rgba(19,132,190, 1) !important;
        border: solid 1px rgba(19,132,190, 1);
        border-radius: 50%;
    }

    #Saas_1 span {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 50px;
        color: rgba(19,132,190, 1);
    }

    #Saas_1.active span {
        font-weight: 600;
    }

#listView {
    padding: 10px 5px;
    margin-bottom: -1px;
    min-height: 510px; /* Avoid cutout if font or line is bigger */
    font: inherit;
}

.product {
    float: left;
    position: relative;
    padding: 8px;
    height: auto;
    margin: 6px;
    background: #f3f4f9;
    text-align: center;
    min-height: 225px;
    border: solid 1px #f3f4f9;
    border-radius: 4px;
}

    .product:hover {
        border: solid 1px #0629D3;
        border-radius: 4px;
    }

.wearables #DeviceslistView .product {
    min-height: 280px;
}

.wearables #DeviceslistView.k-widget {
    margin-left: 0px !important;
}

.product img {
    background: #fff;
    cursor: pointer;
}

.product h3 {
    margin: 0;
    padding: 8px 5px 0 0;
    overflow: hidden;
    /*line-height: 1.1em;*/
    font-size: 13px;
    font-weight: 600;
}

.product h4 {
    margin: 4px 0 0 0;
}

#lbldeviceinfo {
    font-weight: 400 !important;
    color: #343a40 !important;
    font-size: 20px !important;
}

.pricing__div {
    padding: 0px !important; /*border-radius:10px;background:#f8f9fb;*/
}

    .pricing__div .pricing__div__Plan {
        background: #f8f9fb;
        border: #0629D3 solid 2px;
        cursor: pointer;
    }

.pricing__div__Plan .plan-header {
    background: #0629D3;
    margin: -2px;
}

.pricing__div .pricing__div__Plan h5 {
    color: #fff;
    font-size: 16px !important;
}

.pricing__div .pricing__div__Plan p {
    color: #ffffff;
    opacity: .8;
}

.pricing__div .pricing__div__Plan h4 {
    font-weight: 600;
    font-size: 23px;
    color: #0629D3;
}

.pricing__div .pricing__div__Plan .deviceprice {
    font-weight: 600;
    font-size: 23px;
    color: #0629D3;
}

.pricing__div__Plan:hover, .selectedPlan .pricing__div__Plan {
    border: #0629D3 solid 2px;
}

.selectedPlan .plan-section i {
    display: inline-block !important;
}

.plan-des {
    font-size: 12px;
    color: #a9a9a9 !important;
    line-height: 1.3;
    min-height: 30px;
    max-height: 30px;
}

.p-r-15 {
    padding-right: 15px;
}

.k-listview:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.color-btn {
    display: inline-block;
    text-align: center;
    margin-right: 10px;
}

    .color-btn small {
        display: block;
    }

.m-t-0 {
    margin-top: 0px !important;
}

.DevicePlan .plan-section {
    height: 115px;
}

    .DevicePlan .plan-section:hover, .DevicePlan.selectedPlan .plan-section {
        border: solid 2px #1986c4 !important;
        border-radius: 4px;
    }

.cart-summary {
    box-shadow: -9px 4px 5px -7px #eaeef1;
    -webkit-box-shadow: -9px 4px 5px -7px #eaeef1;
    -moz-box-shadow: -9px 4px 5px -7px #eaeef1;
}

    .cart-summary .cart-info {
        padding: 3px 8px;
    }

#divMRCTotal .cart-info, #divNRCTotal .cart-info, #divOtherChargesTotal .cart-info {
    background: #eeeff1 !important;
}

    #divMRCTotal .cart-info label, #divNRCTotal .cart-info label, #divOtherChargesTotal .cart-info label {
        font-weight: 600;
    }

    #divMRCTotal .cart-info h5, #divNRCTotal .cart-info h5, #divOtherChargesTotal .cart-info h5 {
        font-size: 16px !important;
    }

.k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.k-overflow-container .k-button.k-state-active:hover, .k-panelbar > li > .k-link.k-state-selected, .k-split-container .k-button.k-state-active:hover, .k-toolbar .k-button.k-state-active:hover {
    color: #0060aa;
}

.k-panelbar .k-content, .k-panelbar .k-item, .k-panelbar .k-panel {
    border-color: #eaeef1 !important;
}

.k-wizard__nav {
    padding: 8px 0;
}

    .k-wizard__nav .k-wizard__nav-line {
        height: 3px;
        background-color: #ebedf2;
        -webkit-transform: translateY(2.2rem);
        transform: translateY(2.2rem);
        margin: 0 10%;
        position: relative;
        z-index: 0;
    }

    .k-wizard__nav .k-wizard__nav-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: relative;
        z-index: 1;
    }

        .k-wizard__nav .k-wizard__nav-items .k-wizard__nav-label {
            height: 22px !important;
            overflow-y: auto;
            overflow-x: hidden;
        }

        .k-wizard__nav .k-wizard__nav-items .k-wizard__nav-item {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            flex-basis: auto;
            font-weight: 500;
            font-size: 1.1rem;
            text-align: center;
        }

            .k-wizard__nav .k-wizard__nav-items .k-wizard__nav-item span {
                width: 40px;
                height: 40px;
                font-size: 1.3rem;
                border-radius: 50%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                margin: 0 auto;
            }

        .k-wizard__nav .k-wizard__nav-items .k-wizard__nav-item {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            flex-basis: auto;
            font-weight: 500;
            font-size: 1.1rem;
            max-width: 20%;
            min-width: 20%;
            overflow: hidden;
        }

            .k-wizard__nav .k-wizard__nav-items .k-wizard__nav-item .k-wizard__nav-label p {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin: 0;
            }

            .k-wizard__nav .k-wizard__nav-items .k-wizard__nav-item.current {
                color: #0060aa;
            }

            .k-wizard__nav .k-wizard__nav-items .k-wizard__nav-item span.carrier_step {
                background: #918ea7 url(../../../Images/carrier.png) no-repeat center;
            }

            .k-wizard__nav .k-wizard__nav-items .k-wizard__nav-item.current span.carrier_step, .k-wizard__nav .k-wizard__nav-items .k-wizard__nav-item.done span.carrier_step {
                background: #0060aa url(../../../Images/carrier_sel.png) no-repeat center;
                font-weight: 600;
            }

            .k-wizard__nav .k-wizard__nav-items .k-wizard__nav-item span.device_step {
                background: #918ea7 url(../../../Images/device.png) no-repeat center;
            }

            .k-wizard__nav .k-wizard__nav-items .k-wizard__nav-item.current span.device_step, .k-wizard__nav .k-wizard__nav-items .k-wizard__nav-item.done span.device_step {
                background: #0060aa url(../../../Images/device_sel.png) no-repeat center;
                font-weight: 600;
            }

            .k-wizard__nav .k-wizard__nav-items .k-wizard__nav-item span.plans_step {
                background: #918ea7 url(../../../Images/plans.png) no-repeat center;
            }

            .k-wizard__nav .k-wizard__nav-items .k-wizard__nav-item.current span.plans_step, .k-wizard__nav .k-wizard__nav-items .k-wizard__nav-item.done span.plans_step {
                background: #0060aa url(../../../Images/plans_sel.png) no-repeat center;
                font-weight: 600;
            }

            .k-wizard__nav .k-wizard__nav-items .k-wizard__nav-item span.accessories_step {
                background: #918ea7 url(../../../Images/accessories.png) no-repeat center;
            }

            .k-wizard__nav .k-wizard__nav-items .k-wizard__nav-item.current span.accessories_step, .k-wizard__nav .k-wizard__nav-items .k-wizard__nav-item.done span.accessories_step {
                background: #0060aa url(../../../Images/accessories_sel.png) no-repeat center;
                font-weight: 600;
            }

            .k-wizard__nav .k-wizard__nav-items .k-wizard__nav-item span.cart_step {
                background: #918ea7 url(../../../Images/cart.png) no-repeat center;
            }

            .k-wizard__nav .k-wizard__nav-items .k-wizard__nav-item.current span.cart_step, .k-wizard__nav .k-wizard__nav-items .k-wizard__nav-item.done span.cart_step {
                background: #0060aa url(../../../Images/cart_sel.png) no-repeat center;
                font-weight: 600;
            }

            .k-wizard__nav .k-wizard__nav-items .k-wizard__nav-item.pending {
                color: #918ea7;
            }

                .k-wizard__nav .k-wizard__nav-items .k-wizard__nav-item.pending span {
                    background-color: #ebedf2;
                    color: #918ea7;
                }

            .k-wizard__nav .k-wizard__nav-items .k-wizard__nav-item.done {
            }

                .k-wizard__nav .k-wizard__nav-items .k-wizard__nav-item.done span {
                    background-color: #008600;
                    color: #ffffff;
                }

.wizcheck .k-checkbox-label {
    padding-left: 30px !important;
}

#DeviceslistView.k-listview, #DeviceslistView.k-widget {
    border: 0 !important;
    box-shadow: none !important;
}

#DeviceslistView.k-widget {
    margin: 10px 5px 10px 5px !important;
}

#sectionContent .col-md-3 .k-widget {
    border-width: 0px !important;
    margin-top: 1px !important;
}

.k-item > .k-link.k-header {
    background: #fff !important;
    font-weight: 600;
    font-size: 15px;
    color: #0060aa;
    border-color: #eaeef1 !important;
    line-height: 2.6em;
    border-width: 2px;
}

.k-panelbar .k-item {
    border-color: #eaeef1 !important;
}

.filter-blocks {
    max-height: 145px;
    overflow-y: auto;
    overflow-x: hidden;
}

#sectionContent .pv-15 {
    padding: 4px 15px;
}

.primary-plans {
    min-height: auto;
    max-height: 230px;
    overflow-x: hidden;
    overflow-y: auto;
}

.storage-block {
    background: #eaeef1;
    font-size: 15px;
    font-weight: 500;
    padding: 4px 8px;
    border-radius: 4px;
    margin: 4px;
    display: inline-block;
    color: #788288;
    cursor: pointer;
    border: solid 1px #eaeef1;
}

    .storage-block.stselected, .storage-block:hover {
        color: #333;
        border: solid 1px #939496;
    }


#configureAPSection .k-wizard__nav .k-wizard__nav-items .k-wizard__nav-item span {
    height: 32px;
    width: 32px;
}

#configureAPSection .k-wizard__nav .k-wizard__nav-items .k-wizard__nav-item.current span {
    background: #0060aa;
    color: #fff;
}

#configureAPSection .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

#configureAPSection .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
/*#DeviceInfoWindow .k-content
{
    position:absolute;
    left:10%;
    z-index: 10003;
    opacity: 1;
    transform: scale(1);
    border-radius:4px;
    border-color: rgba(0,0,0,.2);
    -webkit-box-shadow: 1px 1px 7px 1px rgba(128,128,128,.2);
    box-shadow: 1px 1px 7px 1px rgba(128,128,128,.2);
    background-color: #fff;
    width:60%;
    height:450px;
}    
  */
.radioGroup input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0 8px 0px -2px;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    transition: .2s;
    cursor: pointer;
    color: #363945;
    box-shadow: inset 0 0 0 .1em white, 0 0 0 .1em #e4e4e2;
}

    .radioGroup input[type="radio"]:hover, .color-btn input[type="radio"]:checked {
        /*box-shadow: inset 0 0 0 .2em white, 0 0 0 .2em #24528d;*/
        background: #51c241;
    }

    .radioGroup input[type="radio"]:checked {
        /*box-shadow: inset 0 0 0 .2em white, 0 0 0 .2em #24528d;*/
        background: #51c241;
    }

        .radioGroup input[type="radio"]:checked::-ms-check {
            /*box-shadow: inset 0 0 0 .2em white, 0 0 0 .2em #24528d;*/
            background: #51c241;
            border: 10px solid #51c241;
        }

.radioGroup h5 {
    margin-top: -23px;
    margin-left: 30px;
    margin-bottom: 16px;
}


.color-btn input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0 8px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    transition: .2s;
    cursor: pointer;
    color: #363945;
}

    .color-btn input[type="radio"]:hover, .color-btn input[type="radio"]:checked {
        box-shadow: inset 0 0 0 .2em white, 0 0 0 .2em #24528d;
    }

    .color-btn input[type="radio"]:checked {
        box-shadow: inset 0 0 0 .2em white, 0 0 0 .2em #24528d;
    }

    .color-btn input[type="radio"]:focus {
        outline: 0;
    }

.Gold {
    background: #e2d0ba !important;
}

.RoseGold {
    background: #ecc6c1 !important;
}

.Silver {
    background: #e2e3e4 !important;
}

.SpaceGray {
    background: #262529 !important;
}

.Black {
    background: #2e3034 !important;
}

.Red {
    background: #b41325 !important;
}

.Blue {
    background: rgb(155, 176, 195) !important;
}

.White {
    background: #f3f3f3 !important;
}

.Coral {
    background: #ff6e5a !important;
}

.Yellow {
    background: #f9d045 !important;
}

.OceanBlue {
    background: #0f5eb9 !important;
}

.LavenderPurple {
    background: #d796fc !important;
}

.PrismBlack {
    background: #040301 !important;
}

.GalaxyGold {
    background: #dab9a8 !important;
}

.DarkGray {
    background: #696969 !important;
}

.DeepBrownGray {
    background: #393438 !important;
}

.MidnightBlack {
    background: #231F20 !important;
}

.BlackSportLoop {
    background: #2e3034 !important;
}

.Sunrisegold {
    background: #dab9a8 !important;
}

.TitaniumGold {
    background: #ffd700 !important;
}

.MeteorGray {
    background: #949392 !important;
}

.ArcticSilver {
    background: #cccccc !important;
}

.OrchidGray {
    background: #868499 !important;
}

.JetBlack {
    background: #292a2c !important;
}

.blue {
    background: rgb(155, 176, 195) !important;
}

.Purple {
    background: rgb(204, 197, 215) !important;
}

.AuraBlack {
    background: #3c3c3e !important;
}

.FlamingoPink {
    background: #fc766a !important;
}

.PrismBlue {
    background: #2359a8 !important;
}

.PrismWhite {
    background: #d5eef1 !important;
}
/*.Pink{background:#fc766a!important;}*/
.SpaceBlack {
    background: #000000 !important;
}

.IcePlatinum {
    background: #8d96a5 !important;
}

.CloudSilver {
    background: #e2e2e2 !important;
}

.MirrorBlack {
    background: #1c1b20 !important;
}

.SlateBlue {
    background: #9cb2bc !important;
}

.AuroraBlack {
    background: #3c3c3e !important;
}

.CoralBlue {
    background: #5277f1 !important;
}

.LilacPurple {
    background: #c8a2c8 !important;
}

.CosmicGray {
    background: #5F6367 !important;
}

.AuraGlow {
    background: #aaadae !important;
}

.CosmicBlack {
    background: #2d2926 !important;
}

.AuraWhite {
    background: #ebe7e3 !important;
}

.PacificBlue {
    background: #2d4e5c !important;
}

.Graphite {
    background: #52514d !important;
}

.ProductRed {
    background: #d82e2e !important;
}

.Green {
    background: #d8efd5 !important;
}

.Midnight {
    background: #42474d !important;
}

.Starlight {
    background: #fbf7f4 !important;
}

.DeepPurple {
    background: rgb(101, 93, 108) !important;
}

.MidnightGreen {
    background: rgb(0, 73, 83) !important;
}

.CosmicOrange {
    background: #F77E2D !important;
}

.BlackTitanium {
    background: #3C3C3D !important;
}

.BlueTitanium {
    background: #436A9C !important;
}

.DesertTitanium {
    background: #BFA48F !important;
}

.NaturalTitanium {
    background: #C2BCB2 !important;
}

.WhiteTitanium {
    background: #F5F5F7 !important;
}

.Pink {
    background: #FAD4D8 !important;
}

.Teal {
    background: #3BC3B8 !important;
}

.Ultramarine {
    background: #3F5EFB !important;
}

.Obsidian {
    background: #17171A !important;
}

.Hazel {
    background: #7D7461 !important;
}

.Charcoal {
    background: #2B2B2B !important;
}

/*radio button styles for IE 11*/
.color-btn input[type="radio"]:checked::-ms-check {
    box-shadow: inset 0 0 0 .1em #24528d, 0 0 0 .2em #24528d;
}

.color-btn input[class="Charcoal"]::-ms-check, .color-btn input[class="Charcoal"]:checked::-ms-check {
    border: 12px solid #0f5eb9;
    background: #2B2B2B;
}

.color-btn input[class="Hazel"]::-ms-check, .color-btn input[class="Hazel"]:checked::-ms-check {
    border: 12px solid #0f5eb9;
    background: #7D7461;
}

.color-btn input[class="Obsidian"]::-ms-check, .color-btn input[class="Obsidian"]:checked::-ms-check {
    border: 12px solid #0f5eb9;
    background: #17171A;
}

.color-btn input[class="Ultramarine"]::-ms-check, .color-btn input[class="Ultramarine"]:checked::-ms-check {
    border: 12px solid #0f5eb9;
    background: #3F5EFB;
}

.color-btn input[class="Teal"]::-ms-check, .color-btn input[class="Teal"]:checked::-ms-check {
    border: 12px solid #0f5eb9;
    background: #3BC3B8;
}

.color-btn input[class="Pink"]::-ms-check, .color-btn input[class="Pink"]:checked::-ms-check {
    border: 12px solid #0f5eb9;
    background: #FAD4D8;
}

.color-btn input[class="WhiteTitanium"]::-ms-check, .color-btn input[class="WhiteTitanium"]:checked::-ms-check {
    border: 12px solid #0f5eb9;
    background: #F5F5F7;
}

.color-btn input[class="NaturalTitanium"]::-ms-check, .color-btn input[class="NaturalTitanium"]:checked::-ms-check {
    border: 12px solid #0f5eb9;
    background: #C2BCB2;
}

.color-btn input[class="DesertTitanium"]::-ms-check, .color-btn input[class="DesertTitanium"]:checked::-ms-check {
    border: 12px solid #0f5eb9;
    background: #BFA48F;
}

.color-btn input[class="BlackTitanium"]::-ms-check, .color-btn input[class="BlackTitanium"]:checked::-ms-check {
    border: 12px solid #0f5eb9;
    background: #3C3C3D;
}

.color-btn input[class="CosmicOrange"]::-ms-check, .color-btn input[class="CosmicOrange"]:checked::-ms-check {
    border: 12px solid #0f5eb9;
    background: #F77E2D;
}

.color-btn input[class="OceanBlue"]::-ms-check, .color-btn input[class="OceanBlue"]:checked::-ms-check {
    border: 12px solid #0f5eb9;
    background: #0f5eb9;
}

.color-btn input[class="Gold"]::-ms-check, .color-btn input[class="Gold"]:checked::-ms-check {
    border: 12px solid #e2d0ba;
    background: #e2d0ba;
}

.color-btn input[class="RoseGold"]::-ms-check, .color-btn input[class="RoseGold"]:checked::-ms-check {
    border: 12px solid #ecc6c1;
    background: #ecc6c1;
}

.color-btn input[class="Silver"]::-ms-check, .color-btn input[class="Silver"]:checked::-ms-check {
    border: 12px solid #e2e3e4;
    background: #e2e3e4;
}

.color-btn input[class="SpaceGray"]::-ms-check, .color-btn input[class="SpaceGray"]:checked::-ms-check {
    border: 12px solid #262529;
    background: #262529;
}

.color-btn input[class="Black"]::-ms-check, .color-btn input[class="Black"]:checked::-ms-check {
    border: 12px solid #2e3034;
    background: #2e3034;
}

.color-btn input[class="Red"]::-ms-check, .color-btn input[class="Red"]:checked::-ms-check {
    border: 12px solid #b41325;
    background: #b41325;
}

.color-btn input[class="Blue"]::-ms-check, .color-btn input[class="Blue"]:checked::-ms-check {
    border: 12px solid #48aee6;
    background: #48aee6;
}

.color-btn input[class="White"]::-ms-check, .color-btn input[class="White"]:checked::-ms-check {
    border: 12px solid #f3f3f3;
    background: #f3f3f3;
}

.color-btn input[class="Coral"]::-ms-check, .color-btn input[class="Coral"]:checked::-ms-check {
    border: 12px solid #ff6e5a;
    background: #ff6e5a;
}

.color-btn input[class="Yellow"]::-ms-check, .color-btn input[class="Yellow"]:checked::-ms-check {
    border: 12px solid #f9d045;
    background: #f9d045;
}

.color-btn input[class="JetBlack"]::-ms-check, .color-btn input[class="JetBlack"]:checked::-ms-check {
    border: 12px solid #292a2c;
    background: #292a2c;
}

.color-btn input[class="AuroraBlack"]::-ms-check, .color-btn input[class="AuroraBlack"]:checked::-ms-check {
    border: 12px solid #3c3c3e;
    background: #3c3c3e;
}

.color-btn input[class="CoralBlue"]::-ms-check, .color-btn input[class="CoralBlue"]:checked::-ms-check {
    border: 12px solid #5277f1;
    background: #5277f1;
}

.color-btn input[class="LilacPurple"]::-ms-check, .color-btn input[class="LilacPurple"]:checked::-ms-check {
    border: 12px solid #c8a2c8;
    background: #c8a2c8;
}

.color-btn input[class="Aurablack"]::-ms-check, .color-btn input[class="Aurablack"]:checked::-ms-check {
    border: 12px solid #3c3c3e;
    background: #3c3c3e;
}

.color-btn input[class="Purple"]::-ms-check, .color-btn input[class="Purple"]:checked::-ms-check {
    border: 12px solid rgb(204, 197, 215);
    background: rgb(204, 197, 215);
}

.color-btn input[class="blue"]::-ms-check, .color-btn input[class="blue"]:checked::-ms-check {
    border: 12px solid rgb(155, 176, 195);
    background: rgb(155, 176, 195);
}

.color-btn input[class="JetBlack"]::-ms-check, .color-btn input[class="JetBlack"]:checked::-ms-check {
    border: 12px solid #292a2c;
    background: #292a2c;
}

.color-btn input[class="OrchidGray"]::-ms-check, .color-btn input[class="OrchidGray"]:checked::-ms-check {
    border: 12px solid #868499;
    background: #868499;
}

.color-btn input[class="ArcticSilver"]::-ms-check, .color-btn input[class="ArcticSilver"]:checked::-ms-check {
    border: 12px solid #cccccc;
    background: #cccccc;
}

.color-btn input[class="MeteorGray"]::-ms-check, .color-btn input[class="MeteorGray"]:checked::-ms-check {
    border: 12px solid #949392;
    background: #949392;
}

.color-btn input[class="TitaniumGold"]::-ms-check, .color-btn input[class="TitaniumGold"]:checked::-ms-check {
    border: 12px solid #ffd700;
    background: #ffd700;
}

.color-btn input[class="Sunrisegold"]::-ms-check, .color-btn input[class="Sunrisegold"]:checked::-ms-check {
    border: 12px solid #dab9a8;
    background: #dab9a8;
}

.color-btn input[class="BlackSportLoop"]::-ms-check, .color-btn input[class="BlackSportLoop"]:checked::-ms-check {
    border: 12px solid #2e3034;
    background: #2e3034;
}

.color-btn input[class="MidnightBlack"]::-ms-check, .color-btn input[class="MidnightBlack"]:checked::-ms-check {
    border: 12px solid #231F20;
    background: #231F20;
}

.color-btn input[class="DeepBrownGray"]::-ms-check, .color-btn input[class="DeepBrownGray"]:checked::-ms-check {
    border: 12px solid #393438;
    background: #393438;
}

.color-btn input[class="DarkGray"]::-ms-check, .color-btn input[class="DarkGray"]:checked::-ms-check {
    border: 12px solid #696969;
    background: #696969;
}


.color-btn input[class="GalaxyGold"]::-ms-check, .color-btn input[class="GalaxyGold"]:checked::-ms-check {
    border: 12px solid #dab9a8;
    background: #dab9a8;
}


.color-btn input[class="PrismBlack"]::-ms-check, .color-btn input[class="PrismBlack"]:checked::-ms-check {
    border: 12px solid #040301;
    background: #040301;
}


.color-btn input[class="LavenderPurple"]::-ms-check, .color-btn input[class="LavenderPurple"]:checked::-ms-check {
    border: 12px solid #d796fc;
    background: #d796fc;
}

.color-btn input[class="CosmicGray"]::-ms-check, .color-btn input[class="CosmicGray"]:checked::-ms-check {
    border: 12px solid #5F6367;
    background: #5F6367;
}

.color-btn input[class="AuraBlack"]::-ms-check, .color-btn input[class="AuraBlack"]:checked::-ms-check {
    border: 12px solid #3c3c3e;
    background: #3c3c3e;
}

.color-btn input[class="AuraGlow"]::-ms-check, .color-btn input[class="AuraGlow"]:checked::-ms-check {
    border: 12px solid #aaadae;
    background: #aaadae;
}

.color-btn input[class="CosmicBlack"]::-ms-check, .color-btn input[class="CosmicBlack"]:checked::-ms-check {
    border: 12px solid #2d2926;
    background: #2d2926;
}

.color-btn input[class="AuraWhite"]::-ms-check, .color-btn input[class="AuraWhite"]:checked::-ms-check {
    border: 12px solid #ebe7e3;
    background: #ebe7e3;
}

.color-btn input[class="PacificBlue"]::-ms-check, .color-btn input[class="PacificBlue"]:checked::-ms-check {
    border: 12px solid #2d4e5c;
    background: #2d4e5c;
}

.color-btn input[class="Graphite"]::-ms-check, .color-btn input[class="Graphite"]:checked::-ms-check {
    border: 12px solid #52514d;
    background: #52514d;
}

.color-btn input[class="ProductRed"]::-ms-check, .color-btn input[class="ProductRed"]:checked::-ms-check {
    border: 12px solid #d82e2e;
    background: #d82e2e;
}

.color-btn input[class="Green"]::-ms-check, .color-btn input[class="Green"]:checked::-ms-check {
    border: 12px solid #d8efd5;
    background: #d8efd5;
}

.color-btn input[class="Midnight"]::-ms-check, .color-btn input[class="Midnight"]:checked::-ms-check {
    border: 12px solid #42474d;
    background: #42474d;
}

.color-btn input[class="Starlight"]::-ms-check, .color-btn input[class="Starlight"]:checked::-ms-check {
    border: 12px solid #fbf7f4;
    background: #fbf7f4;
}

.color-btn input[class="DeepPurple"]::-ms-check, .color-btn input[class="DeepPurple"]:checked::-ms-check {
    border: 12px solid rgb(101, 93, 108);
    background: rgb(101, 93, 108);
}

.color-btn input[class="MidnightGreen"]::-ms-check, .color-btn input[class="MidnightGreen"]:checked::-ms-check {
    border: 12px solid rgb(0, 73, 83);
    background: rgb(0, 73, 83);
}

/*radio button styles for IE 11*/
.k-checkbox:disabled + .k-checkbox-label {
    color: #c3c3c3;
    opacity: .7
}

.img-responsive {
    width: 100%;
}

textarea::-webkit-input-placeholder {
    color: #c1c1c1;
}

textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #c1c1c1;
}

textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #c1c1c1;
}

textarea:-ms-input-placeholder {
    color: #c1c1c1;
}

#mapDiv {
    width: 100%;
    height: 400px;
}

.controls {
    margin-top: 10px;
    border: 1px solid transparent;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 32px;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#searchInput {
    background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 50%;
}

    #searchInput:focus {
        border-color: #4d90fe;
    }

.ui-autocomplete {
    z-index: 1051 !important;
}

.pac-container {
    z-index: 100000 !important;
}


.card_QOR {
    min-height: 230px;
}
/*.card_QOR,.card_QOR.selected{border:solid 1px #0629D3;} */
.img__holder {
    width: 100%;
    overflow: hidden;
    z-index: 9;
    position: relative;
}

.QOR__img {
    width: 280px;
    position: relative;
    left: -25%;
    z-index: 8;
}
/*.btn-QOR{color:#004c72!important;background:#fff;border-color:#004c72;}
.btn-QOR:hover,.btn-QOR:active,.btn-QOR.active{    color: #fff !important;
    background-color: #004c72;
    border-color: #136397;}*/
.col-md-offset-12 {
    margin-left: 100%;
}

.col-md-offset-11 {
    margin-left: 91.66666667%;
}

.col-md-offset-10 {
    margin-left: 83.33333333%;
}

.col-md-offset-9 {
    margin-left: 75%;
}

.col-md-offset-8 {
    margin-left: 66.66666667%;
}

.col-md-offset-7 {
    margin-left: 58.33333333%;
}

.col-md-offset-6 {
    margin-left: 50%;
}

.col-md-offset-5 {
    margin-left: 41.66666667%;
}

.col-md-offset-4 {
    margin-left: 33.33333333%;
}

.col-md-offset-3 {
    margin-left: 25%;
}

.col-md-offset-2 {
    margin-left: 16.66666667%;
}

.col-md-offset-1 {
    margin-left: 8.33333333%;
}

.col-md-offset-0 {
    margin-left: 0;
}
