::-webkit-scrollbar {width:6px;} 
::-webkit-scrollbar-track {}
::-webkit-scrollbar-thumb {
    background: #104c8a;
}
    ::-webkit-scrollbar-thumb:window-inactive {
        background: #104c8a;
    }

html,body{margin:0;height:100%;}
html,body{margin:0;height:100%;}
.contminh {
    min-height: 90vh;
    padding-bottom: 80px;
    background-color: #f5f4f4;
    padding-top: 60px;
    
}
.contminh_inner {
    min-height:100vh;
    /*padding-bottom: 80px;*/
}
#content {
    width: 100%;
    min-height: 100vh;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    right: 0;
}
.footer {
    width: 100%;
    bottom: 0;
    position: absolute;
    background: #fff;
    z-index: 100;
    line-height: 24px;
    color: #737272;
    /*border-top: 2px solid #d6d4d4;*/
}
.bg{background-image: url(../../images/NewIsaras/bg.jpg);background-size: cover; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:#fff;}
.ocs{color:#176899; margin:40px 0px;}
.ocs .texta{font-size:24px; font-weight:lighter;}
.ocs .textb{font-size:24px; font-weight:bold; margin:0px 4px;}
.ocs_innerpage{padding:20px 0px 10px; width:100%;}
.ocs_innerpage .texta {color: #474747;font-size: 22px;/*text-transform: uppercase;*/}
.ocs_innerpage .textb {color: #672b4d;font-size: 22px;font-weight: bold;text-transform: uppercase;}
.ocsproimg {text-align:right; }
.text14 {font-size: 20px;color: #672b4d;float: right;margin-left: 10px;cursor: pointer;padding:8px 0px 8px 10px;}
.pointer{cursor:pointer;}
.leftarrow {width:30px; float:left;}


.btn1 {
    padding: 6px 11px;
    background-color: #104c8a;
    color: #ffffff !important;
    display: inline-block;
    cursor: pointer;
    transition: 0.3s;
    border: 1px solid #104c8a !important;
    border-radius: 3px;
    letter-spacing: 0.7px;
}
    .btn1:hover {
        background-color: #fff !important;
        border: 1px solid #104c8a;
        transition: 0.3s;
        color: #104c8a !important;
    }
.btn1 a{text-decoration:none !important;transition: 0.3s;}
/*.btn1 span {cursor: pointer;display: inline-block;position: relative;transition: 0.3s;}
.btn1 span:after {content: "\f105"; position: absolute;opacity: 0;top: -2px;right: -20px;transition: 0.3s; font:normal normal normal 20px/1 FontAwesome;}
.btn1:hover span {padding-right: 20px;}
.btn1:hover span:after {opacity: 1;right: 0;}*/

.btn1cp {
    padding: 6px 15px;
    background-color: #104c8a;
    color: #fff !important;
    display: inline-block;
    cursor: pointer;
    transition: 0.3s;
    border-radius: 4px;
    border: 1px solid #104c8a;
}


.btn-secondary {
    color: #fff;
    background-color: #9a9a9a;
    border-color: #9a9a9a;
    font-size:14px;
}
.btn-secondary:hover {
    color: #fff;
    background-color: #9a9a9a;
    border-color: #9a9a9a;
}
.btn-primary {
    font-size: 14px;
    background: #104c8a;
    border: 1px solid #104c8a;
}
    .btn-primary:hover{

    }

    .btn2 {
        border-radius: 3px;
        padding: 5px 20px;
        background-color: #672b4d;
        border: 1px solid #672b4d;
        color: #ffffff !important;
        cursor: pointer;
        display: inline-block;
        text-decoration: none !important;
        transition: 0.3s;
    }
.btn2:hover {
    background-color: #ffffff;
    border: 1px solid #672b4d;
    color: #672b4d !important;
    text-decoration: none !important;
    text-decoration: none !important;
    transition: 0.3s;
}
.btn3 {
    padding: 6px 15px;
    background-color: #0065b0;
    color: #fff !important;
    display: inline-block;
    cursor: pointer;
    transition: 0.3s;
    border: 0px;
    border-radius: 4px;
    border: 1px solid #0065b0;
}
    .btn3:hover {
        background-color: #fff;
        color: #0065b0 !important;
        transition: 0.3s;
        border: 1px solid #0065b0;
    }
/*.btn3{border-radius: 30px; padding: 5px 20px; background-color: #672b4d; border: 1px solid #672b4d; color: #ffffff !important; cursor: pointer; display:inline-block;text-decoration:none !important;transition: 0.3s;}
.btn3:hover{background-color: #e88020; border: 1px solid #e88020; color: #ffffff !important; text-decoration:none !important;transition: 0.3s;}*/
.btn3 span {cursor: pointer;display: inline-block;position: relative;transition: 0.3s;}
.btn3 span:after {content: "\f105"; position: absolute;opacity: 0;top:-2px;right: -20px;transition: 0.3s; font:normal normal normal 20px/1 FontAwesome;}
.btn3:hover span {padding-right: 20px;}
.btn3:hover span:after {opacity: 1;right: 0;}

.btn4{border-radius: 30px; padding: 5px 13px; background-color: #672b4d; border: 1px solid #672b4d; color: #ffffff !important; cursor: pointer; display:inline-block;text-decoration:none !important;font-size:12px;transition: 0.3s;}
.btn4:hover{background-color: #e88020; border: 1px solid #e88020; color: #ffffff !important; text-decoration:none !important;}

.btn5{border-radius: 30px; padding: 5px 18px; background-color: #672b4d; border: 1px solid #672b4d; color: #ffffff !important; cursor: pointer; display:inline-block;text-decoration:none !important;font-size:14px;}
.btn5:hover{background-color: #e88020; border: 1px solid #e88020; color: #ffffff !important; text-decoration:none !important;}

.btn6 a {
    padding: 10px 20px;
    background-color: #672b4d;
    border: 1px solid #672b4d;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.3s;
    border-radius: 4px;
}
.btn6 a:hover {
    background-color: #fff;
    border: 1px solid #672b4d;
    color: #672b4d;
    transition: 0.3s;
}

.btn7 {
    padding: 6px 15px;
    background-color: #00AFBE;
    color: #fff !important;
    display: inline-block;
    /*text-transform: uppercase;*/
    cursor: pointer;
    transition: 0.3s;
    border-radius: 4px;
    border: 1px solid #00AFBE;
    line-height: 1.5rem;
}
    .btn7:hover {
        background-color: #fff !important;
        border: 1px solid #00AFBE;
        transition: 0.3s;
        color: #00AFBE !important;
    }
.btn7 a{text-decoration:none !important;}

.btn8{padding: 6px 18px !important;color: #fff !important;border-radius: 30px !important;border: 1px solid #672b4d; background-color: #fff !important;font-size: 14px;text-align: center; color:#672b4d !important;}
.btn8:hover{padding: 6px 18px !important; background-color: #672b4d !important; border:none !important; cursor:pointer; color:#fff !important;border: 1px solid #672b4d !important;}

.btn9 {
    border: 0px solid;
    padding: 10px 16px;
    background-color: #672b4d;
    color: #ffffff !important;
    cursor: pointer;
    text-transform: uppercase;
    display: inline-block;
    text-decoration: none !important;
    transition: 0.3s;
}
.btn9:hover {
    background-color: #672b4d;
    color: #ffffff !important;
    text-decoration: none !important;
    transition: 0.3s;
}
.btn9 span {cursor: pointer;display: inline-block;position: relative;transition: 0.3s;}
.btn9 span:after {content: "\f104"; position: absolute;opacity: 0;top:-2px;left:-20px;transition: 0.3s; font:normal normal normal 20px/1 FontAwesome;}
.btn9:hover span {padding-left: 20px;}
.btn9:hover span:after {opacity: 1;left: 0;}

.btn10 {
    padding: 10px 10px;
    background-color: #666;
    color: #fff !important;
    display: inline-block;
    text-transform: uppercase;
    cursor: default;
    transition: 0.3s;
    border-radius: 4px;
    border: 1px solid #666;
}

    .btn10:hover {
        padding: 10px 10px;
        background-color: #666;
        color: #fff !important;
        display: inline-block;
        text-transform: uppercase;
        cursor: default !important;
        transition: 0.3s;
        border-radius: 4px;
        border: 1px solid #666;
        cursor: none;
    }


.btn11 {
    padding: 10px 20px;
    background-color: #672b4d;
    color: #fff !important;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.3s;
    border-radius: 4px;
    border: 1px solid #672b4d;
    display: block;
}

.btn11:hover {
    background-color: #fff !important;
    border: 1px solid #672b4d;
    transition: 0.3s;
    color: #672b4d !important;
}

.btn12{
    border-radius: 6px;
    padding: 1px 7px;
    background-color: #672b4d;
    border: 1px solid #672b4d;
    color: #ffffff !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none !important;
    font-size: 12px;
    transition: 0.3s;
}
.btn12:hover {
    background-color: #fff !important;
    border: 1px solid #672b4d;
    transition: 0.3s;
    color: #672b4d !important;
}
.btn13 {
    padding: 6px 10px;
    background-color: #104c8a;
    color: #fff !important;
    display: inline-block;
    /* text-transform: uppercase; */
    cursor: pointer;
    transition: 0.3s;
    border-radius: 4px;
    border: 1px solid #104c8a;
}
    .btn13:hover {
        background-color: #fff !important;
        border: 1px solid #104c8a;
        transition: 0.3s;
        color: #104c8a !important;
    }
.stagecompleted {
    background: #00AFBE !important;
    color: #fff !important;
}

#headermenu{}
#headermenu.dpmenu{float:right;}
/*#headermenu .dropdown-menu {left:auto !important;}*/
#headermenu .dropdown-menu{width: 170px;right:0px !important;top:42px !important; padding:0px; border-radius:4px; border:none; -webkit-box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.2);position:absolute; background:#fff;z-index:100;left: -16px !important; left: auto !important;}
    #headermenu .dropdown-menu > li {padding-bottom: 10px; border-bottom: 1px solid #bbb;margin-top:0px;margin-left: 0px;float: none;padding-top:10px;}
        #headermenu .dropdown-menu > li:hover {
            background: #ededed;
        }
        #headermenu .dropdown-menu > li > a { /*padding:12px 20px; border-bottom:1px solid #ededed;*/
            font-size: 13px;
            color: #2B2B2B;
            display:block;
        }
/*#headermenu .dropdown-menu > li > a:hover{color: #262626;text-decoration: none;background-color: #f5f5f5;}*/
#headermenu .navbar-nav{float:right; margin: 0px !important;}
#headermenu .navbar-nav li{float:right;}
#headermenu .navbar-nav .dropdown-menu li{float:left;width:100%;}
#headermenu .nav .open > a{background-color: #672b4d; color:#fff;}
#headermenu .dropdown-menu:before{border:none;}
#headermenu .navbar-nav > li > a{padding-top:10px; padding-bottom:10px;}
#headermenu .nav > li > a{padding: 15px 10px;color: #f7f7f7;line-height:18px;}
#headermenu .sa-cart:before{position:relative; top:2px;}
#headermenu .dropdown-menu:before {position: absolute;top: -7px;left: 129px;display: inline-block;border:none;content: '';}
    #headermenu .dropdown-menu:after {
        position: absolute;
        top: -8px;
        left: 50%;
        display: inline-block;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #0065b0;
        border-left: 8px solid transparent;
        content: '';
    }
#headermenu #dropdown-menu li{width: 50%;float: left;border-right: 1px solid #e6e6e6;text-align: center;}
#headermenu #dropdown-menu > li > a {padding: 12px 0px; font-size:13px;}
#headermenu .dropdown-menu > li > a .text32, .text33 {white-space: normal; word-wrap: break-word;padding-right: 5px;}

#headermenu .nav > li > a .icons { width:30px; height:30px; font-size:26px;}
    #headermenu .nav > li > a:hover {
        background-color: #672b4d;
    color: #fff;
    }
    #headermenu .MyProfile {
        padding-right: 10px;
        float: left;
        font-size: 22px;
        color: #672b4d;
        font-weight: bold;
        position: relative;
        bottom: 5px;
    }
    #headermenu .Settings {
        padding-right: 10px;
        float: left;
        font-size: 22px;
        color: #672b4d;
        font-weight: bold;
        position: relative;
        bottom: 5px;
    }
    #headermenu .Logout {
        float: left;
        font-size: 22px;
        color: #672b4d;
        font-weight: bold;
        position: relative;
        bottom: 5px;
    }

#apsearch{ display:block; width:100%; position:relative;}
#apsearch .dropdown-menu{z-index: 99;left:-172px; top:60px; background-color:#fff; position:absolute; min-width:330px; border:none; margin: 8px 0 0; border-radius: 4px; border: none; -webkit-box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.2);}
#apsearch .dropdown-menu > li > a{padding: 10px 20px;cursor: default;}
#apsearch .dropdown-menu > li > a:hover{background:none;}
#apsearch .dropdown-menu:before {position: absolute;top: -7px;left: 198px;display: inline-block;border:none;content: '';}
#apsearch .dropdown-menu:after {position: absolute;top: -8px;left: 238px;display: inline-block;border-right: 8px solid transparent;border-bottom: 8px solid #ffffff;border-left: 8px solid transparent;content: '';}
#apsearch  ul{margin:0px !important;}

#dotlist{}
#dotlist .dropdown-menu{top: -14px;position: absolute;font-size:12px;color:#808080; left:-211px; min-width:224px; border:1px solid #cccccc; margin:0px; border-radius: 4px; -webkit-box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.2); background-color: #fff;}
#dotlist .dropdown-menu > li > a{padding: 8px 16px;/*cursor: default;*/}
#dotlist .dropdown-menu:before {position: absolute;top: -7px;left: 198px;display: inline-block;border:none;content: '';}
#dotlist .dropdown-menu:after {content: "";position: absolute;top: 50%;left: 100%;margin-top: -8px;border-width:8px;border-style: solid;border-color: transparent transparent transparent #cccccc;}
#dotlist  ul{margin-bottom:0px !important;cursor: pointer; margin-top:5px; margin: 5px 0px 0px 0px;}
    #dotlist .dropdown-menu > li > a:hover {
        background-color: #672b4d;
        color: #fff;
    }
#dotlist .dot{padding: 10px;position: relative;bottom: 10px;left: 10px;}
#dotlist  ul i{margin-bottom: 0px !important; cursor: pointer; margin-top:2px; padding: 6px 10px; position: relative; left: 10px; bottom: 6px;}



#dotlist1{}
#dotlist1 .dropdown-menu{top: -60px;position: absolute;font-size:12px;color:#808080; left:-154px; min-width:170px; border:1px solid #cccccc; margin:0px; border-radius: 4px; -webkit-box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.2); background-color: #fff;}
#dotlist1 .dropdown-menu > li > a{padding: 8px 16px;/*cursor: default;*/}
#dotlist1 .dropdown-menu:before {position: absolute;top: -7px;left: 198px;display: inline-block;border:none;content: '';}
#dotlist1 .dropdown-menu:after {content: "";position: absolute;top: 50%;left: 100%;margin-top: 19px;border-width:8px;border-style: solid;border-color: transparent transparent transparent #cccccc;}
#dotlist1  ul{margin-bottom:0px !important;cursor: pointer; margin-top:5px; margin: 5px 0px 0px 0px;}
#dotlist1 .dropdown-menu > li > a:hover{background-color:#672b4d;color:#fff;}
#dotlist1 .dot{padding: 10px;position: relative;bottom: 10px;left: 10px;}
#dotlist1  ul i{margin-bottom: 0px !important; cursor: pointer; margin-top:2px; padding: 6px; position: relative; left: 10px; bottom: 6px;}

#dotlist1 .vu{padding: 3px 15px;clear: both;font-weight: normal;line-height: 2.428571;color: #333;white-space: nowrap; cursor:auto;}
#dotlist1 .badge1{font-size: 24px; color: #ababab;}


.exlogo {text-align:right;}
.clearfix{clear:both;}

.cartitems ul {list-style-type: none;margin: 0 !important; padding: 0 !important; width: 100%;}
.cartitems li {display: block;padding: 12px;text-decoration: none;border-top: #f1f1f1 1px solid;border-bottom: #f1f1f1 1px solid;}
.cartitems li:hover {background-color: #f9f9f9;}
.itbg{background-color:#f2f2f2; padding:14px 10px !important; text-align: center;}

.navicon{top:16px;font-size:22px;cursor:pointer;position: relative;color: #fff;}
.logo{/*background-image: url(../../images/NewIsaras/iSaras-logo-black.png);
    background-repeat: no-repeat;*/
   
    position: absolute;
    margin: 5px 0px 5px 20px;}
.fixed .logo{/*background-image: url("../../images/NewIsaras/iSaras-logo-black.png"); background-repeat: no-repeat; */
              
    position: absolute;
    margin: 5px 0px 5px 20px;}
.fixed .loginbt{border:1px solid #fff; color:#fff; display: inline;}
.fixed .loginbt:hover{background-color: #e88020;border:1px solid #e88020; color:#fff; display: inline;}
.loginbt{border-radius:30px; padding:4px 20px; border:1px solid #24448c; color:#24448c; display: inline-block; margin:6px 0px 0px 0px; float:right; cursor:pointer;transition: 0.3s;}
.loginbt:hover{background-color: #e88020;border:1px solid #e88020; color:#fff !important;}
.cart{font-size:20px; /*float:right; margin:10px;margin-left:0px !important;color: #ffffff;*/}

.pad0{padding:0px !important;}
.pad10{padding:10px;}
.padlr20{padding:0px 20px;}
.padr0{padding-right:0px !important;}
.padl0{padding-left:0px;}
.padtb{padding:14px 0px;}
.padtb10{padding-top:10px!important; padding-bottom:10px!important;}
.padlr10{padding:0px 10px;}
.padb10{padding-bottom:10px;}
.padr34{padding-right: 34px !important;}
.mar0{margin:0px !important;}
.mart4{margin-top:4px;}
.mart10{margin-top:10px;}
.mart20{margin-top:20px;}
.mart20p{margin-top:20%;}
.mart100{margin-top:100px;}
.marb5{margin-bottom:5px;}
.marb10{margin-bottom:10px;}
.marb20{margin-bottom:20px;}
.marb30{margin-bottom:30px;}
.marb40{margin-bottom:40px;}
.marr6{margin-right:6px;}
.marr10{margin-right:10px;}
.marr20{margin-right:20px;}
.marr28{margin-right: 28px;}
.marr0{margin-right:0px;}
.marl10{margin-left:10px;}
.marl40{margin-left:40px;}
.marl30{margin-left:30px;}
.mar8{margin:8px;}
.w100{width:100%; height:100%;}
.productbox .w100{border-radius: 6px 6px 0px 0px; overflow: hidden;}
.productbox_mld .w100{border-radius: 6px 6px 0px 0px; overflow: hidden;}
.productbox .prodimg img{width:100%;height:auto;text-align: center;display:block; margin:0 auto;}
.w50 {width: 50%;}
.w32{width:35%;}
.border-bottom{border-bottom:1px solid #e6e6e6;}
.mh70 {min-height: 70px;}
.mh70 {min-height: 80px;}
.mh100 {min-height: 100px;}
.lh66{line-height: 66px;}
/*a{color:#000;}*/
.clblack {
color:#000;
}
/*.clblue {color: #3a59a0;}*/
.productbox:hover .widgets_disable {
    color: #672b4d !important;
    transition: 0.3s;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.productbox:hover {
    z-index: 10;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    box-shadow: 0 10px 10px rgba(0,0,0,.1);
    -moz-box-shadow: 0 10px 10px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 10px 10px rgba(0,0,0,.1);
    animation-duration: 2s;
    animation-name: fadeUp;
}

.productbox .widgets_disable{display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;}
.productbox {
    min-height: 190px;
    cursor: pointer;
    background-color: #fff;
    margin-bottom: 20px; /*overflow:hidden;*/
    transition: 0.3s;
    display: inline-block;
    width: 100%;
    border: 1px solid #dedede;
    transition: -webkit-transform .3s, box-shadow .3s, opacity .3s;
    box-shadow: 0 0 0 0 rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.1);
}
.pcontainer {
    /*background-color:#f6f6f6; padding:0px 0px 30px 0px;*/
    background: #f5f4f4;
}
.productbox_mld { /*height:280px;*/cursor: default;border-radius: 6px;background-color: #fff;-webkit-box-shadow: 0px 0px 10px 0px rgba(117,117,117,0.33);-moz-box-shadow: 0px 0px 10px 0px rgba(117,117,117,0.33);box-shadow: 0px 0px 10px 0px rgba(117,117,117,0.33);margin-bottom: 30px;overflow: hidden;transition: 0.3s;display: inline-block;width: 100%;}
.productbox_mld:hover{-webkit-box-shadow: 0 0 10px rgba(0,0,0, .65); -moz-box-shadow: 0 0 10px rgba(0,0,0, .65); box-shadow: 0 0 10px rgba(0,0,0, .65); transition: 0.3s;}
.productbox .text1 {
    font-size: 12px;
    color: #104c8a;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
}
.productbox .text2{font-size: 13px;color: #ababab;white-space: initial;word-wrap: break-word;padding-right: 3px;font-weight: normal;text-transform: none;}
.productbox .text3{font-size: 12px;color: #666666;text-overflow: ellipsis;overflow: hidden;font-weight: normal;text-transform: none;}
.productbox{color:#666;font-size: 16px;}


.searchcontainer {width:60%; margin:0 auto;}
.procontainer {
    padding: 0px 7px 14px 7px;
    /*text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;*/
    cursor: pointer;
    min-height:80px;
}
.porheading{
    position: absolute;
    top: 8px;
    left: 16px;
    color: #fff;
    z-index: 2;
    background: rgba(26, 12, 9,0.4);
    padding: 2px 10px 3px;
    border-radius: 5px;
}
.examexpry {
    position: absolute;
    top: 8px;
    right: 20px;
    color: red;
    z-index: 2;
    padding: 2px 10px 3px;
    font-weight:bold;    
    /*border-radius: 5px;*/
}
.verify{position:absolute; bottom:-12px; right:16px; color:#fff;z-index:2;}
.courvercontainer{position: relative;height: 180px; border-radius:6px 6px 0px 0px;/*overflow: hidden;*/}
.courvercontainer_inner {
    position: relative; /*height: 130px;*/
    /*height: 145px;*/
    border-radius: 6px 6px 0px 0px; /*overflow: hidden;*/
    padding:10px;
}
.proshadowhidden {overflow:hidden;}
.proshadow{-webkit-box-shadow: inset 0px -65px 50px -24px rgba(0,0,0,0.25);-moz-box-shadow: inset 0px -65px 50px -24px rgba(0,0,0,0.25);box-shadow: inset 0px -65px 50px -24px rgba(0,0,0,0.25);position: absolute;z-index: 1;width: 100%;height: 100%;bottom: 0; overflow: hidden;}
.profooter {
    background-color: #dedede;
    overflow: hidden;
}
.profooterleft {
    padding:14px;
    background-color: #606060;}
/*.profooterright{line-height:46px;height:0; border-bottom: 50px solid #e6e6e6; border-left:20px solid transparent;}*/
.profooterright {
    padding: 14px;
    background-color: #d1d1d1;
}

.catalogproductfooter {
    cursor: pointer !important;
    text-align: center;
    padding: 10px;
    min-height: 60px;
}
.left-skew {position: relative;width: 100%; margin: 0 auto; text-align: center;}
.left-skew:before {content: '';position: absolute;top: 0;bottom: 0;left: -20px;display: block;width:10px;background-color:#e6e6e6; -webkit-transform: skew(-10deg);-ms-transform: skew(-10deg);transform: skew(-10deg);}
.rupee {
    color: #104c8a;
    font-size: 15px;
    position: relative;
    z-index: 20;
    line-height: 20px;
}
.rupee .fa-inr{margin-right: 4px;font-size: 15px; position:relative; z-index:20;}
.text44 .fa-inr{font-size:15px;}
.fa-inr{margin-right: 4px;}
.rupee24{font-size:17px;}
.rupee24 .fa-inr{font-size:17px;}
.seemore{color:#672b4d; opacity:.5; margin-top:30px;}
.seemore .seemoretext { cursor:pointer;}
.seemore img{ margin-right:6px;}
.seemore:hover{opacity:1.0;}

.fa-2 {font-size: 2em; color:#672b4d;}
.cartlabel {
    color: #672b4d;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}
.cartlabel i{padding-right:6px;position: relative;top: 2px;}

/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
100% {top: -12px;right: -12px;bottom: -12px;left: -12px;opacity: 0;}
}
@keyframes hvr-ripple-out {
100% {top: -12px;right: -12px;bottom: -12px;left: -12px;opacity: 0;}
}
.hvr-ripple-out {-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);}
.hvr-ripple-out:before {content: '';position: absolute;border: #ffffff solid 6px;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation-duration: 1s;animation-duration: 1s;z-index:-10;}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {-webkit-animation-name: hvr-ripple-out;animation-name: hvr-ripple-out;}

/* Float Shadow */
.hvr-float-shadow {-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;}
.hvr-float-shadow:before {pointer-events: none;position: absolute;z-index: -1;content: '';top: 100%;left: 5%;height: 10px;width: 90%;opacity: 0;background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform, opacity;transition-property: transform, opacity;}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {-webkit-transform: translateY(-5px);transform: translateY(-5px);}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {opacity: 1;-webkit-transform: translateY(5px);transform: translateY(5px);}

/*.productbox:hover{-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.38);
-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.38);
box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.38);}*/

.rated {
    color: #008fb4;
    font-size: 15px;
    position: relative;
}
.unrated{color:#b3b3b3; font-size:15px;position:relative;}
/*.carousel-inner{min-height:250px; margin-top:50px;margin-bottom:40px; cursor: move;}  
.carousel-indicators .active{background-color: #e88020; border: 1px solid #e88020;width:14px; height:14px;}
.carousel-indicators li{background-color: #fff; border: 1px solid #b3b3b3;width:14px; height:14px; margin:0px;} */
.profileimg{border: 1px solid #ccc;border-radius: 50%;width: 103px;height: 103px;font-size: 60px;text-align: center;vertical-align: middle;display: inline-block;background-color: #ededed;padding: 10px;color: #b2b2b2;}
/*.profilePic{border: 1px solid #ccc;border-radius: 50%;width: 50px;height: 50px;font-size: 22px;text-align: center;vertical-align: middle;display: inline-block;background-color: #ededed;padding: 10px;color: #b2b2b2;}*/
.profilePic{border: 1px solid #ccc;border-radius: 50%;width: 50px;height: 50px;font-size: 22px;text-align: center;vertical-align: middle;display: inline-block;background-color: #ededed;/* padding: 10px; */color: #b2b2b2;}
/*.carousel-inner i{color:#808080; font-size:12px;}
.carousel-inner p b{color:#4d4d4d; font-size:16px;}
.carousel-indicators{z-index: 1 !important;}*/
                                                  
.microsite_searchbox{width: 70%; margin: 0 auto; float:right;}
.form-control {
    transition: 0.9s;
    margin: 0;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    box-sizing: border-box !important;
    border-radius:0px;
    font-size:14px;
}
.imaginary_container{padding-top: 2%; width: 35%; margin: 0 auto;}
.stylish-input-group .input-group-addon {
    background: #f6f6f6 !important;
    padding: 6px 3px 0px 3px;
    border-radius: 0px 3px 3px 0px;
    cursor: pointer !important;
}
.stylish-input-group .form-control {
    border: none;
    font-size: 12px;
    background-color: #f6f6f6;
    padding: 0px 10px;
}
.stylish-input-group button{border:0;background:transparent;font-size:20px;color:#808080;}
.stylish-input-group .form-control:focus {
    box-shadow: none !important;
}

.imaginary_container .form-control {
    opacity: .8;
}
.imaginary_container .form-control:focus{opacity:1; transition: 0.9s;}
.imaginary_container .stylish-input-group .input-group-addon{opacity:.8;}


.procontainer .stylish-input-group .input-group-addon{ background: #672b4d !important; color:#fff; cursor:pointer;}
.procontainer .stylish-input-group .input-group-addon:hover{ background: #e88020 !important;}
.procontainer .form-control{height: 32px !important;}
.procontainer .form-control_search{height: 40px !important;}
.stylish-input-group .form-control_search{border-color:#e6e6e6; color: #cac9c9;}

.scrolldown {text-align:center; opacity:.5; margin:0px 0px 50px 0px; transition: 0.3s;}
.scrolldown a{text-decoration: none; color:#f2f2f2;}
.scrolldown img{margin-bottom:6px;}
.scrolldown:hover{opacity:1;}

.scrolldown .animated {-webkit-animation-duration: 2s; animation-duration: 2s;}

.animated.infinite {-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}

.fadeInDown {-webkit-animation-name: fadeInDown;animation-name: fadeInDown;}

.animated {opacity: 1;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@-webkit-keyframes fadeInDown {
0% {opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}
100% {opacity:1;-webkit-transform:none;transform:none}
}


/*.modal-header{border-bottom: 1px solid #e6e6e6;color:#672b4d;}
.modal-title{font-size: 20px;}
.modal-header .close{float: right;font-size: 26px;font-weight: bold;line-height: 0.4;color: #672b4d;text-shadow: none;opacity: 1;width: 26px;height: 26px;border-radius: 50%;background: #f2f2f2 !important;}
/*.modal-container{width:80%; margin:0 auto;}
.modal-container{width:85%; margin:0 auto;}
* html .modal-container input {padding:50px 10px 0px 5px !important;}
.modal-container input{padding:20px 10px 0px 5px !important;}
#divSignIn, .modal-container input:valid ~ label{top:0px;}*/
/* form starting stylings ------------------------------- */
.group{position:relative; margin-bottom:30px;}
/*input{font-size:14px;padding:10px 10px 10px 5px;display:block;width:100%;border:none;border-bottom:1px solid #e6e6e6; margin:0px !important;}*/
/*input{font-size:14px;padding:20px 10px 4px 5px;display:block;width:100%;border:none;border-bottom:1px solid #e6e6e6; margin:0px !important; color:#4d4d4d;}*/ /* Because IEEE search bar ui disturbed Adviced by Muralidhara*/
input:focus {outline:none;}

.loginprofileicon   {padding: 10px 0px 0px 20px; font-size: 20px; color: #cccccc;}
.NewPasswordicon    {padding: 10px 0px 0px 20px; font-size: 20px; color: #cccccc;}
.EmailIDicon        {padding: 10px 0px 0px 20px; font-size: 20px; color: #cccccc;}
.MobileNumbericon   {background: url(../../Images/NewIsaras/MobileNumber.png) no-repeat;background-position-x: 20px;background-position-y:10px; height:40px;}

/* LABEL ======================================= */
/*label{color:#bfbfbf; font-size:14px;font-weight:normal;position:absolute;left:20px;top:10px;transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all;}
.group label{pointer-events: none;} */

/* active state */
/*.modal-body input:focus ~ label, input:valid ~ label {top:0px;font-size:11px;color:#5264AE;}*/
/*.modal-body input:focus ~ label, input:valid ~ label {top:0px;font-size:13px;color:#999999;}*/

/* BOTTOM BARS ================================= */
/*.bar { position:relative; display:block; width:100%; }
.bar:before, .bar:after {content:'';height:2px; width:0;bottom:1px; position:absolute;background:#5264AE; transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all;
}
.bar:before {left:50%;}
.bar:after {right:50%;}
 */
/* active state */
/*input:focus ~ .bar:before, input:focus ~ .bar:after {
  width:50%;
} */

/* HIGHLIGHTER ================================== */
.highlight {position:absolute;height:60%; width:100px; top:25%; left:0;pointer-events:none;opacity:0.5;}

/* active state */
input:focus ~ .highlight {-webkit-animation:inputHighlighter 0.3s ease;-moz-animation:inputHighlighter 0.3s ease;animation:inputHighlighter 0.3s ease;}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {from { background:#5264AE;}to { width:0; background:transparent; }}
@-moz-keyframes inputHighlighter {from { background:#5264AE; }to { width:0; background:transparent; }}
@keyframes inputHighlighter {from { background:#5264AE; }to{ width:0; background:transparent; }}

.sidenav {height: 100%;width: 0;position: fixed;z-index: 2;top: 62px;left: 0;background-color: #fff;overflow-x: hidden;transition: 0.3s;padding-top: 40px;}
.sidenav a {padding: 12px 8px 12px 14px;text-decoration: none;color: #4d4d4d;display: block;transition: 0.3s;border-bottom: 1px solid #e6e6e6;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.sidenav a:hover, .offcanvas a:focus{color: #f1f1f1;background-color:#672b4d;border-left:4px solid #672b4d;    padding: 12px 8px 12px 10px !important; }
.closebtn a{position: absolute;top: 0;right: 25px;margin-left: 50px;font-size: 26px;font-weight: normal;line-height: 0.4;color: #672b4d;text-shadow: none;opacity: 1;width: 26px;height: 26px;border-radius: 50%;background: #f2f2f2 !important;padding: 8px 8px 8px 6px !important;    margin-top: 10px;}
.closebtn a:hover{color: #000;text-shadow: none;opacity: .5;border-radius: 50%;background: #f2f2f2 !important; padding: 8px 8px 8px 6px !important;border-left: none !important;}
#main {transition: margin-left .3s;margin-left: 0px !important;}
@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
}
body{ transition: background-color .3s; z-index:1000; position:relative;}


.sidenav_right {height:100%;width: 0;position: fixed;z-index: 110;top:0px;right: 0;background-color: #fff;overflow-y: scroll;transition: 0.3s;}
    .sidenav_right a {
        padding: 6px 20px;
        color: #fff;
        display: inline-block;
        text-transform: uppercase;
        cursor: pointer;
        transition: 0.3s;
        /*background-color: #672b4d;
        border: 1px solid #672b4d;*/
        border-radius: 4px;
    }
        .sidenav_right a:hover, .offcanvas a:focus {
            color: #672b4d;
            cursor: pointer;
            transition: 0.3s;
            background-color: #fff;
            border: 1px solid #672b4d;
        }
    .sidenav_right .closebtn_right a {
        padding: 8px 8px 8px 6px !important;
        float: right;
        font-size: 22px;
        font-weight: normal;
        line-height: 0.4;
        color: #fff;
        text-shadow: none;
        opacity: 1;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        background: #672b4d !important;
        border: 1px solid #672b4d !important;
        position: relative;
        /*top: 15px;*/
        z-index: 5;
    }
        .sidenav_right .closebtn_right a:hover {
            float: right;
            font-size: 22px;
            font-weight: normal;
            line-height: 0.4;
            color: #672b4d;
            text-shadow: none;
            opacity: 1;
            width: 26px;
            height: 26px;
            border-radius: 50%;
            background: #fff !important;
            border: 1px solid #672b4d !important;
            position: relative;
            z-index: 5;
            transition: 0.6s;
        }
#main_right {transition: margin-left .3s;margin-left: 0px;}

.sidenav_right .header {
    padding: 20px 15px 12px 15px;
    margin-top: 0px !important;
    color: #672b4d;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}
.sidenav_right .footer{background-color: #fff;padding: 16px 0px 16px;z-index: 1;position: relative;width: 100%;height:70px;}
    .sidenav_right .footer a {
        padding: 5px 20px !important;
        float: right;
        background-color: #672b4d;
        border: 1px solid #672b4d;
        color: #fff !important;
    }
        .sidenav_right .footer a:hover {
            background-color: #fff;
            border: 1px solid #672b4d;
            color: #672b4d !important;
            transition: 0.3s;
        }


.cartnav_right {height: 100%;width: 0;position: fixed;z-index: 100;right: 0; top: 0;background-color: #fff;overflow-x: hidden;transition: 0.3s;}
/*.cartnav_right a {padding: 12px 8px 12px 14px;text-decoration: none;color: #4d4d4d;display: block;transition: 0.3s;border-bottom: 1px solid #e6e6e6;}
.cartnav_right a:hover, .offcanvas a:focus{color: #f1f1f1;background-color:#672b4d;border-left:4px solid #672b4d;    padding: 12px 8px 12px 10px; }
*/
    .cartnav_right .closebtn_right a {
        padding: 8px 8px 8px 6px !important;
        float: right;
        font-size: 22px;
        font-weight: normal;
        line-height: 0.4;
        color: #fff;
        text-shadow: none;
        opacity: 1;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        background: #672b4d !important;
        border:1px solid #672b4d !important;
        position: relative;
        top: 0px;
        z-index: 5;
    }
        .cartnav_right .closebtn_right a:hover {
            float: right;
            font-size: 22px;
            font-weight: normal;
            line-height: 0.4;
            color: #672b4d;
            text-shadow: none;
            opacity: 1;
            width: 26px;
            height: 26px;
            border-radius: 50%;
            background: #fff !important;
            border: 1px solid #672b4d !important;
            position: relative;
            z-index: 5;
            transition: 0.6s;
        }
#main_right {transition: margin-left .5s;margin-left: 0px;}

.cartnav_right .header{background-color:#f2f2f2;color:#672b4d; font-size:16px; padding:12px 15px;}
.cartnav_right .footer{background-color: #fff;padding: 16px 0px;z-index: 1;position: absolute;bottom:105px;width: 100%;}
.cartnav_right .footer a{padding: 6px 24px !important;color:#fff !important;}
.cartnav_right .footer a:hover{border:none;background-color:#e88020;}

.sb-search {position: relative;width: 0%;min-width: 40px;height: 40px;float: right;overflow: hidden;-webkit-transition: width 0.3s;-moz-transition: width 0.3s;transition: width 0.3s;-webkit-backface-visibility: hidden; padding:10px;}
.sb-search-input {
    position: absolute;
    top: 0;
    right: 0px;
    border: none;
    outline: none;
    background: #f6f6f6;
    width: 100%;
    height: 40px;
    margin: 0;
    z-index: 10;
    padding: 6px 32px 6px 10px;
    font-family: inherit;
    color: #666;
    border-radius: 4px !important;
} 
input[type="search"].sb-search-input {-webkit-appearance: none;-webkit-border-radius: 0px; background-color:#f6f6f6;}
.sb-search-input::-webkit-input-placeholder {color: #666;} 
.sb-search-input:-moz-placeholder {color: #666;}
.sb-search-input::-moz-placeholder {color: #666;}
 .sb-search-input:-ms-input-placeholder {color: #666;}
.sb-icon-search, .sb-search-submit  {width: 40px;height: 40px;display: block;position: absolute;right: 0;top: 0;padding: 0;margin: 0;line-height: 46px;text-align: center;cursor: pointer;}
.sb-search-submit {background: #fff; /* IE needs this */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */filter: alpha(opacity=0); /* IE 5-7 */opacity: 0;color: transparent;color:red;border: none;outline: none;z-index: -1;}
.sb-icon-search {
    color: #652c4d;
    background: #f6f6f6;
    z-index: 90;
    font-size: 22px;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    border-radius: 4px !important;
}
.sb-icon-search:before {content: "";}
.sb-search.sb-search-open, .no-js .sb-search {width:100%;}
.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {z-index: 11;}
.sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit {/*    z-index: 90;*/}


.sidenav_right .list-group-item{margin-bottom:0px !important; border-bottom: 1px solid #e6e6e6 !important;border: none; color:#4d4d4d; padding:12px 10px 6px 10px !important;}
/*.sidenav_right .badge{color:#000; border:1px solid #e6e6e6; background:none; float: right; position: relative; top: 14px; background-color: #fff; right:5px;} Ventaka Manoj*/ 
.sidenav_right .badge {color: #000; border: 1px solid #e6e6e6; background: none; /* float: right; */ position: relative; top: 7px; background-color: #fff; right: 5px;}
.sidenav_right .list-group{margin-bottom: 0px !important;}
.sidenav_right .list-group li{display:block;border-top: 1px solid #ededed;}

.sidenav_right .list-group-item:hover{background-color:#ededed;box-shadow: inset 0 0 0 0 #C14800;-webkit-transition: all ease 0.8s;-moz-transition: all ease 0.8s;transition: all ease 0.8s;}

.cbx {color:#4d4d4d !important; position: relative;top: 6px;width: 17px;height: 17px;border: 1px solid #c8ccd4;vertical-align: middle;transition: background 0.1s ease;cursor: pointer;float:left;}
.cbx:after {content: '';position: absolute;top: 1px;left: 5px;width: 5px;height: 11px;opacity: 0;transform: rotate(45deg) scale(0);border-right: 2px solid #fff;border-bottom: 2px solid #fff;transition: all 0.3s ease;transition-delay: 0.15s;}
.lbl {color:#4d4d4d !important;left: 10px;font-size: 12px !important;vertical-align: middle;cursor: pointer;position:relative; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; width:70%; font-weight: normal;}
#cbx:checked ~ .cbx {border-color: transparent;background: #672b4d;animation: jelly 0.6s ease;}
#cbx:checked ~ .cbx:after {opacity: 1;transform: rotate(45deg) scale(1);}
.cntr {position: absolute;top:50%; left:12px; width: 100%;}
@-moz-keyframes jelly {
from {transform: scale(1, 1);}
30% {transform: scale(1.25, 0.75);}
40% {transform: scale(0.75, 1.25);}
50% {transform: scale(1.15, 0.85);}
65% {transform: scale(0.95, 1.05);}
75% {transform: scale(1.05, 0.95);}
to {transform: scale(1, 1);}
}
@-webkit-keyframes jelly {
from {transform: scale(1, 1);}
30% {transform: scale(1.25, 0.75);}
40% {transform: scale(0.75, 1.25);}
50% {transform: scale(1.15, 0.85);}
65% {transform: scale(0.95, 1.05);}
75% {transform: scale(1.05, 0.95);}
to {transform: scale(1, 1);}
}
@-o-keyframes jelly {
from {transform: scale(1, 1);}
30% {transform: scale(1.25, 0.75);}
40% {transform: scale(0.75, 1.25);}
50% {transform: scale(1.15, 0.85);}
65% {transform: scale(0.95, 1.05);}
75% {transform: scale(1.05, 0.95);}
to {transform: scale(1, 1);}
}
@keyframes jelly {
from {transform: scale(1, 1);}
30% {transform: scale(1.25, 0.75);}
40% {transform: scale(0.75, 1.25);}
50% {transform: scale(1.15, 0.85);}
65% {transform: scale(0.95, 1.05);}
75%{transform: scale(1.05, 0.95);}
to {transform: scale(1, 1);}
}
/*input[type='checkbox']{height: 15px; width: 15px; float: left;position:relative;top:3px;cursor:pointer;}
html, body{ margin:0; height:100%;}
input[type='checkbox'] + label{position: relative;display: flex;align-items: center;color: #9e9e9e;transition: color 250ms cubic-bezier(.4,.0,.23,1);}
*/
.carousel-control  { width: 4%;}
.carousel-control.left,.carousel-control.right {margin-left:15px;background-image:none;}
@media (max-width: 767px) {
/*.carousel-inner .active.left { left: -100%; }
.carousel-inner .next        { left:  100%; }
.carousel-inner .prev		 { left: -100%; } */
/*.active > div { display:none; }*/
.active > div:first-child { display:block; }
.mart4{margin-top:1px !important;}
.mart4 >.rated{top:0px !important; border:1px solid red;}
}
@media (min-width: 767px) and (max-width: 992px ) {
/*.carousel-inner .active.left { left: -50%; }
.carousel-inner .next        { left:  50%; }
.carousel-inner .prev		 { left: -50%; } */
/*.active > div { display:none; }
.active > div:first-child { display:block; }*/
.active > div:first-child + div { display:block; }
}
@media (min-width: 992px ) {
/*.carousel-inner .active.left { left: -16.7%; }
.carousel-inner .next        { left:  16.7%; }
.carousel-inner .prev		 { left: -16.7%; }*/
.modal-dialog {margin: 5.25rem auto 1rem auto !important;}
}
.microbanner {
    /* IE10+ */
    background-image: -ms-linear-gradient(top, #672b4d 0%, #568419 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #672b4d 0%, #568419 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #672b4d 0%, #568419 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #672b4d), color-stop(100, #568419));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #672b4d 0%, #568419 100%);
    /* W3C Markup */
    background-image: linear-gradient(to bottom, #672b4d 0%, #568419 100%);
}
.micro_cont_mart0{margin-top:0px;}
.microbannerbottom{padding-bottom:30px;}
.microbannerbg{background-image: url("../../images/NewIsaras/micro-banner.png"); background-repeat: no-repeat; width:100%; height:250px;background-position: center;background-color: #323232;}
.pdhborder{border-bottom: 1px solid #ededed;padding-top: 20px;/*position: relative;*/margin-left: 15px;margin-right: 15px; margin-bottom:20px;}
.BackwardHistory {
    float: left;
    margin: 2px 10px 6px 0px;
    cursor: pointer;
    font-size: 22px;
    color: #104c8a !important;
    position: relative;
}
.BWHHeading {color: #4D4D4D !important;position: absolute;bottom: 2px;left: 40px;}
.BackwardHistory2{width:30px; float:left; margin:3px 0px 0px 0px; cursor:pointer; font-size: 22px; color: #fff;}
.cdheading{width:80%; float:left;}
#alert{background:#fff;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s; border-radius:8px;}
.affix#alert{position:fixed;top:90px;background:#fff;}

.pdlis ul{margin-bottom:20px !important; padding:0px !important; margin-left:6px;}
.pdlist li {color:#cccccc; line-height:26px; font-size:20px;}
.pdlist li span{color:#666666; font-size:14px;}
.pdlist li span:hover{color:#e88020;}

.pdth .table-bordered > thead > tr > th{border-bottom-width:1px !important; background-color:#f2f2f2;color:#4d4d4d;font-size:16px;}
.pdth .table{margin-bottom: 0px !important;}
.table-striped tr > td{border:none !important; padding:10px 0px 10px 10px !important;}
.pccontainer{border:1px solid #cccccc;padding:16px; margin-bottom:20px;}
.pccontainer table{margin-bottom:0px !important;}


.progress {border-radius: 20px;height:8px;margin: 7px 0px 0px;}
.skill-name {text-transform: uppercase;margin-left: 10px;padding-left: 10px;padding-top: 2.5px;float: left;}
.progress .progress-bar, .progress .progress-bar.progress-bar-default {background-color: #46a546;}
.progress .progress-bar {animation-name: animateBar;animation-iteration-count: 1;animation-timing-function: ease-in;animation-duration: 1.0s;}
@keyframes animateBar {
0% {transform: translateX(-100%);}
100% {transform: translateX(0);}
}

.cartcount{border-radius: 4px;padding: 2px 4px;background-color: #e88020;color: #fff;font-size: 11px; margin-right:8px;}

.wizard .nav-tabs {position: relative;margin:0px auto;margin-bottom: 0 !important;border:none;text-align:center;}
.wizard > div.wizard-inner {position: relative;}
.connecting-line {height: 2px;background: #e0e0e0;position: absolute;width:75%;margin: 0 auto;left: 0;right: 0;top:26%;z-index: 1;}
.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {color: #555555 !important;cursor: default;border: 0;border-bottom-color: transparent;padding: 0px;}
.wizard .wizard-inner h1{color:#000; margin: 0px auto 20px auto; z-index: 4;display: inline-block;position: relative;font-size: 14px;white-space: nowrap;right: 4px;margin-top: 42px;}

.wizard,.input-group {margin:0 auto;}
span.round-tab {
    display: table-cell;
    border-radius: 5px;
    background: #eee;
    z-index: 2;
    text-align: center;
    /*padding: 10px 20px;*/
    width: 110px;
    height: 60px;
    vertical-align: middle;
}
span.round-tab i{color:#f2f2f2; font-size:20px;}
.wizard li.active span.round-tab {
    background: #008fb4;
    color: #fff;
}
.wizard li.active span.round-tab i{color: #fff; font-size:20px;}
/*span.round-tab:hover {
    color: #fff;
    background-color: #008fb4;
}*/
.wizard .nav-tabs > li {
    width: 20%;
    display: inline-block;
}
.wizard li:after {content: " ";position: absolute;left: 47%;opacity: 0;margin: 0 auto;bottom: 0px;border: 5px solid transparent;border-bottom-color: #e88020;transition: 0.1s ease-in-out;}
.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 45.5%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #008fb4;
    display:none;
}
.wizard .nav-tabs > li a {
    margin: 0px auto 20px auto;
    border-radius: 0;
    padding: 0;
    display: table;
}
.wizard .nav-tabs > li a:hover {background: transparent; padding: 0px; color: #3a3a3a !important;}
.wizard .tab-pane {
    position: relative;
    background-color: #f5f4f4;
}
.wizard h3 {margin-top: 0;}

.wizard .inpwidth input{width:56px; width:56px; text-align:center; margin: 0 auto !important;color: #000;}
.wizard .table > thead > tr > th{border-bottom: 1px solid #e6e6e6 !important; color:#808080; font-size:13px; font-weight:normal; padding:12px 14px;}
.wizard .table > tbody > tr > td{padding:14px 12px 4px; border-bottom: 1px solid #e6e6e6;}
.wizard .media > .float-left{margin-right: 10px; padding-right:0px;}
.wizard .thumbnail{padding: 0px; margin-bottom:10px;border-radius: 2px; border:1px solid #e6e6e6;}
.wizard .table-hover > tbody > tr:hover{background-color: #fbfbfb;}
.wizard .table > tfoot > tr > td{border-top: 1px solid #e6e6e6; padding: 14px 12px 4px;}
.wizard .table > tfoot > tr > td {border-top:none;}
.wizard .footer {
    padding: 10px 0px !important;
    background-color: #f5f4f4;
    position: relative !important;
    line-height: 18px;
    text-align: center;
    border-top: none;
}
.wizard .footer ul{margin-bottom:0px !important; display: inline-block;}
.wizard .footer ul li{float: left;margin-right: 10px;}
.mycartImg {width: 78px;height: 48px;margin-right: 5px;}
.mycartImg img{width:100%; height:100%;}
.bbottom {border-bottom:1px solid #e6e6e6;}
/*.wizheading { color:#808080;
    font-size: 12px;
    font-weight: normal;
    
}*/
    .wizheading .thead th {
        padding: 0.50rem !important;
        font-weight: 500 !important;
        background-color: #eeeeee;
    }
    .wizheading .tbody td {
        padding: 0.50rem !important;
        border-bottom: 1px solid #dee2e6 !important;
        border-top: 1px solid transparent !important;
        font-size:13px;
    }


.wizard .radio-info input[type="radio"]:checked + label::before {
    border-color: #104c8a;
}
.wizard .radio-info input[type="radio"]:checked + label::after {
    background-color: #104c8a;
}
.wizard  input:valid ~ label{/*color:#808080;*/ font-size:14px;    display: inline-block;}
/*.wizard .radio, .checkbox{margin-bottom:11px;}*/
.wizard  .stylish-input-group .input-group-addon {background:#672b4d !important;border: none;}
.wizard .stylish-input-group button{color:#fff; font-size:12px;}
.wizard .stylish-input-group .form-control{border:none;}
.wizard .form-control{height: 34px; font-size: 12px;}
.cartdelete{float: right; margin-left:10px;}

@media( max-width : 585px ) {
/*.wizard {width: 90%;height: auto !important;}*/
span.round-tab {padding:2px 6px;display: table-cell;border-radius: 5px; z-index: 2;vertical-align: middle;text-align: center;font-size: 15px;background: #eee;}
.wizard .nav-tabs > li a {width: 62px;}
.wizard li.active:after {content: " ";position: absolute;left: 43%;}
}

.tabhead{margin-bottom:20px;border-bottom: 1px solid #e6e6e6;padding-bottom: 30px; color:#808080;}

.wizard .sdcontainer {
    /*background-color: #f6f6f6;*/
    width: 70%;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
    .wizard .sdcontainer .heading {
        border-bottom: 1px solid #e6e6e6;
        color: #000;
        margin-bottom: 10px;
    }
.wizard .sdcontainer .radio{padding-left: 0px;}

.wizard .ordertotal {
    /*display: inline-block;*/
}
.wizard .ordertotal1 {
    display: inline-block;
}
.breakword {
    word-break: break-all;
}
.wizard .ordertotal ul {
    list-style-type: none;
    margin: 0px !important;
    padding: 0px !important;
    margin-bottom: 10px !important;
}
    .wizard .ordertotal li {
        display: flex;
        text-decoration: none;
        padding-bottom: 5px;
    }
.wizard .ordertotal .footer {
    background-color: #104c8a;
    padding: 10px;
    border-radius: 4px;
    color: #fff !important;
    z-index: 1;
}
.wizard .ordertotal .footer .rupee{color:#fff !important;}

#complete .wizard .ordertotal .footer {
    padding: 10px;
}

.ordersummary {border: 1px solid #ddd;overflow: hidden;border-radius: 4px; min-height:140px; margin-bottom:20px;}
.ordersummary .heading{color: #000;font-size: 19px;text-align: left;padding:10px 15px;}
.ordersummary .bottom{color: #000 !important;font-size: 20px;text-align: right;margin: 0px 0px 10px;padding:6px 14px 25px;border-top: 1px solid #b3b3b3;margin-bottom: 20px;}
.ordersummary .bottom .rupee{color: #000 !important;}
.wizard .cardname{margin-top:45px;}


.checkbox {padding-left: 20px; }
.checkbox label {display: inline-block;vertical-align: middle;position: relative;padding-left: 5px; }
.checkbox label::before {content: "";display: inline-block;position: absolute;width: 17px;height: 17px;left: 0;margin-left: -20px;border: 1px solid #cccccc;border-radius: 3px;background-color: #fff;-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox label::after {display: inline-block;position: absolute;width: 16px;height: 16px;left: 0;top: 0;margin-left: -20px;padding-left: 3px;padding-top: 1px;font-size: 11px;color: #555555; }
.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {opacity: 0;z-index: 1;cursor: pointer;}
.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px; }
.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {font-family: "FontAwesome";content: "\f00c";}
.checkbox input[type="checkbox"]:indeterminate + label::after,
.checkbox input[type="radio"]:indeterminate + label::after {display: block;content: "";width: 10px;height: 3px;background-color: #555555;border-radius: 2px;margin-left: -16.5px;margin-top: 7px;}
.checkbox input[type="checkbox"]:disabled,
.checkbox input[type="radio"]:disabled {cursor: not-allowed;}
.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before {background-color: #eeeeee;cursor: not-allowed; }
.checkbox.checkbox-circle label::before {border-radius: 50%; }
.checkbox.checkbox-inline {margin-top: 0;}

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {background-color: #337ab7;border-color: #337ab7; }
.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {background-color: #d9534f;border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {background-color: #5bc0de;border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {background-color: #f0ad4e;border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {background-color: #5cb85c;border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {color: #fff;}

.checkbox-primary input[type="checkbox"]:indeterminate + label::before,
.checkbox-primary input[type="radio"]:indeterminate + label::before {background-color: #337ab7;border-color: #337ab7;}

.checkbox-primary input[type="checkbox"]:indeterminate + label::after,
.checkbox-primary input[type="radio"]:indeterminate + label::after {background-color: #fff;}

.checkbox-danger input[type="checkbox"]:indeterminate + label::before,
.checkbox-danger input[type="radio"]:indeterminate + label::before {background-color: #d9534f;border-color: #d9534f;}

.checkbox-danger input[type="checkbox"]:indeterminate + label::after,
.checkbox-danger input[type="radio"]:indeterminate + label::after {background-color: #fff;}

.checkbox-info input[type="checkbox"]:indeterminate + label::before,
.checkbox-info input[type="radio"]:indeterminate + label::before {background-color: #5bc0de;border-color: #5bc0de;}

.checkbox-info input[type="checkbox"]:indeterminate + label::after,
.checkbox-info input[type="radio"]:indeterminate + label::after {background-color: #fff;}

.checkbox-warning input[type="checkbox"]:indeterminate + label::before,
.checkbox-warning input[type="radio"]:indeterminate + label::before {background-color: #f0ad4e;border-color: #f0ad4e;}

.checkbox-warning input[type="checkbox"]:indeterminate + label::after,
.checkbox-warning input[type="radio"]:indeterminate + label::after {background-color: #fff;}

.checkbox-success input[type="checkbox"]:indeterminate + label::before,
.checkbox-success input[type="radio"]:indeterminate + label::before {background-color: #5cb85c;border-color: #5cb85c;}

.checkbox-success input[type="checkbox"]:indeterminate + label::after,
.checkbox-success input[type="radio"]:indeterminate + label::after {background-color: #fff;}

/*.radio {padding-left: 20px; }*/
.radio label {display:initial;vertical-align:top;position: relative;}
.radio label::before {cursor:pointer;content: "";display: inline-block;position: absolute;width: 16px;height: 16px;left: 0;top: 3px;margin-left: -21px;border: 1px solid #cccccc;border-radius: 50%;background-color: #fff;-webkit-transition: border 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out;transition: border 0.15s ease-in-out; }
.radio label::after {cursor:pointer;display: inline-block;position: absolute;content: " ";width: 8px;height: 8px;left: 4px;top: 7px;margin-left: -21px;border-radius: 50%;background-color: #555555;-webkit-transform: scale(0, 0);-ms-transform: scale(0, 0);-o-transform: scale(0, 0);transform: scale(0, 0);-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);}
.radio input[type="radio"] {opacity: 0;z-index: 1;cursor: pointer;height:25px;width:25px;}
.radio input[type="radio"]:focus + label::before {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px; }
.radio input[type="radio"]:checked + label::after {-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1); }
.radio input[type="radio"]:disabled {cursor: not-allowed;}
.radio input[type="radio"]:disabled + label {opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before {cursor: not-allowed; }
.radio.radio-inline {margin-top: 0; }

.radio-primary input[type="radio"] + label::after {background-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::before {border-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::after {background-color: #337ab7; }

.radio-danger input[type="radio"] + label::after {background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {background-color: #5cb85c; }

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {font-family: 'FontAwesome';content: "\f00c"; }
input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {color: #fff; }
input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {color: #fff; }

a:focus, a:hover, a:active {outline: 0;text-decoration: none;/*border-color: #672b4d;*/}

.panel {border:none; box-shadow:none;}
.panel:last-child {border-bottom: none;}
.panel-group .panel {margin-bottom:10px; border-radius:4px;}
.panel-group .panel + .panel {margin-top: 0;}
.panel-heading {background-color: #fff;border-radius:4px;border:1px solid #d4d4d4;padding: 0;-webkit-box-shadow: 0px 2px 3px 0px rgba(117,117,117,0.33);-moz-box-shadow: 0px 2px 3px 0px rgba(117,117,117,0.33);box-shadow: 0px 2px 3px 0px rgba(117,117,117,0.33);cursor:pointer;transition: -webkit-transform .3s, box-shadow .3s, opacity .3s;box-shadow: 0 0 0 0 rgba(0,0,0,.1);-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.1);}
.panel-heading:hover{z-index:10;-webkit-transform: translateY(-2px);transform: translateY(-2px);box-shadow: 0 20px 20px rgba(0,0,0,.1);-moz-box-shadow: 0 20px 20px rgba(0,0,0,.1);-webkit-box-shadow: 0 20px 20px rgba(0,0,0,.1);animation-duration: 2s;animation-name: fadeUp;}
.panel-title a {display: block;padding:15px 15px 0 15px;position: relative;font-size: 14px; background-color:#fff;border-radius:4px;}
.panel-body {background: #fff; border: none !important;padding:15px; /*-webkit-box-shadow: 3px 0px 10px 1px rgba(117,117,117,0.33); -moz-box-shadow: 3px 0px 10px 1px rgba(117,117,117,0.33); box-shadow: 3px 0px 10px 1px rgba(117,117,117,0.33);*/}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group{border: none !important;}
.panel:last-child .panel-heading.active {border-radius: 4px; transition: border-radius linear 0s;}
/* #bs-collapse icon scale option */
.panel-heading a:before {content: '\e146'; position: absolute; font-family: 'FontAwesome'; right: 15px; top: 10px; font-size: 24px; transition: all 0.5s; transform: scale(1);}
.panel-heading.active a:before {content: ' '; transition: all 0.5s; transform: scale(0);}
#bs-collapse .panel-heading a:after {content: ' '; font-size: 24px; position: absolute; font-family: 'FontAwesome'; right: 15px; top: 10px; transform: scale(0); transition: all 0.5s;}
#bs-collapse .panel-heading.active a:after {content: '\e909'; transform: scale(1); transition: all 0.5s;}
/* #accordion rotate icon option */
#accordion .panel-heading a:before {
    content: '\f107';
    font-size: 24px;
    position: absolute;
    font-family: 'FontAwesome';
    right: 15px;
    top: 20px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: all 0.5s;
    color: #104c8a;
}
#accordion .panel-heading.active a:before {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: all 0.5s;
    color: #104c8a;
}
.panel .active .panel-title a {background-color: #f3f3f3;}
.btn-success {
    color: #fff;
    background-color: #00AFBE !important;
    border-color: #00AFBE !important;
    font-size: 14px;
}
    .btn-success:hover {
        color: #fff;
        background-color: #00AFBE !important;
        border-color: #00AFBE !important;
    }
    .btn-success:focus, .btn-success.focus {
        box-shadow: 0 0 0 0.2rem #00afbe7d;
    }
button:focus {
    box-shadow: 0 0 0 0.2rem #00afbe80;
}
.btn-failure {
    color: #fff;
    background-color: #F5821E;
    border-color: #F5821E;
}
    .btn-failure:hover {
        color: #fff;
        background-color: #F5821E;
        border-color: #F5821E;
    }

.certificate .panel {border:none; box-shadow:none;}
.certificate .panel:last-child {border-bottom: none;}
.certificate .panel-group .panel {margin-bottom:20px; border-radius:6px;}
.certificate .panel-group .panel + .panel {margin-top: 0;}
.certificate .panel-heading {background-color: #fff;border-radius: 0;border: none;padding: 0;-webkit-box-shadow: 3px 4px 20px -6px rgba(117,117,117,0.33);-moz-box-shadow: 3px 4px 20px -6px rgba(117,117,117,0.33);box-shadow: 3px 4px 20px -6px rgba(117,117,117,0.33);border-radius:6px;}
.certificate .panel-title a {display: inline;padding:15px;position: relative;font-size: 14px; margin-top:4px;}
.certificate .panel-body {background: #fff; border: none !important;border-radius:0px 0px 6px 6px; -webkit-box-shadow: 3px 4px 20px -6px rgba(117,117,117,0.33); -moz-box-shadow: 3px 4px 20px -6px rgba(117,117,117,0.33); box-shadow: 3px 4px 20px -6px rgba(117,117,117,0.33);}
.certificate .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group{border: none !important;}
.certificate .panel:last-child .panel-heading.active {border-radius: 0; transition: border-radius linear 0s;}
/* #bs-collapse icon scale option */
.certificate .panel-heading a:before {content: '\e146'; position: absolute; font-family: 'FontAwesome'; right:7px !important; top:2px !important; font-size: 24px; transition: all 0.5s; transform: scale(1);}
.certificate .panel-heading.active a:before {content: ' '; transition: all 0.5s; transform: scale(0);}
.certificate #bs-collapse .panel-heading a:after {content: ' '; font-size: 24px; position: absolute; font-family: 'FontAwesome'; right: 15px; top: 10px; transform: scale(0); transition: all 0.5s;}
.certificate #bs-collapse .panel-heading.active a:after {content: '\e909'; transform: scale(1); transition: all 0.5s;}
/* #accordion rotate icon option */
.certificate #accordion .panel-heading a:before {content: '\f107'; font-size: 24px; position: absolute; font-family: 'FontAwesome'; right: 15px; top: 10px; transform: rotate(-90deg); transition: all 0.5s;color:#672b4d;}
.certificate #accordion .panel-heading.active a:before {transform: rotate(0deg);transition: all 0.5s;color:#666;}
.certificate .panel .active .panel-title a{background-color:#fff;border-radius: 0px;}
.certificate .pad15{padding:15px;}

.loading{background-color:#000; opacity:0.5;}
.size{position:absolute; top:44%; left:47%;}
.PopUpLoadingsize{position:absolute; top:50%; left:50%;}
.PopUpLoadingsize img{width:20%;}
.size img{width:20%;}

/*Custome Css section*/
.handIcon {cursor : pointer;text-decoration:none !important;}
.default_cursor {cursor:default;}
.text-color {color: #ff0000 !important;font-size:12px;display: block;}
.hilight {border-bottom-color: #ff0000 !important;}

.warpopupwidth .modal-dialog {width:auto;}

/*css for desktops here*/

@media (max-device-width: 1024px) {
/*IPad portrait AND netbooks, AND anything with smaller screen*/
/*make the design flexible if possible */
/*Structure your code thinking about all devices that go below*/
.sb-search.sb-search-open, .no-js .sb-search {
    width: 100%;
}
.m_padlr10 {padding-left:0px; padding-right:0px;}
.profooterleft {font-size: 12px;padding:10px;}
.profooterright {font-size: 12px;padding: 10px;}
.procontainer {padding:10px; margin-bottom: 0px;}
.courvercontainer{height: 140px;}
.fwidth50 {width:50% !important;}
.width50 {width:50%;}
.microsite_searchbox {width: 100%;}
.rupee .fa-inr {font-size: 12px;margin-right: 2px;}
.rupee {font-size: 13px !important;}
.text4 {margin-left: 2px;}
.radio {padding-left: 0px !important; left: -15px; }
}
@media (max-device-width: 1023px) {
.input-group-btn-incrm {display: none;}
}
@media (max-device-width: 962px) {
.wizard .cardname {margin: 0% 0% 0% 1%;}
.wizard .sdcontainer {width: 80%;}
.ordersummary {margin: 20px 10px;width: 97%;}
}
@media (min-width: 768px){
/*.container {width: 96%;}*/
.warpopupwidth .modal-dialog {width: 500px;}
}
@media (max-width: 768px){
.affix#alert {position: relative;top: 0px;}
.unrated {font-size: 12px;}
.rated {font-size: 12px;}
.mw50{flex: 0 0 50% !important; max-width: 50% !important;}
}
@media only screen and (min-width:360px) and (max-width:1163px) {
.profooter .button1{padding: 5px 4px;font-size: 13px;}
.pwidth33f {flex: 0 0 50% !important;max-width: 50% !important;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.pwidth33 {flex: 0 0 50% !important;max-width: 50% !important;}
}
@media only screen and (max-width: 767px) and (min-width: 481px)  {
.pwidth50 {width:50%;}
.sb-search.sb-search-open, .no-js .sb-search {width:100%;}
.exlogo {text-align:center;}
footer .opacity{font-size:10.4px; margin-bottom:10px; text-align:center;}
/*.carousel-inner {min-height: 360px;margin-bottom:70px;}*/
.mycartImg, .UPnone{display:none;}
.text38 {font-size: 12px;line-height: 14px;}
.wizheading {font-size: 12px;line-height: 12px;}
.text44 {display: initial;}
.cartdelete{position: relative;margin-top:0px;float: right;}
span.round-tab {font-size: 12px;padding: 2px 14px;height:50px;}
.wizard .nav-tabs > li a {width: 62px;}
.ordersummary {margin: 20px 0px;}
.wizard .cardname {margin: 0%;}
#headermenu .dropdown-menu{min-width:170px;font-size: 12px; left:-205px;}
#headermenu .dropdown-menu > li > a{padding: 10px 10px;font-size: 12px;}
.text32{font-size: 14px;}
}


@media (max-device-width: 640px) {
 /*Iphone portrait and smaller*/
 .header-float-panel_inner .logo{height: 36px; margin: 10px 0px 0px 10px;}
.logo {height:36px; margin: 10px 0px 0px 10px;}
.text6 {font-size: 24px;padding: 60px 0px 10px;line-height: 24px;}
.text7 {width:100%;}
.imaginary_container {width: 85%;}
.modal-container {width: 100%;}
.text8 {font-size: 14px;}
.text9 {padding:8px 50px;font-size: 14px;margin-bottom: 110px;}
.sidenav a {font-size: 13px;}
.ocs .texta,.ocs .textb {font-size: 20px;}
.exlogo {text-align:center;}
footer .opacity{font-size:10.4px; margin-bottom:0px; text-align:center; padding-top:5px;}
.exlogo img {padding-top: 1px; }
.ocsproimg {text-align:center;}
/*.carousel-inner {min-height: 360px;margin-bottom:70px;}*/
.closebtn a {font-size: 26px !important;}
.profileimg {margin-bottom: 10px;}
.text21 {font-size: 16px;}
.m_padlr10 {padding-left:0px; padding-right:0px;}
.m_width100 {width:100%;display: block;}
.m_hide {display:none;}
.pccontainer {border: 1px solid #cccccc;border-radius: 4px;padding: 2px 9px 6px;}
.w32 {font-size: 12px;}
.ocs_innerpage {margin:10px 0px 10px;}
.sb-icon-search {font-size: 16px;}
.text29 {font-size:16px; margin-bottom:10px;}
.microsite_searchbox {width: 100%;}
.wizard .sdcontainer{width:100%;}
.mycartImg, .UPnone{display:none;}
.text38 {font-size: 12px;line-height: 14px;}
.wizheading {font-size: 12px;line-height: 12px;}
.text44 {/*display: initial;*/font-size: 12px !important;}
.cartdelete{position: relative;margin-top:0px;float: right;}
span.round-tab {font-size: 12px;padding: 2px 14px;}
.wizard .nav-tabs > li a {width:62px;}
.ordersummary {margin: 20px 0px;}
.wizard .cardname {margin: 0%;}
#headermenu .dropdown-menu{min-width:170px;font-size: 12px; left:-205px;}
#headermenu .dropdown-menu > li > a{padding: 10px 10px;font-size: 12px;}
.text32{font-size: 14px;}
.ordersummary {width: 100%;}
/*.CatalogOverlay {margin-top: 56px;}*/
.BackwardHistory2{margin: 4px 0px 10px 0px;}
.tumhide {display: none;}
.mw50{flex: 0 0 50% !important; max-width: 50% !important;}
}
@media (max-device-width: 540px) {
 /*Smaller and smaller...*/
.header-float-panel_inner .logo{height: 36px; margin: 10px 0px 0px 10px;}
.logo {height: 36px; margin: 10px 0px 0px 10px;}
.text6 {font-size: 24px;padding: 60px 0px 10px;line-height: 24px;}
.text7 {width:100%;}
.imaginary_container {width: 85%;}
.modal-container {width: 100%;}
.text8 {font-size: 12px;}
.text9 {padding:8px 50px;font-size: 14px;margin-bottom: 110px;}
.sidenav a {font-size: 13px;}
.ocs .texta,.ocs .textb {font-size: 20px;}
.exlogo {text-align:center;}
footer .opacity{font-size:11px; margin-bottom:10px; text-align:center;}
.ocsproimg {text-align:center;}
/*.carousel-inner {min-height: 360px;margin-bottom: 20px;}*/
.closebtn a {font-size: 26px !important;}
.profileimg {margin-bottom: 10px;}
.text21 {font-size: 16px;}
.m_padlr10 {padding-left:0px; padding-right:0px;}
.m_padt6 {padding:0px 0px 0px 0px;}
.m_width100 {width:100%;display: block;}
.m_hide {display:none;}
.pccontainer {border: 1px solid #cccccc;border-radius: 4px;padding: 2px 9px 6px;}
.w32 {font-size: 12px;}
.ocs_innerpage {margin:10px 0px 10px;}
.sb-icon-search {font-size: 16px;}
.text29 {font-size:16px; margin-bottom:10px;}
.microsite_searchbox {width: 100%;}
.wizard .sdcontainer{width:100%;}
.mycartImg, .UPnone{display:none;}
.text38 {font-size: 12px;line-height: 14px;}
.wizheading {font-size: 12px;line-height: 12px;}
.cartdelete{position: relative;margin-top: 10px;float: right;}
span.round-tab {font-size: 12px; padding: 2px 6px;}
.wizard .nav-tabs > li a {width:62px;}
.ordersummary {margin: 20px 0px;}
.wizard .cardname {margin: 0%;}
#headermenu .dropdown-menu{min-width:170px;font-size: 12px; left:-205px;}
#headermenu .dropdown-menu > li > a{padding: 10px 10px;font-size: 12px;}
.text32{font-size: 14px;}
/*.CatalogOverlay {margin-top: 56px;}*/
.BackwardHistory2{margin: 4px 0px 10px 0px;}
.mw33{flex: 0 0 33.333333% !important; max-width: 33.333333% !important;}
.mw50{flex: 0 0 50% !important; max-width: 50% !important;}
.tumhide {display:none;}
}


@media (max-device-width: 480px) {
.header-float-panel_inner .logo{height:36px; margin: 10px 0px 0px 10px;}
#headermenu .nav > li > a .icons {width: 22px;height: 22px;font-size: 22px;}
#headermenu .nav > li > a {padding:15px 4px;}
.cart{font-size: 22px;}
.loginbt {margin: 6px 0px 0px 0px;}
.logo {height:36px; margin: 10px 0px 0px 10px;}
.text6 {font-size: 24px;padding: 60px 0px 10px;line-height: 24px;}
.text7 {width:100%;}
.imaginary_container {width: 85%;}
.modal-container {width: 100%;}
.text8 {font-size: 12px;}
.text9 {padding:8px 50px;font-size: 14px;margin-bottom: 110px;}
.sidenav a {font-size: 13px;}
.ocs .texta,.ocs .textb {font-size: 20px;}
.exlogo {text-align:center;}
footer .opacity{font-size:11px; margin-bottom:10px; text-align:center;}
.ocsproimg {text-align:center;}
/*.carousel-inner {min-height: 360px;margin-bottom: 50px;}*/
.closebtn a {font-size: 26px !important;}
.profileimg {margin-bottom: 10px;}
.text21 {font-size: 16px;}
.m_padlr10 {padding-left:0px; padding-right:0px;}
.m_padt6 {padding:0px 0px 0px 0px;}
.m_width100 {width:100%;display: block;}
.m_hide {display:none;}
.pccontainer {border: 1px solid #cccccc;border-radius: 4px;padding: 2px 9px 6px;}
.w32 {font-size: 12px;}
.ocs_innerpage {margin:10px 0px 10px;}
.sb-icon-search {font-size: 16px;}
.fwidth50 { width:100% !important; }
.text19hide {display:none;}
.text18 {margin: 0px 4px 20px 0px; }
.text29 {font-size:16px; margin-bottom:10px;}
.microsite_searchbox {width: 100%;}
.cartcount {bottom:26px;}
.wizard .sdcontainer{width:100%;}
.mycartImg, .UPnone{display:none;}
.text38 {font-size: 12px;line-height: 14px;}
.wizheading {font-size: 12px;line-height: 12px;}
.cartdelete{position: relative;margin-top: 10px;float: right;}
span.round-tab {font-size: 10px;    padding: 2px 0px; height:38px;}
.wizard .nav-tabs > li a {width:62px;}
.ordersummary {margin: 20px 0px;}
.wizard .cardname {margin: 0%;}
#headermenu .dropdown-menu{min-width:170px;font-size: 12px;}
#headermenu .dropdown-menu > li > a{padding: 10px 10px;font-size: 12px;}
.text32{font-size: 14px;}
.imaginary_container,.input-group .form-control {display: table-cell;}
/*.wizard .input-group-addon,.input-group-btn, .input-group .form-control {display: inline;}*/
.spinnerClass{width:42px !important; border-radius: 4px !important;}
/*.CatalogOverlay {margin-top: 56px;}*/
.BackwardHistory2{margin: 4px 0px 10px 0px;}
}
@media (max-device-width: 320px) {
 /*IPhone portrait and smaller. You can probably stop on 320px*/
.header-float-panel_inner .logo{width: 33px;height: 36px; margin: 10px 0px 0px 10px;}
.navicon {margin-top: 16px;}
#headermenu .nav > li > a .icons {width: 22px;height: 22px;font-size: 22px;}
#headermenu .nav > li > a {padding:15px 4px;}
.cart{font-size: 22px;}
.loginbt {margin: 6px 0px 0px 0px;}
.logo {width: 33px;height: 36px; margin: 10px 0px 0px 10px;}
.text6 {font-size: 24px;padding: 60px 0px 10px;line-height: 24px;}
.text7 {width:100%;}
.imaginary_container {width: 85%;}
.modal-container {width: 100%;}
.text8 {font-size: 12px;}
.text9 {padding:8px 50px;font-size: 14px;margin-bottom: 110px;}
.sidenav a {font-size: 13px;}
.ocs .texta,.ocs .textb {font-size: 20px;}
.exlogo {text-align:center;}
footer .opacity{font-size:11px; margin-bottom:10px; text-align:center;}
.ocsproimg {text-align:center;}
/*.carousel-inner {min-height: 360px;margin-bottom: 50px;}*/
.closebtn a {font-size: 26px !important;}
.profileimg {margin-bottom: 10px;}
.text21 {font-size: 16px;}
.m_padlr10 {padding-left:0px; padding-right:0px;}
.m_padt6 {padding:0px 0px 0px 0px;}
.m_width100 {width:100%;display: block;}
.m_hide {display:none;}
.pccontainer {border: 1px solid #cccccc;border-radius: 4px;padding: 2px 9px 6px;}
.w32 {font-size: 12px;}
.ocs_innerpage {margin:10px 0px 10px;}
.sb-icon-search {font-size: 16px;}
.text14 {font-size: 16px; margin-left: 0px;}
.sb-search.sb-search-open, .no-js .sb-search {width:100%;}
.sb-icon-search, .sb-search-submit {}
.fwidth50 { width:100% !important; }
.text19hide {display:none;}
.text18 {margin: 0px 4px 20px 0px; }
.text29 {font-size:16px; margin-bottom:10px;}
.microsite_searchbox {width: 100%;}
.cartcount {bottom:28px;}
.wizard .sdcontainer{width:100%;}
.mycartImg, .UPnone{display:none;}
.text38 {font-size: 12px;line-height: 14px;}
.wizheading {font-size: 12px;line-height: 12px;}
.cartdelete{position: relative;margin-top:3px;float: right;}
span.round-tab {font-size: 12px;}
.wizard .nav-tabs > li a {width:62px;}
.ordersummary {margin: 20px 0px;}
.wizard .cardname {margin: 0%;}
#headermenu .dropdown-menu{min-width:170px;font-size: 12px; left:-205px;}
#headermenu .dropdown-menu > li > a{padding: 10px 10px;font-size: 12px;}
.text32{font-size: 14px;}
/*.wizard .input-group-addon, .input-group-btn, .input-group .form-control {display: inline;}*/
.spinnerClass{width: 62px !important; border-radius: 4px !important;}
/*.CatalogOverlay {margin-top: 56px;}*/
.BackwardHistory2{margin: 4px 0px 10px 0px;}
}


#myBtn {display: none;position: fixed;bottom:80px;right: 10px;z-index:101;border: none;outline: none;background-color: #bfbfbf;color: #fff;cursor: pointer;padding:7px;border-radius:50%;-webkit-border-radius:50%;/*-webkit-animation: bounce 2s ease infinite;  animation: bounce 2s ease infinite;*/ font-size:14px; font-weight: bold; transition: 0.3s;width: 30px; height: 30px;}
#myBtn:hover {background-color: #f05b01;color:#fff;transition: 0.3s;/*animation: bounce 3s ease-in-out;*/}
.flexbox-item {display: -webkit-flex;display: -ms-flexbox;display: flex;}
/*.btnEnrolled {border-radius: 30px;padding: 5px 20px !important;background-color: #ddd;border: 1px solid #808080;color: #333; cursor: pointer; display: inline-block;text-decoration: none !important;transition: 0.3s;/* width: 104px; }
.btnEnrolled:hover {background-color: #777 !important;border: 1px solid #777 !important;color: #ffffff;text-decoration: none !important;text-decoration: none !important;}*/
.radiobtalign{padding-top:8px;}
.spinnerClass{width: 42px;height:34px;font-size: 14px;padding: 10px 10px 10px 5px;display: block;border: 1px solid #ccc;margin: 0px !important;}
.input-group-btn-incrm {width: 25%;}
.custom_close{right:0!important;position: relative;bottom: 3px;}
.alert-dismissable, .alert-dismissible {padding-right: 15px;}
.alert {padding: 10px 15px;}


.btn-align{border-radius: 30px;padding: 8px 50px;background-color: #672b4d;border: 1px solid #672b4d;color: #ffffff !important;cursor: pointer;display: inline-block;text-decoration: none !important;transition: 0.3s;font-size: 16px;}
.btn-align:hover{background-color: #e88020; border: 1px solid #e88020; color: #ffffff !important; text-decoration:none !important;}

/*@media not all and (min-resolution:.001dpcm) { @media
{
    .modal-container input {padding: 60px 10px 0px 5px !important;}
}}*/

/*.btn{overflow:hidden;}*/
.effect1, .effect2, .effect3, .effect4, .effect5, .effect6, .effect8{color:rgba(0,0,0, 0) !important; transition: all .3s ease;}
.effect1{text-shadow:0 0 0  #fff, 0 45px 0 #000 ;}
.effect2{text-shadow:0 0 0  #fff, 0 -45px 0 #000 ;}
.effect3{text-shadow:0 0 0  #fff, 200px 0 0 #000 ;}
.effect4{text-shadow:0 0 0  #fff, -200px 0 0 #000 ;} 
.effect5{text-shadow:0 0 0  #fff;  transition: all .5s ease;}
.effect6{text-shadow:0 0 0  #fff, 0 -45px 0 #000 ;}
.effect7{text-shadow:0 0 0  #000; transition: all .3s ease;}
.effect8{ text-shadow: 0 0 0 #fff ; transition: all .3s ease; }

.effect1:hover{ text-shadow: 0 -45px 0 #fff, 0 0 0 #000 ; }
.effect2:hover{ text-shadow: 0 45px 0 #fff, 0 0 0 #000 ;}
.effect3:hover{ text-shadow: -200px 0 0 #fff, 0 0 0 #000 ;}
.effect4:hover{ text-shadow: 200px 0 0 #fff, 0 0 0 #000 ;}
.effect5:hover{text-shadow:0 0 0  #000, -200px 0 0 rgba(255, 255, 255, .3), 200px 0 0 rgba(255, 255, 255, .3), 0 45px 0 rgba(255, 255, 255, .3) , 0 -45px 0 rgba(255, 255, 255, .3) ;}

.btn.effect7:hover{ text-shadow:-2px 8px 3px  rgba(0, 0, 0, .5);  }

.sa-minus-plus{font-size: 20px; position: relative; top: 5px; right: 2px;}
.sa-scroll {font-size:30px;}
.dropdown>.sa-cart:before {position: relative; top:8px;}
.depcl{font-size: 22px; color: #672b4d; display: flex; margin-right:6px; float:left;}

.minus {color:#e09396; font-size:18px;}
.widgets{font-size:40px;}
.widgets_enable {
    padding-right: 10px;
    float: left;
    font-size: 22px;
    color: #672b4d;
    font-weight: bold;
    position: relative;
    bottom: 5px;
}
.widgets_disable{color:#ababab;}


.war .unrated{font-size:36px;color: #ccc; cursor:pointer;}
.war .rated{font-size:36px; cursor:pointer;}
.war .sa-star-filled{font-size:36px; cursor:pointer;}
.war .hedding1{border-bottom:1px solid #ededed; padding:0px 20px 10px 20px; margin-bottom:20px; color:#c3c3c3; font-size:13px;}
.war .fa.pull-right {margin-left:0em !important;}
.war .cursorDefault {cursor :default !important}
.war .headingCourse {font-size:16px; color:#666;} 
.war textarea {resize:none;}
.war .text-color{color: red !important;}


.errortext {color:#FF0000; font-size:12px;}
.successtext {color: #008c00;font-size: 12px;}

.PRContainer{background-color:#fff; padding:20px;line-height:3rem;}
.PRContainer img {margin-bottom:20px;}
.yosuccess {
    font-size: 5em;
    color: #00ac72;
}
.yofailure{font-size:5em; color: #666;}

.DatePicker {
    cursor: pointer;
    background: url(../../../Images/IconCalendar.png) no-repeat;
    float: right;
    right: 0px;
    background-position: right;
    background-color: #fff!important;
}



/*Manthan Analytics Css*/
.leg_outer_main {
    background: #fff;
    padding: 10px 0px;
}
.legend_drop_main {
    position: relative;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    width: auto;
    float: right;
}
.leg_outer {
    background: #f5f5f5;
    padding: 4px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 0px;
    font-size: 12px;
    float: right;
    padding: 4px 10px 4px 4px;
    border: 1px solid #ddd;
}
.clr_ungrade {
    background: #9b9b9b;
}
.leg_clr {
    width: 15px;
    height: 15px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 2px;
    float: left;
    margin-right: 5px;
    margin-left: 10px;
}
.leg_intxt {
    float: left;
    margin-right: 5px;
    color: #000;
}
.clr_red {
    background-color: #c54646;
}
.clr_yel {
    background-color: #deaa4a;
}
.clr_grn {
    background-color: #49a200;
}
.clr_blu {
    background-color: #00a9a9;
}
.cust_list li {
    display: block;
    padding: 8px 10px;
    position: relative;
    margin-bottom: 5px;
}
.list_ungrade {
    background: #f5f5f5;
}
.list_weak {
    background: #f3dada;
}
.list_average {
    background: #fbeedb;
}
.list_good {
    background: #dbeccc;
}
.list_outstanding {
    background: #cdeeee;
}
.list_color {
    background: #fff;
}
/*.cust_nav {
    margin: 0 auto;
}
.cust_collapse {
    background: #f1f1f1;
    border-bottom: 1px solid #fff !important;
}*/

/*End of Manthan Analytics Css Ends*/

.cust_nav {
    margin: 0 auto;
}
.cust_collapse {
    background: #f1f1f1;
    border-bottom: 1px solid #fff !important;
}

.cust_nav li a {
    line-height: 7px;
}

.back_btn_main {
    line-height: 10px;
    font-size: 14px;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 5px;
    padding-right: 5px;
    color: #4d576e;
}

    .back_btn_main a,
    .back_btn_main span {
        color: #4d576e;
    }

.cust_nav li a {
    font-size: 15px;
    font-weight: bold;
    color: #4d576e !important;
}
.cust_nav li {
font-size:12px;
}
    .cust_nav li a:hover {
        border-bottom: 3px solid #4d576e;
    }

.cust_nav .active a {
    background-color: transparent !important;
    border-bottom: 3px solid #4d576e;
}

.hdr_title {
    color: #fff;
}

    .hdr_title h2 {
        line-height: 40px;
        font-size: 25px;
    }

.hdr_title {
    margin-top: 2px;
}

    .hdr_title strong {
    }
    .leg_outer_main_tp{
    position:absolute;
    top: 60px;
    right: 53px;
    z-index: 2;


}
.legend_drop_main {
    position: relative;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    width: auto;
    float: right;
}

.leg_outer {
    background: #f5f5f5;
    padding: 4px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 0px;
    font-size: 12px;
    float: right;
    padding: 4px 10px 4px 4px;
    border: 1px solid #ddd;
}

.lg_txt {
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin-right: 10px;
}

.leg_clr {
    width: 15px;
    height: 15px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 2px;
    float: left;
    margin-right: 5px;
    margin-left: 10px;
}

.clr_red {
    background-color: #c54646;
}

.clr_yel {
    background-color: #deaa4a;
}

.clr_grn {
    background-color: #49a200;
}

.clr_blu {
    background-color: #00a9a9;
}

.leg_intxt {
    float: left;
    margin-right: 5px;
    color: #000;
}

.clr_ln {
    clear: both;
}
.leg_outer_main{
    background: #fff;
    padding: 10px 0px;

}
.legend_drop_main:hover .drop_cont_main {
    display: block;
}
.drop_cont_main {
    position: absolute;
    right: 0;
    top: 26px;
    width: 100%;
    background: #f5f5f5;
    padding: 3px 10px;
    z-index: 999;
    /* box-shadow: 0px 2px 10px #b7b7b7; */
    display: none;
    border: 1px solid #ddd;
}
.cust_list {
    padding: 0;
    margin-top: 10px;
}
 .clr_ungrade {
    background: #9b9b9b;
}
 .divSchool_name{
     text-align:center;
     margin-bottom:20px;
 }
 .take-tst:focus, .take_test_btn:focus{
      color:#fff!important;
  }
 .list_color:before {
        content: "";
        width: 6px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
 
.list_outstanding {
    background: #cdeeee;
}

    .list_outstanding:before {
        background: #00a9a9;
    }

.list_good {
    background: #dbeccc;
}

    .list_good:before {
        background: #49a200;
    }

.list_average {
    background: #fbeedb;
}

    .list_average:before {
        background: #e9aa4a;
    }

.list_weak {
    background: #f3dada;
}

    .list_weak:before {
        background: #c54646;
    }

.list_ungrade {
    background: #f5f5f5;
}

    .list_ungrade:before {
        background: #9b9b9b;
    }
    .cust_list2 li span {
    text-transform: uppercase;
    font-weight: bold;
}
    .cust_list2 li{ font-size:12px; color:#000;}
.cust_list2 p {
margin:0px;
}
.asmt_replbl {
    font-size: 18px;
    margin-top: 8px;
}
.pad {
    padding: 0px !important;
}
.class_cont_main {
    background: #f1f1f1;
    padding: 15px 10px 10px 10px;
    margin-bottom: 10px;
    min-height: 660px;
    position: relative;
    display: inline-block;
    width: 100%;
}
.year_sel {
    margin: 0;
    padding: 15px 10px 10px 13px;
    background-color: #fff;
}
.main_below_cont {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    border: 0;
    font-size: 16px;
    background: #fff !important;
}
.main_below_cont p {
    color: #5d86cb;
}
.top_bot_main {
    padding: 0px 15px !important;
}
.take_test_btn {
    color: #ffffff;
    background-color: #1d5888;
    border-color: #1d5888;
    margin-top: 3px !important;
}
    .take_test_btn:hover {
        color: #4c566d;
    background-color: #fff;
    border-color: #4c566d;

    }
    .switch {
  position: relative;
  display: inline-block;
  width: 57px;
  height: 25px;
  margin-bottom: -5px;
  top: 0px;
  bottom: 0px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 20px;
  left: 7px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #4aa200;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
  
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.bootstrap-table .table {
    margin-bottom: 0 !important;
    border-bottom: 1px solid #dddddd;
    border-collapse: collapse !important;
    color: #808285;
    padding: 10px 0px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
.fixed-table-container {
    position: relative;
    clear: both;
    border: 1px solid #dddddd;
}
.bootstrap-table .table thead>tr>th {
    padding: 0;
    margin: 0;
    background-color: #DDD;
}
.fixed-table-container thead th .th-inner {
    padding: 8px;
    line-height: 24px;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.boot_dt_tbl tr td{
        border-top: 1px solid #ddd !important;
}
.fixed-table-pagination {
    background-color: #f1f2f2;
    border-radius: 0px 0px 5px 5px;
    color: #58595b;
}
.fixed-table-pagination .pagination, .fixed-table-pagination .pagination-detail {
    margin-top: 4px;
    margin-bottom: 4px;
    padding-left: 20px;
    padding-right: 8px;
}
.content_main {
        margin-bottom: 40px;
}
.btn:focus,.btn:active {
outline:none;
}
.class_cont_main {
    background: #f1f5f6;
    padding: 15px 10px 10px 10px;
    margin-bottom: 10px;
    min-height: 660px;
    position: relative;
    display: inline-block;
    width: 100%;
}
.main_legends {
    margin-bottom: 20px;
}
.exac_icn {
    background: #dfe8f3;
    border-radius: 30px;
    width: 46px;
    height: 46px;
    overflow: hidden;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}
.overall_thinking_main:last-child {
    border-bottom: 0px!important;
}
.overall_thinking_main:last-child {
    border-bottom: 0px!important;
}


.all_clrtext {
    color: #377cb7;
}

.main_below_cont {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    border: 0;
    font-size: 16px;
}
.overall_thinking_main {
    background: #fff;
    padding-bottom: 18px;
    /* margin-bottom: 5px; */
    border-bottom: 1px solid #bcbbbb;
    padding-top: 20px;
}

.exac_icn {
    background: #dfe8f3;
    border-radius: 30px;
    width: 46px;
    height: 46px;
    overflow: hidden;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}
.side_title {
    font-size: 22px;
    padding: 0;
    margin: 0;
}
.div_cont_main {
    border: 1px solid #b7bac2;
}
.overall_thinking_main:last-child {
    border-bottom: 0px!important;
}

.all_clrtext {
    color: #377cb7;
}

.main_below_cont {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    border: 0;
    font-size: 16px;
}

.overall_thinking_main {
    background: #fff;
    padding-bottom: 18px;
    /* margin-bottom: 5px; */
    border-bottom: 1px solid #bcbbbb;
    padding-top: 20px;
}


.exac_icn img {
    width: 100%;
    margin-right: 0px !important;
    margin-top: 13px;
    margin-left: 11px;
}
.cust_alert img {
    margin-right: -15px;
}

img {
    vertical-align: middle;
}

img {
    border: 0;
}
.main_legends tr td {
    padding-left: 8px;
    padding-right: 10px;
}

.main_legends tr td {
    padding-top: 5px;
    padding-bottom: 5px;
}
.inprog_bgclr {
    background-color: #ff7950;
}

.grade_active {
    color: #fff !important;
    background: #00808f;
    /* padding: 5px; */
}
.filter_main_top {
    padding-top: 15px;
}
.main_legends {
    margin-bottom: 20px;
}

.main_legends label {
    font-weight: normal;
    font-size: 13px;
    font-family: "Open Sans", sans-serif;
    margin: 0px;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
}
.main_legends tr td{
    padding-top:5px;
    padding-bottom:5px;
}

.main_legends tr td {
    padding-left: 8px;
    padding-right: 10px;
}

    .main_legends tr td input {
    position: relative;
    top: 2px;
    margin-right: 3px !important;
    width: auto;
    display: inline-block;
    }
.main_legends {
    margin-bottom: 20px;
}
#wrapper h2 {
    padding: 15px 0;
}

.side_title {
    font-size: 22px;
    padding: 0;
    margin: 0;
}
.comple_bgclr {
    background-color: #4aa200;
}

.inprog_bgclr {
    background-color: #ff7950;
}

.upcom_bgclr {
    background-color: #efaa4a;
}

.overdue_bgclr {
    background-color: #de4444;
}
.class_cont_main {
    background: #f1f5f6;
    padding: 15px 10px 10px 10px;
    margin-bottom: 10px;
    min-height: 660px;
    position: relative;
    display: inline-block;
    width: 100%;
}
.mar_bot_zer {
    margin-bottom: 0px !important;
}
.class_box {
    background: #fff;
    padding: 1px 15px 10px 15px;
    margin-bottom: 10px;
}
.asses_sel {
    margin: 10px 0 0 0;
    padding: 15px 10px 10px 13px;
    background-color: #fff;
}
.class_title {
    margin-top: 0;
    margin-bottom: 12px;
    font-weight: normal;
}
    .asmt_replbl {
    font-size: 17px;
    margin-top: 8px;
font-family: 'Open Sans';
}
.top_bar_main_Assessment {
    padding-left: 2px;
}
.all_clrtext {
    color: #377cb7;
}
.main_below_cont {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    border: 0;
    font-size: 16px;
}

.slice {
    position: absolute;
    float: left;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background-color: rgba(77,87,110,0.8);
    z-index: 9999;
}

.slice_load {
    margin: 0 auto;
    position: absolute !important;
    top: 48%;
    left: 48%;
    text-align: center;
}

/** Loaders.css Start**/


[data-loader] {
    margin: 8px;
}

[data-loader='ball-fade'] {
    position: relative;
    width: 15px;
    height: 15px;
    -webkit-animation: 1.2s ball-fade infinite cubic-bezier(.0, .100, .176, .1) .2s;
    -o-animation: 1.2s ball-fade infinite cubic-bezier(.0, .100, .176, .1) .2s;
    animation: 1.2s ball-fade infinite cubic-bezier(.0, .100, .176, .1) .2s;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, .0);
}

    [data-loader='ball-fade']:before,
    [data-loader='ball-fade']:after {
        position: absolute;
        width: 15px;
        height: 15px;
        content: '';
        -webkit-animation: 1.2s ball-fade infinite cubic-bezier(.0, .100, .176, .1);
        -o-animation: 1.2s ball-fade infinite cubic-bezier(.0, .100, .176, .1);
        animation: 1.2s ball-fade infinite cubic-bezier(.0, .100, .176, .1);
        border-radius: 100%;
        background-color: rgba(255, 255, 255, .0);
    }

[data-loader='ball-fade']:before {
    left: -20px;
}

[data-loader='ball-fade']:after {
    right: -20px;
    -webkit-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s;
}

/******Portfolio*********/
.portfolioicons h4{
        height: 30px;
}
.portfolioicons .widgets {
    color: #672b4d;
    margin-right: 15px;
    margin-top: 10px;
}
.portfolioicons .sa-course {
    font-size: 35px;
}
.portfolioicons .productbox{
    min-height:125px;
}
.yearslist li a.active, .yearslist li a {
    background: #672b4d;
    border-radius: 50px;
    color: #fff;
    padding: 7px 15px;
}
.yearslist li {
position:relative;
}
.yearslist li a {
color:#737373;
background:transparent;
}
.yearslist{
        border-bottom: 1px solid #737373;
    padding-bottom: 20px;
}
    .yearslist li a.active:after {
        content: '';
    width: 0px;
    height: 0px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #666666;
    position: absolute;
    bottom: -20px;
    left: 40%;
    }
.portfoliomain .hvr-float-shadow:before {
background:transparent !important;
}

/******Portfolio*********/

@-webkit-keyframes ball-fade {
    0% {
        background-color: rgba(31, 128, 199, 1);
    }

    100% {
        background-color: rgba(16, 76, 138, 0);
    }
}

@-moz-keyframes ball-fade {
    0% {
        background-color: rgba(31, 128, 199, 1);
    }

    100% {
        background-color: rgba(16, 76, 138, 0);

    }
}

@-o-keyframes ball-fade {
    0% {
        background-color: rgba(31, 128, 199, 1);
    }

    100% {
        background-color: rgba(16, 76, 138, 0);
    }
}

@keyframes ball-fade {
    0% {
        background-color: rgba(31, 128, 199, 1);
    }

    100% {
        background-color: rgba(16, 76, 138, 0);
    }
}
.wdt70per {
    width: 70%;
}

/** Loaders.css Ends**/






/*.required {color: #a94442;}*/
.required {color:#ff0000; position:relative; left:5px; top:4px;}
.expired_red {color: red;}
/*.alert {padding: 10px 35px 10px 15px;}*/
.boxlayout {border: 1px solid #dedede;margin: 15px 0px;box-shadow: 0px 0px 10px #d2d1d1;}
.mrgtp10 {margin-top: 10px;}
.mar {margin: 0px;}
.progress {background-color: #e2e2e2;}
a[disabled], a[disabled]:hover {pointer-events: none;color: #565656;background-color: #e2e2e2;border-color: #e2e2e2;}
.wdt70per {width: 52%;}
.wdt77per {width: 60%;}
.fntszemr {font-size: 12px;margin-top: 3px;}
.jobimg {height: 300px;overflow: hidden;background-size: 100%;webkit-box-shadow: 0px 0px 19px -4px rgba(0,0,0,0.61);-moz-box-shadow: 0px 0px 19px -4px rgba(0,0,0,0.61);box-shadow: 0px 0px 19px -4px rgba(0,0,0,0.61);background-color: #000;position: relative;margin-bottom: 20px;}
.jobimg img {width: 100%;opacity: 0.5;}
.jobtitle {background-color: #231F20;color: #fff;padding: 8px 18px;display: inline-block;opacity: .9;font-size: 18px;}
.jobfooter {background-color: #231F20;padding: 16px;color: #fff;position: absolute;bottom: 0;width: 100%;}
.jobfooter h1 {height: 40px;overflow: hidden;margin: 0px 0px 10px 0px !important;line-height: 19px; font-size:16px;}
.jobwizcont {margin: 52px 0px 22px 0px;}
.progressbar {margin: 0;padding: 0;counter-reset: step;}
.progressbar li {list-style-type: none;width: 20%;float: left;font-size: 10.5px;position: relative;text-align: center;color: #A7A9AC;}
.progressbar li:before {width: 30px;height: 30px;content: counter(step);position: relative;counter-increment: step;line-height: 26px;border: 2px solid #D1D3D4;display: block;text-align: center;margin: 0 auto 10px auto;border-radius: 50%;background-color: white;z-index: 1;}
.progressbar li:after {width: 100%;height: 2px;content: '';position: absolute;background-color: #D1D3D4;top: 15px;left: -50%;z-index: 0;}
.progressbar li:first-child:after {content: none;}
.progressbar li.active {color: #414042;}
.progressbar li.active span {background-color: #fff;}
.progressbar li.active:before {border-color: #fff;background-color: #2BB673;color: #fff;}
.progressbar li.active + li:after {background-color: #2BB673;}
.top {position: relative;bottom: 66px;}
.tiptop::after {content: "";position: absolute;top: 86%;left: 50%;margin-left: -6px;border-width: 6px;border-style: solid;border-color: transparent transparent #D1D3D4 transparent;}
.tipbottom::after {content: "";position: absolute;top: 53%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #D1D3D4 transparent transparent transparent;}
/*.progressbar li span {background-color: #E6E7E8;border: #D1D3D4 1px solid;padding: 5px 5px;border-radius: 4px;}*/
.progressbar li span {background-color: #E6E7E8;border: #D1D3D4 1px solid;padding: 5px 2px;border-radius: 4px;}  
.fabt {float: right;padding: 6px 20px;border-radius: 30px;background-color: #672b4d;color: #ffffff;font-size: 12px;cursor: pointer; position:relative;z-index:100 !important;transition: 0.3s;}
.fabt:hover {transition: 0.3s;background-color: #f05b01;color: #fff;}
.jobcont {position: absolute;z-index: 10;top: 0;width: 100%;}
.provider {color: #a8a8a8;}
.buyjob {position: relative;background-color: #f1f1f1;width: 100%;height: 310px;z-index:98;opacity: 0.8;}
.buyjobcart{position: relative;top: 50%;transform: translateY(-50%);text-align: center;font-size: 3em;color: #000;}
.dropdow_gen {border-bottom: 1px solid #ededed; border-top: none; border-left: none; border-right: none; width: 100%; padding: 10px 10px 10px 0px;}

.w130{width:130px;}
.text34 {width: 24%;float: left;overflow: hidden;}
.text16 {float: left;color: #672b4d;font-size: 14px;margin-top: 6px;cursor: pointer;font-weight: bold;ext-overflow: ellipsis;white-space: nowrap;overflow: hidden;}


.mysuccess {background-image: url(../../../images/mysuccess.png);background-repeat: no-repeat;width: 38px;height: 38px;}
.myfailure {background-image: url(../../../images/failure.png);background-repeat: no-repeat;width: 38px;height: 38px;}
.panel-title .text2 {font-size: 11px;color: #ababab;white-space: initial;word-wrap: break-word;font-weight:normal; text-transform:none;}
.panel-title .text38 {color: #672b4d;font-size: 14px;white-space: initial;word-wrap: break-word;padding-right: 3px;}
.panel-body .text2 {font-size: 11px;color: #ababab;white-space: initial;word-wrap: break-word;padding-right: 3px; font-weight:normal; text-transform:none;}
.panel-body .text3 {font-size: 12px;color: #666;text-overflow: ellipsis;overflow: hidden; font-weight: normal;text-transform: none;}


.productbox_mld .text1 {font-size: 16px;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight: normal;text-transform: none;}
.productbox_mld .text2 {font-size: 11px;color: #ababab;white-space: initial;word-wrap: break-word;padding-right: 3px; font-weight:normal; text-transform:none;}
.productbox_mld .text3 {font-size: 12px;color: #666;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight: normal;text-transform: none;}

.tab-content .text1 {font-size: 16px;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight: normal;text-transform: none;}
.tab-content .text2 {font-size: 11px;color: #888;white-space: initial;word-wrap: break-word;padding-right: 3px; font-weight:normal; text-transform:none;}
.tab-content .text3 {font-size: 12px;color: #000;text-overflow: ellipsis;overflow: hidden; font-weight: normal;text-transform: none;}
.text44 {
    color: #555 !important;
    font-size: 16px;
    font-weight: 600;
} 
.success_circle{font-size: 1em;color: #5BAD3F;position: relative;top: 3px;}
.viewreport {
    border: 1px solid #672b4d;
    cursor: pointer;
    position: absolute;
    bottom: 10px;
    right: 20px;
    font-size: 12px;
    padding: 6px 10px;
    border-radius: 4px;
    color: #672b4d;
    transition: 0.3s;
}
.viewreport:hover {
    background-color: #672b4d;
    color: #fff !important;
    border: 1px solid #672b4d;
    cursor: pointer;
    position: absolute;
    bottom: 10px;
    right: 20px;
    font-size: 12px;
    padding: 6px 10px;
    border-radius: 4px;
    color: #672b4d;
    transition: 0.3s;
}
.text35 {width:72%;float: left;}
.success-tick-size{width: 100%;font-size: 20px;top: 5px !important;}

.progress {width: 95%;}
.procontainer {font-size:12px;}
.successMsg{font-size: 23px; color: #5BAD3F;}
.fnt20 {font-size: 20px;}
.count{padding-left:10px;}.count ol{font-size:18px}
.jstree-anchor > .nodeText {white-space: normal;}
.textfont{color:#ff0000;font-size: 12px;}  
.orderfilter{width: 0%;min-width: 24px;height: 40px;float: right;margin-left: 17px !important;} 
.imgCursor{width:100%;cursor: default; height:100%;}
.thumbnail{padding:4px !important;}
.disinit {display: initial !important;}


.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav > li {
    position: relative;    
}

.nav > li > a {
    position: relative;    
    padding: 10px 15px 9px 15px;
}

.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    background-color: #eee;
}

.nav > li.disabled > a {
    color: #777;
}

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: #eee;
    border-color: #337ab7;
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.nav > li > a > img {
    max-width: none;
}

.nav-tabs {
    border-bottom: 1px solid #ddd;
}

.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}

.nav-tabs > li > a {   
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #555;
    cursor: default;
    /*background-color: #fff;*/
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0;
}

.nav-tabs.nav-justified > li {
    float: none;
}

.nav-tabs.nav-justified > li > a {
    margin-bottom: 5px;
    text-align: center;
}

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto;
}
.text47 {
    font-size: 24px;
    text-transform: uppercase;
    color: #666;
}
.text48 {
    font-size: 24px;
    text-transform: uppercase;
    color: #9E9E9E;
}
.text49 {
    color: #a9a9a9;
    font-size: 15px;
    text-transform: uppercase;
}
.text50 {
    color: #055392;
    font-size: 15px;
}
.text29 {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
}

/*.text51 {
/*.text51 {
    color: #672b4d !important;
    font-weight: bold;
}
.tab-select {
    background-color: #672b4d !important;
}*/

.button1 {
    background: #104c8a;
    color: #fff;
    padding: 6px 15px;
    border-radius: 5px;
    border: none;
    text-align: center;
    font-size: 14px;
    border: 1px solid #104c8a;
    transition: 0.6s;
}
    .button1:hover {
        background: #fff;
        color: #104c8a;
        padding: 6px 15px;
        border-radius: 5px;
        border: none;
        text-align: center;
        font-size: 14px;
        border: 1px solid #104c8a;
        transition: 0.6s;
    }

.button2 {
    background: #104c8a;
    color: #fff;
    padding: 7px 30px;
    border: none;
    text-align: center;
    font-size: 14px;
    border: 1px solid #104c8a;
    transition: 0.6s;
}

    .button2:hover {
        background: #fff;
        color: #104c8a;
        padding: 7px 30px;
        border: none;
        text-align: center;
        font-size: 14px;
        border: 1px solid #104c8a;
        transition: 0.6s;
    }

.profilePicnew {
    width: 120px;
    height: 120px;
    border-radius: 100px;
    border: 2px solid #ffffff;
    background-color: #008fb4;
    -webkit-box-shadow: 10px 10px 9px -9px rgba(0,0,0,0.49);
    -moz-box-shadow: 10px 10px 9px -9px rgba(0,0,0,0.49);
    box-shadow: 10px 10px 9px -9px rgba(0,0,0,0.49);
}
.btn15 {
    background: #104c8a;
    color: #fff;
    padding: 6px 15px;
    border: 1px solid #104c8a;
    border-radius: 6px;
    cursor: pointer;
}
.tab-select {
    background-color: #104c8a !important;
    color: #fff !important;
}

hr {
    margin-top: 0rem;
}
a {
    color: #4D4D4D;
}
.acolor {
    color: #045493;
}
/*
.signin_input .input-group:after {
    content: '*';
    color: #672b4d !important;
    position: absolute;
    top: 12px;
    left:22px;
}
.signin_input:focus .input-group:after {
    display:none;
}*/

.afsheading{
    color: #989898;
    font-size: 13px;
}
.complete {
    color: #28a745;
}

.pending {
    color: #F5821E;
}
.welcometext {
    white-space: nowrap;
    width:230px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 8px;
}
.dropdown-toggle {
    position: absolute;
    right: 0px;
}
.welcomearrow {
    position: relative;
    top: 4px;
    color: #474747;
}
.fs11{
    font-size: 11px;
}
.puhw60 {
    width: 60px;
    height: 60px;
    border: 1px solid #cccccc;
    display: inline-table;
}
.puhw60 img{
    width: 60px;
    height: 60px;
}
.btn-red {
    color: #fff !important;
    background-color: #F5821E !important;
    border-color: #F5821E !important;
    font-size: 14px;
}
.btn-Cancel {
    color: #fff !important;
    background-color: red !important;
    border-color: red !important;
    font-size: 14px;
}
.h120 {
    height: 120px;
    overflow: scroll;
}
.h160 {
    height: 160px;
}

.h190 {
    height: 190px;
}
.disib {
    display: table;
    margin: 0 auto;
    padding-bottom: 24px;
}
.fs13 {font-size:13px;
}
.headerLogo {
    margin-top:0px;
}
    .headerLogo_d{
        margin-top:0px;
        padding:0px 8px;
    }

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active:hover:hover, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover, .open .dropdown-toggle.datepicker table tr td.active:hover {
    background-color: #0f4b8a !important;
    border-color: #0f4b8a !important;
}
.datepicker table tr td.today {
    background-color: #0f4b8a !important;
    border-color: #0f4b8a !important;
    color:#fff !important;
}
.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
    background-color: #008fb4 !important;
    border-color: #008fb4 !important;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #104c8a !important;
    border-radius: 50px !important;
}
.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #104c8a !important;
}
.cnl{float: left;height: 38px;text-align: center;border-top: 1px solid #ced4da;border-left: 1px solid #ced4da;border-bottom: 1px solid #ced4da;border-right: none;}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #104c8a;
    border-radius: 4px;
}
.modal-content {border-radius: 0.6rem !important;overflow:hidden;}
.zindexclick {
    position: relative;
    z-index: 99;
    float: right;
}
/************************************************************************/
@media only screen and (min-width:320px) and (max-width:640px) {
    .wizheading{
        width:590px;
    }
    .wizheading th {
        font-size: 10px !important;
    }
    
    .wizheading td {
        font-size: 11px !important;
    }
    
    .wizheading .text44 {
        font-size: 11px !important;
    }
    .wizheading .rupee {
        font-size: 11px !important;
    }
    
}

@media only screen and (min-width:641px) and (max-width:991px) {
    .wizheading {
        width: 660px;
    }
    .wizheading th {
        font-size: 11px;
    }
    
}

@media only screen and (min-width:992px) and (max-width:1258px) {
    .wizheading {
    }
}
.mt2 {
    margin-top:2px;
}
.catalog_text_price {
    color: #000 !important;
    font-size: 12px !important;
}
.rupee .fa-inr{

}
/***************************************************************************/
#userDetails h3 {
    font-size: 20px;
    /*border-bottom: 1px solid #ddd;
    padding-bottom: 8px;*/
    color: #104c8a;
}

.box_shadow_cstm h4 {
    -webkit-box-shadow: 0 8px 6px -6px #999;
    -moz-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6px #999;
    padding: 15px 5px;
    background: #fff;
}

#userDetails h5 {
    font-size: 16px !important;
}

#userDetails label {
    font-size: 14px;
}

.profileImg {
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 22px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    background-color: #ededed;
    color: #b2b2b2;
}
/*******************************************************************************************/
#hcl_wizard_cart .nav-pills.nav-wizard > li {
    position: relative;
    overflow: visible;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
}

#hcl_wizard_cart .nav-pills.nav-wizard > li + li {
    margin-left: 0;
}

#hcl_wizard_cart .nav-pills.nav-wizard > li:first-child {
    border-left: 0;
}

    #hcl_wizard_cart .nav-pills.nav-wizard > li:first-child a {
        border-radius: 5px 0 0 5px;
    }

#hcl_wizard_cart .nav-pills.nav-wizard > li:last-child {
    border-right: 0;
}

    #hcl_wizard_cart .nav-pills.nav-wizard > li:last-child a {
        border-radius: 0 5px 5px 0;
    }

#hcl_wizard_cart .nav-pills.nav-wizard > li a {
    border-radius: 0;
    background-color: #757575;
    color: #fff;
    font-size: 16px;
}

#hcl_wizard_cart .nav-pills.nav-wizard > li:not(:last-child) a:after {
    position: absolute;
    content: "";
    top: 0px;
    right: -20px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 22px 0 21px 20px;
    border-color: transparent transparent transparent #757575;
    z-index: 150;
}

#hcl_wizard_cart .nav-pills.nav-wizard > li:not(:first-child) a:before {
    position: absolute;
    content: "";
    top: 0px;
    left: -20px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 22px 0 21px 20px;
    border-color: #757575 #757575 #757575 transparent;
    z-index: 150;
}

#hcl_wizard_cart .nav-pills.nav-wizard > li:hover:not(:last-child) a:after {
    border-color: transparent transparent transparent #aaa;
}

#hcl_wizard_cart .nav-pills.nav-wizard > li:hover:not(:first-child) a:before {
    border-color: #aaa #aaa #aaa transparent;
}

#hcl_wizard_cart .nav-pills.nav-wizard > li:hover a {
    background-color: #aaa;
    color: #fff;
}

#hcl_wizard_cart .nav-pills.nav-wizard > li:not(:last-child) a.stagecompleted:after {
    border-color: transparent transparent transparent #00AFBE !important;
    z-index: 170;
}

#hcl_wizard_cart .nav-pills.nav-wizard > li:not(:first-child) a.stagecompleted:before {
    border-color: #00AFBE #00AFBE #00AFBE transparent !important;
}

#hcl_wizard_cart .nav-pills.nav-wizard > li a.active {
    background-color: #104c8a;
}

#hcl_wizard_cart .nav-pills.nav-wizard > li:not(:last-child) a.active:after {
    border-color: transparent transparent transparent #104c8a;
}

#hcl_wizard_cart .nav-pills.nav-wizard > li:not(:first-child) a.active:before {
    position: absolute;
    content: "";
    top: 0px;
    right: -30px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 22px 0 21px 20px;
    border-color: #104c8a transparent #104c8a #fff;
    z-index: 160;
}
/**************************************************************************************/
.spnRecNotFound {
    display: block;
    padding: 15px;
    position: relative;
    font-size: 20px;
    text-align: center;
}

.sidemenuClose {
    margin-top: 9px !important;
}

.wrd_wrap {
    word-wrap: break-word;
}
.my_order_tbl_stl th {
    background: #f2f2f2 !important;
    color: #474747 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border: 1px solid #f2f2f2;
}

.my_order_tbl_stl td {
    border: 1px solid #f2f2f2;
    font-size: 13px;
}
.myordersnew .nav-tabs {
    margin-bottom: 20px;
    font-size: 14px;
    border: none
}

.myordersnew .nav-tabs > li > a {
    border: none;
    color: #008fb4 !important;
    font-weight: bold;
    text-align: center;
    padding: 10px 18px;
}

.myordersnew .nav-tabs > li.active > a, .nav-tabs > li > a:hover {
    border-bottom: 2px solid #008fb4;
    color: #008fb4 !important;
    background: transparent;
    font-weight: bold;
    padding: 10px 18px;
}

.myordersnew .nav-tabs > li > a::after {
    content: "";
    background: #fff;
    height: 4px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
}

.myordersnew .panel-title a {
    background: #fff !important;
}

.myordersnew .panel .active .panel-title a {
    background-color: #e6e6e6 !important;
}

.myordersnew .innerdiv {
    margin: 15px;
}
/****************************************************************/
.pay_success_ico {
    background: url('../../../Images/pay_success.png') no-repeat center center /cover;
    display: block;
    width: 35px;
    height: 35px;
}
.pay_failed_ico {
    background: url('../../../Images/pay_failure.png') no-repeat center center /cover;
    display: block;
    width: 35px;
    height: 35px;
}
.pay_pending_ico {
    background: url('../../../Images/pay_pending.png') no-repeat center center /cover;
    display: block;
    width: 35px;
    height: 35px;
}
.pay_to_refund_ico {
    background: url('../../../Images/pay_to_refund.png') no-repeat center center /cover;
    display: block;
    width: 35px;
    height: 35px;
}
.pay_refund_ico {
    background: url('../../../Images/pay_refunded.png') no-repeat center center /cover;
    display: block;
    width: 35px;
    height: 35px;
}
.pay_abort_ico {
    background: url('../../../Images/pay_abandoned.png') no-repeat center center /cover;
    display: block;
    width: 35px;
    height: 35px;
}
/*****************************************************************************************/
.button4 {
    border: 2px solid #ffcc33;
    padding: 10px 30px;
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
    text-align: center;
    text-decoration: none;
    background-color: #ffcc33;
    font-size: 13px;
    cursor: pointer;
}

.button4:hover {
    border: 2px solid #0072ae;
    padding: 10px 30px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    text-align: center;
    text-decoration: none;
    background-color: #0072ae;
    font-size: 13px;
    transition: 0.6s;
}
/**************************************************************/
.col_wid_styl{
    width:65% !important;
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .col_wid_styl {
        width: 65% !important;
    }
 
}
@media (min-width: 768px) and (max-width: 1023px) {
    .col_wid_styl {
        width: 100% !important;
    }
    .letspe {
        display: contents;
        letter-spacing: normal !important;
        font-size: 14.5px;
    }
    .table_bg_styl {
        background: none !important;
    }
}
@media (min-width: 481px) and (max-width: 767px) {
    .col_wid_styl {
        width: 100% !important;
    }
    .table_bg_styl {
        background: none !important;
    }
    .exam_tble_stly td {
        font-size: 12px !important;
    }
    .txtleft_fnt_size16 li {
        font-size: 15px !important;
    }
    .policy_title {
        font-size: 16px !important;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .col_wid_styl {
        width: 100% !important;
    }
    .letspe {
        display: contents;
        letter-spacing: normal !important;
        font-size: 14.5px;
    }
    .table_bg_styl {
        background: none !important;
    }
    .exam_tble_stly td{
        font-size:12px !important;
    }
    .txtleft_fnt_size16 li {
        font-size: 15px !important;
    }
    .policy_title{
        font-size:16px !important;
    }
}
/**************************************************************************/
.table_bg_styl {
    background: url('../../../Images/dashboard_bg.jpg') no-repeat -70px;


}
.exam_tble_stly td {
    font-weight: 600;
    color: #104c8a;
    font-size: 18px;
    border: 1px solid #00235a;
}
.policy_title {
    text-align: left;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 10px !important;
    background: #104c8a;
    padding:6px;
}
.txtleft_fnt_size16 li {
    text-align: left;
    font-size: 17px;
    color: #000;
}
.msg_bg_white ul.dashed > li:before {
    content: "*" !important;
    text-indent: -5px;
    font-weight: 600;
    padding-right:6px;
}
@media (min-width: 1024px) and (max-width: 1280px) {

    .table_bg_styl {
        background: url('../../../Images/dashboard_bg.jpg') no-repeat -180px;
    }
}
/**************************************************************/
.ul_eligiy_styl {
    list-style-type: disc;
    padding: 0 3em;
    padding-bottom: 1.5em;
    color: #555
}
#marquee {
    top: 3px !important;
}
#marquee {
    background: #045493 !important;
    color: #ffffff;
    font-size: 14px;
    height: 30px !important;
    line-height: 25px;
    overflow: hidden;
    position: relative;
    position: relative;
    z-index: 102;
    top: -3px;
}
#info {
    color: #ffffff;
    white-space: nowrap;
    position: absolute;
    font-size: 14px;
    font-style: normal;
    top: 2px;
    min-width:150px;
    max-width:inherit;
}
#marquee{
    top:-3px !important;
}
.sidebar-nav {
    position: absolute !important;
    top: 10px !important;
    width: 225px !important;
    margin: 0 !important;
    padding: 0px 0px 130px 0px;
    list-style: none;
    margin-top: 30px !important;
}
#sidebar-wrapper {
    z-index: 101;
    position: fixed !important;
    left: 220px !important;
    width: 0;
    height: 100%;
    margin-left: -220px !important;
    overflow-y: auto;
    background: #652c4d;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    top: 50px !important;
    transition: all 0.5s ease;
}
/**************************************************************/
.h1fntsize{
    font-size:32px;
    line-height:1.5;
}
.bg_row_img {
    background: url('../../../Images/bg_img2.jpg') no-repeat center center/cover;
    padding:50px 15px;
    font-size:16px;
    color:#fff;
}
.bg_row3 li {
    font-size: 16px;
    margin-bottom: 12px;
    height: 42px;
    display:inline-block;
    padding:0 10px;
    width:100%;
}
    .bg_row3 li:before {
        content: "\f043"; /* FontAwesome Unicode */
        font-family: FontAwesome;
        float:left;
        margin-right:8px; /* same as padding-left set on li */
        width: 20px; /* same as padding-left set on li */
        height:40px;
    }

@media (min-width: 768px) and (max-width: 1024px) {
    .h1fntsize{
        font-size:25px;
    }
   
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .h1fntsize {
        font-size: 25px;
    }
   
}

@media (min-width: 481px) and (max-width: 1023px) {
    .h1fntsize {
        font-size: 20px;
    }
    .bg_row3 ul{
        margin-left:20px;
    }
    .bg_row3 li {
        font-size: 13px;
        height: unset;
    }
}


@media (min-width: 320px) and (max-width: 480px) {
    .h1fntsize {
        font-size: 25px;
    }
    .bg_row3 ul {
        margin-left: 20px;
    }
    .bg_row3 li {
        font-size: 13px;
        height:unset;
    }
}