﻿/* CSS Document */
body {
    margin: 0 !important;
    padding: 0 !important; /* background: #FFF url(Images/bodybg.png) top repeat-x !important; Modified By Jainith Patel : 25 Feb 2015 */
    /*background: none repeat scroll 0 0 RGB(249,250,248) !important;*/
    color: #666;
    font-size: 13px !important;
    font-family: Arial, Helvetica, sans-serif !important; /* background: rgba(255,255,255,1) !important; background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%) !important; background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1))) !important; background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%) !important; background: -o-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%) !important; background: -ms-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%) !important; background: linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 ) !important;*/
}


/* * * * * *  links  * * * * * */
a {
    color: #208cc4;
    text-decoration: none;
    outline: none;
}

    a:hover {
        color: #208cc4;
        text-decoration: underline;
        cursor: pointer;
    }

    a, a:visited {
        /* color: #59808E; */
    }

/* * * * * *  General  * * * * * */
img {
    border: none;
    outline: none;
}

.clear {
    clear: both !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 0 !important;
}

.clr {
    clear: both;
}

input[type=radio], input[type=checkbox] {
    vertical-align: -2px !important;
}




/* * * * * *  Main wrapper  * * * * * */
/*#wrapper {
    width: 1135px;
    margin: 0 auto;
}*/
/*Added by Hiral 23-sep-2016*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /*#wrapper.invetmentbar {
        width: 1135px;
        margin: 0 auto;
        padding-right: 0px !important;
        padding-left: 0% !important;
    }*/

    /*#wrapper {
        width: 1225px;
        margin: 0 auto;
        padding-right: 50px !important;
        padding-left: 0px !important;
    }*/
    #MainInputTab.TabbedPanelsTabGroup {
        padding: 0px 0px 3px 1px;
    }

    #MainInputTab .TabbedPanelsTab {
        font-size: 14px !important;
        text-align: center !important;
        width: 135px;
        min-height: 44px !important;
        padding: 11px 7px 0px 3px !important;
        position: relative !important;
        top: 0px !important;
        float: left !important;
        margin: 0 !important;
        list-style-type: none !important;
        -moz-user-select: none !important;
        -khtml-user-select: none !important;
        cursor: pointer !important;
    }

    .k-alt {
        background-color: white !important;
    }
}

/* * * * * *  Header  * * * * * */
#header {
    height: 113px;
    border-bottom: 1px solid #d6d8cc;
}

.logo {
    padding: 3px 0 0 0; /*Modified By Jainith Patel : 05 Feb 2015 padding: 8px 0 0 0;*/
    /*padding: 4px 0px 0px 85px;*/
    float: left;
}

.hdr_right {
    float: right;
    padding: 10px 0 0 0; /*Modified By Jainith Patel : 05 Feb 2015 padding: 16px 0 0 0;*/
}

    .hdr_right a, .hdr_right input {
        margin-left: 8px;
    }

.btn_gr {
    border-radius: 4px !important;
    background: #cfd7ba !important;
    border: none !important;
    display: inline-block !important;
    height: 22px !important;
    line-height: 24px !important;
    padding: 0 12px !important;
    color: #333 !important;
    font-size: 12px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    overflow: visible !important;
    text-decoration: none !important;
}

    .btn_gr:hover {
        background: #bac699 !important;
        color: #333 !important;
        text-decoration: none !important;
    }

    .btn_gr:active {
        position: relative;
        top: 1px;
    }

.btn_or {
    border-radius: 4px !important;
    background: #c96923 !important;
    border: none !important;
    display: inline-block !important;
    height: 26px !important;
    line-height: 26px !important;
    padding: 0 15px !important;
    color: #FFF !important;
    font-size: 12px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    overflow: visible !important;
    text-decoration: none !important;
}

    .btn_or:hover {
        background: #bd580f !important;
        color: #FFF !important;
        text-decoration: none !important;
    }

    .btn_or:active {
        position: relative;
        top: 1px;
    }

/* * * * * *  Content  * * * * * */
#content {
    /* Modified By Jainith Patel :18 Feb 2015,  padding: 10px 0 0 0; */
    padding: 5px 0 0 0;
}

.guide_step {
    /* Modified By Jainith Patel :18 Feb 2015 height: 58px; */
    height: 40px;
}

    .guide_step .fl_left {
        font-size: 14px;
        font-weight: bold;
    }

.fl_left {
    float: left;
}

.fl_right {
    float: right;
}

.btn_green {
    border-radius: 4px;
    background: #8BA4B0;
    border: none;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 15px;
    color: #FFF;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: middle;
    cursor: pointer;
    overflow: visible;
    text-decoration: none;
}

    .btn_green:hover {
        background: #6c8d9b;
        color: #FFF;
        text-decoration: none;
    }


    .btn_green:active {
        position: relative;
        top: 1px;
    }

.innerbtn_green {
    border-radius: 4px;
    background: #8BA4B0;
    border: none;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 15px;
    color: #FFF;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: middle;
    cursor: pointer;
    overflow: visible;
    text-decoration: none;
}

    .innerbtn_green:hover {
        background: #6c8d9b;
        color: #FFF;
        text-decoration: none;
    }

    .innerbtn_green:active {
        position: relative;
        top: 1px;
    }

.btn_blue {
    border-radius: 4px;
    background: #8BA4B0;
    border: none;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 15px;
    color: #FFF;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: middle;
    cursor: pointer;
    overflow: visible;
    text-decoration: none;
}

    .btn_blue:hover {
        background: #6c8d9b;
        color: #FFF;
        text-decoration: none;
    }

    .btn_blue:active {
        position: relative;
        top: 1px;
    }

.btn_blue1 {
    border-radius: 4px;
    background: #007BFF;
    border: none;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 15px;
    color: #FFF;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: middle;
    cursor: pointer;
    overflow: visible;
    text-decoration: none;
}

.btn_blue2 {
    border-radius: 4px;
    background: white;
    border: none;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 15px;
    color: #007bff;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: middle;
    cursor: pointer;
    overflow: visible;
    text-decoration: none;
    border: 1px solid #007bff;
}

    .btn_blue2:hover {
        color: #fff;
        background-color: #007bff;
    }

.btn_blue1:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}

.btn_blue1:active {
    position: relative;
    top: 1px;
}

.innerbtn_blue {
    border-radius: 4px;
    background: #8BA4B0;
    border: none;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 15px;
    color: #FFF;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: middle;
    cursor: pointer;
    overflow: visible;
    text-decoration: none;
}

    .innerbtn_blue:hover {
        background: #6c8d9b;
        color: #FFF;
        text-decoration: none;
    }

    .innerbtn_blue:active {
        position: relative;
        top: 1px;
    }

