@font-face{font-family:"Lato-Regular";src:url("./font/Lato-Regular.ttf") format('truetype')}
@font-face{font-family:"Lato-Light";src:url("./font/Lato-Light.ttf") format('truetype')}
@font-face{font-family:"Lato-Hairline";src:url("./font/Lato-Hairline.ttf") format('truetype')}
@font-face{font-family:"Lato-Black";src:url("./font/Lato-Hairline.ttf") format('truetype')}
@font-face{font-family:"Lato-Bold";src:url("./font/Lato-Bold.ttf") format('truetype')}
@font-face{font-family:"Lato-LigtItalic";src:url("./font/Lato-LightItalic.ttf") format('truetype')}


body{
  font-family: Lato-Regular;
  -webkit-font-smoothing: antialiased;
  position: relative;
}
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
select {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
}
button{
  font-family: Lato-Regular;
}
.header{
  background-color: #000000;

}

.container{
	background: grey;
	margin: 0 auto;
	background: none;
	padding: 0;
  position: relative;
	max-width: 1700px !important;
}
.header-right-wrap{
  position: relative;
  float: right;
}
.footer{
	 opacity: 0.8;
  margin: 0 auto;
}
.cont{
	background: grey;
}
.col-one{
	float: left;
	width: 20%;
	overflow-x: hidden; 
	position: relative;
	background: white;
	background: rgba(230,230,230,.8);
}
.col-two{
	float: left;
	width: 50%;
	overflow-x: hidden;
  overflow-y: hidden;
	position: relative;
	background: rgba(237,237,237,.9);
}
.col-three{
	float: left;
	width: 30%;
	background-color: rgba(28, 28, 28, 0.85);
	overflow-x: hidden;
  position: relative;
}
.first-col{
	margin-left: 1.5625rem;
	margin-right: 1.5625rem;
	height: 100%;
}
.sec-col{
	height: 100%;
	position: relative;

}
.first-colum{
	padding-left: 1.25rem;
	padding-right: 1.25rem;
  overflow-y:scroll;
  overflow: -moz-scrollbars-none;
 -ms-overflow-style: none;
}
 .first-colum::-webkit-scrollbar {
 display: none;
}
.thrd-col{
	padding-left: 1.5625rem;
	padding-right: 1.5625rem;
	padding-top: 1.6875rem;
	height: 100%;
	position: relative;
	padding-bottom: .625rem;
}
.x-large-text{
	font-family: 'Lato-Light';
	font-size: 2.25rem;
	font-weight: 300;
	text-align: right;
	color: #ffffff;
	
}

