@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600&display=swap');

body {

    font-family: 'Work Sans', sans-serif;

    color: #000;

    font-size: 14px;

    transition: font-size 0.2s linear;

    font-weight: 400;

    

}

.material-icons {

    text-rendering: optimizeLegibility;

}

.login_lftbx .slider {

    position: relative;

  height: auto; 

    width: 100%;

}



/*slick.css

*/



/* Slider */

.slick-loading .slick-list

{

  

}



/* Icons */



/* Arrows */

.slick-prev,

.slick-next

{

    font-size: 0;

    line-height: 0;



    position: absolute;

    top: 50%;



    display: block;



    width: 20px;

    height: 20px;

    padding: 0;

    -webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    transform: translate(0, -50%);



    cursor: pointer;



    color: transparent;

    border: none;

    outline: none;

    background: transparent;

}

.slick-prev:hover,

.slick-prev:focus,

.slick-next:hover,

.slick-next:focus

{

    color: transparent;

    outline: none;

    background: transparent;

}

.slick-prev:hover:before,

.slick-prev:focus:before,

.slick-next:hover:before,

.slick-next:focus:before

{

    opacity: 1;

}

.slick-prev.slick-disabled:before,

.slick-next.slick-disabled:before

{

    opacity: .25;

}



.slick-prev:before,

.slick-next:before