.btn_lightblue {
    border-radius: 4px;
    background: #dfe5e8;
    border: none;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 15px;
    color: #0E79A8;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: middle;
    cursor: pointer;
    overflow: visible;
    text-decoration: none;
}

    .btn_lightblue:hover {
        background: #cdd6da;
        color: #3a6173;
        text-decoration: none;
    }

    .btn_lightblue:active {
        position: relative;
        top: 1px;
    }
/* main tab */
/*.TabbedPanels {
    margin: 0px;
    padding: 0px;
    float: left;
    clear: none;
    width: 100%;
}*/

/*.TabbedPanelsTabGroup {
    margin: 0px;
    padding: 0px 0px 0px 1px;
    background: #0E79A8 url(Images/dot2.png) top left repeat-y;
    height: 55px;
    border-radius: 8px 8px 0px 0px;
}*/

#TabbedPanelOs1 .TabbedPanelsContentGroup {
    /*background-color: #F6F9FE !important;*/
    background-color: #FFFFFF !important;
}

.TabbedPanelsContentGroup {
    list-style: none;
    clear: both;
    border: 1px solid #dfe5e8;
    border-top: 0px solid #dfe5e8;
    background-color: #FFFFFF;
    border-radius: 8px 8px 8px 8px;
}

.TabbedPanelsContent {
    /* padding: 20px;*/
    padding: 0px 0px 0px 0px;
    /*min-height: 400px;*/
}

/*.TabbedPanelsTab {
    outline: none;
    background: #0E79A8 url(Images/dot.png) top right repeat-y;
    color: #FFF;
    font-size: 14px;
    text-align: center;
    width: 143px;
    min-height: 44px;
    padding: 11px 11px 0px 11px;
    position: relative;
    top: 0px;
    float: left;
    margin: 0;
    list-style-type: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    cursor: pointer;
}*/

.TabbedPanelsTab1 {
    outline: none; /* Modified By jainith Patel : 03 Feb 2015 */ /*background: #0E79A8 url(Images/dot.png) top left repeat-y;*/
    background: #0E79A8 url(Images/dot.png) top right repeat-y;
    color: #FFF;
    font-size: 14px;
    text-align: center;
    min-height: 44px;
    padding: 11px 11px 0px 11px;
    position: relative;
    top: 0px;
    float: left;
    margin: 0;
    list-style-type: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    cursor: pointer;
}

/*.TabbedPanelsTab:hover {
    background: #325e73 url(Images/dot.png) top right repeat-y;
}*/

/*.TabbedPanelsTabSelected, .TabbedPanelsTabSelected:hover {
    background: #FFF url(Images/tab_active.png) top repeat-x;
    box-shadow: none;
    color: #0E79A8;
}*/
/*
.TabbedPanelsTabSelectedInv 
{
    background: #FFF url(Images/tab_active.png) top repeat-x;
   
    -moz-box-shadow: inset -5px -5px 5px #666;
    -webkit-box-shadow: inset -5px -5px 5px #666;
    box-shadow: inset -2px -2px 10px #666;
     color: #0E79A8;
     -webkit-clip-path: polygon(75% 0%, 95% 55%, 75% 100%, 0% 100%, 10% 50%, 0% 0%);
     clip-path: polygon(75% 0%, 95% 50%, 75% 100%, 0% 100%, 10% 50%, 0% 0%);
}
*/
.TabbedPanelsTabSelectedInv:hover {
    background: #FFF url(Images/tab_active.png) top repeat-x;
}

/*#MainInputTab .TabbedPanelsTabSelected.hidden:after,#MainInputTab .TabbedPanelsTabSelected.hidden:before 
{
    display:none;
}

 #MainInputTab .TabbedPanelsTabSelected:after 
 {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 27px solid rgba(255,255,255,.0);
    border-bottom: 27px solid rgba(255,255,255,.0);
    border-left: 15px solid rgb(14, 121, 168);
    position: absolute;
    top: 50%;
    margin-top: -27px;
    left: -1%;
    z-index: 1;
}
 #MainInputTab .TabbedPanelsTabSelected:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 27px solid rgba(1,0,0,0);
    border-bottom: 27px solid rgba(255,255,255,.0);
    border-left: 20px solid #F9FAF8;
    position: absolute;
    top: 50%;
    margin-top: -27px;
    
    left: 98%;
    z-index: 1;
   }
*/
.width80 {
    width: 80px;
}

.width95 {
    width: 95px;
}

.width105 {
    width: 105px;
}

.width115 {
    width: 115px;
}

.width125 {
    width: 125px;
}

.TabbedPanelsTab a.helplink {
    position: absolute;
    top: 2px; /* Modified by Hiral 18-Jan-2016*/
    right: 2px; /* Modified by Hiral 18-Jan-2016*/
}
/* main tab end */
.inr_tab .TabbedPanelsTabGroup {
    height: 42px;
}

.inr_tab .TabbedPanelsTab {
    background: #0E79A8 url(Images/dot.png) top right repeat-y;
    width: auto;
    min-height: 20px;
    /*padding: 12px 18px 0px 19px;*/
}

    .inr_tab .TabbedPanelsTab:hover {
        background: #325e73 url(Images/dot.png) top right repeat-y;
    }

.inr_tab .TabbedPanelsTabSelected, .inr_tab .TabbedPanelsTabSelected:hover {
    /*background: #FFF url(Images/tab_active.png) top repeat-x;*/
    background: none;
    color: #0E79A8;
}

    .inr_tab .TabbedPanelsTabSelected > a, .inr_tab .TabbedPanelsTabSelected > a:hover {
        /* background: #FFF url(Images/tab_active.png) top repeat-x !important;*/
        color: #0E79A8 !important;
    }

/* sub tab Input */
#TabbedPanels2 .TabbedPanels, #TabbedPanels3 .TabbedPanels, #TabbedPanels5 .TabbedPanels, #TabbedPanels6 .TabbedPanels, #TabbedPanelInvetment2 .TabbedPanels {
    margin: 0px;
    padding: 0px;
    float: left;
    clear: none;
    width: 100%;     
}

#TabbedPanels2 .TabbedPanelsTabGroup, #TabbedPanels3 .TabbedPanelsTabGroup, #TabbedPanels5 .TabbedPanelsTabGroup, #TabbedPanels6 .TabbedPanelsTabGroup, #TabbedPanelInvetment2 .TabbedPanelsTabGroup {
    /*margin: 0px;
    padding: 0px;
    background: #FFF !important;
    height: 38px;*/
}

#TabbedPanels2 .TabbedPanelsContentGroup, #TabbedPanels3 .TabbedPanelsContentGroup, #TabbedPanels5 .TabbedPanelsContentGroup, #TabbedPanels6 .TabbedPanelsContentGroup, #TabbedPanelInvetment2 .TabbedPanelsContentGroup {
    list-style: none;
    clear: both;
    border: none;
    background-color: #FFF;
}