.thrd-col .x-large-text{
	margin-left:-0.3125rem;
}
.d-inline{
	display: inline-block;
}
.d-block{
	display: block;
}
.float-left{
	float: left;
}
.float-right{
	float: right;
}
.display-none{
	display: none;
}
.display-block{
	display: block;
}
.block-header-text{
	font-size: 1.125rem;
	color: #d7d7d7;
}
.blur-thrd {
  height: 100%;
  width: 100%;
  z-index: -2;
  position: absolute;
  -moz-filter: blur(23px);
  -o-filter: blur(23px);
  -ms-filter: blur(23px);
  filter: url("data:image/svg+xml;utf9,<svg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'><filter%20id='blur'><feGaussianBlur%20stdDeviation='3'%20/></filter></svg>#blur");
  filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
  filter: blur(23px);
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.blur-thrd:after {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
}
.blur-sec {
  height: 100%;
  width: 100%;
  z-index: -1;
  position: absolute;
  filter: blur(15px);
  -moz-filter: blur(15px);
  -o-filter: blur(15px);
  -ms-filter: blur(15px);
  filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='10');
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.blur-sec:after {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
}
.blur-one {
  height: 100%;
  width: 100%;
  z-index: -1;
  position: absolute;
  filter: blur(22px);
  -moz-filter: blur(22px);
  -o-filter: blur(22px);
  -ms-filter: blur(22px);
  filter: url("data:image/svg+xml;utf9,<svg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'><filter%20id='blur'><feGaussianBlur%20stdDeviation='3'%20/></filter></svg>#blur");
  filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
  filter: blur(22px);
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.blur-one:after {
  content: '';
  height: 100%;
  width: 100%;
  bottom: 0;
  position: absolute;
}

.sec-col-outer-wrap{
  overflow: -moz-scrollbars-none;
}
.sec-col-outer-wrap::-webkit-scrollbar { 
  display: none; 
}
.col-two::-webkit-scrollbar { 
  display: none; 
}
.sec-col::-webkit-scrollbar { 
  display: none; 
}
.footer-inside-wrap{
  margin: 0 auto;
  height: 100%;
  background-color: #4a4a4a;
  max-width: 1700px;
}
.opeq-trans-wrap{
  position: absolute;
  background: rgba(0,0,0, .8);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  display: none;
}
.opeq-trans-wrap-quiz{
  position: absolute;
  background: rgba(0,0,0, .8);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  display: none;
}
.footer-left-wrap{
  float: left;
  padding-top: .6%;
  padding-left:.5rem;
}
.footer-right-wrap{
  float: right;
  padding-top: .6%;
  padding-right:.5rem;
}
.powered-by-text{
  font-size: .75rem;
  color: #ececec;
  float: left;
}
.wooqer-footer-logo-wrap{
  float: left;
  margin-left: .625rem;
}
.footer-logo-wooqer{
  width: 4.375rem;
  height: 1.0625rem;
  float: left;
}
.last-login-footer{
  padding-top: .5%;
  font-size: .75rem;
  text-align: center;
  color: #ffffff;
}
.view-chap-wrap-chap{
}
/*added on Dec 4*/
.notification-wrap{
  max-height: 37.875rem; 
  z-index: 1000000;
  background: white;
  position: absolute;
  right: 0;
  width: 25rem;
  box-shadow: 0px 0px 10px rgba(0,0,0,.3);
}
.help-popup{
  height: 0;
  transition: all .1s ease-in-out; 
  z-index: 1000000;
  background: white;
  position: absolute;
  right: 0;
  width: 25rem;
  box-shadow: -5px 12px 34px 0 rgba(0, 0, 0, 0.5);
  overflow:hidden;
}
.notification-wrap-nothing-to-show{
  height: 10rem; 
  z-index: 1000000;
  background: white;
  position: absolute;
  right: 0;
  width: 20rem;
  box-shadow: -1px 1px 5px 0 rgba(144, 144, 144, 0.5);
  text-align: center;
  display: none;
  padding-top: 2rem;
}
.cup-icon-notif{
  font-size: 3rem;
  text-align: center;
  color: #9b9b9b;
}
.notif-nothing-text{
    font-size: 1rem;
  letter-spacing: -0.2px;
  color: #9b9b9b;
  text-align: center;
  padding-top: .3125rem;
}
.notif-not-viewed .notification-details{
    font-size: 1rem;
  color: #4a4a4a;
  width: 100%;
  float: left;
  line-height: 1.25rem;
}
.notif-not-viewed .notif-detail-time{
    font-size: .625rem;
  font-weight: bold;
  color: #4a4a4a;
  float: right;
  width: 100%;
  text-align: left;
  padding-top:.5rem;
}
.notification-row-wrap{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
  border-bottom: 1px solid #dad9d9;
}
.notif-not-viewed{
    background-color: white;
}
.notif-viewed{
    background-color: #ececec;
}
.notif-viewed .notification-details{
    font-size: 1rem;
  font-weight: normal;
  letter-spacing: 0.1px;
  color: #9b9b9b;
  width: 100%;
  float: left;
  line-height: 1.25rem;
}
.notf-not-viewed-wrapper{
   background-color: white;
   padding-top: 1rem;
   padding-bottom: .3125rem;
}
.notf-viewed-wrapper{
  padding-top: .3125rem;
}
.notif-viewed .notif-detail-time{
    font-size: .625rem;
  font-weight: bold;
  color: #9b9b9b;
  float: right;
  width: 100%;
  text-align: left;
  padding-top:.5rem;
  
}
.see-all-link{
  font-size: 1rem;
  letter-spacing: -0.2px;
  color: #5680a8;
  cursor: pointer;
  font-weight: bold;
  top:-.625rem;
  position:relative;
}
.see-all-link:hover{
	color:#23527c;
}
/* .notification-details{
  cursor: pointer;
} */

.notification-details a{
	color: #5680a8;
}
.notification-details a:hover{
	color:#23527c;
}
.notification-inner-wrap{
  padding-bottom: 3rem;
  border-bottom: 1px solid #e7e7e7;
  max-height: 37.875rem;
  overflow-y: scroll;
  background:white;
}
/* .notification-details:hover{
  color: #5680a8;
}
 */
.load-more{
text-align: center; 
color: #5680a8; 
padding-top: .875rem;
padding-bottom: .75rem;
cursor:pointer;
font-size: .875rem
}
.load-more:hover{
	color:#23527c;
}

.close-help{
    font-size: .75rem;
    color: #5680a8;
    display: none;
    cursor: pointer;
    margin-right: 1rem;
    margin-top: 1rem;
    position: absolute;
    right: -.5rem;
    top: -.625rem;
    z-index: 10;
}
.close-help:hover{
	color:#23527c;
}
.opeq-dialouge-box{
  position: absolute;
  background: rgba(0,0,0, .8);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  display: none;
}
.dialouge-box-common{
  position: fixed;
  width: 35rem;
  left: 50%;
  margin-left: -17.5rem;
  z-index: 10000000;
  top: 12rem;
  display: none;
  border: 1px solid #aaa;
  box-shadow: 0 0 8px #aaa;
}
.dialouge-box-header{
    background: #becfdf;
    height: 3rem;
}
.dia-box-header{
  font-size: 1.125rem;
  padding-left: 2rem;
  float: left;
  letter-spacing: 0.1px;
  color: #4a4a4a;
  padding-top: .875rem;
}
.dialouge-box-close{
  font-size: 1rem;
  float: right;
  color: #5680a8;
  padding-top: 1rem;
  padding-right: 2rem;
  cursor: pointer;
}
.dialouge-box-container{
  background: white;
  padding: 2rem;
}
.dia-cont-message{
    font-size: 16px;
  letter-spacing: -0.3px;
  text-align: center;
  color: #4a4a4a;
  line-height: 1rem;
}
.confirm-text-dia{
  font-size: 16px;
  text-align: center;
  color: #5680a8;
  cursor: pointer;
  padding-top: 1.5rem;
}
.confirm-text-dia:hover{
	color:#23527c;
}
.help-inner-container{
  position: relative;
}
.help-header-search{
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1.3125rem;
  padding-bottom: 1.3125rem;
    background-color: #becfdf;
  box-shadow: 0 1px 3px 0 #9b9b9b;
  position: relative;
  cursor: move;
}
.help-data-container{
  padding-top: 1.3125rem;
  
}
.search-help-inp{
  background: white;
  height: 3.25rem;
  width: 100%;
  outline: none;
  border: none;
  font-size: 1rem;
  padding-left: 2.5rem;
  color: #4a4a4a;
  box-sizing:border-box;
}
input.search-help-inp::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #9b9b9b;
  font-size: 1rem;
}
input.search-help-inp::-moz-placeholder { /* Firefox 19+ */
    color: #9b9b9b;
  font-size: 1rem;
}
input.search-help-inp:-ms-input-placeholder { /* IE 10+ */
    color: #9b9b9b;
  font-size: 1rem;
}
input.search-help-inp:-moz-placeholder { /* Firefox 18- */
    color: #9b9b9b;
  font-size: 1rem;
}
.search-icon-help{
  font-size: 1.3125rem;
  position: absolute;
  color: #5680a8;
  left: .625rem;
  top: 1.0625rem;
}
.help-inner-div-header{
  position: relative;
  overflow: hidden;
}
.about-help-text{
  color: #828385;
  font-size: .875rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
.down-arrow-help{
    font-size: .875rem;
    color: #5680a8;
    float: right;
    margin-top: .3125rem;
    margin-right: .375rem;
}
.down-arrow-help:hover{
	color:#23527c;
}
.up-arrow-help{
    font-size: .875rem;
    color: #5680a8;
    float: right;
    margin-top: .3125rem;
    margin-right: .375rem;
}
.up-arrow-help:hover{
	color:#23527c;
}
.help-question-wrap{
  font-size: 1rem;
  color: #5680a8;
  width: 85%;
  float: left; 
  line-height: 1.25rem;
  margin-bottom: 1rem;
}
.help-question-wrap:hover{
	color:#23527c;
}
.help-question-wrap span{
  font-weight: bold;
}
.help-accordian-header{
  cursor: pointer;
  padding-left: 2rem;
  padding-right: 2rem;
}
.help-accordian-container{
  background-color: rgba(155, 154, 155, 0.1);
  display: none;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  margin-bottom: .5rem;
}
.container-text-help{
  color: #4a4a4a;
  font-size: 1rem;
  line-height: 1.25rem;
}
.help-acc-img{
  width: 65%;
  margin: 0 auto;
  margin-top:1rem;
}
.help-img-replace{
  width: 100%;
}
.container-text-help p {
    margin: .25rem 0;
    display: inline;
}
select::-ms-expand {
    display: none;
}
select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}
.upload-attachment-input{
  display: none;
}
.highlight {
    background-color: #f9e39b;
}
.about-help-text span{
  color: #f5a623;
}
.right-zero{
  right: 0;
}
.header-right-inner-wrap{
  position: relative;
}
.abs-click-user-opt{
  position: absolute;
  right: -1rem;
  background: #f1f1f1;
  width: 13rem;
  z-index: 10;
  padding: .25rem;
  padding-left: 0rem;
  padding-right: 0rem;
  top: 50%;
  box-shadow: 0px 0px 10px rgba(0,0,0,.3);
}
.dd-icon-profile{
  font-size: .625rem;
  float: left;
  color: #5680a8;
  line-height: .75rem;
}

.single-row-user-opt-text{
  float: left;
  font-size: .75rem;
  color: #5680a8;
  padding-left: .5rem;
  cursor: pointer;
}

.row-of-text-prof{
  width: 100%;
  padding-top: .25rem;
  padding-bottom: .25rem;
  padding-left:0.75rem;
  padding-right:0.75rem;
  box-sizing:border-box;
  cursor:pointer;
}
.row-of-text-prof:hover{
  background:#dcdcdc;	
}
.row-of-text-prof:hover .icon{
  color:#23527c;	
}
.row-of-text-prof:hover .icon-txt{
  color:#23527c;	
}
.row-of-text-prof:hover .single-row-user-opt-text{
  color:#23527c;	
}
.single-row-user-opt{
  border-top: solid 1px #bbbbbb;
  padding-top: .625rem;
  padding-bottom: .625rem;
}
.no-border{
  border-top: 0;
}

.default-cursor{
 cursor:default;
}
.opeq-wrap-browse-and-select{
  position: absolute;
  background: rgba(0,0,0, .8);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  display: none;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  right: -0.375rem !important;
  width: 0.3125rem !important;
}

/* preview-img*/
.popup-conatiner-wrap-img{
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2147483632;
}
.popup-conatiner-wrap-img-inner{
  position: relative;
  height: 30rem;
}
.popup-head-text{
    color: #fff;
    font-size: 0.875rem;
    padding-top: 1.5rem;
    text-align: center;
}
.cross-icon-close{
    color: white;
    cursor: pointer;
    float: right;
    font-size: 1.125rem;
}
.icon-download-prev{
  float: right;
  color: white;
  font-size: 1.5rem;
  padding-right: 2rem;
  cursor: pointer;
}
.option-more-pre{
    position: absolute;
    right: 0;
    top: 1.375rem;
}
.left-arrow-pre{
  cursor: pointer;
  font-size: 2.625rem;
  color: white;
}
.right-arrow-pre{
  cursor: pointer;
  font-size: 2.625rem;
  color: white;
}
.img-wrap-for-pre{
  bottom: 0;
  left: 0;
  margin: auto;
  max-height: 30rem;
  max-width: 40rem;
  position: absolute;
  right: 0;
  top: 0;
}
.img-wrap-for-pre-wrap{
    width: 40rem;
  margin: 0 auto;
  margin-top: -1rem;
  position: relative;
  height: 30rem;
}
.left-ar-wrp{
  position: absolute;
  left: 5%;
  top: 50%;
  cursor: pointer;
}
.right-ar-wrp{
  position: absolute;
    right: 5%;
    top: 50%;
      cursor: pointer;
}
.icon-minus-zoom{
  font-size: 1.25rem;
  color: white;
  float: left;
}
.icon-search-zoom{
 font-size: 1.5rem;
  color: white;
  float: left;
  padding-left: 1rem;
  cursor: pointer;

}
.icon-plus-zoom{
 font-size: 1.5rem;
  color: white;
  padding-left: 5rem;
  cursor: pointer;
}
.zoom-option-wrap{
  margin: 0 auto;
  width: 6rem;
  cursor: pointer;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.popup-conatiner-wrap-img .cross-icon-close{
  margin-right: 10rem;
}
.arrow-up-popup{
	width: 0px;
   height: .1rem;
   border-left: .5625rem solid transparent;
   border-right: .5625rem solid transparent;
   border-bottom: .5625rem solid #fff;
   margin-left: 1.1875rem;
   opacity: 1;
   position: absolute;
   right: 7.1875rem;
   top: -0.5rem;
   z-index:1000001;
}
.mCSB_scrollTools .mCSB_dragger{
right: .375rem !important;
width:.375rem !important;
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
       .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ 
        background-color:#afafaf; 
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  background-color:#afafaf; 
}
.loading-indicator-medium{
margin-top:8rem;
width: 7rem;
}
.loading-indicator-small{
margin-top:2rem;
width: 2rem;
}

.cursor-pointer{
  cursor: pointer;
}
.more-help-text{
  color: #9b9b9b;
  font-size: 1rem;
}
.icon-mail-help{
    padding-left: .5rem;
    padding-right: .5rem;
    position: relative;
    top: .125rem;
    color: #9b9b9b;
}
.mail-help-text{
  font-size: 1rem;
  color: #9b9b9b;
}
.help-text-bottom{
  position: absolute;
  bottom: 2.25rem;
  text-align: center;
  padding-top: 1.25rem;
  border-top: 1px solid #bababa;
  left: 1rem;
  right: 1rem;
}
.f-l-helpmail{
  width: 23rem;
  margin: 0 auto;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}

.change-pi-wrap-inner{
max-height:35rem;
overflow-y:scroll;
overflow: -moz-scrollbars-none;
}
.change-pi-wrap-inner::-webkit-scrollbar { 
  display: none; 
}
.disable-click{
  pointer-events:none;
}
.browser-alert-opeq{
      position: absolute;
    background: rgba(0,0,0, .8);
    top: 0;
    bottom: 0;
    left: 0;
    display: none;
    right: 0;
    z-index: 1000;
}
.popup-flash-indicator{
      position: absolute;
    width: 42rem;
    left: 50%;
    margin-left: -21rem;
    top: 4rem;
    z-index: 10000;
    background: rgb(255,255,255);
    
    display:none;
}
.popup-flash-indicator-header{
      height: 3.125rem;
    background: #becfdf;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.popup-flash-indicator-container{
  padding: 2rem;
  padding-top: 1rem;
}
.first-row-flash{
  padding-bottom: 1rem;
  border-bottom: 1px solid #ccc;
  margin-bottom: 1rem;
  padding-top: .75rem;
}
.adobe-image-wrap{
  float: left;
}
.adobe-img{
  width: 4.125rem;
  height: 4.125rem;
}
.ad-right-text-wrap{
  float: left;
  width: 32rem;
  padding-left: 1rem;
}
.ad-first-text{
color: #4a4a4a;
    font-size: 1.125rem;
    padding-bottom: .3125rem;
    line-height: 1.3125rem;
}
.sec-row-flash{
  width: 70%;
  margin: 0 auto;
  text-align: center;
}
.adobe-link a{
  color: #5680a8;
}
.adobe-link a:hover{
  color: #5680a8;
}
.data-text-ad{
      color: #4a4a4a;
    font-size: 1rem;
    line-height: 1.125rem;
}
b{
  font-weight: bold;
}
.dia-cont-message2{
    font-size: 16px;
  letter-spacing: -0.3px;
  text-align: center;
  color: #4a4a4a;
  line-height: 1rem;
}
.tuto-media-content-outer{
  height: 28.125rem;
  left: 50%;
  margin-left: -25rem;
  position: absolute;
  top: 6em;
  width: 50rem;
  z-index: 100000000;
  display: none;
}

.tuto-media-content-opeq-wrap{
  background: rgba(88, 88, 88, 0.5) none repeat scroll 0 0;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1000;
  display:none;
}
.tuto-media-close{
  display: none;
  color: #ccc;
  cursor: pointer;
  display: block;
  font-size: 1rem;
  position: absolute;
  right: .375rem;
  top: .3125rem;
}
.tutorial-media-content-outer{
    display: none;
}

.checkbox-allow-popup{
	width: 24rem;
	margin: 0 auto;
	margin-top: 1.5rem;
}
.allow-popup{
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.checkbox-allow-popup .chkbx-text-ln{
		color: #4a4a4a !important;
		font-size: 1rem !important;
		   position: relative;
    top: 1px;
    cursor: pointer;
}
#allow-popup-frst.dialouge-box-common{
	top:8rem !important;
}
#allow-popup-frst .dia-cont-message{
	font-size: 1rem;
	line-height: 1.625rem;
}

#allow-popup-frst input[type="checkbox"] + label{
	   background-size: .875rem;
}
#allow-popup-frst input[type="checkbox"]:checked + label{
	background-size: .875rem;
}
#allow-popup-frst .browse-button-cal{
	width: 12rem;
	height: 2.5rem;
	background-color: #5680a8;
	border: none;
	outline: none;
	font-size: 1.125rem;
	color: white;
	cursor: pointer;
}
#allow-popup-frst .browse-button-cal-wrap{
	width: 12rem;
	margin: 0 auto;
	margin-top: 1.5rem;
	position: relative;
}
.dd-icon-what-new{
  font-size: 1rem;
  color: #5680a8;
  float: left;
  line-height: .75rem;
  position: relative;
   top: -0.1875rem;
}
.browse-button-cal-wrap-new-content{
	width: 20.5rem;
    position: relative;
    margin: 0 auto;
    margin-top: 1.5rem;
}
.browse-button-cal-no{
    width: 10rem;
	height: 2.5rem;
    background-color: #5680a8;
    border: none;
    outline: none;
    font-size: 1.125rem;
    color: white;
    cursor: pointer;
}
.browse-button-cal-yes{
	width: 10rem;
    background: white;
    color: #5680a8;
    text-align: right;
    padding-right: 4rem;
    height: 2.5rem;
    border: none;
    outline: none;
    font-size: 1.125rem;
    cursor: pointer;
}
.browse-button-cal-no:hover {
    box-shadow: 0px 0px 0.1875rem #5680a8;
}
.browse-button-cal-yes:hover {
    font-weight: bold;
}
#allow-popup-frst .checkbox-allow-popup{
	width:19rem;
}
.blue-border{
	border-color: #5680a8 !important;
}
@font-face{font-family:"Lato-Regular";src:url("./font/Lato-Regular.ttf") format('truetype')}
@font-face{font-family:"Lato-Light";src:url("./font/Lato-Light.ttf") format('truetype')}
@font-face{font-family:"Lato-Hairline";src:url("./font/Lato-Hairline.ttf") format('truetype')}
@font-face{font-family:"Lato-Black";src:url("./font/Lato-Hairline.ttf") format('truetype')}
@font-face{font-family:"Lato-Bold";src:url("./font/Lato-Bold.ttf") format('truetype')}
@font-face{font-family:"Lato-LigtItalic";src:url("./font/Lato-LightItalic.ttf") format('truetype')}


