/* Session Time-out warning Popup Start */

.grayed-out{
	background:rgba(0,0,0,0.7);
	position:fixed;
	width:100%;
	height:100%;
	z-index:999999;
	top:0;
	left:0;
}

.wrap {
  width: 540px;
  top: 50%;
  left: 50%;
  margin-left: -270px;
  margin-top: -189px;
  position: fixed;
  font-family: Lato;
  border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  overflow: hidden;
  background: #fff;
  z-index: 999999;
  box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -webkit-box-shadow: 0 0 10px #000;
}

.stw-header{
	background:#f5f5f3;
	border-bottom:1px solid #d2d4d6;
	padding:30px 16px;
	font-size:20px;
	font-weight:normal;
}

.stw-mid-section {
  padding: 13px 16px;
  font-family: Lato;
  color: #4e4e4e;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
}

  .stw-mid-section p {
    font-family: Lato;
    color: #4e4e4e;
    font-size: 16px;
    font-weight: normal;
  }

.stw-mid-section hr{
	margin:12px 72px;
	background:#d2d4d6;
	height:2px;
	border:0;
}

.orange{
	color:#f79d00;
}

.stw-footer{
	background:#e5e5e5;
	padding:15px 16px;
}

.ml-20{
	margin-left:20px;
}

.dis-non {
    display:none;
}

.dis-block {
    display:block;
}

.boxSize{
    box-sizing:border-box;
}

.width-100 {
    width:100% !important;
}

.mb {
    margin-bottom:10px;
}
.btn-session {
  background: #ffffff !important;
  color: #000000 !important;
  text-decoration: none !important;
  padding: 3px 10px !important;
  border: 1px solid #cccccc !important;
}

.btn-session:hover {
  background: #f9f9f9 !important;
}


@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* Mobile */
  .wrap {
    top: 20%;
    left: 1%;
    margin-left: 0;
    margin-top: 0;
    width: 97%;
  }
  .stw-header {
    padding: 5px 16px;
    text-align: center;
  }
  .stw-mid-section {
    padding: 15px 16px;
  }
    .stw-mid-section hr {
      margin: 10px 0;
    }
  .stw-footer {
    padding: 10px 16px;
    text-align: center;
  }
}

/* Session Time-out warning Popup End */


/* Error Page Css Start */
.error-wrap {
    width:669px;
    text-align:center;
    position:absolute;
    left:50%;
    margin-left:-335px;
    top:50%;
    margin-top:-190px;
}

.error-msg {
  background: #ffece8;
  border-top: 1px solid #dda498;
  padding: 16px 15px 15px 15px;
  font-family: Lato;
  font-size: 16px;
  color: #923d2c;
  margin-top: 13px;
}

.error-footer {
  font-family: Lato;
  font-size: 12px;
  width: 1120px;
  margin-left: -560px;
  padding: 15px 5px;
  border-top: 1px solid #ccc;
  bottom: 5px;
  position: absolute;
  left: 50%;
}

.error-footer a {
    color:#0b48ad;
    padding-right:10px;
}

/* Error Page Css End */


/* EmembershipLinkPage.aspx CSS Start */
.emem-wrap h3{
    margin-top:36px;
    font-weight:bold;
}

.emem-wrap .msg-wrap {
    width:100%;
    padding:10px 0;
    background:#eff3f7;
    border-top:1px solid #bfc6cd;
    margin-top:46px;
    font-size:13px;
    color:#000;
}

.emem-wrap .msg-wrap a{
    margin-left:10px;
    font-weight:bold;
    font-size:13px;
}
/* EmembershipLinkPage.aspx CSS End */


/* RadToolBar CSS Chagnes Start */
.RadToolBar .rtbIcon {
    display:block !important;
    margin:0 auto;
}

.RadToolBar_Default .rtbChecked .rtbIn {
    color:#fff !important;
}

.RadToolBar .rtbText br:first-child {
    display:none;
}

.RadToolBar .rtbText {
    font-size:12px;
}

.RadToolBar_Default .rtbOuter {
    box-shadow:none !important;
}
/* RadToolBar CSS Chagnes End */


/* Editor CSS Customization - (Default behaviour of tags) Start */
.removeFormat {
  font-size: 15px;
  font-family: Lato;
  line-height: normal;
}