#TabbedPanels2 .TabbedPanelsContent, #TabbedPanels3 .TabbedPanelsContent, #TabbedPanels5 .TabbedPanelsContent, #TabbedPanels6 .TabbedPanelsContent, #TabbedPanelInvetment2 .TabbedPanelsContent {
    /*padding: 10px 0 0 0;
    min-height: 100px;*/
}

/*#TabbedPanelInvetment2 .TabbedPanelsTab {
    outline: none;
    color: #8A96AE !important;
    font-size: 14px;
    text-align: center;
    width: auto;
    min-height: 25px !important;
    background: none;
    margin: 12px 30px 0px 0px !important;
    padding: 0px !important;
    position: relative;
    top: 0px;
    float: left;
    margin: 0;
    list-style-type: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    cursor: pointer;
}
#TabbedPanels2 .TabbedPanelsTab, #TabbedPanels3 .TabbedPanelsTab, #TabbedPanels5 .TabbedPanelsTab, #TabbedPanelScenOs2 .TabbedPanelsTab, #TabbedPanels6 .TabbedPanelsTab {
    outline: none;
    color: #0E79A8;
    font-size: 14px;
    text-align: center;
    width: auto;
    min-height: 25px !important;
    background: none;
    margin: 8px 15px 0px 15px !important;
    padding: 0px !important;
    position: relative;
    top: 0px;
    float: left;
    margin: 0;
    list-style-type: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    cursor: pointer;
}
#TabbedPanels2 .TabbePanelsTabSelected, #TabbedPanels3 .TabbedPanelsTabSelected, #TabbedPanels5 .TabbedPanelsTabSelected, #TabbedPanelScenOs2 .TabbedPanelsTabSelected, #TabbedPanels6 .TabbedPanelsTabSelected {
    border-bottom: 4px solid #0E79A8 !important;
    box-shadow: 0px 0px !important;
    font-weight: bold !important;
}

 #TabbedPanelInvetment2 .TabbedPanelsTabSelected {
   border-bottom: 2px solid #548DF4 !important;
    box-shadow: 0px 0px !important;
    font-weight: bold !important;
    color: #0E79A8 !important;
}*/

#TabbedPanelInvetment2 .TabbedPanelsTab {
    outline: none;
    /* color: #8A96AE !important;*/
    font-size: 14px;
    text-align: center;
    width: auto;
    min-height: 25px !important;
    /* background: none;*/
    /*margin: 12px 30px 0px 0px !important;*/
    /*margin: 12px 28px 0px 0px !important;*/ /*Modified by Softgainz 25 May 2020*/
    margin: 12px 12px 0px 0px !important; /*Modified by Softgainz 11 June 2020*/
    /*    padding: 0px !important;*/
    position: relative;
    top: 0px;
    float: left;
    margin: 0;
    list-style-type: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    cursor: pointer;
}

@media screen and (min-width: 992px) and (max-width: 1024px) /*Added by Softgainz 17 June 2020*/
{
    #TabbedPanelInvetment2 .TabbedPanelsTab {
        outline: none;
        color: #8A96AE !important;
        font-size: 14px;
        text-align: center;
        width: auto;
        min-height: 25px !important;
        background: none;
        margin: 12px 10px 0px 0px !important; /*Modified by Softgainz 17 June 2020*/
        padding: 0px !important;
        position: relative;
        top: 0px;
        margin: 0;
        list-style-type: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        cursor: pointer;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1166px) /*Added by Softgainz 17 June 2020*/
{
    #TabbedPanelInvetment2 .TabbedPanelsTab {
        outline: none;
        color: #8A96AE !important;
        font-size: 14px;
        text-align: center;
        width: auto;
        min-height: 25px !important;
        background: none;
        margin: 12px 20px 0px 0px !important; /*Modified by Softgainz 11 June 2020*/
        padding: 0px !important;
        position: relative;
        top: 0px;
        margin: 0;
        list-style-type: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        cursor: pointer;
    }
}

@media screen and (min-width: 1167px) and (max-width: 1279px) /*Added by Softgainz 17 June 2020*/
{
    #TabbedPanelInvetment2 .TabbedPanelsTab {
        outline: none;
        color: #8A96AE !important;
        font-size: 14px;
        text-align: center;
        width: auto;
        min-height: 25px !important;
        background: none;
        margin: 12px 20px 0px 0px !important; /*Modified by Softgainz 11 June 2020*/
        padding: 0px !important;
        position: relative;
        top: 0px;
        margin: 0;
        list-style-type: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        cursor: pointer;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1365px) /*Added by Softgainz 17 June 2020*/
{
    #TabbedPanelInvetment2 .TabbedPanelsTab {
        outline: none;
        color: #8A96AE !important;
        font-size: 14px;
        text-align: center;
        width: auto;
        min-height: 25px !important;
        background: none;
        margin: 12px 12px 0px 0px !important; /*Modified by Softgainz 17 June 2020*/
        padding: 0px !important;
        position: relative;
        top: 0px;
        float: left;
        margin: 0;
        list-style-type: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        cursor: pointer;
    }
}



/*#TabbedPanelInvetment2 .TabbedPanelsTabSelected, #TabbedPanelScenOs2 .TabbedPanelsTabSelected {
    border-bottom: 3px solid #548DF4 !important;
    box-shadow: 0px 0px !important;
    font-weight: bold !important;
    color: #0E79A8 !important;
}
*/
#TabbedPanels3 .TabbedPanelsTab, #TabbedPanels5 .TabbedPanelsTab, #TabbedPanels2 .TabbedPanelsTab {
    padding-top: 4px;
    outline: none;
    /*color: #0E79A8;*/
    font-size: 14px;
    text-align: center;
    width: auto;
    min-height: 25px !important;
    /*background: none;*/
    margin: 0px 15px 0px 15px !important;
    /*padding: 5px !important;*/
    position: relative;
    top: 0px;
    float: left;
    margin: 0;
    list-style-type: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    cursor: pointer;
}



#TabbedPanels6 .TabbedPanelsTab {
    outline: none;
    color: #0E79A8;
    font-size: 14px;
    text-align: center;
    width: auto;
    min-height: 25px !important;
    background: none;
    margin: 8px 15px 0px 15px !important;
    padding: 0px !important;
    position: relative;
    top: 0px;
    float: left;
    margin: 0;
    list-style-type: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    cursor: pointer;
}

/*Modified by Hiral 30-Dec-2015*/
#TabbedPanels3 .TabbedPanelsTabSelected, #TabbedPanels5 .TabbedPanelsTabSelected, #TabbedPanels2 .TabbedPanelsTabSelected {
    /*border-bottom: 1px solid black !important;
    border: 1px solid black;
    box-shadow: 0px 0px !important;*/
}