body{
  font-family: Lato-Regular;
  -webkit-font-smoothing: antialiased;
  position: relative;
}
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
select {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
}
button{
  font-family: Lato-Regular;
}
.header{
  background-color: #000000;

}

.container{
	background: grey;
	margin: 0 auto;
	background: none;
	padding: 0;
  position: relative;
	max-width: 1700px !important;
}
.header-right-wrap{
  position: relative;
  float: right;
}
.footer{
	 opacity: 0.8;
  margin: 0 auto;
}
.cont{
	background: grey;
}
.col-one{
	float: left;
	width: 20%;
	overflow-x: hidden; 
	position: relative;
	background: white;
	background: rgba(230,230,230,.8);
}
.col-two{
	float: left;
	width: 50%;
	overflow-x: hidden;
  overflow-y: hidden;
	position: relative;
	background: rgba(237,237,237,.9);
}
.col-three{
	float: left;
	width: 30%;
	background-color: rgba(28, 28, 28, 0.85);
	overflow-x: hidden;
  position: relative;
}
.first-col{
	margin-left: 1.5625rem;
	margin-right: 1.5625rem;
	height: 100%;
}
.sec-col{
	height: 100%;
	position: relative;

}
.first-colum{
	padding-left: 1.25rem;
	padding-right: 1.25rem;
  overflow-y:scroll;
  overflow: -moz-scrollbars-none;
 -ms-overflow-style: none;
}
 .first-colum::-webkit-scrollbar {
 display: none;
}
.thrd-col{
	padding-left: 1.5625rem;
	padding-right: 1.5625rem;
	padding-top: 1.6875rem;
	height: 100%;
	position: relative;
	padding-bottom: .625rem;
}
.x-large-text{
	font-family: 'Lato-Light';
	font-size: 2.25rem;
	font-weight: 300;
	text-align: right;
	color: #ffffff;
	
}