.removeFormat ol, .removeFormat ul, .removeFormat p, .removeFormat pre, .removeFormat div, .removeFormat span,  .removeFormat table, .removeFormat th, .removeFormat td, .removeFormat blockquote {
    font-size:100%;
    line-height:normal;
    border-collapse:inherit;
}

.removeFormat span {
    float:none !important;
}

.removeFormat ol, .removeFormat ul, .removeFormat p, .removeFormat pre{
 margin-top:1em;
 margin-bottom:1em;
 line-height:normal;
}

.removeFormat ol ol, .removeFormat ul ul, .removeFormat ol ul, .removeFormat ul ol, .removeFormat ol ol ol, .removeFormat ul ul ul, .removeFormat ol ul ul, .removeFormat ul ol ol, .removeFormat ol ol ul, .removeFormat ul ul ol{
 margin-top:1px;
 margin-bottom:1px;
}

  .removeFormat h1 {
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    font-size: 28px;
    font-weight: bold !important;
    font-family: Lato;
    line-height: normal;
  }

  .removeFormat h2 {
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    font-size: 21px;
    font-weight: bold !important;
    font-family: Lato;
    line-height: normal;
  }

  .removeFormat h3 {
    margin-top: 1em;
    /*margin-bottom: 1em;*/
    margin-bottom: 0;
    font-size: 16px;
    font-weight: bold !important;
    font-family: Lato;
    line-height: normal;
  }

  .removeFormat h4 {
    margin-top: 1.33em;
    margin-bottom: 1.33em;
    font-size: 16px;
    font-weight: bold !important;
    font-family: Lato;
    line-height: normal;
  }

  .removeFormat h5 {
    margin-top: 1.67em;
    margin-bottom: 1.67em;
    font-size: 12px;
    font-weight: bold !important;
    font-family: Lato;
    line-height: normal;
  }

  .removeFormat h6 {
    margin-top: 2.33em;
    margin-bottom: 2.33em;
    font-size: 9px;
    font-weight: bold !important;
    font-family: Lato;
    line-height: normal;
  }

  .removeFormat ol, .removeFormat ul {
    padding-left: 40px;
    margin-left: unset;
  }

  .removeFormat img {
    max-width: 100%;
  }
  .removeFormat a, .removeFormat a:hover {
    color: #0000ff;
    font-family: inherit;
    font-size: inherit;
  }

    .removeFormat table[align=center] {
      margin: 0 auto;
    }

  .removeFormat blockquote {
    border-left: 0;
    margin: 16px 40px;
    padding: unset;
  }

  .removeFormat a[name], .removeFormat a[data-cke-saved-name],
  .cke_contents_ltr a.cke_anchor, .cke_contents_ltr a.cke_anchor_empty, .cke_editable.cke_contents_ltr a[name], .cke_editable.cke_contents_ltr a[data-cke-saved-name] {
    background: none !important;
    border: 1px dotted #00f;
    padding-left: 0 !important;
    cursor: auto;
  }

  .removeFormat .link-to-anchor:before {
    content: '';
    display: block;
    height: 100px;
    margin-top: -100px;
    visibility: hidden;
  }

/* Editor CSS Customization - (Default behaviour of tags) End */
.RadEditor {
  z-index: 99999 !important;
}

/* Forgot/Reset Password Start */

.fWrap {
    margin:0 auto;
    float:none;
    width:660px;
    padding-left:10px;
    font-size:15px;
}

.fSep{
    border-top:1px solid #cccccc;
    padding-bottom:20px;
}

.ftbPad {
    padding-top:11px;
    padding-bottom:25px;
    font-size:15px;
    line-height:normal;
}

.fSubBtn {
    vertical-align:bottom;
    margin-left:4px;
}

.greenMsg {
    background:#c9efc8;
    border-top:1px solid #80ae7f;
    padding:10px;
    font-size:13px;
}

.redMsg {
    background:#ffece8;
    border-top:1px solid #dda498;
    padding:10px;
    font-size:13px;
}

.fH3 {
    border-bottom:1px solid #cccccc;
    margin-top:14px;
    padding-bottom:17px;
    margin-bottom:21px;
}

.vAlignMid {
    vertical-align:middle;
}

/* Forgot/Reset Password End */

/* Forgot/Reset Password End */