#TabbedPanels6 .TabbedPanelsTabSelected {
    border-bottom: 4px solid #0E79A8 !important;
    box-shadow: 0px 0px !important;
    font-weight: bold !important;
}


/*Added by Hiral 31-Dec-2015*/
#ulMontoCarloTabs .TabbedPanelsTabSelected > a {
    color: white !important;
}

/* sub tab end */

/* sub Output tab Start */
#TabbedPanelOs2 .TabbedPanels {
    margin: 0px;
    padding: 0px;
    float: left;
    clear: none;
    width: 100%;
}

#TabbedPanelOs2 .TabbedPanelsTabGroup {
    margin: 0px;
    padding: 0px;
    background: #FFF url(Images/subtab_bg.png) bottom repeat-x;
    height: 38px;
}

#TabbedPanelOs2 .TabbedPanelsContentGroup {
    list-style: none;
    clear: both;
    border: none;
    background-color: #FFF;
}

#TabbedPanelOs2 .TabbedPanelsContent {
    padding: 20px 0 0 0;
    min-height: 100px;
}

#TabbedPanelOs2 .TabbedPanelsTab {
    outline: none;
    color: #0E79A8;
    font-size: 14px;
    text-align: center;
    width: auto;
    min-height: 25px !important;
    background: none;
    padding: 8px 15px 0px 15px;
    position: relative;
    top: 0px;
    float: left;
    margin: 0;
    list-style-type: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    cursor: pointer;
}

/*Modified by Hiral 30-Dec-2015*/
#TabbedPanelOs2 .TabbedPanelsTabSelected {
    background-color: #0E79A8 !important;
    box-shadow: -5px -5px #0E79A8 inset;
    color: white !important;
}

/* sub Output tab end */

/* sub Output Generate Idea tab end */

#TabbedPanelGIOs2 .TabbedPanels {
    margin: 0px;
    padding: 0px;
    float: left;
    clear: none;
    width: 100%;
}

#TabbedPanelGIOs2 .TabbedPanelsTabGroup {
    margin: 0px;
    padding: 0px;
    background: #FFF url(Images/subtab_bg.png) bottom repeat-x;
    height: 38px;
}

#TabbedPanelGIOs2 .TabbedPanelsContentGroup {
    list-style: none;
    clear: both;
    border: none;
    background-color: #FFF;
}

#TabbedPanelGIOs2 .TabbedPanelsContent {
    padding: 20px 0 0 0;
    min-height: 100px;
}

#TabbedPanelGIOs2 .TabbedPanelsTab {
    outline: none;
    color: #0E79A8;
    font-size: 14px;
    text-align: center;
    width: auto;
    min-height: 25px !important;
    background: none;
    padding: 8px 15px 0px 15px;
    position: relative;
    top: 0px;
    float: left;
    margin: 0;
    list-style-type: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    cursor: pointer;
}

#TabbedPanelScenOs2 .TabbedPanelsTab a {
    color: #8A96AE;
}

/*  #TabbedPanelScenOs2 .TabbedPanelsTab a.helplink {
        position: absolute;
        top: -5px;
        right: -14px;
    }*/

#TabbedPanelInsurance .TabbedPanelsTab a.helplink {
    position: absolute;
    top: 2px;
    right: 2px;
}

#TabbedPanelInvetment2 .TabbedPanelsTab a {
    color: #0E79A8 !important;
}

    #TabbedPanelInvetment2 .TabbedPanelsTab a.helplink {
        position: absolute;
        top: -5px;
        right: -14px;
    }

/*#TabbedPanelInsurance .TabbedPanelsTab {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: normal;
    display: inline-block !important;
    list-style: none;
    padding: 8px 15px !important;
    min-height: 20px !important;
    margin: 8px 5px 0px 0px !important;
}*/

/*#TabbedPanelInsurance .TabbedPanelsTab.TabbedPanelsTabSelected {*/
/*color: white !important;*/
/*}*/

/*#TabbedPanelInsurance .TabbedPanelsTabSelected {*/
/*background-color: #1C86EE !important;*/
/*box-shadow: none;
    border: 1px solid !important;
    font-weight: 600 !important;
}*/

/*#TabbedPanelInsurance .TabbedPanelsTab:hover {
    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 13px !important;
    font-weight: normal;
    display: inline-block !important;
    list-style: none;
    padding: 8px 15px !important;
    min-height: 20px !important;
    margin: 8px 0px 0px 0px !important;
    border: 1px solid black;
}*/

/*Start Added by Softgainz 10 Sept 2019 For the tabs (By Asset Class and By Model) of Asset Allocation What-IF*/
#TabbedPanelAssetAllocationWhatIF .TabbedPanelsTab {
    font-family: Arial, Helvetica, sans-serif !important;
    color: black !important;
    font-size: 13px !important;
    font-weight: normal;
    display: inline-block !important;
    list-style: none;
    padding: 8px 15px !important;
    min-height: 20px !important;
    margin: 8px 5px 0px 0px !important;
}

#TabbedPanelAssetAllocationWhatIF .TabbedPanelsTabSelected {
    /*background-color: #1C86EE !important;*/
    box-shadow: none;
    color: black !important;
    /*padding: 8px 8px !important;*/
    border: 1px solid !important;
    font-weight: 600 !important;
}

#TabbedPanelAssetAllocationWhatIF .TabbedPanelsTab:hover {
    font-family: Arial, Helvetica, sans-serif !important;
    color: black !important;
    font-size: 13px !important;
    font-weight: normal;
    display: inline-block !important;
    list-style: none;
    padding: 8px 15px !important;
    min-height: 20px !important;
    margin: 8px 0px 0px 0px !important;
    border: 1px solid black;
}
/*End Added by Softgainz 10 Sept 2019 For the tabs (By Asset Class and By Model) of Asset Allocation What-IF*/
/*#TabbedPanelFees .TabbedPanelsTab, #TabbedPanelPerformance .TabbedPanelsTab {
    font-family: Arial, Helvetica, sans-serif !important;
    color: black !important;
    font-size: 13px !important;
    font-weight: normal;
    display: inline-block !important;
    list-style: none;
    padding: 8px 15px !important;
    min-height: 20px !important;
    margin: 0px 5px 0px 0px !important;
}
*/
/*    #TabbedPanelFees .TabbedPanelsTab:hover, #TabbedPanelPerformance .TabbedPanelsTab:hover {
        font-family: Arial, Helvetica, sans-serif !important;
        color: black !important;
        font-size: 13px !important;
        font-weight: normal;
        display: inline-block !important;
        list-style: none;
        padding: 8px 15px !important;
        min-height: 20px !important;
        margin: 0px 0px 0px 0px !important;
        border: 1px solid black;
    }*/

