﻿/*theme1*/




.splashbg {
    background: #167ec1;
}

.blue_AreaBigContainer {
    text-align: center;
    /*background: linear-gradient(#f4f5f6, #f4f5f6);*/
    background-color: #f4f5f8;
    border-radius: 5px 5px 5px 5px;
}

.white_box {
    /*background: linear-gradient(#f4f5f6, #c9c9cb);*/
    background: white;
    border-radius: 5px 5px 5px 5px;
}

.blueBoldText {
    font-weight: normal;
    color: #000000 !important;
}



.cssTable_01 {
    margin: auto;
    clear: both;
    border-collapse: collapse;
    width: 100%;
}

.header {
    background: #167ec1 !important;
}

.top3_block {
    border-top: 1px solid #f1f1f1 !important;
    border-bottom: 1px solid #f1f1f1 !important;
    background: linear-gradient(#E8E3E3, #f1f1f1) !important;
}

    .top3_block .top3_center {
        border-left: solid 1px #f7f7f7;
        border-right: solid 1px #f7f7f7;
    }

.bgtheme {
    background: #afafaf;
}

.top3_block .top3_tab {
    color: #494949;
}

.top3_block .top3_center {
    color: #494949;
}

.footer .icons {
    background: #707072;
}

.footer {
    background: #707072;
}

.header a.menuBtn {
    background: center center no-repeat transparent;
    background-image: url('../images/menu_icon.png');
}

.cssTableFull th {
    background: linear-gradient(#716f73, #716f73);
}

.cssTableFull {
    border: solid 1px #716f73;
}

.coll_2 {
    background: #A0CEEC !important;
    color: black !important;
}

.cssTableFull td {
    border-bottom: solid 1px #3d3e41;
    color: black;
    background: linear-gradient(#f4f4f9, #f4f4f9);
}

.buttonsDivWimg .cont4buttonsDiv {
    border: solid 1px #167ec1;
}

    .buttonsDivWimg .cont4buttonsDiv a.selected {
        background: linear-gradient(#cc7621, #7b4308);
    }

    .buttonsDivWimg .cont4buttonsDiv a {
        border-left: solid 1px #167ec1;
    }

#bottomBlueContainerSmall a {
    background: linear-gradient(#69aedb, #187ec2);
    border: solid 1px #187ec2;
}

.alltotal_amount {
    background: #cd4841;
}

.buttonsDivWimg .cont4buttonsDiv a:link {
    color: #167ec1;
}

.buttonsDivWimg .cont4buttonsDiv a.selected {
    background: linear-gradient(#69aedb, #187ec2);
    color: #fff;
}

.tools_area {
    background: linear-gradient(#64acda, #1c81c3) !important;
    border-radius: 10px;
}

    .tools_area .heading {
        background: linear-gradient(#f6f6f6, #c9c9cb) !important;
        color: #434444;
        border-radius: 10px 10px 0px 0px;
    }

.buyfootor {
    background-color: #91c5e2;
    height: 55px;
    line-height: 55px;
}



.Addtofootor {
    width: 48%;
    float: left;
    border: gray;
    border-right: solid 1px white;
    text-align: center;
    background-color: #cdcdcd;
    color: black;
}

.buytofootor {
    width: 48%;
    float: right;
    border: gray;
    border-right: solid 1px white;
    text-align: center;
    background-color: #91c5e2;
    color: black;
}

.topContainerS .topTabActive .tabText {
    background: linear-gradient(#68aedb, #177ec1) !important;
    color: white;
}

.mm-menu {
    background: #e7e5e7;
    border-color: rgba(0, 0, 0, 0.1);
    color: #000;
}



table th {
    border: solid 1px #cd4841;
    padding: 5px 8px;
    font-size: 14px;
}

table td {
    border: solid 1px #414141;
    padding: 5px 8px;
    font-size: 14px;
    color: black;
    background: linear-gradient(#f4f4f9, #f4f4f9);
}

.headerContainer_02_grey {
    background-color: #67addb;
    color: #464647;
    font-weight: bold;
}


.headerContainer_blue {
    background-color: #716f73;
}

.headerLB {
    background: linear-gradient(#726e74, #726e74 ) !important;
}

.lightBoxTable_01 {
    border: solid 1px #746d74;
}


button.mfp-close {
    background: #1980c2 !important;
}

.Calc_HeadingWhite {
    background: #716f72;
    border-bottom: 1px solid #716f72;
}

.bgcolor {
    background: #e4e4e4;
}

.grey {
    background-color: white;
}

.cssTableAccord td {
    border: solid 1px #747178;
}

.cssTableAccord th {
    border: solid 1px #747178;
    background: #9a9a9a;
}

.panel-title a {
    color: black;
    display: block;
    padding: 15px;
    font-weight: 500;
    position: relative;
    text-decoration: none;
    box-shadow: inset 0px -20px 30px #6f7072;
    -webkit-transition: color 200ms ease 0s;
    -moz-transition: color 200ms ease 0s;
    transition: color 200ms ease 0s;
}

    .panel-title a .icon {
        color: #167ec1;
        position: absolute;
        right: 15px;
        font-size: 18px;
        font-weight: 700;
        -webkit-transition: all 200ms ease 0s;
        -moz-transition: all 200ms ease 0s;
        transition: all 200ms ease 0s;
    }

.grpahORtable .selected {
    background: #68aedb;
}

.grpahORtable {
    float: none;
    margin: auto;
    margin-bottom: 15px;
    width: 200px;
    border: solid 1px #68aedb;
    border-radius: 3px;
    overflow: hidden;
}

    .grpahORtable .div_1 {
        border-left: solid 1px #68aedb;
    }

.divBlockCommon .rightCont .aContainer {
    border: solid 1px #91c5e2;
}

    .divBlockCommon .rightCont .aContainer a.selected {
        background: #96C6E5;
    }

    .divBlockCommon .rightCont .aContainer a:link {
        text-decoration: none;
        color: black;
    }

    .divBlockCommon .rightCont .aContainer a {
        border-left: solid 1px #91c8e5;
    }

.buytofootor1 {
    text-align: center;
    color: black;
}

.sipbuy {
    width: 100%;
    float: right;
}

.selectOptionContainer {
    text-align: center;
    background-color: #f4f5f8;
    box-shadow: 0px 2px 8px #5f5e63 !important;
    margin-bottom: 10px;
    overflow: hidden;
}

.container4wpMenu {
    box-shadow: 0px 2px 8px #626365 !important;
    margin-bottom: 5px;
    overflow: hidden;
    background: linear-gradient(#f4f5f6, #f4f5f6);
}

    .container4wpMenu .centerTextDiv {
        color: #434444 !important;
    }

input, textarea, select {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: black;
}

.container4wpMenu .rightTextDiv {
    color: #000000 !important;
}

.topContainerS .topTab {
    border-left: solid 1px #fffeff !important;
}

.panel-content {
    border-bottom: 1px solid #fffeff !important;
}

.jqplot-yaxis-tick {
}

.topContainerS .topTab .tabText {
    background: #716f73;
}

.jqplot-xaxis {
}


/* 1feb 2018 */
@media only screen and (min-width: 450px) {
    #bottomBlueContainerSmall {
        margin: 0px;
        padding: 8px 8px 0px 8px;
        border-radius: 0px;
    }

    .container4wpMenu {
        padding: 2px 6px;
        margin-bottom: 2px;
    }




    /*Trupti CSS */


    .columnsContainer {
        position: fixed;
        margin: .5em;
        margin: 0 auto;
        /*max-width: 500px;
     clear: both; */
        left: 0;
        right: 0;
        /* min-height: 751px; */
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 10px;
        margin-bottom: 44px;
        /* bottom: 20px; */
        /* top: 20px; */
        /* overflow-y:  scroll; */
    }

    .leftColumn, .rightColumn {
        border: 1px solid #013860;
        padding: 0.75em;
        border-radius: 5px;
        width: 40%;
        /* min-height: 125px; */
    }

    .textfont {
        padding: 30px;
        text-align: center;
        font-size: 18px;
        line-height: 30px;
        font-weight: 400;
    }

    .textfontpaynow {
        text-align: center;
        font-size: 14px;
        line-height: 25px;
        font-weight: 400;
    }

    .imgdiv {
        margin: 0 auto;
        width: 100%;
        text-align: center;
        /* display: block; */
        float: left;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .imgdiv1 {
        margin: 0 auto;
        width: 100%;
        text-align: center;
        /* display: block; */
        float: left;
        margin-top: 10px;
        margin-bottom: 10px;
    }


    .margin-top1 {
        margin-top: 7px !important;
    }


    .textfont1 {
        color: #055dff
    }

    .margright {
        margin-right: 5px;
    }


    .leftColumn1 {
        border: 1px solid #d2d2d2;
        /* padding: 0.95em;*/
        border-radius: 0px;
        /* padding-left: 10px; */
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 24px;
        max-width: 500px;
        margin: 0 auto;
    }

    .leftColumn {
        margin-bottom: 0.9em;
    }

    .byicons {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .icontext {
        text-align: center;
        font-weight: 600;
        color: #013860;
        text-transform: uppercase;
        margin-top: 5px;
    }


    .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
        clear: both;
    }

    .wthree_services_grids11 {
        margin: 0 auto;
        width: 100%;
        float: left;
    }

    .wthree_services_grids {
        margin: 0 auto;
        width: 100%;
        float: left;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .wthree_services_grids1 {
        width: 50%;
        margin: 0 auto;
        text-align: center;
        float: none;
    }

    .autowide {
        margin: 0 auto;
        width: 95%;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px;
        overflow: hidden;
    }

        .autowide img {
            float: left;
            margin: 0 .75rem 0 0;
        }

        .autowide .module {
            border-radius: .25rem;
            float: left;
            border: 1px solid #f56908;
            text-align: center;
            color: #013860;
            font-size: 20px;
            font-weight: 500;
            line-height: 55px;
        }

            .autowide .module p {
                padding: .25rem .75rem;
            }


    .ndiv {
        margin: 0 auto;
        width: 100%;
        margin-top: 20px;
    }

    .ndiv1 {
        margin: 0 auto;
        /* width: 500px; */
        /* margin-left: 15px; */
        /* margin-right: 15px; */
        border: 1px solid #c7c9c9;
        border-radius: 8px;
        /* float: left; */
        /* display: block; */
        overflow: hidden;
        margin-left: 10px;
        margin-right: 10px;
        /* min-width: 500px; */
        /* width: 100%; */
    }

    .leftdivn1 {
        margin: 0 auto;
        width: 50%;
        float: left;
        background-color: #ffc673;
        text-align: center;
    }

    .rightdivn1 {
        margin: 0 auto;
        width: 50%;
        float: left;
        background-color: #f5f5f5;
        text-align: center;
    }


    .textsapn {
        font-size: 18px;
        text-align: center;
        line-height: 44px;
        font-weight: 500;
    }

    .shopcarttext {
        float: left;
        text-align: right;
        width: 60%;
    }

    .shopcarttext1 {
        float: right;
        text-align: right;
        /* width: 51%; */
        position: relative;
        margin-right: 28px;
    }

    .spantext {
        font-size: 20px;
        margin-top: 17px;
        margin: 0 auto;
        padding-top: 14px;
    }

    .iconspantext {
        margin-top: 9px;
    }

    .shopcartspan {
        width: 20px;
        height: 20px;
        background-color: red;
        display: block;
        position: absolute;
        border-radius: 50%;
        top: 1px;
        text-align: center;
        color: #fff;
        /* padding-top: 12px; */
        font-size: 13px;
        line-height: 22px;
        right: -17px;
        font-weight: 800;
    }

    .textauto {
        margin: 0 auto;
        width: 100%;
        text-align: center;
        color: #013860;
        font-size: 17px;
        font-weight: 400;
        line-height: 26px;
        margin-top: 15px;
        float: left;
        margin-bottom: 15px;
    }


    .textauto1 {
        margin: 0 auto;
        width: 100%;
        text-align: center;
        color: #013860;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        margin-top: 0px;
        float: left;
        margin-bottom: 15px;
        background-color: #cccccc;
        padding-top: 8px;
        padding-bottom: 6px;
        border-radius: 5px;
        margin-top: 10px;
    }


    .textauto2 {
        margin: 0 auto;
        width: 94%;
        text-align: center;
        color: #013860;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        margin-top: 0px;
        float: left;
        margin-bottom: 15px;
        background-color: #cccccc;
        padding-top: 8px;
        padding-bottom: 6px;
        margin-left: 10px;
        margin-right: 10px;
        border-radius: 5px;
        margin-top: 10px;
    }

    .textauto2inner {
        max-width: 500px;
        text-align: center;
        margin: 0 auto;
    }

    .tabletd {
        background-color: #f5f5f5;
        /* position: relative; */
        /* top: 16px; */
        text-align: center;
        /* position: relative; */
        /* top: 0px; */
        padding-top: 13px !Important;
    }

    .grey {
        background-color: #9fa0a0;
    }


    .blueBoldText {
        font-weight: normal;
        color: #000;
    }

    .buttonnew {
        margin: 0 auto;
        width: 46%;
        overflow: hidden;
    }

    .buttonnew1 {
        margin: 0 auto;
        width: 61%;
        overflow: hidden;
    }


    .newcheck1 {
        font-size: 31px !important;
    }

    .selehed {
        background-color: #f5f5f5;
        border-right: 1px solid #d3d3d3;
    }

    .bluetext {
        margin: 0 auto;
        width: 100%;
        text-align: center;
        color: #0066ad;
        font-size: 17px;
        font-weight: 500;
        margin-top: 10px;
    }


    .byicons img {
        width: 80px;
    }
}



a.WlcmLGBtn.active, a.WlcmLGBtn.YelloWlcm, a.YelloWlcm, .ThemeBtnSM, .MDBtn, .LGBtn, .bootstrap-datetimepicker-widget table td.active span, .topdateinfo, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .bootstrap-datetimepicker-widget table td span.active, .bootstrap-datetimepicker-widget table td span.active {
    color: #ffffff !important;
    background: linear-gradient(#69aedb, #187ec2) !important;
    background: -moz-linear-gradient(#69aedb, #187ec2) !important;
    background: -ms-linear-gradient(#69aedb, #187ec2) !important;
    background: -webkit-linear-gradient(#69aedb, #187ec2) !important;
}

a.WlcmLGBtn, .OpenCamera {
    color: #ffffff !important;
    /* background: linear-gradient(170deg, #607D8B, #607D8B); */
    background: linear-gradient(#81a0af, #607D8B) !important;
    background: -moz-linear-gradient(#81a0af, #607D8B) !important;
    background: -ms-linear-gradient(#81a0af, #607D8B) !important;
    background: -webkit-linear-gradient(#81a0af, #607D8B) !important;
}

.textauto2.TextBoxMutual:before, .TextBoxMutual:before {
    background: #187ec2;
}

.FormCss .form-control:focus ~ label.LblPlce, .FormCss .form-group .form-control:focus label.LblPlce.actv, .FormCss .form-group select.form-control:focus label.LblPlce.actv
.FormCss .custom-combobox.changeClr ~ label.LblPlce, .FormCss .custom-combobox.changeClr ~ label.LblPlce.actv {
    color: #187ec2 !important;
}

a.WlcmLGBtn, a.MDBtn, .WlcmLGBtn, .MDBtn, button.WlcmLGBtn, button.MDBtn, input.WlcmLGBtn, input.MDBtn {
    border-radius: 4px !important;
}


    .WlcmLGBtn .ink, .cancelBTN .ink {
        background: #81a0af !important;
    }

    .YelloWlcm .ink, .MDBtn .ink, .ThemeBtnSM .ink {
        background: #2b85c1 !important;
    }

/* 26 dec18 css start here for theme */

.dividerYlw {
    border-top: 1px solid #187ec2 !important;
}

.btmBrdr:before {
    background: #187ec2 !important;
}
/* 26 dec18 css end here for theme */

/* 2nd Jan 19 css start here for theme */
.IconFrmts .ink, .touchPanel .ink {
    background: rgba(204, 204, 204, .7) !important;
    /* background: rgba(0, 102, 173, .5); */
}

.MutualTable table > tbody > tr.blocklevel.themeBgAply, .MutualTable table > tbody > tr.blocklevel.themeBgAply td {
    background: #f4f5f8 !important;
}

    .MutualTable table > tbody > tr.blocklevel.themeBgAply table tbody tr td {
        color: #212121;
        padding: 4px 10px;
    }

.fa_strokeYlw {
    -webkit-text-stroke: 0.5px #187ec2 !important;
    -moz-text-stroke: 0.5px #187ec2 !important;
    -ms-text-stroke: 0.5px #187ec2 !important;
    -o-text-stroke: 0.5px #187ec2 !important;
    margin-left: 7px;
}
/* 2nd Jan 19 css end here for theme */

.WelcSlider .owl-theme .owl-controls .owl-page.active span, .WelcSlider .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #187ec2 !important;
}

.WelcSlider p span {
    color: #187ec2 !important;
}


/* 14 jan css start here */

.selectOptionContainer.CartBand, .CartBand {
    border-bottom-color: rgba(22, 126, 192, 0.2) !important;
}

.buyfootor {
    background-color: transparent !important;
}

.myWlthOptfixed {
    background: #ffffff;
}
/* 14 jan css end here */
.BordrSubHead:before {
    background-color: #187ec2 !important;
}

/* logo solution css start here */
.UserLogo, .logoSoluSec {
    background: linear-gradient(#167ec1, #ffffff) !important;
    background: -webkit-linear-gradient(#167ec1, #ffffff) !important;
    background: -moz-linear-gradient(#167ec1, #ffffff) !important;
    background: -ms-linear-gradient(#167ec1, #ffffff) !important;
}

/* logo solution css end here */