/* Welcome page css start */
.welcomeWrap{
    position:fixed;
    height:100%;
    width:100%;
    background:rgba(0,0,0,.85);
    z-index:99999;
    color:#fff;
}
/* Welcome page css end */

/* Orange Notification Bar CSS Start */
.onb{
    background:#f17e19;
    color:#fff;
    line-height:26px;
    text-align:center;
    position:relative;
    border-bottom:1px solid #fff;
}

.onb img{
    float:left;
    margin-left:3px;
    margin-top:3px;
}

.onb a{
    color:#fff;
    text-decoration:underline;
}

.onb a:hover{
    color:#fff;
    text-decoration:none;
}

@media screen and (max-width: 1600px) and (min-width: 768px) {
    /*.onb{
        letter-spacing:-1px;
    }*/
}

@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) and (orientation:landscape) {
    /* For landscape layouts only */
    .onb {
        font-size:12px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) and (orientation:portrait) {
    /* For portrait layouts only */
    .onb {
        font-size:12px;
    }
}
/* Orange Notification Bar CSS End */


/* WIP Edit Item Popup Comments CSS Start */
ol.wipComments{
    padding:0;
    margin:15px 0 0 20px;
    font-size:16px;
}

ol.wipComments li{
    padding-left:7px;
    padding-bottom:20px;
    font-size: 14px;
}

ol.wipComments li span:first-child{
    font-family: Lato Black;
    font-size: 14px;
}

/*ol.wipComments li span:nth-child(2){
    color:#7f7f7f;
}*/

ol.wipComments li p{
    margin:9px 0 0 0;
}

.hrSeparator{
    height:1px;
    border:none;
    background:#cccccc;
}

.deleteItemTD{
    padding-top:8px;
}

.deleteItemTD input[type=checkbox]{
    vertical-align:inherit;
    margin-left:0;
}

.disabledBtn{
    opacity:.20;
    pointer-events:none;
}
/* WIP Edit Item Popup Comments CSS End */


/* Google Translate Orange bar CSS Start */
.onb-googleT{
    background:#f17e19;
    color:#fff;
    line-height:16px;
    text-align:left;
    position:relative;
    border-bottom:1px solid #fff;
    min-height:33px;
}

.onb-googleT img{
    float:left;
    margin-left:3px;
    margin-top:5px;
    margin-right:10px;
}
/* Google Translate Orange bar CSS End */



/* TLS warning Popup Start */
.grayed-out-tls{
	background:rgba(170,170,170,0.7);
	position:fixed;
	width:100%;
	height:100%;
	z-index:9999;
	top:0;
	left:0;
}

.grayed-out-tls .main-wrap {
    width: 689px;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -345px;
    top: 50%;
    margin-top: -215px;
    z-index:10000;
    box-sizing: border-box;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
}

  .grayed-out-tls .msg-wrap {
    background: #f2f2f2;
    border-top: 1px solid #cccccc;
    padding: 8px 15px 12px 5px;
    font-family: Lato;
    font-size: 16px;
    color: #51585a;
    margin-top: 13px;
    box-sizing: border-box;
    display: table;
    text-align: left;
    line-height: normal;
  }

.grayed-out-tls .col-left , .grayed-out-tls .col-right {
    display:table-cell;
    vertical-align:middle;
}

.grayed-out-tls .col-left{
    text-align:center;
}

.grayed-out-tls .green-msg , .grayed-out-tls .red-msg{
    font-weight:bold;
    font-size:13px;
}

.grayed-out-tls .green-msg{
    color:#379835;
}

.grayed-out-tls .red-msg{
    color:#b92e2e;
}

.grayed-out-tls #PdfLinks{
    margin-top:13px;
}
/* TLS warning Popup End */




/* Add To Home Screen CSS Code Start */
.addToHome {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999999;
  background: #555555;
  padding: 10px 10px 15px 10px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: normal;
  display: none;
}

  .addToHome a {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #fff;
  }

@media only screen and (min-device-width : 320px) and (max-device-width : 768px) { /* Mobile */
  .addToHome {
    display: block;
  }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) { /* iPad Portrait */
  .addToHome {
    display: block;
  }
}


@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { /* iPad Landscape */
  .addToHome {
    display: block;
  }
}
/* Add To Home Screen CSS Code End */