#TabbedPanelFees .TabbedPanelsTab.TabbedPanelsTabSelected, #TabbedPanelPerformance .TabbedPanelsTab.TabbedPanelsTabSelected {
    /*color: white !important;*/
}

/*#TabbedPanelFees .TabbedPanelsTabSelected, #TabbedPanelPerformance .TabbedPanelsTabSelected {*/
/*background-color: #1C86EE !important;*/
/*box-shadow: none;*/
/*color: black !important;*/
/*padding: 8px 8px !important;*/
/*border: 1px solid !important;
    font-weight: 600 !important;
}*/

/*Modified by Hiral 30-Dec-2015*/
#TabbedPanelGIOs2 .TabbedPanelsTabSelected {
    background-color: #EBEBEB !important;
    box-shadow: -5px -5px #0E79A8 inset;
    color: white !important;
}

/* sub Output Generate Idea tab end */

.bot_btn, .clsliabFinish {
    /*height: 42px !important;     background: #dfe5e8 !important;commented by Hiral 13-oct-2016*/
    text-align: right !important;
    margin-bottom: 10px;
}

    /*Added by devanshi desai 11/11/16 for next pre button hover effect */
    .bot_btn a:hover, .clsliabFinish a:hover {
        opacity: 1;
    }


    .bot_btn a, .clsliabFinish a {
        /*height: 30px !important;     padding: 12px 17px 0 17px !important;commented by Hiral 13-oct-2016*/
        display: inline-block;
        color: #0E79A8 !important;
        font-size: 14px !important;
        text-decoration: none !important;
        font-weight: bold; /* Added by Hiral 07-Jan-2016*/
        opacity: 0.8;
    }

.or_title a:hover {
    background: none !important;
}

.clsliabFinish a img {
    vertical-align: middle !important; /* modified by Hiral 13-oct-2016*/
}

a.pluslink {
    background: url(Images/ic_plus.png) 0px 0px no-repeat;
    width: 20px; /* Modified By Hiral 12-sep-2016 */
    height: 20px; /* Modified By Hiral 12-sep-2016 */
    cursor: pointer;
    position: absolute;
    /*margin-left: -19px;*/
}

    a.pluslink:hover {
        background: url(Images/ic_plus.png) 0px 0px no-repeat;
    }

/*For mozila firefox Added by Softgainz 02 Aug 2022*/
@-moz-document url-prefix() {
    a.pluslink {
        /*margin-top:-21px;*/
         margin-top: 2px; /*Modified by Softgainz 18 Oct 2022*/
    }

    a.minuslink {
        margin-top: 2px; /*Modified by Softgainz 18 Oct 2022*/
    }
}
a.minuslink {
    background: url(Images/ic_minus.png) 0px 0px no-repeat;
    position: absolute !important;
    width: 20px; /* Modified By Hiral 12-sep-2016 */
    height: 20px; /* Modified By Hiral 12-sep-2016 */
    cursor: pointer;
    /*margin-left: -19px;*/
}

    a.minuslink:hover {
        background: url(Images/ic_minus.png) 0px 0px no-repeat;
    }


a.Unlocklink {
    background: url(Images/unlock-black.png) 0px 0px no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    position: absolute;
    margin-top: 20px;
    /*margin-left: -15px;*/
}

    a.Unlocklink:hover {
        background: url(Images/unlock-black.png) 0px 0px no-repeat;
    }

a.locklink {
    background: url(Images/lock-black.png) 0px 0px no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    position: absolute;
    margin-top: -7px;
    margin-left: -15px;
}

    a.locklink:hover {
        background: url(Images/lock-black.png) 0px 0px no-repeat;
    }


a.helplink {
    background: url(Images/ic_help.png) 0px -12px no-repeat;
    width: 13px;
    height: 13px;
    display: inline-block;
    cursor: help;
}

    a.helplink:hover {
        background: url(Images/ic_help.png) 0px 0px no-repeat;
    }

a.removehover:hover {
    background: url(Images/ic_help.png) 0px -12px no-repeat !important;
}

.subtitle {
    font-size: 18px;
    font-weight: normal;
    color: #666;
    margin: 0;
    padding: 0 0 10px 0;
}


.form-field {
    border: 1px solid #d9d9d9 !important;
    background: #FFF !important;
    border-radius: 4px !important;
    padding: 6px !important;
    margin: 0 !important;
    font: normal 13px Arial !important;
    color: #666 !important;
    width: 180px !important;
}

.formdata {
    font-size: 14px;
}

    .formdata .form-field {
        font-size: 14px;
    }

.btn_import {
    padding: 30px 0 0 0;
}

.tab_btn {
    height: 42px;
    text-align: right;
}


.btn_download, .btn_download:hover {
    background-image: url(Images/ic_download.png);
    background-position: 9px center;
    background-repeat: no-repeat;
    padding-left: 32px;
}

.btn_add, .btn_add:hover {
    background-image: url(Images/ic_add.png);
    background-position: 9px center;
    background-repeat: no-repeat;
    padding-left: 30px;
}

.btn_fullscreen, .btn_fullscreen:hover {
    background-image: url(Images/ic_fullscreen.png);
    background-position: 9px center;
    background-repeat: no-repeat;
    padding-left: 32px;
}

.btn_Outputfullscreen, .btn_Outputfullscreen:hover {
    background-image: url(Images/ic_fullscreen.png);
    background-position: 1px center;
    background-repeat: no-repeat;
    padding-left: 19px;
    padding-top: 2px;
    padding-bottom: 2px;
}


.btn_normalscreen, .btn_normalscreen:hover {
    background-image: url(Images/ic_smallcreen.png);
    background-position: 9px center;
    background-repeat: no-repeat;
    padding-left: 32px;
}

.spac {
    border-bottom: 1px solid #dfe5e8 !important;
    height: 20px;
    margin-bottom: 20px;
}

.spacLine {
    border-bottom: 1px solid #dfe5e8 !important;
}

h2.title {
    color: #0E79A8;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 5px 49px 5px !important; /*Added by Softgainz 10 Dec 2021 - Grid size set*/
    margin: 0;
}

.bot_text {
    padding: 0 0 5px 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif; /* Added by Hiral 21-Jan-2016*/
}

.bot_text_georgia {
    padding: 0 0 5px 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
}

.bot_text span {
    font-weight: bold;
}

/* User Definded Css */
.TabbedPanelsContentInnerDiv {
    /*padding: 4px 20px 0px 20px;*/
    /* min-height: 380px;*/
}

.Radform-field {
    border: 1px solid #d9d9d9 !important;
    background: #FFF !important;
    border-radius: 4px !important;
    padding: 6px !important;
    margin: 0 !important;
    font: normal 13px Arial !important;
    color: #03376e !important;
    width: 180px !important; /* height: 29px !important;*/
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
}