.thrd-col .x-large-text{
	margin-left:-0.3125rem;
}
.d-inline{
	display: inline-block;
}
.d-block{
	display: block;
}
.float-left{
	float: left;
}
.float-right{
	float: right;
}
.display-none{
	display: none;
}
.display-block{
	display: block;
}
.block-header-text{
	font-size: 1.125rem;
	color: #d7d7d7;
}
.blur-thrd {
  height: 100%;
  width: 100%;
  z-index: -2;
  position: absolute;
  -moz-filter: blur(23px);
  -o-filter: blur(23px);
  -ms-filter: blur(23px);
  filter: url("data:image/svg+xml;utf9,<svg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'><filter%20id='blur'><feGaussianBlur%20stdDeviation='3'%20/></filter></svg>#blur");
  filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
  filter: blur(23px);
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.blur-thrd:after {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
}
.blur-sec {
  height: 100%;
  width: 100%;
  z-index: -1;
  position: absolute;
  filter: blur(15px);
  -moz-filter: blur(15px);
  -o-filter: blur(15px);
  -ms-filter: blur(15px);
  filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='10');
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.blur-sec:after {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
}
.blur-one {
  height: 100%;
  width: 100%;
  z-index: -1;
  position: absolute;
  filter: blur(22px);
  -moz-filter: blur(22px);
  -o-filter: blur(22px);
  -ms-filter: blur(22px);
  filter: url("data:image/svg+xml;utf9,<svg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'><filter%20id='blur'><feGaussianBlur%20stdDeviation='3'%20/></filter></svg>#blur");
  filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
  filter: blur(22px);
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.blur-one:after {
  content: '';
  height: 100%;
  width: 100%;
  bottom: 0;
  position: absolute;
}

.sec-col-outer-wrap{
  overflow: -moz-scrollbars-none;
}
.sec-col-outer-wrap::-webkit-scrollbar { 
  display: none; 
}
.col-two::-webkit-scrollbar { 
  display: none; 
}
.sec-col::-webkit-scrollbar { 
  display: none; 
}
.footer-inside-wrap{
  margin: 0 auto;
  height: 100%;
  background-color: #4a4a4a;
  max-width: 1700px;
}
.opeq-trans-wrap{
  position: absolute;
  background: rgba(0,0,0, .8);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  display: none;
}
.opeq-trans-wrap-quiz{
  position: absolute;
  background: rgba(0,0,0, .8);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  display: none;
}
.footer-left-wrap{
  float: left;
  padding-top: .6%;
  padding-left:.5rem;
}
.footer-right-wrap{
  float: right;
  padding-top: .6%;
  padding-right:.5rem;
}
.powered-by-text{
  font-size: .75rem;
  color: #ececec;
  float: left;
}
.wooqer-footer-logo-wrap{
  float: left;
  margin-left: .625rem;
}
.footer-logo-wooqer{
  width: 4.375rem;
  height: 1.0625rem;
  float: left;
}
.last-login-footer{
  padding-top: .5%;
  font-size: .75rem;
  text-align: center;
  color: #ffffff;
}
.view-chap-wrap-chap{
}
/*added on Dec 4*/
.notification-wrap{
  max-height: 37.875rem; 
  z-index: 1000000;
  background: white;
  position: absolute;
  right: 0;
  width: 25rem;
  box-shadow: 0px 0px 10px rgba(0,0,0,.3);
}
.help-popup{
  height: 0;
  transition: all .1s ease-in-out; 
  z-index: 1000000;
  background: white;
  position: absolute;
  right: 0;
  width: 25rem;
  box-shadow: -5px 12px 34px 0 rgba(0, 0, 0, 0.5);
  overflow:hidden;
}
.notification-wrap-nothing-to-show{
  height: 10rem; 
  z-index: 1000000;
  background: white;
  position: absolute;
  right: 0;
  width: 20rem;
  box-shadow: -1px 1px 5px 0 rgba(144, 144, 144, 0.5);
  text-align: center;
  display: none;
  padding-top: 2rem;
}
.cup-icon-notif{
  font-size: 3rem;
  text-align: center;
  color: #9b9b9b;
}
.notif-nothing-text{
    font-size: 1rem;
  letter-spacing: -0.2px;
  color: #9b9b9b;
  text-align: center;
  padding-top: .3125rem;
}
.notif-not-viewed .notification-details{
    font-size: 1rem;
  color: #4a4a4a;
  width: 100%;
  float: left;
  line-height: 1.25rem;
}
.notif-not-viewed .notif-detail-time{
    font-size: .625rem;
  font-weight: bold;
  color: #4a4a4a;
  float: right;
  width: 100%;
  text-align: left;
  padding-top:.5rem;
}
.notification-row-wrap{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
  border-bottom: 1px solid #dad9d9;
}
.notif-not-viewed{
    background-color: white;
}
.notif-viewed{
    background-color: #ececec;
}
.notif-viewed .notification-details{
    font-size: 1rem;
  font-weight: normal;
  letter-spacing: 0.1px;
  color: #9b9b9b;
  width: 100%;
  float: left;
  line-height: 1.25rem;
}
.notf-not-viewed-wrapper{
   background-color: white;
   padding-top: 1rem;
   padding-bottom: .3125rem;
}
.notf-viewed-wrapper{
  padding-top: .3125rem;
}
.notif-viewed .notif-detail-time{
    font-size: .625rem;
  font-weight: bold;
  color: #9b9b9b;
  float: right;
  width: 100%;
  text-align: left;
  padding-top:.5rem;
  
}
.see-all-link{
  font-size: 1rem;
  letter-spacing: -0.2px;
  color: #5680a8;
  cursor: pointer;
  font-weight: bold;
  top:-.625rem;
  position:relative;
}
.see-all-link:hover{
	color:#23527c;
}
/* .notification-details{
  cursor: pointer;
} */

.notification-details a{
	color: #5680a8;
}
.notification-details a:hover{
	color:#23527c;
}
.notification-inner-wrap{
  padding-bottom: 3rem;
  border-bottom: 1px solid #e7e7e7;
  max-height: 37.875rem;
  overflow-y: scroll;
  background:white;
}
/* .notification-details:hover{
  color: #5680a8;
}
 */
.load-more{
text-align: center; 
color: #5680a8; 
padding-top: .875rem;
padding-bottom: .75rem;
cursor:pointer;
font-size: .875rem
}
.load-more:hover{
	color:#23527c;
}

.close-help{
    font-size: .75rem;
    color: #5680a8;
    display: none;
    cursor: pointer;
    margin-right: 1rem;
    margin-top: 1rem;
    position: absolute;
    right: -.5rem;
    top: -.625rem;
    z-index: 10;
}
.close-help:hover{
	color:#23527c;
}
.opeq-dialouge-box{
  position: absolute;
  background: rgba(0,0,0, .8);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  display: none;
}
.dialouge-box-common{
  position: fixed;
  width: 35rem;
  left: 50%;
  margin-left: -17.5rem;
  z-index: 10000000;
  top: 12rem;
  display: none;
  border: 1px solid #aaa;
  box-shadow: 0 0 8px #aaa;
}
.dialouge-box-header{
    background: #becfdf;
    height: 3rem;
}
.dia-box-header{
  font-size: 1.125rem;
  padding-left: 2rem;
  float: left;
  letter-spacing: 0.1px;
  color: #4a4a4a;
  padding-top: .875rem;
}
.dialouge-box-close{
  font-size: 1rem;
  float: right;
  color: #5680a8;
  padding-top: 1rem;
  padding-right: 2rem;
  cursor: pointer;
}
.dialouge-box-container{
  background: white;
  padding: 2rem;
}
.dia-cont-message{
    font-size: 16px;
  letter-spacing: -0.3px;
  text-align: center;
  color: #4a4a4a;
  line-height: 1rem;
}
.confirm-text-dia{
  font-size: 16px;
  text-align: center;
  color: #5680a8;
  cursor: pointer;
  padding-top: 1.5rem;
}
.confirm-text-dia:hover{
	color:#23527c;
}
.help-inner-container{
  position: relative;
}
.help-header-search{
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1.3125rem;
  padding-bottom: 1.3125rem;
    background-color: #becfdf;
  box-shadow: 0 1px 3px 0 #9b9b9b;
  position: relative;
  cursor: move;
}
.help-data-container{
  padding-top: 1.3125rem;
  
}
.search-help-inp{
  background: white;
  height: 3.25rem;
  width: 100%;
  outline: none;
  border: none;
  font-size: 1rem;
  padding-left: 2.5rem;
  color: #4a4a4a;
  box-sizing:border-box;
}
input.search-help-inp::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #9b9b9b;
  font-size: 1rem;
}
input.search-help-inp::-moz-placeholder { /* Firefox 19+ */
    color: #9b9b9b;
  font-size: 1rem;
}
input.search-help-inp:-ms-input-placeholder { /* IE 10+ */
    color: #9b9b9b;
  font-size: 1rem;
}
input.search-help-inp:-moz-placeholder { /* Firefox 18- */
    color: #9b9b9b;
  font-size: 1rem;
}
.search-icon-help{
  font-size: 1.3125rem;
  position: absolute;
  color: #5680a8;
  left: .625rem;
  top: 1.0625rem;
}
.help-inner-div-header{
  position: relative;
  overflow: hidden;
}
.about-help-text{
  color: #828385;
  font-size: .875rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
.down-arrow-help{
    font-size: .875rem;
    color: #5680a8;
    float: right;
    margin-top: .3125rem;
    margin-right: .375rem;
}
.down-arrow-help:hover{
	color:#23527c;
}
.up-arrow-help{
    font-size: .875rem;
    color: #5680a8;
    float: right;
    margin-top: .3125rem;
    margin-right: .375rem;
}
.up-arrow-help:hover{
	color:#23527c;
}
.help-question-wrap{
  font-size: 1rem;
  color: #5680a8;
  width: 85%;
  float: left; 
  line-height: 1.25rem;
  margin-bottom: 1rem;
}
.help-question-wrap:hover{
	color:#23527c;
}
.help-question-wrap span{
  font-weight: bold;
}
.help-accordian-header{
  cursor: pointer;
  padding-left: 2rem;
  padding-right: 2rem;
}
.help-accordian-container{
  background-color: rgba(155, 154, 155, 0.1);
  display: none;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  margin-bottom: .5rem;
}
.container-text-help{
  color: #4a4a4a;
  font-size: 1rem;
  line-height: 1.25rem;
}
.help-acc-img{
  width: 65%;
  margin: 0 auto;
  margin-top:1rem;
}
.help-img-replace{
  width: 100%;
}
.container-text-help p {
    margin: .25rem 0;
    display: inline;
}
select::-ms-expand {
    display: none;
}
select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}
.upload-attachment-input{
  display: none;
}
.highlight {
    background-color: #f9e39b;
}
.about-help-text span{
  color: #f5a623;
}
.right-zero{
  right: 0;
}
.header-right-inner-wrap{
  position: relative;
}
.abs-click-user-opt{
  position: absolute;
  right: -1rem;
  background: #f1f1f1;
  width: 13rem;
  z-index: 10;
  padding: .25rem;
  padding-left: 0rem;
  padding-right: 0rem;
  top: 50%;
  box-shadow: 0px 0px 10px rgba(0,0,0,.3);
}
.dd-icon-profile{
  font-size: .625rem;
  float: left;
  color: #5680a8;
  line-height: .75rem;
}

.single-row-user-opt-text{
  float: left;
  font-size: .75rem;
  color: #5680a8;
  padding-left: .5rem;
  cursor: pointer;
}

.row-of-text-prof{
  width: 100%;
  padding-top: .25rem;
  padding-bottom: .25rem;
  padding-left:0.75rem;
  padding-right:0.75rem;
  box-sizing:border-box;
  cursor:pointer;
}
.row-of-text-prof:hover{
  background:#dcdcdc;	
}
.row-of-text-prof:hover .icon{
  color:#23527c;	
}
.row-of-text-prof:hover .icon-txt{
  color:#23527c;	
}
.row-of-text-prof:hover .single-row-user-opt-text{
  color:#23527c;	
}
.single-row-user-opt{
  border-top: solid 1px #bbbbbb;
  padding-top: .625rem;
  padding-bottom: .625rem;
}
.no-border{
  border-top: 0;
}

.default-cursor{
 cursor:default;
}
.opeq-wrap-browse-and-select{
  position: absolute;
  background: rgba(0,0,0, .8);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  display: none;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  right: -0.375rem !important;
  width: 0.3125rem !important;
}

/* preview-img*/
.popup-conatiner-wrap-img{
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2147483632;
}
.popup-conatiner-wrap-img-inner{
  position: relative;
  height: 30rem;
}
.popup-head-text{
    color: #fff;
    font-size: 0.875rem;
    padding-top: 1.5rem;
    text-align: center;
}
.cross-icon-close{
    color: white;
    cursor: pointer;
    float: right;
    font-size: 1.125rem;
}
.icon-download-prev{
  float: right;
  color: white;
  font-size: 1.5rem;
  padding-right: 2rem;
  cursor: pointer;
}
.option-more-pre{
    position: absolute;
    right: 0;
    top: 1.375rem;
}
.left-arrow-pre{
  cursor: pointer;
  font-size: 2.625rem;
  color: white;
}
.right-arrow-pre{
  cursor: pointer;
  font-size: 2.625rem;
  color: white;
}
.img-wrap-for-pre{
  bottom: 0;
  left: 0;
  margin: auto;
  max-height: 30rem;
  max-width: 40rem;
  position: absolute;
  right: 0;
  top: 0;
}
.img-wrap-for-pre-wrap{
    width: 40rem;
  margin: 0 auto;
  margin-top: -1rem;
  position: relative;
  height: 30rem;
}
.left-ar-wrp{
  position: absolute;
  left: 5%;
  top: 50%;
  cursor: pointer;
}
.right-ar-wrp{
  position: absolute;
    right: 5%;
    top: 50%;
      cursor: pointer;
}
.icon-minus-zoom{
  font-size: 1.25rem;
  color: white;
  float: left;
}
.icon-search-zoom{
 font-size: 1.5rem;
  color: white;
  float: left;
  padding-left: 1rem;
  cursor: pointer;

}
.icon-plus-zoom{
 font-size: 1.5rem;
  color: white;
  padding-left: 5rem;
  cursor: pointer;
}
.zoom-option-wrap{
  margin: 0 auto;
  width: 6rem;
  cursor: pointer;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.popup-conatiner-wrap-img .cross-icon-close{
  margin-right: 10rem;
}
.arrow-up-popup{
	width: 0px;
   height: .1rem;
   border-left: .5625rem solid transparent;
   border-right: .5625rem solid transparent;
   border-bottom: .5625rem solid #fff;
   margin-left: 1.1875rem;
   opacity: 1;
   position: absolute;
   right: 7.1875rem;
   top: -0.5rem;
   z-index:1000001;
}
.mCSB_scrollTools .mCSB_dragger{
right: .375rem !important;
width:.375rem !important;
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
       .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ 
        background-color:#afafaf; 
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  background-color:#afafaf; 
}
.loading-indicator-medium{
margin-top:8rem;
width: 7rem;
}
.loading-indicator-small{
margin-top:2rem;
width: 2rem;
}

.cursor-pointer{
  cursor: pointer;
}
.more-help-text{
  color: #9b9b9b;
  font-size: 1rem;
}
.icon-mail-help{
    padding-left: .5rem;
    padding-right: .5rem;
    position: relative;
    top: .125rem;
    color: #9b9b9b;
}
.mail-help-text{
  font-size: 1rem;
  color: #9b9b9b;
}
.help-text-bottom{
  position: absolute;
  bottom: 2.25rem;
  text-align: center;
  padding-top: 1.25rem;
  border-top: 1px solid #bababa;
  left: 1rem;
  right: 1rem;
}
.f-l-helpmail{
  width: 23rem;
  margin: 0 auto;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}

.change-pi-wrap-inner{
max-height:35rem;
overflow-y:scroll;
overflow: -moz-scrollbars-none;
}
.change-pi-wrap-inner::-webkit-scrollbar { 
  display: none; 
}
.disable-click{
  pointer-events:none;
}
.browser-alert-opeq{
      position: absolute;
    background: rgba(0,0,0, .8);
    top: 0;
    bottom: 0;
    left: 0;
    display: none;
    right: 0;
    z-index: 1000;
}
.popup-flash-indicator{
      position: absolute;
    width: 42rem;
    left: 50%;
    margin-left: -21rem;
    top: 4rem;
    z-index: 10000;
    background: rgb(255,255,255);
    
    display:none;
}
.popup-flash-indicator-header{
      height: 3.125rem;
    background: #becfdf;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.popup-flash-indicator-container{
  padding: 2rem;
  padding-top: 1rem;
}
.first-row-flash{
  padding-bottom: 1rem;
  border-bottom: 1px solid #ccc;
  margin-bottom: 1rem;
  padding-top: .75rem;
}
.adobe-image-wrap{
  float: left;
}
.adobe-img{
  width: 4.125rem;
  height: 4.125rem;
}
.ad-right-text-wrap{
  float: left;
  width: 32rem;
  padding-left: 1rem;
}
.ad-first-text{
color: #4a4a4a;
    font-size: 1.125rem;
    padding-bottom: .3125rem;
    line-height: 1.3125rem;
}
.sec-row-flash{
  width: 70%;
  margin: 0 auto;
  text-align: center;
}
.adobe-link a{
  color: #5680a8;
}
.adobe-link a:hover{
  color: #5680a8;
}
.data-text-ad{
      color: #4a4a4a;
    font-size: 1rem;
    line-height: 1.125rem;
}
b{
  font-weight: bold;
}
.dia-cont-message2{
    font-size: 16px;
  letter-spacing: -0.3px;
  text-align: center;
  color: #4a4a4a;
  line-height: 1rem;
}
.tuto-media-content-outer{
  height: 28.125rem;
  left: 50%;
  margin-left: -25rem;
  position: absolute;
  top: 6em;
  width: 50rem;
  z-index: 100000000;
  display: none;
}

.tuto-media-content-opeq-wrap{
  background: rgba(88, 88, 88, 0.5) none repeat scroll 0 0;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1000;
  display:none;
}
.tuto-media-close{
  display: none;
  color: #ccc;
  cursor: pointer;
  display: block;
  font-size: 1rem;
  position: absolute;
  right: .375rem;
  top: .3125rem;
}
.tutorial-media-content-outer{
    display: none;
}

.checkbox-allow-popup{
	width: 24rem;
	margin: 0 auto;
	margin-top: 1.5rem;
}
.allow-popup{
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.checkbox-allow-popup .chkbx-text-ln{
		color: #4a4a4a !important;
		font-size: 1rem !important;
		   position: relative;
    top: 1px;
    cursor: pointer;
}
#allow-popup-frst.dialouge-box-common{
	top:8rem !important;
}
#allow-popup-frst .dia-cont-message{
	font-size: 1rem;
	line-height: 1.625rem;
}

#allow-popup-frst input[type="checkbox"] + label{
	   background-size: .875rem;
}
#allow-popup-frst input[type="checkbox"]:checked + label{
	background-size: .875rem;
}
#allow-popup-frst .browse-button-cal{
	width: 12rem;
	height: 2.5rem;
	background-color: #5680a8;
	border: none;
	outline: none;
	font-size: 1.125rem;
	color: white;
	cursor: pointer;
}
#allow-popup-frst .browse-button-cal-wrap{
	width: 12rem;
	margin: 0 auto;
	margin-top: 1.5rem;
	position: relative;
}
.dd-icon-what-new{
  font-size: 1rem;
  color: #5680a8;
  float: left;
  line-height: .75rem;
  position: relative;
   top: -0.1875rem;
}
.browse-button-cal-wrap-new-content{
	width: 20.5rem;
    position: relative;
    margin: 0 auto;
    margin-top: 1.5rem;
}
.browse-button-cal-no{
    width: 10rem;
	height: 2.5rem;
    background-color: #5680a8;
    border: none;
    outline: none;
    font-size: 1.125rem;
    color: white;
    cursor: pointer;
}
.browse-button-cal-yes{
	width: 10rem;
    background: white;
    color: #5680a8;
    text-align: right;
    padding-right: 4rem;
    height: 2.5rem;
    border: none;
    outline: none;
    font-size: 1.125rem;
    cursor: pointer;
}
.browse-button-cal-no:hover {
    box-shadow: 0px 0px 0.1875rem #5680a8;
}
.browse-button-cal-yes:hover {
    font-weight: bold;
}
#allow-popup-frst .checkbox-allow-popup{
	width:19rem;
}
.blue-border{
	border-color: #5680a8 !important;
}
.loading-indicator-bar-small{
margin-top:2rem;
}
.geo-location-loader{
       margin-top: .5rem;
}
.geo-location-loader span{
    color: white;
    font-size: .8125rem;
}
.geo-location-loader img{
    height: 2.0625rem;
    position: relative;
    top: .8125rem;
    left: .75rem;
}