{

    font-family: 'slick';

    font-size: 20px;

    line-height: 1;



    opacity: .75;

    color: white;



    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



.slick-prev

{

    left: 0px;

}

[dir='rtl'] .slick-prev

{

    right: -25px;

    left: auto;

}

.slick-prev:before

{

    content: '←';

}

[dir='rtl'] .slick-prev:before

{

    content: '→';

}



.slick-next

{

    right: 0px;

}

[dir='rtl'] .slick-next

{

    right: auto;

    left: -25px;

}

.slick-next:before

{

    content: '→';

}

[dir='rtl'] .slick-next:before

{

    content: '←';

}



/* Dots */

.slick-dotted.slick-slider

{

    margin-bottom: 30px;

}



.slick-dots

{

    position: absolute;

    bottom: -25px;



    display: block;



    width: 100%;

    padding: 0;

    margin: 0;



    list-style: none;



    text-align: center;

}

.slick-dots li

{

    position: relative;



    display: inline-block;



    width: 20px;

    height: 20px;

    margin: 0 5px;

    padding: 0;



    cursor: pointer;

}

.slick-dots li button

{

    font-size: 0;

    line-height: 0;



    display: block;



    width: 20px;

    height: 20px;

    padding: 5px;



    cursor: pointer;



    color: transparent;

    border: 0;

    outline: none;

    background: transparent;

}

.slick-dots li button:hover,

.slick-dots li button:focus

{

    outline: none;

}

.slick-dots li button:hover:before,

.slick-dots li button:focus:before

{

    opacity: 1;

}

.slick-dots li button:before

{

    font-family: 'slick';

    font-size: 6px;

    line-height: 20px;



    position: absolute;

    top: 0;

    left: 0;



    width: 20px;

    height: 20px;



    content: '•';

    text-align: center;



    opacity: .25;

    color: black;



    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.slick-dots li.slick-active button:before

{

    opacity: .75;

    color: black;

}





/* Slider */

.slick-slider

{

    position: relative;



    display: block;

    box-sizing: border-box;



    -webkit-user-select: none;

       -moz-user-select: none;

        -ms-user-select: none;

            user-select: none;



    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

        touch-action: pan-y;

    -webkit-tap-highlight-color: transparent;

}



.slick-list

{

    position: relative;



    display: block;

    overflow: hidden;



    margin: 0;

    padding: 0;

}

.slick-list:focus

{

    outline: none;

}

.slick-list.dragging

{

    cursor: pointer;

    cursor: hand;

}



.slick-slider .slick-track,

.slick-slider .slick-list

{

    -webkit-transform: translate3d(0, 0, 0);

       -moz-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

         -o-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

}



.slick-track

{

    position: relative;

    top: 0;

    left: 0;



    display: block;

    margin-left: auto;

    margin-right: auto;

}

.prdpgn_lstng .slick-track { margin-left: 0px; margin-right: 0px;}

.slick-track:before,

.slick-track:after

{

    display: table;



    content: '';

}

.slick-track:after

{

    clear: both;

}

.slick-loading .slick-track

{

    visibility: hidden;

}



.slick-slide

{

    display: none;

    float: left;



    height: 100%;

    min-height: 1px;

}

[dir='rtl'] .slick-slide

{

    float: right;

}

.slick-slide img

{

    display: block;

}

.slick-slide.slick-loading img

{

    display: none;

}

.slick-slide.dragging img

{

    pointer-events: none;

}

.slick-initialized .slick-slide

{

    display: block;

}

.slick-loading .slick-slide

{

    visibility: hidden;

}

.slick-vertical .slick-slide

{

    display: block;



    height: auto;



    border: 1px solid transparent;

}

.slick-arrow.slick-hidden {

    display: none;

}



   .slider {

        width: 100%;

        margin: 0px auto;

    }



    .slick-slide {

      margin: 0px 0px; position:relative;

    }

 

    



    .slick-prev:before,

    .slick-next:before {

      color: black;

    }





    .slick-slide {

      transition: all ease-in-out .3s;

      opacity: .2;

    }

    

    .slick-active {

      opacity: 1;

    }



    .slick-current {

      opacity: 1;

    }

  .slider-nav { padding-top:5px;}

 .slider-nav .slick-slide {

     /* transition: all ease-in-out .3s;

      opacity: .2;*/

	  transition: transform .8s;    opacity: 1;

    }

    

    .slider-nav .slick-active {

     /* opacity: .5;*/   opacity: 1;

    }



    .slider-nav .slick-current {

      opacity: 1; transform: scale(1.05); 

    }

	 .slider-nav .slick-current .sldrimg_thmb {-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.52);

-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.52);

box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.52);}

 .slider-nav .slick-prev,  .slider-nav .slick-next { width:36px; height:36px; background:#ffffff; border-radius:100px; border:1px solid #ececec; z-index:100;  }

  .slider-nav .slick-prev:hover,  .slider-nav .slick-next:hover { z-index:100;}

 .slider-nav .slick-prev { left:-18px;}

  .slider-nav .slick-prev:before { position: absolute;

    left: 11px;

    content: '\276E';

    color: #593f32;

    width: 6px;

    height: 11px;

    top: 9px;

    font-size: 18px;}

	.slider-nav .slick-next { right:-18px; z-index:100; }

 .slider-nav .slick-next:before {  position: absolute;

    right: 15px;

    content: '\276F';

    color: #593f32;

    width: 6px;

    height: 11px;

    top: 9px;

    font-size: 18px;}

	 .slider-nav .slick-prev:hover,  .slider-nav .slick-prev:focus,  .slider-nav .slick-next:hover,  .slider-nav .slick-next:focus { background:#ffffff;}





















.prdlst .slick-prev,  .prdlst .slick-next { width:36px; height:36px; background:#ffffff; border-radius:100px; border:1px solid #ececec; z-index:100;  }

  .prdlst .slick-prev:hover,  .prdlst .slick-next:hover { z-index:100;}

 .prdlst .slick-prev { left:-18px;}

  .prdlst .slick-prev:before { position: absolute;

    left: 11px;

    content: '\276E';

    color: #593f32;

    width: 6px;

    height: 11px;

    top: 9px;

    font-size: 18px;}

	.prdlst .slick-next { right:-18px; z-index:100; }

 .prdlst .slick-next:before {  position: absolute;

    right: 15px;

    content: '\276F';

    color: #593f32;

    width: 6px;

    height: 11px;

    top: 9px;

    font-size: 18px;}

	 .prdlst .slick-prev:hover,  .prdlst .slick-prev:focus,  .prdlst .slick-next:hover,  .prdlst .slick-next:focus { background:#ffffff;}



.noUi-handle-touch-area {

    position: relative;

    width: 32px;

    height: 25px;

    left: -10px;

    top: -15px; background-size: 25px;

}

.slab__lst .row { margin-bottom:10px;}





@media screen and (max-width: 1024px){

.slider-nav .slick-next::before {



    position: absolute;

    right: 8px;

    content: '\276F';

    color: 



    #593f32;

    width: 6px;

    height: 11px;

    top: 3px;

    font-size: 15px;



}

	

	.slider-nav .slick-prev, .slider-nav .slick-next {

    width: 24px;

    height: 24px;

    background: #ffffff;

border-radius: 100px;

border: 1px solid #ececec; 



}

	.slider-nav .slick-prev{left:-13px;}

	.slider-nav .slick-next {right: 0px;}

	.slider-nav .slick-prev::before {



    position: absolute;

    left: 6px;

    content: '\276E';

    color:  #593f32;

    width: 6px;

    height: 11px;

    top: 4px;

    font-size: 15px;



}

	

	

.prdlst .slick-next::before {



    position: absolute;

    right: 8px;

    content: '\276F';

    color: 



    #593f32;

    width: 6px;

    height: 11px;

    top: 3px;

    font-size: 15px;



}

	

	.prdlst .slick-prev, .prdlst .slick-next {

    width: 24px;

    height: 24px;

    background: #ffffff;

border-radius: 100px;

border: 1px solid #ececec; 



}

	.prdlst .slick-prev{left:0px;}

	.prdlst .slick-next {right: 0px;}

	.prdlst .slick-prev::before {



    position: absolute;

    left: 6px;

    content: '\276E';

    color:  #593f32;

    width: 6px;

    height: 11px;

    top: 4px;

    font-size: 15px;



}

	

}









.slick-dots li.slick-active {

    background: #07559b;

}

.login_lftbx .slick-dots {

    position: absolute;

    bottom: -14px;

}

.slick-dots li {

    width: 16px;
    height: 3px;

    border-radius: 0px;

    background: #a5c2dd;

}

/*slcik css*/



input:-webkit-autofill,

input:-webkit-autofill:hover,

input:-webkit-autofill:focus,

input:-webkit-autofill:active {

-webkit-box-shadow: 0 0 0 30px white inset ! important;

}



header { float:left; width: 100%; padding: 0px; margin: 0px;}

header .card-panel { padding: 5px 0px; margin: 0px;}

.header_logn .col.s2 {line-height: 0px;}

.header_logn .row {margin-bottom: 0px;} 

.toptxtrht { text-align: right;     font-size: 20px; line-height: 24px;     margin-top:6px;

    color: #07559b; float:left;}

	.fltrht {float:right;}

.toptxtrht span {

    font-weight: 600;

}



.sidenav {

	right: 0; left: inherit; -webkit-transform: translateX(105%);

    transform: translateX(105%);}



.allgn_rght{text-align: right;}

.brgr_mnu{ float:left; padding-left:20px;}

.brgr_mnu i {font-size: 36px; color: #07559b;}

.closebtn { position: absolute;     right: 10px;    top: 16px; font-size: 36px; color: #07559b;}

.sidenav-close.closebtn i  {font-size: 36px; color: #07559b;}

.sidenav  { padding: 75px 0px 0px 0px; text-align: left;}

.sidenav li > a:hover {

     background-color: transparent; 

}

.sidenav li { margin: 0px 20px;}

.login_section {

    float: left;

    width: 100%;

    height: calc(100vh - 138px);

}

.vrtclcntr_bx {

    float: left;

    width: 100%;

    height: 100%;

    display: table;

    position: relative;

    z-index: 70;

}

.vrtclcntr_bxinr {

    display: table-cell;

    vertical-align: middle;

}

.login_rhtbx {

    float: left;

    width: 100%;

}

.lognmnbx {

    float: left;

    width: 100%;

    padding: 0px;

    background: #fff;

    border-radius: 20px;

    -webkit-box-shadow: 0px 0px 3px 3px rgb(0 0 0 / 10%);

    box-shadow: 0px 0px 3px 3px rgb(0 0 0 / 10%);

}

.lognmnbxtop {

    float: left;

    width: 100%;

    padding: 15px 10%;

    border-radius: 20px 20px 0px 0px;

    background: #07559b;

    font-weight: 600;

    font-size: 22px;

    line-height: 24px;

    color: #fff;

    text-align: center;

}

.lognmnbxbtm {

    float: left;

    width: 100%;

    padding: 30px 10% 30px 10%;

    position: relative;

}

.frmtr {

    float: left;

    width: 100%;

    padding-bottom: 20px;

}

.rdcntnr {  display: block;  position: relative;   margin-bottom: 0px;  cursor: pointer;  font-size: 18px; color: #07559b;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none; padding: 5px 10px 10px 40px; float: left;}

.rdcntnr input {  position: absolute;  opacity: 0;  cursor: pointer;}

.rdmrk {  position: absolute;  top: 7px;  left: 5px;  height: 24px;  width: 24px; border: 1px solid #c8c8c8;  border-radius: 50%; height:inherit; margin: 0px; min-height: 24px; padding: 0px;}

.rdcntnr:hover input ~ .rdmrk {  border: 1px solid #c8c8c8;  height:inherit; margin: 0px; min-height: 24px; padding: 0px;}

.rdcntnr input:checked ~ .rdmrk {  border: 1px solid #c8c8c8; padding: 0px;height:24px;line-height: inherit;}

		.rdmrk:after {  content: "";  position: absolute;  display: none;}

.rdcntnr input:checked ~ .rdmrk:after {  display: block;}

.rdcntnr .rdmrk:after { 	top: 5px;	left: 5px;	width: 12px;	height: 12px;	border-radius: 50%;	background: #07559b;}

.frmtr .form-grp {  border: 1px solid #939393;  border-radius: 10px;  position: relative;   padding: 15px 10px 10px 10px;    width: 100%;    margin: 0px auto;    margin-top: 0px;      padding: 21px 7% 12px 3%;    margin-top: 10px;    float: left;}

.frmtr .form-grp legend {   position: absolute;  background: #fff;   top: -9px;   left: 11%;    font-size: 18px;    color: #075499;    padding: 0 5px; width:auto;}

.frmtr .form-grp input {   z-index: 1;   background: transparent;   border: 0;   font-size: 16px;    color: #373737;    position: relative;    width: 100%;    outline: none;}

.frmtr .form-grp input.inptfld {   color: #07559b;    font-size: 16px;      padding-left: 40px;    width: 84%;

    font-weight: 600; height:inherit; margin: 0px; min-height: 24px;}

.frmtr .form-grp input.inptfldpwd {    color: #07559b;    font-size: 16px;     padding-left: 40px;    width: 84%;    font-weight: 600; height:inherit; margin: 0px; min-height: 24px;}



.form-grp.usr_nme:before { position:absolute;     left: 16px;    top: 16px; width:21px; height:33px; content:''; z-index:10; background: url(../images/lgn_icn.png) no-repeat left center; }

.form-grp.pswrd:before { position:absolute;     left: 16px;    top: 16px; width:21px; height:33px; content:''; z-index:10; background: url(../images/pwd_icon.png) no-repeat left center; }



.alert-danger {

    color: #842029;

    background: #f8d7da;

    border: 1px solid #f5c2c7;

    padding: 5px 10px;

    font-size: 18px;

    margin-bottom: 10px;

    border-radius: 5px;

}



.alert-success  {

    color: #0f5132;

    background: #d1e7dd;

    border: 1px solid #badbcc;

    padding: 5px 10px;

    font-size: 18px;

    margin-bottom: 10px;

    border-radius: 5px;

}



.sbmtbtnbx {    position: absolute;    left: 50%;    bottom: -25px;    width: 180px;    margin-left: -90px;}

.sbmtbtnbx .sbmtbtn {    float: left;    width: 100%;    height: 50px;    border-radius: 15px;    line-height: normal;    font-size: 21px;    text-align: center;    background: #df0037;    border: 0px;    color: #fff;    text-transform: uppercase;    cursor: pointer;}

input:focus {border: 0px;}

input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]){    border-bottom: 0px solid #26a69a;

    -webkit-box-shadow: 0 00px 0 0 #26a69a;

    box-shadow: 0 0px 0 0 #07559b;}

[type="radio"]:checked + span:after, [type="radio"].with-gap:checked + span:after {    background-color: #07559b;}

[type="radio"]:checked + span:after, [type="radio"].with-gap:checked + span:before, [type="radio"].with-gap:checked + span:after {

     border: 2px solid #07559b; 

}

[type="radio"] + span:before, [type="radio"] + span:after {margin: 0px;}

[type="radio"]:not(:checked) + span, [type="radio"]:checked + span {padding: 0px; height: 24px;}

[type="radio"] + span:before, [type="radio"] + span:after {display: none;}

[type="radio"]:not(:checked) + span, [type="radio"]:checked + span {position: absolute;}

.emplyee_usr, .agent_usr, #lnkForgotPwd {

    display: none;

}

.login_lftbx {margin-right: 10%;}

.login_lftbx img {

    width: 100%;

}



nav { float:left; width: 100%; background: none; padding: 0px 0px;     -webkit-box-shadow: 0 0px 0px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);

    box-shadow:none;}

nav .mainmenu { float:left; width: 100%; background: #07559b; padding: 0px 0px;}

nav .submenu { float:left; width: 100%; background: #fff; border-bottom: 1px solid #07559b; padding: 0px 0px;}

nav .submenu ul li.active { border-bottom: 0px;}

nav .submenu ul li.active a span {    border-bottom: 7px solid #003388; color: #dc0028; display: inline-block; background: none;}

nav ul li a {font-size: 18px;}

nav .submenu ul li a span {font-size: 18px; color: #07559b; display: inline-block; font-weight: bold; padding: 20px 30px; text-transform:uppercase;}

nav .submenu ul li {width:50%; text-align: center; padding: 0px;}

nav .submenu ul li a { font-size: 18px; color: #07559b; font-weight: bold; position: relative;}

.icon-sec {padding-bottom: 5px;}

nav .submenu ul li a:after {position: absolute; right:0px; top:12px; height: 45px; width: 1px; background: #07559b; content: '';}

nav .submenu ul li:last-child a:after {display: none;}

nav ul li { float: left; width: 50%; text-align: center; min-height: 36px; padding-top: 12px;padding-bottom: 12px;}

nav ul.left {float: left; width: 100%;}

nav ul li.active {border-bottom: 7px solid #dc0028; background: none;}

nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {  height: auto; line-height: normal; }

nav ul a:hover {

    background-color: transparent;

}

.icon-sec img {width: 30px;}

.slider__bx {overflow: hidden; padding-left: 5px; padding-top: 20px;}

.hdr__bx { overflow:hidden;}

.hddng__bx{ overflow: hidden;}

.hddng__bx h2 { padding: 0px; margin: 0px; font-size: 20px; color: #07559b; font-weight: 600; padding-top:9px;}

.slct__drop { background:none; border: 0px; background: url("../images/dte_picker.png") no-repeat right top 0px; font-size: 20px; color: #969696; -webkit-appearance: none;

  -moz-appearance: none; background-size: 29px; display: block; text-align: right;

    padding-right: 35px;}

select:focus {

    outline: 0px solid #c9f3ef;

}

.dashboard_section { max-width: 1400px; margin: 0 auto; clear:	both;}
.nav {height: 108px;}




.slider_dashboard .slick-slide { padding: 0px 0px 0px 0px;}

.slider_dashboard .slick-slide {

    transition: all ease-in-out .3s;

    opacity: 1;

}

		

		

		/*.slider_dashboard .slick-list{padding:0 30% 0 0;}*/

.slider__new_bx { margin-top: 0px;}



.contst__bx { background:#fff; -webkit-box-shadow: 5px 5px 18px -7px rgba(0,0,0,0.51);

-moz-box-shadow: 5px 5px 18px -7px rgba(0,0,0,0.51);

box-shadow: 5px 5px 18px -7px rgba(0,0,0,0.51); border-radius: 20px; max-width: 90%; min-height: 150px; margin-left: 5px; margin-bottom: 30px; }

.contst__hdng__area { background: #1361a3; padding:8px 14px 5px 6px; border-radius: 24px 24px 0px 0px; overflow: hidden; position: relative;}

.col.s12.sldr__loop_bx {padding:0px;}

.vrtcl_line{    position: absolute;

    right: -25px;

    top: 0px;

    background: url(../images/line_vrtcl.png) no-repeat right 20px top;

    height: 45px;

    width: 82px;

    background-size: 44px;}



.vrtcl_line2{    position: absolute;

    right: -25px;

    top: 0px;

    background: url(../images/line_vrtcl2.png) no-repeat right 20px top;

        height: 76px;

    width: 100px;

    background-size: 91px;}

.contst__hdng__area h2{

    padding: 0px;

    margin: 0px;

    background: url(../images/reward.png) no-repeat left 10px top 2px;

    padding-left: 48px;

    font-size: 20px;

    color: #ffffff;

    font-weight: bold;

    min-height: 36px;

    background-size: 22px;

    padding-top: 6px;

}
.contst__hdng__area.lst_mnth h2{

    padding: 0px;

    margin: 0px;

    background: url(../images/lst_mnth_prfrmnce.png) no-repeat left 10px top 4px;
    
    padding-left: 48px;

    font-size: 20px;

    color: #ffffff;

    font-weight: bold;

    min-height: 36px;

    background-size: 34px;

    padding-top: 6px; filter: grayscale(0) invert(0);

}

.dv__txt__bx { overflow:visible; padding:  10px 0px;}

.days__count { display: inline-block; border:1px solid #1361a3; border-radius: 50px; padding: 3px 8px; font-size:15px; color: #07559b; }





.dv__txt__bx { font-size:16px; color: #07559b;     font-size: 16px;    color: #07559b;    font-weight: 600;}

.dv__nxt { overflow: hidden; text-align: right; padding-right: 20px; width:100%;}

.dv__nxt a {display: inline-block;}

.contst__hdng__area.purple_clr {background: #d63d5e;}



.achvd__shrt__bx { overflow: hidden; border: 1px solid #7ba4ca; padding: 15px; border-radius: 10px;}

.achvd__shrt__bx h3 { padding: 0px; margin: 0px; font-size: 14px; font-weight: bold; color: #000000;}

.achvd__shrt__bx p { padding: 0px; margin: 0px; font-size: 14px; font-weight: bold; color: #000000;}

.achvd__shrt__bx p.green_clr { color: #17a200;}

.achvd__shrt__bx p.red_clr { color: #ff0018;}

.pdngtop {padding-top: 22px;}

.usr_icn {    width: 30px;

    margin-top: 0px;	}

.performance .contst__hdng__area {background: #008ad8;}



.material-icons.emotion { font-size: 36px; font-weight: normal; color: #000;}

.material-icons.emotion.sad { color: #d63d5e;}

.material-icons.emotion.happy { color: #17a200;}

.dv__nxt img {

    width: 20px;

}

.contst__bx .dv__txt__bx .row  { margin-bottom:10px;}

.contst__bx .dv__txt__bx .row:last-child { margin-bottom:0px;}



.row.nomrgn__btm .col.s12 {padding-bottom: 0px; line-height: 0px;}

.row.nomrgn__btm {margin-bottom: 0px;}

.prize__img {

    width: 80px;

}

.abs__prfmnce__dtls__bx {overflow: hidden;     background: #ace7f9;

    -webkit-box-shadow: 5px 5px 18px -7px rgb(0 0 0 / 51%);

    -moz-box-shadow: 5px 5px 18px -7px rgba(0,0,0,0.51);

    box-shadow: 5px 5px 18px -7px rgb(0 0 0 / 51%); position: relative; min-height: 200px; border-radius: 20px; margin-left: 5px; margin-right: 5px; margin-bottom: 10px;}



.abs__prfmnce__dtls__bx__inr { overflow: hidden; padding: 10px 8px 10px 8px	;}

.abs_prfmce__top {font-size: 16px; color: #07559b; overflow: hidden;}





.abs_prfmce__btm{font-size: 16px; color: #07559b; overflow: hidden; margin-top: 15px;}

.abs_prfmce__btm h3 { padding: 0px; margin: 0px; overflow: hidden; padding-bottom: 8px; margin-bottom: 10px; border-bottom: 2px solid #8bcae6; font-weight: bold; font-size: 18px; padding-left:0px;}

strong {

    font-weight: 600;

}

.abs__prfmnce__dtls__bx__inr .abs_prfmce__top .row{ margin-bottom:10px;}

.abs_prfmce__btm  .row{ margin-bottom:10px;}

.contst__bx_result {overflow: hidden; position: relative;}

.contst__bx_result .result__img {width: 100%;}

.contst__bx__text { position: absolute; left: 20px; top: 30px;  font-size: 26px; padding: 30px;   color: #ffffff;}

.contst__bx__text h2 {

    padding: 0px;

    margin: 0px;

    background: url(../images/reward.png) no-repeat left 10px top;

    padding-left: 50px;

    font-size: 26px;

    color: #ffffff;

    font-weight: bold;

    min-height: 40px;

    background-size: 30px;

    padding-top: 5px; margin-bottom: 40%;

}

.contst__bx_result .row {margin-bottom: 8px;}

.uppercase {text-transform: uppercase;}







.main__menu li.home a {background: url("../images/home.png") no-repeat left top 0px; background-size: 30px;}

.main__menu li.profile a {background: url("../images/profile_icon.png") no-repeat left top 0px; background-size: 30px;}



.main__menu li.logout a {background: url("../images/logout.png") no-repeat left top 0px; background-size: 30px;}
.main__menu li.search_nav a {background: url("../images/search_icon_nav.png") no-repeat left top 0px; background-size: 30px;}

.sidenav.main__menu li > a {

      font-size: 20px;

    color: #07559b;

    padding-left: 50px;

    padding-bottom: 15px;

    margin-top: 15px;

    border-bottom: 1px solid #ccc;

    height: auto;

    line-height: 26px; text-decoration:none;



}



.dropdwn__top {float: left; padding-right: 20px; margin-right: 20px; border-right:1px solid #07559b;}

.dropdwn__top .slct__drop{padding-right: 50px;}

.prfl__imgbx {float: left; margin-top: 2px; margin-right: 10px;	}

.prfl__imgbx img {width: 36px;}

.contest__main__box .contst__bx {max-width: 98%;}

.contest__main__box { margin-top: 10px;}

.contest__main__box .vrtcl_line {right: 90px;}

.dtls__icon {position: absolute; right:20px; top:18px;}

.dtls__icon img {width: 29px;}







.slider_rnge .ui-widget.ui-widget-content {background: #cd2a3d;}

.slider_rnge.carrier .ui-widget-header {	background: #56ac47;	animation: 3s linear 0s widthslide;}

.slider_rnge.personal .ui-widget-header {	background: #56ac47;	animation: 4s linear 0s widthslide2;}

.slider_rnge.carrier .ui-state-default, .slider_rnge.carrier .ui-widget-content .ui-state-default, .slider_rnge.carrier .ui-widget-header .ui-state-default, .slider_rnge.carrier .ui-button, html .slider_rnge.carrier .ui-button.ui-state-disabled:hover, html .slider_rnge.carrier .ui-button.ui-state-disabled:active {

	background: url('../images/rnge_arw.png') no-repeat center top; /*animation: slideInLeft; animation-duration: 2s; animation-delay: .35s;*/

	animation: 3s linear 0s slide;

	outline: none;}



.slider_rnge.personal .ui-state-default:focus {outline: none;}

.slider_rnge {	padding: 60px 60px 0px 60px;}

.slider_rnge .ui-slider-horizontal .ui-slider-handle {width: 98px;height: 59px;	top: -60px;	border: 0px;margin-left: -60px;	}

.amntfld {	border: 0px;	color: #07559b;	font-size: 16px;	width: 20px;	padding-top: 10px;}

.amntdv {	overflow: hidden;	clear: both;	text-align: center;	color: #07559b;	font-size: 16px;}

@keyframes slide2 {

  from { left: 0; }

  to {

    left: 50%;

   

  }

}

@keyframes widthslide2 {

  from { width: 0; }

  to {

    width: 50%;

   

  }

}

.nuislider__bx {position: relative; padding-bottom: 7px!important; margin-top: 13px;}

.mbl_scroll{position: absolute; left:0px;top:0px;width:100%;height:100%;z-index: 99;}

.range__value {clear: both; position: absolute; width: 100%; width: 100%; text-align: center; bottom: -45px; left: 0px; font-size: 24px; color: #07559b; font-weight: bold;}

.rngetxt {font-size: 20px; color: #07559b; font-weight: bold; line-height: 29px; position: relative; margin-top: 0px}

h2.hdng {padding: 0px; margin: 0px; font-size: 18px; color: #07559b; padding-bottom: 5px; font-weight:600;}

.gate__lst h2.hdng  {padding-top:10px;} 

.sldr__loop_bx {margin-bottom: 0px;}

.slab__lst {

    overflow: visible;

    padding: 15px 15px 0px 15px;

}

	.gate__lst  {    overflow: hidden;

    padding: 00px 15px; display: none;}

.dv__nxt.pdngrnd {padding: 20px 35px 20px 15px;     background: #fff;    border-radius: 0px 0px 20px 20px;}

.dv__txt__bx.nopdng {padding: 0px;}

.gate__btn.active {background: #F9F9FB; padding:0px 35px 20px 15px; }

.dv__nxt.pdngrnd.gate__btn{padding:0px 19px 5px 15px;}

.gate__lst.active {background: #F9F9FB; }

.gate__btn.active .gte_lst_view_clk {transform: rotate(180deg)}

.gte_lst_view_clk {transition: }





.bck_btn_bx { clear: both; overflow: hidden;padding-top: 20px; margin-left: 15px;}

.bck_btn_bx img {width: 16px;}

.bck_icn {float: left; padding-right: 5px; margin-top: 7px;}

.bcktxt {float: left; font-size:20px; color: #ff735e;  }

.dtlsbx__mn {overflow: hidden;  border: 1px solid #919191; border-radius: 10px; margin-top: 20px;}

ul.dtls_hdr {overflow: visible; background: #edebeb; border-radius: 10px 10px 0px 0px; border: 1px solid #919191; border-bottom: 0px; list-style-type: none; padding: 0px; margin: 0px; padding-top: 3px; float:left; width:100%; clear:both; margin-top:20px;}

ul.dtls_hdr li {float: left; width: 33.3%; padding: 5px 20px; border-right: 1px solid #bfcddb; font-size: 16px; color: #07559b;min-height: 36px }



ul.dtls_lst {overflow: hidden; background: #fff;  list-style-type: none; padding: 0px; margin: 0px; padding-top: 3px; border-bottom: 1px solid #919191;  border-left: 1px solid #919191;  border-right: 1px solid #919191;  }

ul.dtls_lst:last-child {border-radius: 0px 0px 10px 10px; border: 1px solid #919191; border-top: 0px; }

ul.dtls_lst li {float: left; width: 33.3%; padding: 5px 20px;  font-size: 16px; color: #07559b;min-height: 36px }

ul.dtls_lst li.nobdr {border-bottom: 0px;}

.row .col.s12.pdngtop {padding-top: 20px;}

ul.dtls_lst li.green_clr {color: #17a200;}

ul.dtls_lst li.red_clr {color: #ff0018;}

.txtrht {float: left; text-align:right;    font-size: 14px;    line-height: 20px;    margin-top: 4px;    color: #55AD47;    border: 0px solid #07559b;    padding: 0px;    border-radius:0px;    width: 100%; margin-bottom:10px;}





	

	.dashboard_section .row.mrgnbtm { margin-bottom:40px;}

	.contest__main__box .contst__bx.dtls {margin-bottom:40px;}

	

	.noUi-target.noUi-horizontal .noUi-tooltip {top: 46px;      display: block;

    /* background: none; */

    background-color: transparent!important; font-size:16px; color:#07559b;

    color: #000;}

	.noUi-horizontal .noUi-tooltip span {color:#07559b; font-weight:bold; font-size:20px;}

	.gate__txt__liner {

       float: left;

    font-size: 16px;

    font-weight: bold;

    padding-left: 10px;

    padding-top: 9px;



}

.col.s12.sldr__loop_bx .col.s12 .col.s11.nuislider__bx {

    padding-left: 0px;

}

.col.s12.sldr__loop_bx .col.s12 {

    padding-left: 0px; padding-right:0px;

}

.dv__nxt a {

    display: inline-block;

    padding-top: 5px;

}



.ul.dtls_hdr {float: left;

    width: 100%;

    clear: both;

    margin-top: 20px;}

	.dtls__icon img.dwnld_icn {     width: 22px;

    margin-right: 7px;}

	.dwnld__bx { display:inline-block; margin-right:7px; padding-right:7px;padding-top: 4px;    padding-bottom: 4px;    border-right: 1px solid #fff;    line-height: 0px;}

	.col.s1.rngetxt { margin-right:0px; line-height:1px; padding-right:0px; padding-left:5px; }

	.contst__bx.dtls .col.s1.rngetxt { margin-right:0px; line-height:1px;  padding-right:0px;}

	.gate__lst  h2.hdng {  font-size: 16px;}

	.gate__lst  h2.hdng.sub {  font-size: 20px; padding-top:10px; padding-bottom:0px;}

	.gate__lst .nopdng { margin-bottom:0px!important;}

	

	.contst__bx.dtls .col.s12.sldr__loop_bx { padding-left:0px;}

	.contst__bx.dtls .col.s11.nuislider__bx { padding-left:0px;}



.get_crtrea  .col.s1.rngetxt{  text-align:center; margin-top:10px;}

.get_crtrea  .col.s1.rngetxt .txtrht {

        display: inline-block;

    float: none;     margin-top: 14px;

}



.hover__img {	position: relative;}

.hover__img::before {	position: absolute;	top: 0;	left: -75%;	z-index: 2;	display: block;	content: '';	width: 50%;	height: 100%;	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);	-webkit-transform: skewX(-25deg);

	transform: skewX(-25deg); 	-webkit-animation: shine 1s;	animation: shine 1s;}

.hover__img:hover::before {	-webkit-animation: shine 1s;	animation: shine 1s;}



.noUi-handle-touch-area {-webkit-animation: arrow-jump 2s infinite;-moz-animation: arrow-jump 2s infinite;	/* Fx 5+ */	-o-animation: arrow-jump 2s infinite;	/* Opera 12+ */	animation: arrow-jump 2s infinite;	/* IE 10+, Fx 29+ */	cursor: pointer;

	z-index: 15;}



.gte_lst_view_clk img { width:24px;}





.awardbox.row.mrgnbtm {

    padding-top: 12px;

    margin-top: 12px;

    float: left;

    width: 100%;

    border-top: 1px solid #07559b!important; margin-bottom:0px;

}

.awardbox ul.dtls_hdr {margin-top:3px;}

.awardbox .col.s12 {padding:0px;}



@-webkit-keyframes arrow-jump {

0% {opacity: 1;	-webkit-transform: translateY(0px);	-moz-transform: translateY(0px);-0-transform: translateY(0px);transform: translateY(0px);}



	50% {opacity: 1;	-webkit-transform: translateY(8px);-moz-transform: translateY(8px);	-0-transform: translateY(4px);transform: translateY(4px);	}

	100% {		opacity: 1;		-webkit-transform: translateY(0px);		-moz-transform: translateY(0px);-0-transform: translateY(0px);	transform: translateY(0px);	}

}







@-webkit-keyframes shine {

	100% {	left: 125%;	}

}

@keyframes shine {

	100% {		left: 125%;	}

}







.profile-page-edit .profile-page-edit-left {

    width: 30%;

    float: left;

    position: relative;

}

.profile-ico {

    width: 65px;

    height: 65px;

	

}

.profile-ico a {

    height: 65px;

    width: 65px;

    

	

	    top: 11px;

    left: 5px;

    display: inline-block;

    position: relative;

    z-index: 1;

	border: 1px solid #ccc;

    border-radius: 100px;

    padding: 5px;

}

.profile-ico img {

    max-width: 60px;

    border-radius: 50%;

    position: absolute;

    top: 1px;

    left: 1px;

}



.profile-page-edit .profile-page-edit-right {

    width: 70%;

    float: right;

    padding: 17px 0 10px;

    position: relative;

}

.profile-page-edit .profile-page-edit-right h2 {

    font-size: 17px;

    font-weight: 500;

    color: #07559b;

    margin-bottom: 0px;

    text-transform: uppercase;

    margin-top: 5px;

}

.profile-page-edit .profile-page-edit-right p {

    font-size: 14px;

    font-weight: normal;

    color: #373737; margin: 0px; margin-top:3px; margin-bottom:10px; 

}

.profile-page-details, .profile-page-subdetails {

    background: #fff;

    border-radius: 10px;

    padding: 10px 25px;

    font-size: 15px;

    margin-bottom: 10px;

}

.clear {

    clear: both;

}

.profile-page-details ol, .profile-page-details ul {

    list-style: none;

}

.profile-page-details ul li {

    margin-bottom: 5px;

    border-bottom: 1px solid #ccc;

    display: inline-block;

    width: 100%; list-style-type: none;

}

.profile-page-details ul li span.profile-item-label {

    width: 45%;

    float: left;

    padding-bottom: 5px;

    font-weight: 500;

    color: #075499;

    line-height: 18px;

    vertical-align: top;

}

.profile-page-details ul li span.profile-item-txt {

    color: #666666;

    width: 55%;

    float: right;

    padding-bottom: 5px;

    font-weight: 500;

    line-height: 18px;

    vertical-align: top;

}

.profile-page-details, .profile-page-subdetails {

    background: #fff;

    border-radius: 10px;

    padding: 10px 25px;

    font-size: 15px;

    margin-bottom: 10px;

}

	

.profile-page-subdetails .profile-item-subdetails {

    margin-bottom: 10px;

}

.profile-item-subdetails ul { list-style: none;}

.profile-page-subdetails .profile-item-subdetails ul li:first-child {

    color: #666666;

    font-weight: 400; list-style-type: none;

}

.profile-page-subdetails ul li span {

    width: 45%;

    display: inline-block;

    padding-bottom: 10px;

    vertical-align: top;

}

.profile-page-subdetails ul li span.profile-item-txt {

    width: 55%;

}

.profile-page-subdetails .profile-item-subdetails ul li:last-child {

    color: #075499;

    font-weight: 500;

}

.container.profile{

    max-width: 380px;

}

body.profile-page-body {

    background: #ececec;

}





.swh_role { margin-right: 10px; margin-bottom:10px; display:inline-block; padding:5px 20px; vertical-align:top; border-radius: 10px; color: #075499; border:1px solid #075499; background: #fff;}

.swh_role.active {  color: #fff; border:1px solid #075499; background: #075499;}

.rolebx .profile-item-label { padding-top:4px;}



.prfl_top {margin:0 auto; max-width: 280px;}

	

@media screen and (max-width: 1100px) { 

	.login_section .col.s6 {width: 100%;}

	.login_lftbx {margin-right: 0%; margin-bottom: 30px;}

	.login_section .vrtclcntr_bx {    table-layout: fixed;    display: block;}

	.login_section .vrtclcntr_bxinr {    display: block;}



	

}







@media only screen and (max-width: 1500px){
    .rwrd__popupinr_t {
        border-radius: 12px 12px 0 0;
    }
	.gate__lst .col.s11.nuislider__bx { padding-left:0px;}

	.noUi-horizontal .noUi-tooltip span {color:#55AD47; font-weight:bold; font-size:16px;}

	nav ul li a {font-size: 16px;}

	.dashboard_section .container {width: 100%; max-width:100%;}

	.slct__drop {    text-align: right;    padding-right: 48px;     background-position: right top 0px;     font-size: 22px;    background-size: 30px;		padding: 0px;

    padding-right: 48px;}

	.hddng__bx h2 {font-size: 22px;}

	.contst__hdng__area h2 {

    padding-left: 44px;

    font-size: 20px;

    color: #ffffff;

    font-weight: bold;

    min-height: 31px;

    background-size: 24px;

    padding-top: 5px;

}

	.dv__txt__bx {   font-size: 18px;    color: #07559b;}

	.achvd__shrt__bx p {font-size: 16px;}

	.achvd__shrt__bx h3 {font-size: 16px;}

	.prize__img {    width: 70px;}

	.material-icons.emotion {

    font-size: 30px;

}

	

	.abs_prfmce__top {font-size: 18px;}

	.abs_prfmce__btm {    font-size: 18px;margin-top: 0px;}

	.abs_prfmce__btm h3 {    margin-bottom: 10px;    font-size: 20px;    padding-left: 10px;}

	.abs__prfmnce__dtls__bx__inr {

    overflow: hidden;

    padding: 20px 30px 0px 30px;

}

	.contst__bx__text h2 {

    padding-left: 44px;

    font-size: 20px;

    color: #ffffff;

    font-weight: bold;

    min-height: 31px;

    background-size: 24px;

    padding-top: 5px;

}

	.contst__bx__text {font-size: 18px;}

	.usr_icn {

    width: 30px;

}

h2.hdng {

    padding: 0px;

    margin: 0px;

font-size: 20px;}

.rngetxt {

    font-size: 18px;

line-height:24px;}

h2.hdng {font-size: 18px;}

.range__value {bottom: -35px;font-size: 16px;}

}

.slab__lst.get_crtrea.dtls {background:#cff1fc; padding:6px 5px 6px 5px;}

.slab__lst.get_crtrea.dtls .col.s12.pdngtop { padding:0px;}

.dashboard_section .slab__lst.get_crtrea.dtls .row.mrgnbtm { margin-bottom:0px;}

.contst__bx.dtls .slab__lst.get_crtrea.dtls .col.s1.rngetxt{ margin-top:0px;}



.slab__lst .row.mrgnbtm.sctin { margin-bottom:6px!important; border-bottom:1px solid #a0a0a0!important; padding-bottom:20px!important;}

.slab__lst .row.mrgnbtm.sctin:last-child { border:0px!important; margin-bottom:0px!important; }

.logn__nw .allgn_rght .toptxtrht {text-align:right; float:right;}

.gate__lst .col.s1.rngetxt .txtrht { margin-top:17px;}

	.slab_rptr { background:#fff url(../images/bg_slab.gif) repeat-x  left  bottom;}

	.slab_rptr:last-child{ border-radius:0px 0px 20px 20px;}

	.slab__lst.npdng_dtls { padding:6px 0px 0px 0px;}

	.slab_rptr { padding:0px 5px 0px 5px;}

	 .dtls_pge .dtls__icon {

    position: absolute;

    right: 20px;

    top: 12px;

}

.dv__txt__bx__inr__nwd { height:inherit; overflow-y:auto;}

.dashboard_section.milestone .dv__txt__bx__inr__nwd  {margin-bottom:6px;}


.slider__bx .hdr__bx .hddng__bx { margin-bottom:6px;}

.dashboard_section.performance .dv__txt__bx__inr__nwd {

    height: 68px;

    overflow-y: auto;

}
.dashboard_section.performance .dv__txt__bx__inr__nwd.newehieght {

    min-height: 450px!important;

    overflow-y: auto;

}


select.slct__drop {

    height: 30px;

}





.bl_dvtop {    clear: both;    overflow: hidden;    margin-top: 15px;}

.bl_dvtop.rmdtls {    margin-top: 10px;    margin-bottom: 0px; overflow:hidden; float:left; width:100%;}

.wrapper-95 {    max-width: 100%;    margin: 0px auto;    width: 100%;	}

.usr_dtls_top {

    overflow: hidden;

    padding: 5px;

    border: 1px solid #a0adbd;

    background: #e5edf7;

    border-radius: 10px;

}

.wnbp_lst_top {    overflow: hidden;    padding-bottom: 10px;}

.wnbp_lst_top_lft {    float: left;    padding-left: 4px;    width: 65%;    margin-top: 2px;}

.wnbp_lst_usericon {    float: left;    padding-right: 20px;}

.wnbp_lst_usericon img {    border-radius: 50%;    max-width: 60px;}

.wnbp_lst_username {    float: left;    font-size: 17px;    color: #07559b;    font-weight: bold;    padding-top: 18px;}

.usr_dtls_top .wnbp_lst_username {    padding-top: 8px;    line-height: 22px;}

.wnbp_lst_username span {    font-size: 12px;}

.usr_dtls_top .wnbp_lst_username span.smltxt {   font-weight: normal;}

.usrdtlsbtm {    overflow: hidden;    padding: 10px 0px;    border-top: 1px solid #cedeee;}

.usrdtlsbtm .clmnbx {    float: left;    width: 100%;    margin-right: 0%;    border-right: 0px solid #cedeee;    font-size: 16px;    color: #07559b;    line-height: 22px;    font-weight: 600;    padding-top: 3px;}

.usrdtlsbtm .clmnbxinr {    overflow: hidden;    padding: 0px 10px;}

.usrdtlsbtm .clmnbx span {    font-weight: normal;}

.rngetxt { padding-right:8px;}



@media only screen and (max-width: 1500px){

select.slct__drop {    height: 22px;     width: 90px;

    float: right;}

	nav ul li a {font-size: 14px;}

.dashboard_section .container {width: 100%; max-width:1024px;}

	.slider__bx {padding-top: 10px;}

.hddng__bx h2 {    font-size: 15px;     padding-top: 0px;}

	.slct__drop {    font-size: 18px;     background-size: 21px; background-position: right 2px top ;}

	.contst__hdng__area h2 {padding-left: 30px;    font-size: 18px;  background-position: left 0px top;     background-size: 24px; min-height: 33px;    }

	.contst__hdng__area {padding: 10px 20px; border-radius: 12px 12px 0px 0px;  }

	.contst__bx {border-radius: 20px;     min-height: 100px; max-width: 96%; margin-bottom: 15px;}

	.dv__txt__bx {    overflow: visible;    padding: 10px 0px;}

	.dv__txt__bx {    font-size: 16px;}

	.days__count {padding: 3px 6px;		font-size: 12px;}

	.dv__nxt img {    width: 20px;}

	.achvd__shrt__bx {  padding: 8px;}

	.achvd__shrt__bx h3 {font-size: 14px;}

	.achvd__shrt__bx p {font-size: 18px;}

	.prize__img {    width: 60px;}

	.material-icons.emotion {    font-size: 24px;}

	

	.usr_icn {    width: 24px;}

	.abs__prfmnce__dtls__bx {margin-right: 17px;}

	.abs__prfmnce__dtls__bx__inr { padding: 20px 10px 10px 10px;}

	

.abs_prfmce__top {	font-size: 16px;}

.dashboard_section .row {    margin-bottom: 10px;}

	.abs_prfmce__btm h3 {font-size: 18px;     margin-bottom: 10px;}

	.abs_prfmce__btm {	font-size: 16px;}

	.contst__bx__text {left: 0%;    top: 0%;    padding: 7%  5%  5%  10%;    color: #ffffff; font-size: 16px;}

	.contst__bx__text h2 {

    padding-left: 30px;

    font-size: 18px;

    background-position: left 0px top;

    background-size: 24px;

    min-height: 33px; margin-bottom: 20%;

}

	.slct__drop {

    padding: 0px;

    padding-right: 33px;

}

	.dashboard_section.month_contest .hddng__bx h2 {    padding-top: 4px; padding-bottom: 4px;}

	

	.main__menu li.home a {background: url("../images/home.png") no-repeat left top 0px; background-size: 22px;}

    .main__menu li.profile a {background: url("../images/profile_icon.png") no-repeat left top 0px; background-size: 22px;}

.main__menu li.logout a {background: url("../images/logout.png") no-repeat left top 0px; background-size: 22px;}
.main__menu li.search_nav a {background: url("../images/search_icon_nav.png") no-repeat left top 0px; background-size: 22px;}

.sidenav.main__menu li > a {

      font-size: 16px;

    color: #07559b;

    padding-left: 30px;

    padding-bottom: 15px;

    margin-top: 15px;

    border-bottom: 1px solid #ccc;

    height: auto;

    line-height: 22px;



}

.slab__lst {

    overflow: visible;

    padding: 15px 5px 0px 5px;

}

.gate__lst {

    overflow: hidden;

    padding: 0px 5px;

}



.slab__lst.lstng {

    overflow: hidden;

    padding: 20px 15px;

}





.rngetxt {margin-top: 0px;}

.txtrht {

    float: left;

    font-size: 14px;

line-height: 20px;}

/*.txtrht span {

    font-size: 12px;

}*/

h2.hdng {font-size: 18px;}

/*.gate__lst h2.hdng {

    font-size: 18px;

}*/

.gate__lst h2.hdng.sub {

    padding-bottom: 5px;     font-size: 13px;     padding-top: 6px;

}

.range__value {bottom: -27px;font-size: 16px;}

.col.s2.rngetxt {padding:0px;}

.noUi-handle-touch-area {

    background -position: center top 8px;

    background-size: 19px;

}

ul.dtls_hdr li {padding: 5px 5px;    font-size: 16px;    min-height: 31px;}

ul.dtls_lst li {       padding: 5px 5px;    font-size: 16px;    color: #07559b;    min-height: 45px;}

.sldr__loop_bx {

    margin-bottom: 0px;

}

.bcktxt {font-size: 14px;
    margin-top: 2px;}

.bck_btn_bx img {

    width: 15px;

}

.bck_icn {

    float: left;

    padding-right: 5px;

    margin-top: 3px;

}

.txtrht {

    float: left;

    font-size: 18px;

    line-height: 16px;

    margin-top: 0px;

}

.prfl__imgbx img {

    width: 30px;

    margin-top: 5px;

}

.contest__main__box .vrtcl_line {

    right: 46px;

    top: -16px;

}

.dtls__icon {

    position: absolute;

    right: 20px;

    top: 18px;

}

.dtls__icon img {

    width: 30px;

}

.dv__nxt.pdngrnd.gate__btn {

    padding: 0px 19px 5px 5px;

}

.gate__txt__liner {

    float: left;

    font-size: 16px;

    font-weight: bold;

    padding-left: 0px;

    padding-top: 5px;

}

.gate__lst .col.s1.rngetxt .txtrht {

    margin-top: 3px;

}

}

@media only screen and (max-width: 910px){

	.col.s11.nuislider__bx { width:87.3333333333%;} 

	.col.s1.rngetxt { width:12.3333333333%;}

	.wrapper-95 {    max-width: 95%;    margin: 0px auto;    width: 100%;	}

	

}


.dwnld_btn_nw{color:#1361a3;}
	


@media only screen and (max-width: 767px){

	.contst__bx .dv__txt__bx .dv__txt__bx__inr__nwd .row {margin-bottom:5px;}
.dwnld_btn_nw{font-size: 16px;color:#1361a3;}
	

    .slct__drop {

        font-size: 14px;

    }

		.dv__txt__bx__inr__nwd { max-height: 156px; overflow-y:auto; text-transform: uppercase; font-size:12px;}

		.dashboard_section.performance .dv__txt__bx__inr__nwd {

    height:62px;

    overflow-y: auto;

}

	.rngetxt {

    font-size: 16px;

    line-height: 18x;

}

	.dropdwn__top {padding-right: 10px;

    margin-right: 10px;

}

	.col.s12.sldr__loop_bx { padding:0px 0px; padding-left:5px;}

	.col.s12.sldr__loop_bx .col.s12  { padding-left:0px;}

	.col.s12.sldr__loop_bx .col.s12 .col.s11.nuislider__bx { padding-left:0px;}

	.nuislider__bx {padding-bottom: 7px!important;}

	.contest__main__box .contst__bx {

    max-width: 94%;

    margin: 0px 3%; margin-bottom:15px;

}

	.rngetxt {margin-top: 0px;}

.txtrht {

    float: left;

    font-size: 16px;

line-height: 18px;}

/*.txtrht span {

    font-size: 11px;

}*/

h2.hdng {font-size: 16px;}

.range__value {bottom: -27px;font-size: 14px;}

.col.s2.rngetxt {padding:0px;}

.noUi-handle-touch-area {

    background-position: center top 8px;

    background-size: 19px;

}

ul.dtls_hdr li {padding: 5px 5px;    font-size: 14px;    min-height: 31px;}

ul.dtls_lst li {       padding: 5px 5px;    font-size: 14px;    color: #07559b;    min-height: 45px;}

.sldr__loop_bx {

    margin-bottom: 0px;

}

.bcktxt {font-size: 16px;}

.bck_btn_bx img {

    width: 16px;

}

.bck_icn {

    float: left;

    padding-right: 5px;

    margin-top: 3px;

}

.txtrht {

    float: left;

    font-size: 13px;

    line-height: 14px;

    margin-top: 0px;

}

.icon-sec img {

    width: 20px;

}



nav .submenu ul li a span {

    font-size: 16px;

    padding: 10px 30px;

}

nav .submenu ul li a:after {

    height: 25px;

}

.gate__txt__liner {

    float: left;

    font-size: 14px;

    font-weight: bold;

    padding-left: 0px;

}



.profile-page-details ul li span.profile-item-label {

    width: 34%;



}

.profile-page-details ul li span.profile-item-txt {

    color: #666666;

    width: 66%;}

    .profile-page-details, .profile-page-subdetails {        padding: 10px 10px;        font-size: 14px;        margin-bottom: 10px;

    }



}



@media only screen and (max-width: 601px){

    .wnbp_lst_top_lft { width: 100%;    }

    .wnbp_lst_usericon { float:left; width:18%; padding: 0px;}

    .wnbp_lst_usericon img {

        border-radius: 100%;

        max-width: 100%; width:100%;

    }

    .wnbp_lst_username { float:left; width:78%; margin-left:4%;}

    .usr_dtls_top .wnbp_lst_username {

        padding-top: 4px;

        line-height: 22px;

    }

    .wnbp_lst_top {

        overflow: hidden;

        padding-bottom: 0px;

    }



.container {width: 95%; max-width:100%;}

.logo_main {width:110px;}

.dtls__icon {

    position: absolute;

    right: 20px;

    top: 12px;

}

.contst__hdng__area {

padding: 7px 10px;}

.contst__hdng__area h2 {    padding-top: 4px;}

	.dtls__icon img {

    width: 24px;

}

.dv__nxt.pdngrnd.gate__btn {

    padding: 0px 18px 20px 15px;

}



ul.dtls_lst li {    min-height: 30px;}

.dashboard_section .row.mrgnbtm {

    margin-bottom: 10px;

}

.row .col.s12.pdngtop {

    padding-top: 0px;

}

.dtls__icon img.dwnld_icn {     width: 18px;

    margin-right: 10px;}



.nuislider__bx {

    padding-bottom: 7px!important;

}

.dv__nxt.pdngrnd.gate__btn {

    padding: 0px 19px 6px 15px;

}



.brgr_mnu {

    float:left;

    padding-left: 10px;

    vertical-align: middle;

}

.dwnld__bx {

    display: inline-block;

    margin-right: 2px;

    padding-right: 1px;

    padding-right: 0px;

    padding-top: 0px;

    padding-bottom: 4px;

    border-right: 1px solid #fff;

    line-height: 0px;

}

.slab__lst .row.mrgnbtm.sctin {

    padding-bottom: 10px!important;

}

.contst__bx.dtls .slab__lst.get_crtrea.dtls .col.s1.rngetxt {

    margin-top: 5px;

}

.contest__main__box .contst__bx.dtls {

    margin-bottom: 20px;

}

}

@media only screen and (max-width: 950px){
    .row.search_ch  .col.s3{
    width: 100%; margin-bottom: 15px;
}

.row.search_ch  .col.s9{
    width: 100%;
}
}


@media only screen and (max-width: 480px){
    .team__dtls_new .hdr__bx  .row.search_ch  .col.s3{
    width: 100%; margin-bottom: 15px;
}
.row.search_ch  .col.s3{
    width: 100%; margin-bottom: 15px;
}
.team__dtls_new .hdr__bx  .row.search_ch  .col.s9{
    width: 100%;
}
.row.search_ch  .col.s9{
    width: 100%;
}
.col.s1.rngetxt {padding-right:0px;}

	.rngetxt {

    font-size: 14px;

    line-height: 18px;

}

	.dropdwn__top .slct__drop {

    padding-right: 29px;

}

	nav .submenu ul li a span {

font-size: 14px;}

	.col.s11.nuislider__bx { width:80.3333333333%;} 

	.col.s1.rngetxt { width:19.3333333333%;}

.hddng__bx h2 {	font-size: 14px;}

	.slct__drop {    font-size: 14px;    background-size: 18px;    background-position: right 2px top 0px; text-align: left;

    padding: 0px;

}

	.contst__hdng__area h2 {  padding-left: 26px; font-weight: 600;  font-size: 12px;  background-position: left 0px top;   background-size: 18px;    min-height: 23px;    padding-top: 4px; text-transform:uppercase;}

	.dv__txt__bx {    font-size: 12px;}

	.contst__bx {min-height: 60px;    max-width: 100%;}

	.slider_dashboard .slick-slide {    padding: 0px 10px 0px 0px;}

	/*.slider_dashboard .slick-list {    padding: 0 20% 0 0;}*/

	.achvd__shrt__bx h3 {    font-size: 12px;}

	.achvd__shrt__bx p {    font-size: 12px;}

	.pdngtop {    padding-top: 16px;}

	.usr_icn {    width: 20px;}

	.abs_prfmce__top {    font-size: 14px;}

	.abs_prfmce__btm {    font-size: 14px;}

	.abs_prfmce__btm h3 {    font-size: 16px;    margin-bottom: 8px;}

	.contst__bx__text h2 {

    padding-left: 26px;

    font-weight: 600;

    font-size: 14px;

    background-position: left 0px top;

    background-size: 18px;

    min-height: 23px;

    padding-top: 2px;

}

	.contst__bx__text {font-size: 14px;}

	.contst__bx_result .row {margin-bottom: 5px;}

	.vrtcl_line2 {right: -38px;    top: -21px;    height: 76px;    width: 100px;    background-size: 79px;}

	.vrtcl_line {   right: -38px;   top: -21px;   height: 48px;    width: 99px;    background-size: 47px;}

	

	.logimg {width: 100px;}

	.toptxtrht {font-size: 15px;		line-height: 17px;     padding-top: 2px; vertical-align:top;}

	.iwin__logo {width:45px;}

	.prfl__imgbx img {

    width: 24px;

    margin-top: 5px;

}



.lognmnbxtop {padding: 8px 5%;font-size: 18px;}

.rdcntnr {font-size: 16px; padding:7px 10px 10px 40px;}

.lognmnbxbtm {padding: 20px 5% 20px 5%;}

.frmtr .form-grp legend {top: -14px;}

.frmtr .form-grp {padding: 15px 10px 10px 10px;padding: 15px 7% 8px 3%;}

.form-grp.usr_nme:before {

    position: absolute;

    left: 18px;

    top: 19px;

    width: 17px;

    height: 19px;

    background-size: 16px;

}

.frmtr .form-grp legend {  top: -11px;  left: 11%; font-size: 15px;}

.frmtr .form-grp input.inptfld {

    color: #303030;

    font-size: 15px;

padding-left: 35px; font-weight:normal;}

.form-grp.pswrd:before {

    position: absolute;

    left: 18px;

    top: 16px;

    width: 16px;

    height: 17px;

    content: '';

    z-index: 10;

    font-size: 18px;

    background-size: 16px;

}

.frmtr .form-grp input.inptfldpwd {font-size: 15px;padding-left: 35px;}

.sbmtbtnbx .sbmtbtn {

    float: none;

    width: 75%;

    height: 38px;

    border-radius: 15px;

    line-height: normal;

    font-size: 16px;

    text-align: center;

    background: #df0037;

    border: 0px;

    color: #fff;

    text-transform: uppercase;

    cursor: pointer;

    display: inline-block;

}

.sbmtbtnbx {

    position: absolute;

    left: 50%;

    bottom: -12px;

    width: 180px;

    margin-left: -90px;

    text-align: center;

}

.lognmnbx {

    margin-bottom: 30px;

}



.brgr_mnu {

    /* display: inline-block; */

    padding-left: 10px;

    float: right;

    padding-top: 3px;

    line-height: 0px;

}



   .toptxtrht{ margin-top: 12px;}

.logimg {    width: 110px;}

select.slct__drop {    height: 22px;     width: 75px;

    float: right;}

	}



@media only screen and (max-width: 400px){

	

	.slct__drop {

    font-size: 14px;

    background-size: 16px;

    background-position: right 2px top 2px;

}

	.brgr_mnu {

    display: inline-block;

    padding-left: 10px;

}

nav ul li a {

    font-size: 12px;

}

.col.s11.nuislider__bx {

    width: 82.3333333333%;

}

.col.s1.rngetxt { width:17.3333333333%}

}

/*.noUi-horizontal .noUi-connect,

.noUi-horizontal .noUi-origin {

animation: 4s linear 0s slidenuio;

}

@keyframes slidenuio {

  from { left: 0; }

  to {

    left: 50%;

   

  }

}*/

.login__mn__dv { float:left; width:100%; display:none;}

#splash-page {

    background: url(../images/background.png) repeat top left;

    /* padding: 0 20%; */

    height: 100%;

    min-height: 100vh;

    /* background-size: cover; */

    position: fixed;

    width: 100%;

    text-align: center;

    top: 0px;

    left: 0px;

    vertical-align: middle; z-index:9999;

}

.site-wrapper {

    max-width: 960px;

    margin: 0px auto;

    width: 100%;

    margin-top: -2px;

}

.fadeIn {

    -webkit-animation-name: fadeIn;

    animation-name: fadeIn;

}

.animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}

img.splash__logo {

    max-width: 100%;

    display: inline-block;

}

#splash-page .site-splash-logo {

    height: 250px;

    width: 250px;

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    margin: auto;

}



@media screen and (max-width: 390px){

	.hddng__bx h2 {

    font-size: 12px;

}

.dv__txt__bx {

    font-size: 12px;

}

.abs_prfmce__top {

    font-size: 12px;

}

.abs_prfmce__btm h3 {

    font-size: 14px;

    margin-bottom: 8px;

}

#splash-page .site-splash-logo {

    height: 200px;

    width: 200px;

}

.profile-page-details ul li span.profile-item-label {

    width: 30%;



}

.profile-page-details ul li span.profile-item-txt {

    color: #666666;

    width: 70%;}

    .profile-page-details, .profile-page-subdetails {        padding: 10px 10px;        font-size: 12px;        margin-bottom: 10px;

    }

}



.container.profile {

    max-width: 460px;

}





 .dtls__icon img.eye_icn__img{   width: 19px;

    margin-top: 2px;

    display: inline-block;

 vertical-align: top; margin-left:3px;}

 .dtls__icon img.dwnld_icn {

    width: 20px;

    margin-right: 10px;     margin-top: 1px;

}



.dwnld__bx {padding-bottom: 2px;}





.dtls__icon {

    top: 13px;

}

.dwnld__bx {padding-top: 1px;}

@media screen and (max-width: 767px){

	.dwnld__bx {padding-top: 1px;}

	.dtls__icon{    top: 8px;}

	 .dtls__icon img.dwnld_icn {

    width: 20px;

    margin-right: 10px;     margin-top: 1px;

}

}



.noUi-horizontal .noUi-tooltip span { font-weight:normal; font-style:italic;    font-size: 15px;}

.col.s12.sldr__loop_bx .col.s12.nuislider__bx { margin-top:0px;     padding-bottom: 22px!important;} 

.col.s4.rngetxt  .txtrht { font-weight:normal; font-style:italic; font-size:15px;}

.contst__bx .dv__txt__bx .row {

    margin-bottom: 0px; 

}

.rltvbx { position:relative;}

.abs_pstn { position:absolute; top:-16px;  right: 0px!important;  left: inherit!important; width: 40%!important;}



.col.s12.sldr__loop_bx .col.s12.nuislider__bx.dtlspge {

margin-top: 5px;}

.slab__lst.get_crtrea.dtls { background:none;}

ul.dtls_hdr { margin-top:10px;}

.awards_dtls h2 { margin-bottom:10px;}

.dtls_pge .dtls__icon {

    position: absolute;

    right: 6px;

    top: 8px;

}





@media only screen and (max-width: 480px){

nav .submenu ul li a span {

    font-size: 12px; height:44px;

}

}









/*new css CH*/

.fltrht { float:right;}

.drop__slct__nw { border:1px solid #1361a3; padding:7px 10px; font-size: 15px; font-weight: 600; display: inline-block; width: 130px; height: inherit; -webkit-appearance: none;

  -moz-appearance: none;

  text-indent: 1px;

  text-overflow: ''; background: url(../images/slct_arw.png) no-repeat right 10px center; background-size: 18px; color: #1361a3;     border-radius: 6px; }



.ch__nw .crcle__bx__top > .row { margin-bottom:0px;}

.achvd__shrt__bx { position: relative;}

.up__arrw { position:absolute; right:5px; top:50%;  margin-top: -8px;}

.dwn__arrw { position:absolute; right:5px; top:50%;  margin-top: -8px;}

.up__arrw img ,  .dwn__arrw img { width: 14px;}



.row.rw_pdng_btm { padding-bottom:15px;}

.row.rw_pdng_btm:last-child {padding-bottom: 0px;}

.dtls__bx_abv a { color: #07559b}

.rw__repeat__lst.dtls__row a { color: #07559b}

.rw__hdng.rw__repeat__lst .dv2.col3 {text-align: left;     padding-left: 5px;}
.awardbox .dtls_lst li { text-align:center;}

.dtls_lst.slab_detail__nw li:first-child { text-align:left;}
/* nav ul li:last-child { color:#aaaaaa;}
nav ul li:last-child a { color:#aaaaaa;} */

@media only screen and (max-width: 1024px){

	

	.fxdtxt {

    white-space: nowrap;

    width: 80%;

    overflow: hidden;

    float: left;

    text-overflow: ellipsis;

}

	.contst__hdng__area h2 {   /* white-space: nowrap; */   width: 80%;    overflow: hidden;    float: left;    text-overflow: inherit; padding-right: 10px;}

	.dv__txt__bx .row .col.s4 {white-space: nowrap;  overflow: hidden;   text-overflow: ellipsis;  }

	.dv__txt__bx .row .col.s6 { overflow: hidden;   }
	.dv__txt__bx .row .col.s7 {white-space: nowrap;  overflow: hidden;   text-overflow: ellipsis;  }

	.tems_repet__lst .col.s4.lft {  overflow: hidden;     }

	.tems_repet__lst_inr.prnt__dvr .dv.col4.algnlft {overflow: hidden;      word-wrap: break-word;}
	
	

	.rw__repeat__lst.dtls__row .dv2.col5.algnlft { overflow: hidden;    }

	.rw__repeat__lst.dtls__row .dv2.col3 { overflow: hidden;   }

	.rw__hdng.rw__repeat__lst .dv2.col3 {white-space: nowrap;  overflow: hidden;   text-overflow: ellipsis; }
	
	

	/*.awardbox .dtls_lst li {white-space: nowrap;    text-overflow: ellipsis; }*/

}



@media only screen and (max-width: 480px){

	.drop__slct__nw {

    border: 1px solid #1361a3;

    padding: 4px 8px;

    font-size: 13px;

    font-weight: 600;

    display: inline-block;

    width: 110px;

    height: inherit;

    -webkit-appearance: none;

    -moz-appearance: none;

    text-indent: 1px;

    text-overflow: '';

    background: url(../images/slct_arw.png) no-repeat right 10px center;

    background-size: 14px;

    color: #1361a3;     border-radius: 6px;

}

	

}



@media only screen and (max-width: 400px){

.up__arrw { position:absolute; right:2px; top:50%; margin-top: -6px;}

.dwn__arrw { position:absolute; right:2px; top:50%; margin-top: -6px;}

	.up__arrw img ,  .dwn__arrw img { width: 12px;}

	.team__total__bx {width: 94%;}

}





nav .submenu  ul li { min-height:inherit;}



.submenu.wrap.fixed { height:inherit;}

nav .submenu ul li a span {

    padding: 10px 30px 4px 30px;

}

nav .submenu ul li a:after {

    height: 20px;     top: 9px;

}



.gate__lst h2.hdng {    padding-bottom: 6px;}





ul.dtls_hdr.tm_dtls__nw {

    margin-top: 19px;

}

.col.s12.sldr__loop_bx .col.s12.pdngytop { padding-top:6px;}



.subhdng__nw {    font-size: 14px; color: #07559b; font-weight: 600;}



.hddng__bx.ch { padding-bottom: 0px;padding-top: 5px;}





.cntst__dtls__nw__inr.chtbl { margin: 0px;}

.cntst__dtls__nw__inr.chtbl { text-align:center;}

.s20 {width: 20%; font-size: 12px;     color: #07559b; font-weight: 600; position: relative;}

.s20.sub { font-weight:normal}

.s25 {width: 25%; font-size: 12px;     color: #07559b; font-weight: 600; position: relative;}

.s25.sub { font-weight:normal}

.s33 {width: 33.33%; font-size: 12px;     color: #07559b; font-weight: 600; position: relative;}

.s33.sub { font-weight:normal}



.frst_bx.hdr__bx .hddng__bx.ch {

    padding-bottom: 0px;

    padding-top: 20px;

}







.col.s12.subhdng__nw { margin-bottom: 10px;}



.cntst__dtls__nw__inr.chtbl.sub__sub_bx { margin-top: 10px; clear: both;    float: left;    width: 100%;     border: 1px solid #ccc;}

.cntst__slab__clk { position:absolute; right:0px; top:2px;}

.cntst__slab__clk img {width: 10px;}



.cntst__slab__bx { display:none;}

.cntst__slab__clk.active img { transition: all ease-in-out .3s;}

.cntst__slab__clk.active img{ transform:rotate(90deg)}



.scrll__elmnt { overflow-y: scroll; height: 155px;}



.cntst__dtls__nw__inr.mn_catgry__bx {border:1px solid #ace7f9;}

.mn_catgry__bx > .rw__hdng  { background:#ace7f9;}

.team__dtls.ch .hdr__bx { padding-bottom: 0px;}

.team__dtls.ch .hdr__bx.nwstyle_hdng {padding:10px 0px; background: #EBEBF0; margin-top: 10px; text-align: center;}

.frst_bx.hdr__bx .hddng__bx.ch {    padding-bottom: 0px;    padding-top: 0px;}

.dashboard_section .nwstyle_hdng > .row {   margin-bottom: 0px;}

.team__dtls.ch .hdr__bx.frst_bx.nwstyle_hdng {margin-top: 20px; }

.abs_prfmce__top, .abs_prfmce__btm { text-transform:uppercase;}



.abs__prfmnce__dtls__bx {    min-height: 100px; margin-bottom: 20px; max-width:96%;}

@media only screen and (max-width: 580px){

	.achvd__shrt__bx h3 {    font-size: 12px;}

	.achvd__shrt__bx p {    font-size: 12px;}

	.drop__slct__nw {   border: 1px solid #1361a3;   padding: 4px 8px;   font-size: 13px;   font-weight: 600;   display: inline-block;   width: 110px;

    height: inherit;    -webkit-appearance: none;    -moz-appearance: none;    text-indent: 1px;    text-overflow: '';    background: url(../images/slct_arw.png) no-repeat right 10px center;    background-size: 14px;    color: #1361a3;    border-radius: 6px;}

	

}

@media only screen and (max-width: 767px){
	.slider__bx {
    overflow: hidden;
    padding-left: 3px;}

	nav .submenu ul li a span {

    font-size: 12px;

    height: inherit;

}

.dashboard_section.performance .dv__txt__bx__inr__nwd {
    max-height: 156px;
    overflow-y: auto;
    height: inherit;
}

	.abs_prfmce__top {

    font-size: 14px;

}

	.abs_prfmce__btm {

    font-size: 12px;

}

	.abs_prfmce__btm h3 {padding-bottom: 5px;}

	.abs_prfmce__btm {    font-size: 12px;}

	.abs_prfmce__btm h3 {    font-size: 14px;}

	.dv__nxt img {    width: 12px;}

	.col.s4.rngetxt .txtrht {

    font-weight: normal;

    font-style: italic;

    font-size: 12px; margin-bottom: 4px;

}

	.dv__nxt img {

    width: 20px!important;

}

	.noUi-horizontal .noUi-tooltip span {

    font-weight: normal;

    font-style: italic;

    font-size: 12px;

}

	

	.noUi-target.noUi-horizontal .noUi-tooltip {

		top: 44px;}

	.col.s12.sldr__loop_bx {    margin-bottom: 3px;}

	ul.dtls_hdr {

    margin-top: 3px;

}

	h2.hdng {

    font-size: 13px;

}

	ul.dtls_hdr li {

    padding: 5px 5px;

    font-size: 12px;

    min-height: 28px;

}

	.awardbox.row.mrgnbtm {

    padding-top: 8px;

		margin-top: 8px;}

	.awards_dtls h2 {

    margin-bottom: 5px;

}

	ul.dtls_lst li {font-size: 12px;}

	.gate__lst h2.hdng {

    font-size: 14px;

}

	.gate__txt__liner {

    float: left;

		font-size: 12px;}

	

}

.col.s12.sldr__loop_bx .col.s12.nuislider__bx {

    margin-top: 0px;

    padding-bottom: 22px!important;

    position: relative;

    margin: 0 auto;

    width: 93%;

    float: none; clear: both;

}

.noUi-tooltip span { 

	left: -1px!important;}



.noUi-target.noUi-horizontal .noUi-tooltip {

    left: -5px;

}

.row .col.s4.rngetxt { padding: 0px;}




ul.dtls_lst.slab_detail__nw  { clear: both;
    float: left;
    width: 100%; overflow:visible;}

    .info-icon {
		position: relative;
		display: inline-block;
	}
    .tooltip {
		position: relative;
		display: inline-block;
        transform: translateY(-5px);
        z-index: 600;
		/* border-bottom: 1px dotted black; */
        
	}

	.tooltip .tooltiptext {
		visibility: hidden;
		width: 120px;
		background-color: #1361a3;
		color: #fff;
		text-align: left;
		border-radius: 6px;
		padding: 5px 5px;

		/* Position the tooltip */
		position: absolute;
		z-index: 1;
		top: inherit;
		left: 50%;
        bottom: 30px;
		margin-left: -60px;   
        font-weight: normal;
        font-size: 14px;
    
	}
    .tooltip{
        z-index:89;
    }
    .tooltip:hover{
        z-index:99;
    }
	.tooltip:hover .tooltiptext {
		visibility: visible;
	}

    .tooltiptext::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -9px;
    border-width: 8px;
        border-style: solid;
        border-color: #1361a3 transparent transparent transparent;
      }
     nav  ul.cdo li {
        width:50%;

     } 

     h3.chdoheading{
        font-size: 20px;
        color: #07559b;
        font-weight: 600;
     }

    .drop__slct__nw { width:100%;}
    .col.s3.slct_mrgntopbtm{margin-top: 6px;}
    @media only screen and (max-width: 580px){

    .cd__ch .col.s3.hdmbl { display:none;}
    .cd__ch  .col.s3 { width:30%;}
    .cd__ch  .col.s3.cdocss{width:40%;}
    .col.s3.slct_mrgntopbtm{margin-top: 0px;}

    }



    .rwrd__popup_t {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.8);
		z-index: 9999;
		display: none;
	}

	.rwrd__popupinr_t {
        border-radius: 24px 24px 0 0;
		width: 700px;
		margin: 0 auto;
		background: #fff;
		border-radius: 18px;
		top: 0px;
		
		position: relative;
	}

	.closerwrd_popup_t {

		position: absolute;

		right: 21px;

		top: 0px;

		font-size: 22px;

		color: #303030;

		font-weight: bold;

	}

    
	@media screen and (max-width: 650px) {



		.rwrd__popupinr_t {
			width: 90%;
			margin: 0 auto;
			background: #fff;
			border-radius: 18px;
			top: 0px;
			max-height: 300px;
			position: relative;
		}

		/*.rwrd_img_mn { width:100%; overflow:auto;}*/



	}

    .ddshbrd_one .dv__txt__bx__inr__nwd { height:156px;}

    @media only screen and (max-width: 1024px){
.contst__hdng__area h2 {
   /* white-space: nowrap;*/
    /*width: 90%;*/
}
}

.inr_topmn {    float: left;    width: 100%;    padding-bottom: 15px; margin-top:20px;}
.prfl_rht h2 {    overflow: hidden;    padding: 0px;    margin: 0px;    color: #07559b;    font-size: 18px;    font-weight:600;   }
.prfl_rht p {    overflow: hidden;    padding: 0px;    margin: 0px;    color: #07559b;    font-size: 16px;    font-weight: normal;}

.prfldtls {    float: left;    width: 100%;    padding-top: 10px;}

.prflbx {    float: left;    width: 100%;    background: #ffffff;    border-radius: 10px;    -webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.16);    box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.16);
    margin-bottom: 15px;}
.prflbxinr {    overflow: hidden;    padding: 15px;    position: relative;}
.iconbx {    overflow: hidden;    padding: 0px 10px 0px 80px;    position: relative;    min-height: 32px;}
.iconbx:before {content: '';    position: absolute;    left: 0px;    top: 0px;    width: 32px;    height: 32px;    overflow: hidden;    background: url(../images/sprites.png) no-repeat left top;
    background-size: 280px;}
	.iconbx.business:before {    background-position: -31px center;}
	.iconbx.channel:before {    background-position: left center;}
	.iconbx.emplyee:before {    background-position: -62px center;}
.prflbx .lftxt {    float: left;    width: 50%;    font-size: 18px;    color: #07559b;  font-weight:500;   font-weight: normal;    padding-top: 6px;}
.prflbx .rhtxt {    float: left;    width: 50%;    font-size: 16px;    color: #07559b;    padding-top: 6px;}
.iconbx.suprvsr:before {    background-position: -93px center;}
.iconbx.brnch:before {    background-position: -124px center;}
.iconbx.regn:before {    background-position: -155px center;}
.iconbx.zone:before {    background-position: -186px center;}
.iconbx.mble:before {    background-position: -217px center;}
.iconbx.emlid:before {    background-position: -248px center;}
.iconbx.switchrole:before {   background: url(../images/switch_role.png) no-repeat left top;  background-position: center center;}

.prflbx .lftxt {    font-size: 14px; width: 34%;}
.prflbx .rhtxt {    font-size: 13px; width: 65%;  }
.prflbx .iconbx.emlid .rhtxt {    font-size: 13px; width: 58%; overflow: hidden;
    text-overflow: ellipsis; }

   @media only screen and (max-width: 600px){
	   .profile-page-edit-sec {     clear: both;     float: left;     width: 100%;}
.inr_topmn {    float: none;    width: 96%;  margin: 0 auto;    overflow: hidden;    margin-top: 20px;    clear: both;   padding-bottom: 0px;}
.prfl_rht {    float: left;    width: 100%;    padding-top: 0px;}
.prfldtls {    padding-top: 20px;     float: none;
    margin: 0 auto;
    width: 96%;
}
.prflbx {    margin-bottom: 8px;}
.prflbxinr {    overflow: hidden;    padding: 8px 5px 8px 10px;    position: relative;}
.iconbx {    overflow: hidden;    padding: 0px 0px 0px 50px;}
.prflbx .lftxt {    font-size: 13px;    padding-top: 6px;    width:38%;}
.prflbx .rhtxt {    font-size: 12px;    padding-top: 6px;  width:61%;}
.prflbx .switchrole  .rhtxt { padding-top:0px;}
.swh_role {
padding: 5px 9px;}

.prfl_rht h2 {font-size: 15px;}
.prfl_rht p {    font-size: 14px;}


}


   @media only screen and (max-width: 359px){
	

.prflbx .lftxt {    font-size: 13px;    padding-top: 6px;    width:42%;}
.prflbx .rhtxt {    font-size: 12px;    padding-top: 6px;  width:57%;}

}


/* breadcrumb */
.flwdth__bx {float:left; width:100%; clear:both; padding-top:6px;}
.brdcrmblst {margin:0px; padding:0px; width:100%; list-style-type:none;}



.brdcrmblst li {margin:0px; padding:0px; list-style-type:none; display:inline-block; padding-right:5px; float: none;
    width: auto;
    text-align: left;
    min-height: inherit;font-size:12px; color:#303030;}
.brdcrmblst li a {padding: 0px;
    display: inline-block;
}

.brdcrumb_lst{
    font-size: 14px;
    color: #303030;
    padding-right: 2px;
}
.drop__slct__nw.breadcrmb{ padding: 3px;  width:58%;
    font-size: 12px;
     background-size: 13px; padding-right:29px;max-width:245px;}


    @media screen and (max-width: 650px){
        .flwdth__bx {float:left; width:100%; clear:both; padding-top:6px;}
.brdcrmblst {margin:0px; padding:0px; width:100%; list-style-type:none;}
.brdcrmblst li {margin:0px; padding:0px; list-style-type:none; display:inline-block; padding-right:5px; font-size:12px; color:#303030;}

.drop__slct__nw.breadcrmb{   font-size: 12px;  background-size: 11px;}    

.fs12{font-size: 12px!important;}
    }


    .tltprow { float:left; width:100%; padding-bottom:5px;}
    .tltprow .col-md_5 { float:left; width:46%; padding-left: 4%; padding-right: 2%; }
    .tltprow .col-md_1 { float:left; width:4%; text-align:center; }
    .tltprow .col-md_4 { float:left; width:41%; padding-left: 2%; padding-right: 1%;  }


    .rwrd__popup {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.8);
        z-index: 9999;
        display: none;
    }

    .rwrd__popupinr {
        width: 400px;
        margin: 0 auto;
        background: #fff;
        border-radius: 10px;
        top: 0px;
        height: 300px;
        position: relative;
    }

    .rwrd_img_mn {
        overflow: hidden;
        padding: 20px;
        text-align: center;
        height: 300px;

        overflow-y: auto;

        margin-bottom: 0px;
    }

    .rwrd_img_mn img {
        width: 90%;
        max-width: 200px;

    }

    .closerwrd_popup {
        position: absolute;
        right: 21px;
        top: 0px;
        font-size: 19px;
        color: #fff;
        font-weight: bold;
        background: #1361a3;
        width: 30px;
        height: 30px;
        border-radius: 100px;
        /* text-align: center; */
        line-height: 29px;
        right: -8px;
        top: -8px;
        padding-left: 10px;
        font-weight: normal;
       }
       
           @media screen and (max-width: 650px) {
       
            .brdcrumb_lst{
                font-size: 12px;
                color: #303030;
                padding-right: 2px;
            }
       
               .rwrd__popupinr {
                   width: 90%;
                   margin: 0 auto;
                   background: #fff;
                   border-radius: 10px;
                   top: 0px;
                   height: 300px;
                   position: relative;
               }
       
               /*.rwrd_img_mn { width:100%; overflow:auto;}*/
       
       
       
           }
		   
		   
		   .hdr__top_sticky {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px; transition:all .5s ease-in-out; 
}

.default_blue_clr{
    padding-top: 14px;
    color: #1361a3;
    clear: both;
    overflow: hidden;
    float: left;
    width: 100%;
    font-size: 14px;
}


.fltr_srch_inpt {
    border: 1px solid #9e9e9e!important;
    padding: 5px!important;
    height: 20px!important;
    margin-TOP: 7px!important;
    margin-bottom: 14px!important;}
		   
		.hdr__top_sticky.fixed {
    position: fixed;
    z-index: 998;
    top: 0px;
    left: 0px;
    width: 100%;
}
      

       .col.s3.flt_pdng_rght {float:right; padding-bottom: 5px; padding-top: 5px;}
       .col.s5.flt_pdng_rght {float:right; padding-bottom: 15px; padding-top: 5px;}

       .lognmnbxbtm.report__fltr {background: #eaf1f9;
        border-radius: 10px;    padding: 10px 5% 10px 5%;    }
        .lognmnbxbtm.report__fltr .frmtr {padding-bottom:0px; margin-bottom:0px; text-align:center;}
        .lognmnbxbtm.report__fltr .rdcntnr {
            font-size: 16px; padding: 9px 10px 10px 40px;
        }

        .lognmnbxbtm.report__fltr .rdcntnr {display: inline-block;float: none;}
        @media screen and (max-width: 650px) {
            .lognmnbxbtm.report__fltr .rdcntnr {
                font-size: 14px; padding: 9px 10px 10px 40px;
            }
        
        }
        @media screen and (max-width: 375px){
.lognmnbxbtm.report__fltr .rdcntnr {
    font-size: 12px;
    padding: 9px 10px 10px 36px;
}

}

.creteria_lstng_outr h4{    float: left;    font-size: 16px;    font-weight: bold;    padding-left: 10px;    padding-top: 9px; padding-bottom:0px; margin-top	:0px; margin-bottom:0px;}
.creteria_lstng_outr ul.creteria__lstng {    padding-left: 16px;     list-style-type: default;     list-style-type: disc;
    clear: both;
    margin-top: 5px;
    padding-top: 0px; margin-t0p:5px; font-weight: normal;}
	.gate__btn.new_crt_pa.active .gte_lst_view_clk {
    transform: rotate(0deg);
}
.gate__btn.new_crt_pa.active .gte_lst_view_clk img {
    transform: rotate(180deg);
}
.creteria_lstng_outr ul.creteria__lstng > li {
    list-style-type: disc; 
}
a.dtl__nw_arw { clear:both; width:100%;}
        @media screen and (max-width: 1500px) {
		.creteria_lstng_outr h4 {    float: left;    font-size: 16px;    font-weight: bold;    padding-left: 0px;    padding-top: 5px;}
			
		}
		
		@media only screen and (max-width: 767px){
            .new_dtls_hdr li{
                font-size: 12px !important;
                padding: 0px 0px 0px 7px !important;
            }
.creteria_lstng_outr h4 {
    float: left;
    font-size: 12px;
    font-weight: bold;
    padding-left: 0px;
}
.dv__nxt img {
    width: 16px!important;
}
.fxd_main .flwdth__bx{ margin-top: 107px;}

		}
		
		.noUi-target, .noUi-target * {    touch-action: pan-y!important;}
        .tooltip .tooltiptext.new_btm_tool_tip{
    width: 240px;
    background-color: #1361a3;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 601;
    top: 30px;
    left: 50%;
    bottom: inherit;
    margin-left: -120px;
    font-weight: normal;
    font-size: 14px;

        }

        .new_btm_tool_tip::after {
            content: "";
            position: absolute;
            top: -16px;
            left: 50%;
            margin-left: -9px;
            border-width: 8px;
            border-style: solid;
            border-color: transparent transparent #1361a3 transparent;
        }
        /* .new_dtls_hdr */

        ul.new_dtls_hdr li {float: left; width: 25%; padding: 5px 20px; /*border-right: 1px solid #bfcddb; */font-size: 16px; color: #07559b;min-height: 36px }


/*26-5 css starting*/
.sldr-head-rwrd-top{ padding-top:1px; padding-bottom:10px; }
.sldr-head-rwrd-top h2{     font-size: 15px;
    text-align: center;
    color: #000;
    font-weight: 600;
    margin: 18px; word-wrap: break-word;
} 
.slider-rwd-lgn-right{border: #07559b solid 1px;
    padding: 2px 3px;
    color: #f00;
    width: auto;
    text-align: center;
    font-size: 13px;
    float: right;
    margin-right: 58px;
    margin-top: 15px;
    border-radius: 5px;

}
.row_mr_gp{ margin-bottom:0px; }

@media only screen and (max-width: 767px){
     .slider-rwd-lgn-right{ width: 50px; }   
    .slider-rwd-lgn-right{
    font-size: 10px;}
    .sldr-head-rwrd-top h2 {
    font-size: 10px;
        margin: 0px;
}
.sldr-head-rwrd-top{ padding-top: 10px; }
.abs_prfmce__btm h3{ padding-left: 0px; }

}
.tooltip_new_scrool{
    max-height: 196px;
    overflow-y: auto;
}


        a.green_clr {
            color: #17a200 !important;
        }
/* survey form css */
	/* The container */

	.thnks__img {
	  overflow: hidden;
	}

	.thnks__img img {
	  width: 100%;
	}

	.srvy_sbmt__btn_area {
	  overflow: hidden;
	  text-align: center;
	}

	.srvysbmt_btn {
	  width: 160px;
	  height: 45px;
	  background: url("../images/survey/sbmt_btn.png") no-repeat left top;
	  border: 0px;
	  background-size: 160px;
	}

	*:focus {
	  outline: none;
	}

	.survey__popup {
	  position: fixed;
	  left: 0px;
	  top: 0px;
	  background: rgba(0, 0, 0, 0.8);
	  width: 100%;
	  height: 100%;
	  z-index: 9999;
	}
    .survy_container{
        -webkit-tap-highlight-color: transparent;
    }
	.survey__popup_inr {
	  margin: 0 auto;
	  width: 90%;
	  max-width: 800px;
	  background: #fff;
	  border-radius: 20px;
	  position: relative;
	}

	.survy__pdngbx {
	  overflow: hidden;
	  padding: 30px;
	}

	.close__srvy_pop {
	  position: absolute;
	      right: 14px;
    top: 2px;
	  color: #df0137;
	  font-size: 28px; z-index:20;
	}

	.toptxt__bx {
	  overflow: hidden;
	  padding-top: 20px;
	  font-size: 18px;
	  color: #303030;
	  padding-bottom: 20px;
	}

	.survy_container {
	  display: inline-block;
	  position: relative;
	  padding-left: 0px;
	  text-align: center;
	  width: 16%;
	  vertical-align: top;
	  margin-bottom: 0px;
	  cursor: pointer;
	  font-size: 22px;
	  -webkit-user-select: none;

	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	  transition: all 2s ease-out;
	}

	.srvy_line {
	  width: 104%;
	  height: 20px;
	  background: #c3201c;
	  margin-top: 10px;
	}

	.srvy_moj_bx {
	  overflow: hidden;
	  padding-top: 30px;
	  padding-bottom: 25px;
	  position: relative;
	  text-align: center; padding-right: 5px;
	}

	.least_likly_txt {
	  position: absolute;
	     left: 6px;
	  bottom: 0px;
	  font-size: 16px;
	 
	}

	.least_likly_txt_rht {
	  position: absolute;
	  right: 0px;
	  bottom: -25px;
	  font-size: 16px;
	  color: #303030;
	}

	.txt_fld_area__bx {
	  overflow: hidden;
	  padding: 20px 0px;
	}

	.srvytxtarea {
	  border: 1px solid #9a9a9a;
	  width: 100%;
	  height: 100px;
	  resize: none;
	  color: #000;
	  font-size: 16px;
	}

	/* Hide the browser's default radio button */

	.survy_container input {
	  position: absolute;
	  opacity: 0;
	  cursor: pointer;
	}

	/* Create a custom radio button */

	.survy_checkmark {
	  position: relative !important;
	  width: 48px !important;
	  height: 48px !important;
	  border: 1px solid #000000 !important;
	  color: #000 !important;
	  line-height: 48px !important;
	  border-radius: 100% !important;
	  background: none !important;
	  background-color: transparent !important;
	  text-align: center;
	  font-size: 20px;
	  transition: all 2s ease-out;
	}

	/* On mouse-over, add a grey background color */

	.survy_container:hover input ~ .survy_checkmark {
	}

	/* When the radio button is checked, add a blue background */

	.survy_container input:checked ~ .survy_checkmark {
	  border: 0px !important;
	}

	.survy_container input:checked ~ .survy_checkmark strong {
	  opacity: 0;
	}

	/* Create the indicator (the dot/circle - hidden when not checked) */

	.survy_checkmark:after {
	  content: "";
	  position: absolute;
	  display: none;
	  transition: all 0.5s ease-in-out;
	}

	/* Show the indicator (dot/circle) when checked */

	.survy_container input:checked ~ .survy_checkmark:after {
	  display: block;
	}

	/* Style the indicator (dot/circle) */

	.survy_container .survy_checkmark:after {
	  top: 0px;
	  left: 0px;
	  width: 48px;
	  height: 48px;
	  background-color: transparent !important;
	  border: 0px !important;
	  background: url("../images/survey/emj_1.png") no-repeat left top;
	  transition: all 0.5s ease-in-out;
	}

	.survy_container.one .srvy_line {
	  border-radius: 50px 0px 0px 50px;
	}

	.survy_container.two .srvy_line {
	  background: #df2b21;
	}

	.survy_container.three .srvy_line {
	  background: #ff3725;
	}

	.survy_container.four .srvy_line {
	  background: #ff6218;
	}

	.survy_container.five .srvy_line {
	  background: #ff8000;
	}

	.survy_container.six .srvy_line {
	  background: #ff9200;
	  border-radius: 0px 50px 50px 0px;
	}

	.survy_container.seven .srvy_line {
	  border-radius: 50px 0px 0px 50px;
	  background: #ffa800;
	}

	.survy_container.eight .srvy_line {
	  background: #fbcc00;
	}

	.survy_container.nine .srvy_line {
	  background: #fbde00;
	}

	.survy_container.ten .srvy_line {
	  background: #00aa50;
	}

	.survy_container.eleven .srvy_line {
	  background: #009540;
	  border-radius: 0px 50px 50px 0px;
	}

	.survy_container.two .survy_checkmark:after {
	  background: url("../images/survey/emj_2.png") no-repeat left top;
	  transition: all 0.5s ease-in-out;
	}

	.survy_container.three .survy_checkmark:after {
	  background: url("../images/survey/emj_3.png") no-repeat left top;
	  transition: all 0.5s ease-in-out;
	}

	.survy_container.four .survy_checkmark:after {
	  background: url("../images/survey/emj_4.png") no-repeat left top;
	  transition: all 0.5s ease-in-out;
	}

	.survy_container.five .survy_checkmark:after {
	  background: url("../images/survey/emj_5.png") no-repeat left top;
	  transition: all 0.5s ease-in-out;
	}

	.survy_container.six .survy_checkmark:after {
	  background: url("../images/survey/emj_6.png") no-repeat left top;
	  transition: all 0.5s ease-in-out;
	}

	.survy_container.seven .survy_checkmark:after {
	  background: url("../images/survey/emj_7.png") no-repeat left top;
	  transition: all 0.5s ease-in-out;
	}

	.survy_container.eight .survy_checkmark:after {
	  background: url("../images/survey/emj_8.png") no-repeat left top;
	  transition: all 0.5s ease-in-out;
	}

	.survy_container.nine .survy_checkmark:after {
	  background: url("../images/survey/emj_9.png") no-repeat left top;
	  transition: all 0.5s ease-in-out;
	}

	.survy_container.ten .survy_checkmark:after {
	  background: url("../images/survey/emj_10.png") no-repeat left top;
	  transition: all 0.5s ease-in-out;
	}

	.survy_container.eleven .survy_checkmark:after {
	  background: url("../images/survey/emj_11.png") no-repeat left top;
	  transition: all 0.5s ease-in-out;
	}

	.survy_container:hover .survy_checkmark:after {
	  display: block;

	  -webkit-transform: scale(1);

	  transform: scale(1);
	  transition: all 0.5s ease-in-out;
	}

	.survy_container .survy_checkmark strong {
	}

	.survy_container:hover .survy_checkmark strong {
	  opacity: 0;
	}

	.survy_container:hover .survy_checkmark {
	  border: 0px !important;
	}

	@media screen and (max-width: 980px) {
	  .survey__popup_inr {
		width: 90%;
		max-width: 500px;
	  }

	  .survy_container {
		width: 15%;
	  }

	  .srvy_line {
		width: 105%;
	  }

	  .toptxt__bx {
		overflow: hidden;
		padding-top: 10px;
		font-size: 14px;
	  }

	  .srvy_line {
		width: 114%;
	  }

	  .survy_checkmark {
		position: relative !important;

		width: 38px !important;

		height: 38px !important;
		line-height: 38px !important;
	  }

	  .survy_container .survy_checkmark:after {
		width: 38px;

		height: 38px;
		background-size: 38px !important;
	  }

	  .least_likly_txt {
		font-size: 13px;
	  }

	  .least_likly_txt_rht {
		font-size: 13px;
		width: 75px;
		text-align: right;
	  }
	}

	@media screen and (max-width: 580px) {
	  .survy_container {
		width: 48px;
	  }
      .srvytxtarea {
       
        font-size: 10px;
      }
  

	  .survey__popup_inr {
		width: 380px;
		max-width: inherit;
	  }

	  .srvy_moj_bx {
		padding-top: 0px;
		padding-bottom: 25px;
		position: relative;
		text-align: center;
		margin-bottom: 14px;
	  }

	  .least_likly_txt {
		font-size: 13px;
	  }

	  .least_likly_txt_rht {
		font-size: 13px;
	  }

	  .survy_container {
		width: 50px;
	  }

	  .srvy_line {
		width: 105%;
	  }

	  .survy__pdngbx {
		overflow: hidden;

		padding: 15px;
	  }

	  .least_likly_txt_rht {
		width: 75px;

		text-align: right;
	  }

	  .srvy_line {
		width: 114%;
	  }

	  .txt_fld_area__bx {
		overflow: hidden;

		padding: 0px 0px 10px 0px;
	  }

	  .srvytxtarea {
		height: 60px;
	  }

	  .srvysbmt_btn {
		width: 120px;

		height: 34px;

		background-size: 120px;
	  }

	  .close__srvy_pop {
		position: absolute;

		    right: 12px;
    top: 2px;

		color: #df0137;

		font-size: 24px;
	  }
	}

	@media screen and (max-width: 400px) {
	  .survy_container {
		width: 39px;
	  }

	  .survey__popup_inr {
		width: 300px;
		max-width: inherit;
	  }

	  .survy_checkmark {
		position: relative !important;

		width: 28px !important;

		height: 28px !important;
		line-height: 28px !important;
	  }

	  .survy_container .survy_checkmark:after {
		width: 28px;

		height: 28px;
		background-size: 28px !important;
	  }
	}
    
  .survy__pdngbx {position:relative; }
  .survy__pdngbx.active { height:455px;}
  
  .survey_frm {-webkit-transition: all .2s ease;    -moz-transition: all .2s ease;    transition: all .2s ease; position:relative; left:0px; z-index:10;}
   .survy__pdngbx .thanks_survey {    position: absolute;    right: -100%; display:block;    top: 31px; -webkit-transition: all .6s ease;    -moz-transition: all .6s ease;    transition: all .6s ease;}
  
   .survy__pdngbx.active .thanks_survey {    position: absolute;   right: 17%; display:block;    top: 31px;}
  .survy__pdngbx.active .survey_frm {    position: relative;     left:-110%;    }
  .survy__pdngbx {
    overflow: hidden;
    margin:0px 30px; padding:30px 0px;
}
.survy__pdngbx.active .thanks_survey { width:500px;}

 @media screen and (max-width: 980px){
.survy__pdngbx .thanks_survey {    position: absolute;    right: -250%;}


.survy__pdngbx.active .thanks_survey {
    position: absolute;
right: 0%;}

.survy__pdngbx.active .thanks_survey { width:440px;}


}

@media screen and (max-width: 580px){
	
	.survy__pdngbx {
    overflow: hidden;
    padding:15px 0px ;     margin: 0px 15px;
}
.survy__pdngbx.active { height:340px;}
 .survy__pdngbx.active .thanks_survey { width:350px;}
 
}

@media screen and (max-width: 400px){
	
 .survy__pdngbx.active .thanks_survey { width:270px;}
}
 
 .srvytxtarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #303030;
  opacity: 1; /* Firefox */
}

.srvytxtarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #303030;
}

.srvytxtarea::-ms-input-placeholder { /* Microsoft Edge */
  color: #303030;
}

.thanks_survey .toptxt__bx {text-align:center;}
 

/* //achieve */

.pagination__new nav[role="navigation"] {
    display: block;
  }
  
  /* Show the hidden elements on small screens */
  .pagination__new nav  div:nth-child(1) {
    display: none !important;
  }
  .pagination__new nav a {
      color: black;
  }
  .pagination__new  nav span {
      color: black;
  }
  
  /* Adjust styles for the previous link */
  .pagination__new  nav .relative.inline-flex.items-center.px-4.py-2.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.leading-5.rounded-md {
    display: inline-block;
    background-color: transparent;
    border-color: gray;
    color: #000;
    cursor: default;
    font-size: 0.875rem;
    padding: 5px 10px;
    text-decoration: none;
  }
  
  /* Adjust styles for the next link */
  .pagination__new  nav .relative.inline-flex.items-center.px-4.py-2.ml-3.text-sm.font-medium.text-gray-700.bg-white.border.border-gray-300.leading-5.rounded-md.hover\:text-gray-500.focus\:outline-none.focus\:ring.ring-gray-300.focus\:border-blue-300.active\:bg-gray-100.active\:text-gray-700.transition.ease-in-out.duration-150 {
    display: inline-block;
    background-color: transparent;
    border-color: gray;
    color: #000;
    cursor: pointer;
    font-size: 0.875rem;
    padding: 5px 10px;
    text-decoration: none;
  }
  
  /* Adjust styles for the page number links */
  .pagination__new nav .relative.inline-flex.items-center.px-4.py-2.-ml-px.text-sm.font-medium.text-gray-700.bg-white.border.border-gray-300.leading-5.hover\:text-gray-500.focus\:z-10.focus\:outline-none.focus\:ring.ring-gray-300.focus\:border-blue-300.active\:bg-gray-100.active\:text-gray-700.transition.ease-in-out.duration-150 {
    display: inline-block;
    background-color: transparent;
    border-color: gray;
    color: #000;
    cursor: pointer;
    font-size: 0.875rem;
    padding: 5px 10px;
    text-decoration: none;
  }
  
  /* Adjust styles for the ellipsis link */
  .pagination__new nav .relative.inline-flex.items-center.px-4.py-2.-ml-px.text-sm.font-medium.text-gray-700.bg-white.border.border-gray-300.leading-5 {
    display: inline-block;
    background-color: transparent;
    border-color: gray;
    color: #000;
    cursor: default;
    font-size: 0.875rem;
    padding: 5px 10px;
    text-decoration: none;
  }
  .pagination__new nav span > span.inline-flex.items-center.px-4  {
    display: inline-block;
    background-color: #1361a3;
    border-color: gray;
    color: #fff;
    cursor: pointer;
    font-size: 0.875rem;
    padding: 5px 10px;
    text-decoration: none;
}
  /* nav svg{
      display: none;
  } */
  .pagination__new{ margin-top:20px;  margin-bottom:20px; text-align: center;}
  .pagination__new svg {width:30px; display: inline-block;
      vertical-align: top; color:#1361a3;     position: relative;    margin-top: -3px;}


      .absolute_performance .tooltip .tooltiptext {left: inherit;
        right: -13px;     bottom: 21px;}
        .absolute_performance .tooltiptext::after {left: inherit;     right: 11px;}
        #rwardbox_t{
            cursor: pointer;
        }
         
        @media only screen and (max-width: 767px){
      .new_dtls_hdr .tooltip .tooltiptext {left: inherit;
        right: -13px;     }
        .new_dtls_hdr .tooltiptext::after {left: inherit;     right: 11px;}
        
      }

      @media only screen and (max-width: 580px){
        .new_dtls_hdr .tooltip .tooltiptext {left: inherit;
          right: -5px;     }
          .new_dtls_hdr .tooltiptext::after {left: inherit;     right: 3px;}
          .tooltip_new_scrool {
              max-height: 148px;
              overflow-y: auto;
          }
          
          
        }
        @media only screen and (max-width: 380px){
.new_dtls_hdr li {
    font-size: 11px !important;}}

    .new_reward_dtlss .team__total__bx{
        float: none;
        max-height: 150px;
    }
    .new_reward_dtlss .col.s4.algn_center.sep{
        max-height: 120px;
        min-height: 88px;
    }

    .new_reward_dtlss .ttl__tem_nmbr{
        overflow: visible;
    }
    .month_contest .slider__bx {
        overflow: visible;
    }
    

    .dashboard_footer {
        clear: both;
        width: 100%;
        background: #07559b;
        padding: 0px 0px;
        font-size: 10px;
        color: #fff;
        text-align: center;
        margin-top:1px;
    }
    .dashboard_footerinr {
        overflow: hidden;
        padding: 8px 0px;
    }
    .stickyftr .pos-relative {
        min-height: 100%;
        margin-bottom: -15px; position: relative;
    }
    html {
        height: 100%;
    }    
    body.stickyftr {
        height: 100%;
        width: 100%;
        overflow-x: hidden;
    }    
    @media screen and (max-width: 580px){
        .stickyftr .pos-relative {
            min-height: 100%;
            margin-bottom: 22px;
        }
        }
        


    /* dashboard new 1st card */
    .nwcntcstdv {
        overflow: hidden;
        padding: 10px 10px 15px 10px;
      }
      .rpt__dv {
        position: relative;
        float: left;
        width: 100%;
        background: #fff;
        border-radius: 15px;
        -webkit-box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.26);
        min-height: 100px;
        margin-bottom: 15px;
      }
      .rpt__dv__inr {
        overflow: hidden;
        padding: 15px 10px;
      }
    
      .hdng__nw {
        overflow: hidden;
        padding-bottom: 25px;
        font-size: 16px;
        color: #08559b;
        font-weight: normal;
        margin: 0px;
        font-weight: 500;
      }
      .trgt_txt {
        float: left;
        padding-right: 10px;
        color: #58595b;
        font-weight: 600;
        font-size: 14px;
      }
      .trgticon {
        background: url("/assets/front/images/trgt_icon.png") no-repeat left top 4px;
        background-size: 18px;
        padding-left: 25px;
        min-height: 25px;
      }
      .trgt__val {
        float: left;
        padding-left: 0px;
        color: #08559b;
        font-size: 14px;
      }
      .achvicon {
        background: url("/assets/front/images/achvd__icon.png") no-repeat left top 4px;
        background-size: 14px;
        padding-left: 20px;
        min-height: 25px;
      }
      .trgt__val.achvd {
        float: left;
        padding-left: 5px;
        /* color: #f94300; */
        color: #08559b;
      }
      .progressbar {
        display: inline-block;
        width: 40px;
        margin: 0px;
      }
      .circle {
        width: 100px;
        height: 100px;
        margin: 0 auto;
        margin-top: 0px;
        display: inline-block;
        position: relative;
        text-align: center;
      }
      .circle:after {
        width: 80px;
        height: 80px;
        content: "";
        border: 0px solid #fb4f14;
        border-radius: 50%;
        display: block;
        position: absolute;
        top: 6px;
        left: 6px;
      }
      .circle canvas {
        vertical-align: middle;
        border: 0px solid #fb4f14;
        border-radius: 50%;
      }
      .circle div {
        position: absolute;
        top: 20px;
        left: 50%;
        margin: 0px 0 0 -50px;
        width: 100%;
        text-align: center;
        line-height: 18px;
        font-size: 12px;
        color: #231f20;
        font-weight: 600;
      }
      .circle span.value {
        font-size: 16px;
        color: #231f20;
        font-weight: 600;
      }
      .circle strong i {
        font-style: normal;
        font-size: 0.6em;
        font-weight: normal;
      }
      .circle span {
        display: block;
        color: white;
        margin-top: 12px;
      }
      .circle span.sftxt {
        color: #fe8a01;
        margin-top: 0px;
      }

      .rpt__dv__inr.active { width:100%; content:''; background: url("/assets/front/images/achvd_img.png") no-repeat right top; background-size:130px;}
      .mnth_perfm_hedd { padding-bottom:14px; color:#333333; font-weight:600;}
      .dv__txt__bx__inr__nwd.newehieght {
        padding: 0px 15px;
    }
      .dv__txt__bx .section_mnth_wise_repareter .row .col.s4 {
        white-space: normal;
        overflow: visible;
        text-overflow: unset; text-transform: none;
    }
    .dashboard_section.performance .contst__bx { margin-right:10px;}
    .dv__txt__bx__inr__nwd.newehieght {text-transform: none;}
.section_mnth_wise_repareter{ padding-bottom: 15px;}
.green_clr span{
        font-size: 16px;
      color:red;
}
      @media screen and (max-width: 500px){
        .green_clr span{
            font-size: 12px;
          color:red;
    }
        .circle {
            width: 70px;
            height: 70px;
            margin: 0 auto;
            margin-top: 0px;
            display: inline-block;
            position: relative;
            text-align: center;
          }
          .circle div {
            position: absolute;
            top: 11px;
            left: 0;
            margin: 0px 0 0 0px;
            text-align: center;
            line-height: 12px;
            font-size: 9px;
            color: #231f20;
            font-weight: 600;
            width: 100%;
        }
          .circle:after {
            width: 50px;
            height: 50px;
            content: "";
            border: 0px solid #fb4f14;
            border-radius: 50%;
            display: block;
            position: absolute;
            top: 6px;
            left: 6px;
          }
          .circle canvas {width: 70px!important;
            height: 70px!important;
          }
          .circle span.value {
            font-size: 12px;
            color: #231f20;
            font-weight: 600;
        }
        .hdng__nw {
            overflow: hidden;
            padding-bottom: 25px;
            font-size: 14px; font-weight:bold;}
            .trgticon {
              
                background-size: 13px;
                padding-left: 19px;
                min-height: 19px; background-position:left top 1px;
            }
            .trgt_txt {
                font-size: 11px; padding-right: 3px;
            }
            .achvicon {
                background-position:left top 1px;
                background-size: 10px;
              
                min-height: 20px;
                padding-left: 13px;
    margin-left: 4px;
            }
            .trgt__val {
                font-size: 11px;
            }
            .trgt__val.achvd {
                float: left;
                 padding-left: 0px;}
                 .rpt__dv {  min-height: 80px;}
                 .rpt__dv__inr {
                    overflow: hidden;
                    padding: 15px 10px 10px 10px;
                }
                .progressbar {
                    position: relative;
                    margin-top: -6px;
                }
      }
/* 19 july 2023 */
      .dv__txt__bx a {
        color: #07559b;
    }
    .contst__hdng__area.purple_clr{
        background: #1361a3;
    }

    @media only screen and (max-width: 1024px) {
.contst__hdng__area h2 {
   
    width: 100%;
    
  
    text-overflow: inherit;
  
}
    }

    ul.dtls_lst {
        
        border-radius: 0px 0px 10px 10px;
    }
/* 20 july 2023 */

    .dv__nxt {
      
        margin-top: -18px;
    }
     
    .rpt__dv .rpt__dv__inr .col.s9 { padding-left: 0px!important; padding-right:0px!important;}
    .cntrtxt { text-align: center;}
    .bgclrnw {background: #eaf1f9; font-size: 18px; font-weight:600; padding: 4px 15px; color:#07559b;}
    .mrgnbtm_dv { margin-bottom: 6px;}
    
   
@media screen and (max-width: 680px){
    .dv__txt__bx {
        overflow: visible;
        padding: 10px 0px 5px 0px;
    }
    .bgclrnw { font-size: 14px; }

}

    
    @media screen and (max-width: 380px){
    .trgt__val {
        font-size: 11px;
        clear: both;
        padding-left: 19px; font-weight: bold;
    }
    .trgt__val.achvd {padding-left: 17px;}

}
.dv__nxt.pdng__nw__top {
   margin-top: 0px;
}
.row .col.s12.achievd_rwd_txt{
    color: #07559b;
    padding-bottom: 7px; padding-left: 0px; padding-right:0px;
}

.dashboard_section.performance .dv__txt__bx__inr__nwd.newehieght {

    min-height: 150px!important;
    max-height: 460px;
    height: auto;
    overflow-y: auto;

}


/* 21 july  */
.contst__hdng__area.hover__img{
    padding-right:70px;
}

.contst__bx.ddshbrd_one .contst__hdng__area {
    
    padding-right: 60px;
}

.contst__bx.dtls .contst__hdng__area{
    padding-right: 60px;
}

@media screen and (max-width: 380px){
.bgclrnw {
    font-size: 13px;
}
}
@media screen and (max-width: 352px){
    .bgclrnw {
        font-size: 12px;
    }
    }
    .rpt__dv__inr.active .col.s3 {text-align:center;} 
.rpt__dv__inr.active {background-size: 175px;}
.rpt__dv__inr .col.s3 {text-align:center;} 

@media screen and (max-width: 640px){
.rpt__dv__inr.active .col.s3 {text-align:left;}
.rpt__dv__inr.active {background-size: 150px;}
.rpt__dv__inr .col.s3 {text-align:left;} 
}

@media screen and (max-width: 410px){
.rpt__dv__inr.active {    background-size: 116px;}
}

.bgclrnw .col.s2{
    padding: 0px;
    }
@media screen and (min-width: 767px){


.bgclrnw .col.s4{
    padding-left: 0px;
    }
    .bgclrnw .col.s6{
        padding-right: 0px;
        padding-left: 7px;
        }
    }
    .newachived{
        color:#17a200!important;

    }
    .oldachieved{
        color:#f94300!important;

    }
    .survy__pdngbx .toptxt__bx{
        color:#07559b!important;
        font-size: 15px!important;
        font-weight: bold;
    }
	
	
	
	/*new css 1onaov2023*/
	@media screen and (max-width: 980px){
		.least_likly_txt {    left: 4%;}
		.srvy_moj_bx {    padding-right: 10px;}
	}
	@media screen and (max-width: 580px){
		.srvy_moj_bx {    padding-right: 8px;}
	}
	
	@media screen and (max-width: 400px){
		.least_likly_txt {    left: 3%;}
		.srvy_moj_bx {    padding-right: 6px;}
	}