.Radform-fieldsmall {
    border: 1px solid #d9d9d9 !important;
    background: #FFF !important;
    border-radius: 4px !important;
    padding: 6px !important;
    margin: 0 !important;
    font: normal 13px Arial !important;
    color: #03376e !important;
    width: 80px !important;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
}

.Radform-fieldsmall24 {
    border: 1px solid #baadad !important;
    /*background: #f0efef !important;*/
    border-radius: 2px !important;
    padding: 0px 4px 0px 4px !important;
    margin: 0 !important;
    font: normal 14px Arial !important;
    color: #03376e !important; /* width: 80px !important;         Modified By Nikunj Rojesara : 17 March 2015 */
    width: 50px !important;
    height: 22px !important;
    opacity: 1;
}

.Radform-fieldsmall24_1 {
    border: 1px solid #baadad !important;
    background-color: rgb(222, 232, 248);
    border-radius: 2px !important;
    padding: 0px 4px 0px 4px !important;
    margin: 0 !important;
    font: normal 14px Arial !important;
    color: #03376e !important;
    width: 50px !important;
    height: 22px !important;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
}


.Radform-fieldvsmall {
    border: 1px solid #d9d9d9 !important;
    background: #FFF !important;
    border-radius: 4px !important;
    padding: 0px 6px 0px 6px !important;
    margin: 0 !important;
    font: normal 13px Arial !important;
    color: #555 !important;
    ;
    /*color: #03376e !important;*/
    width: 50px !important;
    height: 27px !important;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
}

.Radform-fieldvsmall24 {
    border: 1px solid #d9d9d9 !important;
    background: #FFF !important;
    border-radius: 4px !important;
    padding: 0px 4px 0px 8px !important;
    margin: 0 !important;
    font: normal 13px Arial !important;
    color: #03376e !important; /*width: 50px !important;       Modified By Nikunj Rojesara : 17 March 2015   */
    width: 45px !important;
    height: 24px !important;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
}


/* Old Css OF main18.css  */

.solverPopup {
    z-index: 99999;
    width: 620px;
}

.overlaySolver {
    position: relative;
    z-index: 99999;
}

.logo_newSolver {
    width: 620px;
    text-align: center;
    line-height: 675px;
    vertical-align: middle;
    margin: 0 auto;
    display: table;
    _position: relative;
    overflow: hidden;
}

.frameSolver {
    position: absolute;
    left: 0;
    top: 0;
    background-color: White;
    background-repeat: repeat;
    width: 620px;
    height: 260px;
    z-index: 99999;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.logo_new div.centall {
    _position: absolute;
    _top: 50%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: White;
}

.logo_new table {
    _position: relative;
    _top: -50%;
}

.solver {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: White;
    position: fixed;
    top: 250px;
    left: 400px;
    height: 260px;
    width: 620px;
    display: none;
    margin: 0 auto;
    z-index: 999999;
}

/*
Added by Falak Kantawala : 13 Dec 2012
*/
.RetPlannermsg {
    z-index: 99999;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    border-radius: 12px;
    padding: 0px 0 5px 10px !important; /* Modified by Jainith Patel: 06 Oct 2014 */
    border: 1px solid grey; /*Added by Hiral 23-June-2016*/
}

    /* Added by Jainith Patel: 06 Oct 2014 */
    .RetPlannermsg table {
        border-spacing: 0px !important;
    }

        /* Added by Jainith Patel: 06 Oct 2014 */
        .RetPlannermsg table a img {
            /* border-radius: 10px 10px 10px 10px !important; commented by Hiral 1-july-2016 */
        }

.listingGrid:focus {
    outline: none !important;
}



.RadGrid_MyWealthtraceGrid .rgRow {
    background-color: #fff;
}

.RadGrid_MyWealthtraceGrid .rgAltRow {
    background-color: #F5F5F5;
    border: 1px solid #F5F5F5;
}

    .RadGrid_MyWealthtraceGrid .rgAltRow:hover {
        background-color: #8DAED5 !important; /*#C8D0D3 */
        border: 1px solid blue;
        color: #000;
    }

.RadGrid_MyWealthtraceGrid .rgRow:hover {
    background-color: #8DAED5 !important;
    border: 1px solid blue;
    color: #000;
}

.RadGrid_MyWealthtraceGrid tr td {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #C8D0D3 !important;
}

.RadGrid_MyWealthtraceGrid .rgHeader, .RadGrid_MyWealthtraceGrid th.rgResizeCol {
    font-size: 11px;
    font-weight: bold;
}

.RadGrid_MyWealthtraceGrid thead tr {
    /* Modified By Jainith Patel :21 Jan 2015  */
    background-color: #E0E5E9;
    border-bottom: 1px solid #8DAED5;
}

.RadGrid_MyWealthtraceGrid .rgPager tr {
    background-color: #D3D3D3;
    border-bottom: 1px solid #000;
}

.RadGrid_MyWealthtraceGrid .rcbReadOnly {
    border-bottom: 1px solid #000;
}

.RadGrid_MyWealthtraceGrid .rgPageFirst {
    background-position: 0 -550px;
}

.RadGrid_MyWealthtraceGrid .rgPagePrev {
    background-position: 0 -700px;
}

.RadGrid_MyWealthtraceGrid .rgPageNext {
    background-position: 0 -850px;
}

.RadGrid_MyWealthtraceGrid .rgPageLast {
    background-position: 0 -1000px;
}

.RadGrid_MyWealthtraceGrid .rcbReadOnly .rcbInputCellLeft {
    background-position: 0 -88px;
}

.RadGrid_MyWealthtraceGrid .rcbReadOnly .rcbArrowCellRight {
    background-position: -162px -176px;
}

.RadGrid_MyWealthtraceGrid .rgNumPart a.rgCurrentPage span, .RadGrid_MyWealthtraceGrid .rgNumPart a.rgCurrentPage:hover span {
    background-position: 0 -1350px;
}

.RadGrid_MyWealthtraceGrid .rgNumPart a {
    color: #000;
}

    .RadGrid_MyWealthtraceGrid .rgNumPart a.rgCurrentPage {
        cursor: default;
        background: white;
        margin-left: 1px;
        border: 1px solid gray;
    }

.RadGrid_MyWealthtraceGrid .rgPager .RadComboBox {
    margin: 0 4px 0 0;
    vertical-align: top;
}

.RadGrid_MyWealthtraceGrid .rgSave, .RadGrid_MyWealthtraceGrid .rgAdd, .RadGrid_MyWealthtraceGrid .rgRefresh, .RadGrid_MyWealthtraceGrid .rgEdit, .RadGrid_MyWealthtraceGrid .rgDel, .RadGrid_MyWealthtraceGrid .rgFilter, .RadGrid_MyWealthtraceGrid .rgPagePrev, .RadGrid_MyWealthtraceGrid .rgPageNext, .RadGrid_MyWealthtraceGrid .rgPageFirst, .RadGrid_MyWealthtraceGrid .rgPageLast, .RadGrid_MyWealthtraceGrid .rgExpand, .RadGrid_MyWealthtraceGrid .rgCollapse, .RadGrid_MyWealthtraceGrid .rgSortAsc, .RadGrid_MyWealthtraceGrid .rgSortDesc, .RadGrid_MyWealthtraceGrid .rgUpdate, .RadGrid_MyWealthtraceGrid .rgCancel, .RadGrid_MyWealthtraceGrid .rgUngroup, .RadGrid_MyWealthtraceGrid .rgExpXLS, .RadGrid_MyWealthtraceGrid .rgExpDOC, .RadGrid_MyWealthtraceGrid .rgExpPDF, .RadGrid_MyWealthtraceGrid .rgExpCSV {
    background-image: url('../Images/paging.gif');
}

.RadComboBox_MyWealthtraceGrid .rcbInputCell, .RadComboBox_MyWealthtraceGrid .rcbArrowCell {
    background-image: url('../Images/combobox.png');
    _background-image: url('../Images/combobox.png');
}

.RadComboBoxDropDown_MyWealthtraceGrid .rcbList {
    background: white;
}


    .RadComboBoxDropDown_MyWealthtraceGrid .rcbList .rcbHovered {
        background: #E2C7F1;
    }

.btn_view_all {
    background-image: url(Images/view_all1.png);
    background-position: 9px center;
    background-repeat: no-repeat;
    padding-left: 30px;
}

    .btn_view_all:hover {
        background-image: url(Images/view_all.png);
        background-position: 9px center;
        background-repeat: no-repeat;
        padding-left: 30px;
    }

/* Added by Hiral 06-Jan-2016*/
.btn_runScenario, .btn_runScenario:hover {
    background-image: url(Images/Function1.png);
    background-position: 9px center;
    background-repeat: no-repeat;
    padding-left: 30px;
}
/* Added by Hiral 08-Jan-2016*/
.btn_GenReport {
    background-image: url(Images/ReportImage1.png);
    background-position: 9px center;
    background-repeat: no-repeat;
    padding-left: 30px;
}

    .btn_GenReport:hover {
        background-image: url(Images/ReportImage.png);
        background-position: 9px center;
        background-repeat: no-repeat;
        padding-left: 30px;
    }

.btn_setting, .btn_setting:hover {
    background-image: url(Images/setting.png);
    background-position: 9px center;
    background-repeat: no-repeat;
    padding-left: 30px;
}

.btn_show_client_plan, .btn_show_client_plan:hover {
    background-image: url(Images/show_client_plans.png);
    background-position: 9px center;
    background-repeat: no-repeat;
    padding-left: 30px;
}

.btn_reset, .btn_reset:hover {
    background-image: url(Images/Reset.png);
    background-position: 2px center;
    background-repeat: no-repeat;
    padding: 0px 10px !important;
    height: 20px !important;
    margin-top: 3px !important;
    width: 10px !important;
}

.btn_save, .btn_save:hover {
    background-image: url(Images/ic_save.png);
    background-position: 2px center;
    background-repeat: no-repeat;
    padding: 0px 10px !important;
    height: 20px !important;
    margin-top: 3px !important;
    width: 10px !important;
}

.GridColumnHideButton {
    background: url(Images/ic_minus.png) 0px 0px no-repeat;
    width: 3px;
    height: 10px;
    cursor: pointer;
    position: static;
    display: block;
}

    .GridColumnHideButton:hover {
        background: url(Images/ic_minus.png) 0px 0px no-repeat;
    }

.rslDecrease {
    background: url(Images/Arrows1.png) 3px 0px no-repeat !important; /*Modified by Hiral 02-sep-2016*/
}

.rslIncrease {
    background: url(Images/Arrows2.png) 3px 0px no-repeat !important; /*Modified by Hiral 02-sep-2016*/
}

@media only screen and (min-device-width: 1280px) and (max-device-width: 1440px) {
    .toggle, .toggler {
        display: inline-block;
        vertical-align: middle;
        margin: 3px !important;
    }
}
/*Added by Hiral 31-May-2016 start*/
.toggle, .toggler {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    font-size: 15px !important; /*Added by Softgainz 19 Dec 2019*/ /*Modified by Softgainz 01 Dec 2023*/
    font-family: Open Sans !important; /*Added by Softgainz 19 Dec 2019*/
}

.toggler {
    transition: .2s;
}

.b {
    display: block;
}

.toggle {
    width: 40px;
    height: 25px;
    border-radius: 100px;
    background-color: #FFFFFF;
    overflow: hidden;
    /*box-shadow: inset 0 0 2px 1px rgb(14, 121, 168);*/
    box-shadow: inset 0 0 2px 1px rgb(24, 116, 205); /*Added by Softgainz 25 Jul 2019*/
    position: relative;
    margin: 5px 0px !important;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .check {
        height: 100% !important;
    }

    /*.TabbedPanels {
        float: none;
    }*/
}

@media only screen (max-device-width: 1366px) {
    #TabbedPanels3 .TabbedPanelsTab, #TabbedPanels5 .TabbedPanelsTab, #TabbedPanels2 .TabbedPanelsTab {
        padding-top: 4px;
        outline: none;
        color: #0E79A8;
        font-size: 12px;
        text-align: center;
        width: auto;
        min-height: 25px !important;
        background: none;
        margin: 8px 15px 0px 15px !important;
        padding: 5px !important;
        position: relative;
        top: 0px;
        float: left;
        margin: 0;
        list-style-type: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        cursor: pointer;
    }
}

.check {
    position: absolute;
    display: block;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 22px;
    opacity: 0;
    z-index: 6;
}

    .check:checked ~ .switch {
        right: 2px;
        left: 37.5%;
        transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition-property: left, right;
        transition-delay: .08s, 0s;
    }

.switch {
    position: absolute;
    left: 2px;
    top: 2px;
    bottom: 2px;
    right: 37.5%;
    /*background-color: #0E79A8;*/
    background-color: #1874cd; /*Added by Softgainz 25 Jul 2019*/
    border-radius: 36px;
    /*z-index: 1;*/
    transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition-property: left, right;
    transition-delay: 0s, .08s;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
/*Added by Hiral 31-May-2016 End

 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px)
{
    #tempIframeForYodlee
    {
        height: 300px !important;
        max-height: 300px !important;
        min-height: 300px !important;
    }
}*/

/*Added by devanshi desai 15/11/16 for Grid Header corner*/
div.k-grid-header {
    padding-right: 17px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    zoom: 1;
    border-radius: 8px 8px 0px 0px;
    border-top: 1px solid #c5c5c5;
    margin: 16px 0px 0px 0px !important;
}
/*Added by devanshi desai 15/11/16 for Grid corner*/
.k-grid-toolbar:first-child, .k-grouping-header + .k-grid-toolbar {
    border-width: 0 0 0px;
}
/*Added by devanshi desai 15/11/16 for Grid Footer corner*/
div.k-grid-footer {
    padding-right: 17px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    zoom: 1;
    border-radius: 0px 0px 8px 8px;
}
/*Added by devanshi desai 15/11/16 for Grid Footer corner*/
.k-grid-footer-wrap {
    border-radius: 0px 0px 8px 8px;
}
/*Added by devanshi desai 15/11/16 for Grid Header corner*/
.k-grid-header-wrap {
    border-radius: 8px 8px 0px 0px;
}

.container {
    width: 100%;
}


.progressbar {
    counter-reset: step;
    margin: 0px;
    padding: 0px;
    float: left;
    clear: none;
    width: 101%;
    display: none; /*Added by Softgainz 25 Sep 2020*/
}

    .progressbar li {
        list-style-type: none;
        /*width: 12%;*/
        float: left;
        font-size: 12px;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        color: #7d7d7d;
    }

        .progressbar li:before {
            width: 30px;
            height: 30px;
            content: counter(step);
            counter-increment: step;
            line-height: 30px;
            border: 2px solid #C6C6C8;
            display: block;
            text-align: center;
            margin: 0 auto 10px auto;
            border-radius: 50%;
            background: white;
        }

        .progressbar li:after {
            width: 90%;
            height: 2px;
            content: '';
            position: absolute;
            background-color: #C6C6C8;
            top: 15px;
            z-index: -1;
            left: -60px;
        }

        .progressbar li:first-child:after {
            content: none;
        }

        .progressbar li.activeProgress {
            color: #0E79A8;
        }

            .progressbar li.activeProgress:before {
                background: 0px url(Images/Right.png) no-repeat;
                content: "";
            }

            .progressbar li.activeProgress + li:after {
                background-color: #0E79A8;
            }

.setbgcolor {
    background-color: white !important;
}

#TabbedPanelPlanOs2, #TabbedPanelPlanOs3, #TabbedPanelPlanOs4, #TabbedPanelPlanOs5 {
    /*background-color: white !important;*/
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    /* .rslDecrease {
        background: url(Images/Arrows1_ipad.png) 0px -2px no-repeat !important;
    }

    .rslIncrease {
        background: url(Images/Arrows2_ipad.png) 0px -3px no-repeat !important;
    }*/

    a.pluslink:hover {
        background: url(Images/ic_plus_ipad.png) 0px 0px no-repeat;
    }

    a.pluslink {
        background: url(Images/ic_plus_ipad.png) 0px 0px no-repeat;
        width: 25px;
        height: 25px;
        cursor: pointer;
        position: absolute !important;
    }

    a.minuslink:hover {
        background: url(Images/ic_minus_ipad.png) 0px 0px no-repeat;
    }

    .bearmarketplus {
        background: url(Images/ic_plus_ipad.png) 0px 0px no-repeat;
        width: 25px;
        height: 25px;
        cursor: pointer;
        position: absolute !important;
        margin-left: -19px;
    }

    .bearmarketminus {
        background: url(Images/bear_minus.png) 0px 0px no-repeat;
        width: 25px;
        height: 25px;
        cursor: pointer;
        position: absolute !important;
        margin-left: -19px;
    }

    a.minuslink {
        background: url(Images/ic_minus_ipad.png) 0px 0px no-repeat;
        position: absolute;
        width: 25px;
        height: 25px;
        cursor: pointer;
    }

    .rlsheightWidth {
        padding-top: 10px;
        padding-left: 10px;
    }

    .rlsheight {
        padding-top: 10px;
    }

    .rlsWidth {
        padding-left: 10px;
    }
}


/*Tooltip on hover on save reset button*/
.tooltipShow, .tooltipImgShow, .tooltipImgOutShow, .tooltipDownloadImageShow {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .tooltipShow .tooltiptext, .tooltip .tooltiptext {
        visibility: hidden;
        width: 45px;
        background-color: #0E79A8;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        right: -55%;
        opacity: 0;
        transition: opacity 1s;
    }

        /* Tooltip arrow */
        .tooltipShow .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #0E79A8 transparent transparent transparent;
        }

    /* Tooltip text */
    .tooltipImgShow .tooltiptext, .tooltipImg .tooltiptext {
        visibility: hidden;
        width: 85px;
        background-color: black;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        position: absolute;
        z-index: 1;
        bottom: 130%;
        right: 0%;
        opacity: 0;
        transition: opacity 1s;
    }

        /* Tooltip arrow */
        .tooltipImgShow .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 75%;
            border-width: 5px;
            border-style: solid;
            border-color: black transparent transparent transparent;
        }

    /* Tooltip text */
    .tooltipImgOutShow .tooltiptext, .tooltipImgOut .tooltiptext {
        visibility: hidden;
        width: 85px;
        background-color: black;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        position: absolute;
        z-index: 1;
        bottom: -8%;
        left: 108%;
        opacity: 0;
        transition: opacity 1s;
    }

        /* Tooltip arrow */
        .tooltipImgOutShow .tooltiptext::after {
            content: "";
            position: absolute;
            top: 28%;
            left: -11%;
            border-width: 5px;
            border-style: solid;
            border-color: black transparent transparent transparent;
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            transform: rotate(90deg);
        }

    /* Show the tooltip text when you mouse over the tooltip container */
    .tooltipImgShow:hover .tooltiptext, .tooltipImgOutShow:hover .tooltiptext, .tooltipShow:hover .tooltiptext, .tooltipDownloadImageShow:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
        transition: opacity 3s;
    }

    .tooltipDownloadImageShow .tooltiptext, .tooltipDownloadImage .tooltiptext {
        visibility: hidden;
        width: 95px;
        background-color: #0E79A8;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        position: absolute;
        z-index: 1;
        bottom: 104%;
        right: -55%;
        opacity: 0;
        transition: opacity 1s;
    }

        /* Tooltip arrow */
        .tooltipDownloadImageShow .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #0E79A8 transparent transparent transparent;
        }

#ULSetting .TabbedPanelsTab:hover, #ULinvestment .TabbedPanelsTab:hover, #ULAssetsLiabilities .TabbedPanelsTab:hover {
    /*border: 1px solid black;
    /* padding: 5px !important; */
    /*box-shadow: 0px 0px !important;*/
}
