/* START MOBILE MENU*/
.m-button-nav-toggle { font-size: 1.3em; border: 0; background: 0 0; color: #000; outline: 0; cursor: pointer }
.m-menu-header {margin-bottom:25px;padding:20px; overflow:hidden;}
.m-menu-header .m-logo {float:left;}
.m-menu-header .m-logo img{width:100%;}
.m-menu-header .m-button-nav-toggle {padding-top:15px;}
.m-menu-header .m-button-nav-toggle .icon-close {background: url(icons/m-menu-close-green.png) left center no-repeat; width:20px; height:20px; display:inline-block; float:right;}

.m-sub-menu-header {overflow:hidden;}
.m-sub-menu-header .m-sub-logo {float:left; padding-bottom:10px !important; margin:20px 0px 0px 0px}

.m-sub-menu-container {
    padding: 70px 45px 70px 20px !important;
    text-align: right;
}

.m-nav-main {
  transition: right .25s ease-in-out;
  background-color: unset !important;
  position: fixed;
  z-index: 99995;
  right: -200%;
  top: 0;
  bottom: 0
}

.m-nav-main .m-nav-container {
  transition: right .25s ease-in-out;
  position: relative;
  left: 0;
  height: 100%;
  bottom: 0px;
}
.m-nav-main .m-nav-container.show-sub { /*left: -280px*/ }
.m-nav-main .m-nav-container ul {
  margin: 0;
  padding: 0px 45px 0 45px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  height: 100%;
}

.m-nav-main .m-nav-container ul li { list-style: none; display: flex; justify-content: flex-end;width: 100%;}
.m-nav-main .m-nav-container ul li a {
  text-decoration: none;
  display: block;
  padding: 10px 15px;
  color: #444444;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-weight: 600;
}

.m-nav-main .m-nav-container ul li a:hover {
  color: #3BB449;
}

.m-nav-main .m-nav-container ul li .m-sub-menu {
  width: 266px;
  height: 100%;
  position: fixed !important;
  position: absolute;
  right: -130%;
  bottom: 0px;
  top: 0;
  transition: right .25s ease-in-out;
}
.m-nav-main .m-nav-container.show-sub ul li.active .m-sub-menu {z-index:2;right: 0%; top:0px; bottom:0px; transition: right .25s ease-in-out;}

.m-nav-main .m-nav-container ul li ul {
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-box-shadow: -5px 0px 50px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: -5px 0px 50px 0px rgba(50, 50, 50, 0.75);
  box-shadow: -5px 0px 50px 0px rgba(50, 50, 50, 0.75);
  overflow: auto;
}
.m-nav-main .m-nav-container ul li ul li { border: 0 }
.m-nav-main .m-nav-container ul li ul li.nav-label {padding: 50px 0 10px }
.m-nav-main .m-nav-container ul li ul li.nav-label strong {font-family: 'Open Sans', sans-serif; color:#444444; font-size:20px; cursor:pointer;}
.m-nav-main .m-nav-container ul li ul li.nav-label strong:hover {color:#3BB449;}

.m-nav-main .m-nav-container ul li ul li.m-sub-menu-header a{float: left; width: initial;}

.m-nav-main .m-nav-container ul li ul li a {
  display: block;
  padding: 9px 9px 9px 0px;
  font-size: 18px;
  width: 100%;
}
.m-nav-main .m-nav-container ul li ul li a:hover{cursor: pointer;}
.m-nav-main .m-nav-container ul li ul li a img{display:block; height:50px;}

.m-nav-main .m-nav-container ul li ul li a.back {background: url(icons/m-menu-close-green.png) left center no-repeat; width:20px; height:20px; display:inline-block; float:right;margin-right: 35px; margin-top: 45px; }
.m-nav-main .m-nav-container ul li.has-sub-nav > a {  transition: background .25s ease-in-out;}
.m-nav-main .m-nav-container ul li.has-sub-nav > a::after{
    content: url(icons/chevron-icon.png);
    margin-left : 10px;
}
.m-nav-main .m-nav-container ul li.has-sub-nav ul a { background: 0 0 }
.m-nav-main .m-nav-container ul li.has-sub-nav ul a img{width:100%;}
.m-nav-main .m-nav-container ul li.active ul { display: block }
.open .m-nav-main { right: 0 }
*, :after, :before { box-sizing: border-box }
body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif; line-height: 1.42857143;; color: #222; margin: 0 }
.m-main { transition: right .25s ease-in-out; position: relative; right: 0 }
.m-main.open { right: 280px }

.student-menu { background: url(icons/student.png) 98% center no-repeat; width:50px; height:50px; transition: background .25s ease-in-out;}

.icw-container.invitation-accept {
  text-align: center;
  margin-bottom: 40px;
  padding: 0px 15px !important;
}

.icw-container.invitation-accept .main-title {
  padding: 45px 0px 30px;
}

.icw-container.invitation-accept .logo {
  max-height: 150px;
  padding-bottom: 30px;
}

#invitation-register-form .form-section .form-label {
  line-height: 40px;
}

#invitation-register-form .form-section label .required {
  position: relative;
}

#invitation-register-form .form-section .icw-input {
  padding: 12px;
}


@media only screen and (max-width: 768px){
  .m-menu-header .m-logo img{width:180px;}
  .m-nav-main .m-nav-container ul li.has-sub-nav ul a img{width:initial;}
  .m-nav-main .m-nav-container ul li a {
    padding: 9px 9px 9px 0px;
  }
}

.cart-link {padding: 0px; margin:0px;}
.cart-link .cart-icon {
  background: url(icons/icon-green-cart.png) 98% center no-repeat;
  width: 20px;
  height: 20px;
  transition: background .25s ease-in-out;
  background-size: contain;
  display: inline-block;
  margin: 0px 15px -5px 0px;
}
.cart-link li {float:left; position:relative; list-style:none;}
.cart-link li .new-menu-link{line-height:5px !important; color:#444444;font-weight: 600}
.cart-link li .new-menu-link:hover{color:#3BB449;}
.cart-link .top-li-gray{text-align: center; float: none;  }
.cart-link .ul-top-menu:before{position:absolute; content:"";width: 0;height: 0; top:9px; left:15px; border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #3BB449;}
@keyframes mymove{from {top:5px; opacity: 0;}to {top:15px; opacity: 1;}}
@-webkit-keyframes mymove {from {top:5px; opacity: 0;}to {top:15px; opacity: 1;}}
.cart-link li .ul-top-menu ul {padding: 10px;  width:170px; float:left; list-style:none; margin:0px; background:#3BB449;
  /*-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);*/}
.cart-link li ul li {float:left; padding:7px 15px; width: 140px; border-bottom:1px solid #34a342;border-top:1px solid #75cb81;}
.cart-link li ul li a {line-height:inherit; height:inherit; padding:0px; color:#fff; font-weight: 600 }
.cart-link li ul li a:hover {text-decoration:underline; }
.cart-link li ul li:first-child {border-top:0px solid #fff; padding-top:2px;}
.cart-link li ul li:last-child {border-bottom:0px solid #fff; padding-bottom:2px;}

.icw-container {width:1070px; margin:0px auto;}

@media only screen and (max-width: 767px) {
    .icw-container {
        width: 100% !important;
        padding: 5px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1070px) {
	.icw-container { max-width: 1070px; width: 100%;}
}

.icw-clear {clear:both}
.tab-contents {width:auto;}
/******************************
RESET
*******************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, small, strong, b, i, dl, dt, dd, form, label, footer, header, menu, nav, section { margin: 0; padding: 0; border: 0; outline: 0; }
body { overflow-x: hidden; }
article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; }
textarea:focus, input:focus, select:focus, button:focus { outline: none; }
header *, #container *, footer *, #top-modules *, #bottom-modules * { box-sizing: border-box; -moz-box-sizing: border-box; }
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.clearfix { clear: both; display: block; }
:after {
  font-family: 'journal-icons';
}
:before, :after {
  /* font-family: 'journal-icons';  */
  position: relative; font-style: normal; color: inherit; font-size: inherit; display: inline-block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }
i { position: relative; font-style: normal; vertical-align: middle; }
i img { position: relative; vertical-align: middle; }

/******************************
JOURNAL GRID
*******************************/
.xl-5 { width: 5%; }
.xl-10 { width: 10%; }
.xl-15 { width: 15%; }
.xl-20 { width: 20%; }
.xl-25 { width: 25%; }
.xl-30 { width: 30%; }
.xl-35 { width: 35%; }
.xl-40 { width: 40%; }
.xl-45 { width: 45%; }
.xl-50 { width: 50%; }
.xl-55 { width: 55%; }
.xl-60 { width: 60%; }
.xl-65 { width: 65%; }
.xl-70 { width: 70%; }
.xl-75 { width: 75%; }
.xl-80 { width: 80%; }
.xl-85 { width: 85%; }
.xl-90 { width: 90%; }
.xl-95 { width: 95%; }
.xl-100 { width: 100%; }
.xl-11 { width: 11.11111111111111%; }
.xl-12 { width: 12.5%; }
.xl-14 { width: 14.28571428571429%; }
.xl-16 { width: 16.66666666666666%; }
.xl-33 { width: 33.33333333333333%; }
.xl-66 { width: 66.66666666666666%; }
.xs-5, .xs-10, .xs-15, .xs-20, .xs-25, .xs-30, .xs-35, .xs-40, .xs-45, .xs-50, .xs-55, .xs-60, .xs-65, .xs-70, .xs-75, .xs-80, .xs-85, .xs-90, .xs-95, .xs-100, .xs-33, .xs-66, .sm-5, .sm-10, .sm-15, .sm-20, .sm-25, .sm-30, .sm-35, .sm-40, .sm-45, .sm-50, .sm-55, .sm-60, .sm-65, .sm-70, .sm-75, .sm-80, .sm-85, .sm-90, .sm-95, .sm-100, .sm-33, .sm-66, .md-5, .md-10, .md-15, .md-20, .md-25, .md-30, .md-35, .md-40, .md-45, .md-50, .md-55, .md-60, .md-65, .md-70, .md-75, .md-80, .md-85, .md-90, .md-95, .md-100, .md-33, .md-66, .lg-5, .lg-10, .lg-15, .lg-20, .lg-25, .lg-30, .lg-35, .lg-40, .lg-45, .lg-50, .lg-55, .lg-60, .lg-65, .lg-70, .lg-75, .lg-80, .lg-85, .lg-90, .lg-95, .lg-100, .lg-33, .lg-66, .xl-5, .xl-10, .xl-15, .xl-20, .xl-25, .xl-30, .xl-35, .xl-40, .xl-45, .xl-50, .xl-55, .xl-60, .xl-65, .xl-70, .xl-75, .xl-80, .xl-85, .xl-90, .xl-95, .xl-100, .xl-33, .xl-66 { min-height: 1px; float: left; }
.xs-11, .xs-12, .xs-14, .xs-16, .sm-11, .sm-12, .sm-14, .sm-16, .md-11, .md-12, .md-14, .md-16, .lg-11, .lg-12, .lg-14, .lg-16, .xl-11, .xl-12, .xl-14, .xl-16 { min-height: 1px; float: left; }

.col-xl-2-icon {
    width: 14.28571428571429%; }
.col-xl-0-icon {
  width: 0%; }
/******************************
 GENERAL STRUCTURE
*******************************/
.j-min { height: 40px; }
.j-med { height: 80px; }
.j-tall { height: 120px; }
.j-50 { height: 50px; }
.j-100 { height: 100px; }
.z-0 { z-index: 0; }
.z-1 { z-index: 1; }
.z-2 { z-index: 2; }
.z-3 { z-index: 3; }
.z-4 { z-index: 4; }
.z-5 { z-index: 5; }
.z-6 { z-index: 6; }
.z-7 { z-index: 7; }
.z-8 { z-index: 8; }
.z-9 { z-index: 9; }
body { font-size: 13px; font-family: 'Open Sans', sans-serif; }
/******************************
 CONTENT
*******************************/
#container { max-width: 1024px; position: relative; margin: 0 auto; background-color: transparent; z-index: 3; }
.heading-title, .box-heading { line-height: 37px; height: 40px; font-size: 15px; font-weight: normal; text-transform: uppercase; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/}
/*.heading-title { margin-bottom: 17px; }*/
.secondary-title { font-family: Helvetica, Arial, sans-serif; font-size: 17px; color: #5c8ba6; }
#content { position: relative; z-index: 2; background-color: transparent; -webkit-transform: translate3d(0, 0, 0); }
#content:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.box { position: relative; }
.content ul, .content li { margin: 0; padding: 0; list-style: none; position: relative; }
.content ul { margin: 8px 0; }
.content > ul > li > a { display: inline-block; padding: 4px 0; /*padding-left: 10px;*/ font-size: inherit; }
/******************************
 BUTTONS / LINKS
*******************************/
a { color: #333745; text-decoration: none; cursor: pointer; }
.button { cursor: pointer; font-size: 14px; transition: all .2s; padding: 0 12px; border: 0; line-height: 32px; background-color: transparent; display: inline-block; -webkit-appearance: none; text-align: center; }
.cart { position: relative; }
.button-disabled { opacity: .5; cursor: default; }
.button-disabled:before, .button-disabled:after { display: none !important; }
.buttons { overflow: hidden; padding: 15px 0 5px 0 !important; margin: 20px 0 50px 0; background-color:transparent !important; }
.buttons .left { padding-top: 2px; }
.buttons .left { float: left; text-align: left; }
.buttons .right { float: right; text-align: right; }
.buttons .right a { text-decoration: none !important; }
.buttons .center { float: left; text-align: center; margin-left: auto; margin-right: auto; }
hr { border: 0; background-color: #e4e4e4; height: 1px; margin: 0; }
/******************************
 BREADCRUMB
*******************************/
.breadcrumb { margin: 0 auto; padding: 0 15px; height: 40px; line-height: 38px; position: relative; z-index: 1; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.breadcrumb a { color: inherit; font-size: inherit; transition: all .2s ease; display: inline-block; vertical-align: middle; }
.extended-container:before { content: ""; display: block; width: 100%; height: 40px; position: absolute; }
.home-page .extended-container:before, .maintenance-mode .extended-container:before { display: none; }
.home-page #container:before { content: ""; display: block; position: absolute; left: 50%; top: 0; }
/******************************
 NOTIFICATION
*******************************/
.journal-slider + #container > #notification { display: none; }
#notification { position: absolute; z-index: 2; width: 100%; }
.success, .warning, .information, .attention, .alert_error { width: 100%; max-width:1060px; position: relative; z-index: 2; height: auto; padding: 10px 15px; line-height: 20px; margin:33px auto 0px; font-family: 'Open Sans', sans-serif }
  .success a, .warning a, .information a, .attention a { color: #428bca; }
  .success img, .warning img, .information img, .attention img { float: right; margin-top: 6px; cursor: pointer; display: block; }
  .success { background-color: #3BB449; color:#fff;}
  .warning { background-color: #3BB449; color:#fff; }
  .attention { background-color: #3BB449; color:#fff;}
  .information { background-color: #3BB449; color:#fff;}
  .alert_error { background-color: #e51b1b; color:#fff; margin:10px auto 10px;}
/******************************
 INPUTS
*******************************/
.required { color: #20652A; font-size: 16px; }
input[type='text'], input[type='email'], input[type='password'], input[type='email'], input[type='tel'], textarea { -webkit-appearance: none; background: white; border-radius: 0px; border: 1px solid #e8e8e8; padding: 8px; width: 100%; transition: all 0.2s; font-size: 13px; }
textarea { width: 100%; resize: none; height: 150px; }
input[type='radio'], input[type='checkbox'] { margin: 5px; }
select { /*background: #f4f4f4;*/ border: 1px solid #e4e4e4; padding: 5px; margin: 5px; }
label { cursor: pointer; /*padding-right: 20px;*/padding-right: 10px; font-weight: bold; }
span.error { display: inline-block; background-color: #E51B1B; color: white; padding: 3px 4px 2px 4px; font-size: 12px; position: relative; margin: 5px 0px; border: 1px dashed;}
/******************************
 COLORBOX
*******************************/
#cboxLoadedContent h1 { padding-bottom: 2px; display: inline-block; border-bottom: 1px solid #e4e4e4; margin: 10px 0 10px 10px; font-size: 24px; }
#cboxLoadedContent p { padding: 0 10px; }
/******************************
 RESPONSIVE VIDEO
*******************************/
.responsive-video { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.responsive-video > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.extended-layout #column-left { padding: 20px 0 0 0; width: 220px; }
.extended-layout #column-right { padding: 20px 0 0 0; width: 220px; }
.extended-layout #column-left + #content { padding: 20px 0 0 20px; margin-left: 220px; }
.extended-layout #column-right + #content { padding: 20px 20px 0 0; margin-right: 220px; }
.extended-layout #column-left + #column-right + #content { padding: 20px 20px 0 20px; margin-left: 220px; margin-right: 220px; }
.extended-layout #content { padding: 20px 0 0 0; }
/******************************
 TOP BOTTOM POSITION
*******************************/
#top-modules, #bottom-modules { position: relative; z-index: 1; }
#top-modules > div, #bottom-modules > div { margin: 0 auto; overflow: hidden; padding: 0 20px; }
#top-modules > div.journal2_slider, #top-modules > div.gutter, #bottom-modules > div.journal2_slider, #bottom-modules > div.gutter { padding: 0; }
#top-modules > div > div, #bottom-modules > div > div { position: relative; margin: 0 auto; }
#top-modules .box.static-banners,  #top-modules .multi-modules-wrapper,  #top-modules .box.journal-carousel  .box.custom-sections,  #top-modules .box.cms-blocks, #bottom-modules .box.static-banners,  #bottom-modules .multi-modules-wrapper,  #bottom-modules .box.journal-carousel  .box.custom-sections,  #bottom-modules .box.cms-blocks { padding-bottom: 0 !important; }
#top-modules .multi-modules-wrapper, #bottom-modules .multi-modules-wrapper { margin-bottom: -20px; }
.chrome #top-modules, .chrome #bottom-modules { position: static; }
.hide { display: none; }
.help { color: #666; font-size: 12px; font-weight: normal; display: block; }


#recaptcha-div > div {max-width:100%}
.error-page{display: block; padding: 0px 0px 75px; text-align: center; overflow:hidden;}
  .error-page .main-title{font-size:60px;}
  .error-page .main-sub-title{font-size:24px; padding:40px 0px 100px; font-weight:100; width:35%; line-height:35px; margin:0px auto;}
  .error-page .green-child{background-image: url(icons/coming-green-child.png); background-position: center; width: 240px; height: 260px; display: block; background-repeat: no-repeat; margin: 100px auto 40px;}

  .error-page .error-page-div{text-align:center; padding-bottom:75px;}
  .error-page .error-page-div .green-chat{background-image: url(icons/chat.png); background-position: center; width: 100%; height: 95px; display: block; background-repeat: no-repeat; background-size:contain;}
  .error-page .error-page-div .green-mail{background-image: url(icons/mail.png); background-position: center; width: 100%; height: 95px; display: block; background-repeat: no-repeat; background-size:contain;}
  .error-page .error-page-div .green-caller{background-image: url(icons/caller.png); background-position: center; width: 100%; height: 95px; display: block; background-repeat: no-repeat; background-size:contain;}

  .error-page .error-page-div .error-title{color: #3BB449; display: block; font-weight: 600; font-size: 18px; padding-top: 40px;}
  .error-page .error-page-div .error-details{color: #444444; font-weight: 100; font-size: 14px; padding-bottom: 60px; display: block; height:140px;}

@media only screen and (max-width: 768px){
    .error-page .main-title{padding:10px 15px; font-size: 40px;}
    .error-page .green-child{margin:50px auto 50px;}
    .error-page .main-sub-title{width:100%; padding:20px 15px;}
    .error-page .error-page-div {padding-bottom: 50px;}
}

/**** FOOTER AND HEADER COMMON CSS CODES ****/
#select-store-dialog .select-store-btn {padding: 14px 30px; border-radius: 30px;}

/********************************* Common CSS *********************************/
.main-title{ font-size: 36px; font-family: 'Open Sans', sans-serif; font-weight: 100; text-align: center; padding: 45px 0px 10px; display: block; color: #444444; line-height: 1.1; }
.main-sub-title { font-size: 14px; color: #444444; display: block; padding: 0px 0px 25px; text-align: center; font-family: 'Open Sans', sans-serif; font-weight: 400;}
.icw-clear {clear:both;}
.full-width {
	width: 100%!important;
}

.form-section {float:left; width:100%; margin-bottom:26px; text-align:right;}
.form-section:last-child{padding-bottom:35px;}
.form-section .form-note {padding:20px 10px 0px 20px;}
.form-section select.icw-input {height:55px; font-family: 'Open Sans', sans-serif; border-radius:5px;box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.08);color: #B1B1B1; margin:0px;}
.form-section input[name='captcha'] {width: 100% !important; margin: 0px !important; }
.form-section span.error {
    display: inline-block;
    left: 0px;
    background-color: #E51B1B;
    color: white;
    padding: 4px;
    border-radius:5px;
    font-size: 12px;
    position: relative;
  }

  .success-thumb{
  background-image: url(icons/order-success-thumb.png);
    background-position: center;
    width: 200px;
    height: 200px;
    display: block;
    background-repeat: no-repeat;
    margin: 50px auto 0px;
}

.success-div{
    border: 1px solid #3BB449;
    border-radius: 10px;
    padding: 25px;
  background: #fff;
  z-index: 99999;
  position: fixed;
  width: 40%;
  margin: 10px 30%;
  left: 0px;
}
.success-div .main-title{font-size: 24px; margin-top: 0px; margin-bottom: 0px}
  .success-div .success-thumb{
    background-image: url(icons/order-success-thumb.png);
    background-size: contain;
    background-position: center;
    width: 150px;
    height: 150px;
    display: block;
    background-repeat: no-repeat;
    margin: 25px auto 0px;
  }
  .success-div .close, .error-div .close{
    float: right;
    padding-top: 4px;
    padding-right: 4px;
    cursor: pointer;
  }

.error-div {
  border: 1px solid #E51B1B;
  border-radius: 10px;
  padding: 25px;
  background: #fff;
  z-index: 99999;
  position: fixed;
  width: 60%;
  margin: 10px 20%;
  left: 0px;
}
.error-div .main-title{padding:0px;font-size: 24px; margin-top: 0px; margin-bottom: 0px}

#overlay {
    background:rgba(0,0,0,0.3);
    width:100%; height:100%;
    position: fixed; top:0; left:0; z-index:99998;
}

.popup-close-div {
  margin-top: 20px;
  width: 100%;
  text-align:center;
}

@media only screen and (max-width: 768px){
  .error-div {
    top:20%;
    width:70%;
    margin:0px auto auto 15%;
  }
  .error-div .main-title{
    padding:0px 0px;
    font-size: 16px;
    line-height: 26px;
  }
  .success-div{
    width:90%;
    top:20%;
    padding:10px;
    margin:0px auto auto 5%;
  }
  .success-div .success-thumb{
    width:100px;
    height:100px;
    margin-bottom: 20px;
  }
  .success-div .main-title{
    padding:0px 0px;
    font-size: 16px;
    line-height: 26px;
  }
  .main-title{padding: 20px 0 0; font-size: 25px;}
  .main-sub-title{padding:0px 0 25px;}
  .dashboard-area .section-title{margin:0px 0px 50px;}
}


@media only screen and (max-width: 760px){
  #send-btn, #back-btn {text-align: center!important}
}

/********************************* Common CSS *********************************/

.new-link{color: #444444; font-weight: 600; text-decoration: underline;}
.new-link:hover{color:#3BB449;}

.icw-sub-title {font-size:30px; color:#3BB449 !important;  font-weight:400; text-transform:uppercase; padding-bottom:20px;}


/* account page */
.icw-acc-link {color:#20652A; text-decoration:underline;}

/***************** Buttons ************************/
.select-store-btn {
  border: 3px solid #2E8540;
  background: #fff;
  color: #2E8540;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 18px;
  display:inline-block;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding:14px 40px;
  line-height: 1;
}
.select-store-btn:hover {
    background: #2E8540;
    color: #fff;
    cursor: pointer;
}
.new-btn-event {
    border-color: #0973ba;
    color: #0973ba;
}
.new-btn-event:hover {
    background: #0973ba;
}
.new-btn-volunteer {
    border-color: #5ac5c6;
    color: #5ac5c6;
}
.new-btn-volunteer:hover {
    background: #5ac5c6;
}
.new-btn-fundraiser {
    border-color: #f59221;
    color: #f59221;
}
.new-btn-fundraiser:hover {
    background: #f59221;
}

.btn-fullwidth {
  width: 100%;
}

@media only screen and (max-width: 768px){
	#reorder-date-dialog .black-btn, #reorder-date-dialog .new-btn {width: 90%;}
	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {font-size: 16px!important;}
	.ui-datepicker {width: 17.5em!important;}
	.ui-datepicker .ui-datepicker-title {font-size: 20px!important;}
}
/***************** Buttons ************************/

/* announcements popup */
.announcements-popup-overlay {
  display: none;
  background-color: #000000;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99998;
}

.announcements-popup {
  display:none;
  border: 1px solid #3ab54a;
  border-radius: 10px;
  padding: 15px;
  background: #fff;
  z-index: 99999;
  position: absolute;
  top:0px;
  width: 90%;
  margin-right:5%;
  margin-left:5%;
  margin-top:150px;

}
.announcements-popup .announcement ~ .announcement {
  padding: 10px;
  border-top: 1px solid;
  border-color: #3AB54A;
}
.announcements-popup .announcement {
  padding: 10px;
  border-top: 0px;
}
.announcements-popup a {
  color:#38B449;
}
@media only screen and (max-width: 767px) {
  .announcements-popup .new-btn {
    padding: 14px 20px;
    margin-bottom: 10px;
    width: 90%;
    line-height: 1;
  }
}
/* announcements popup */

.show-xs {display:none}
.show-mb-xs {display:none !important;}
.firefox .show-mb-xs {display:none !important;}
.show-about-xs {display:none}

@media screen and (max-width: 800px){
  .hide-xs {display:none !important}
  .show-xs {display:block;}
}

@media screen and (max-width: 767px){
  .hide-about-xs {display:none !important}
  .show-about-xs {display:block;}
  .hide-mb-xs {display:none !important;}
  .show-mb-xs {display:block !important;}
}


@media only screen and (max-width : 240px) and (orientation : portrait) {
  .list{font-size:8px !important;}
  .green-title{font-size:8px !important;}
}

.tab-contents .icw-input{padding: 12px; font-family: 'Open Sans', sans-serif; border-radius: 5px;}
.form-section#bank-deposit-amounts{min-height: 90px;}
.form-section .form-note {padding:20px 10px 0px 20px;}
.form-section label {font-size: 14px;color: #595959; font-weight: 600; text-transform: uppercase;position:relative;}
.form-section .icw-input {padding:18px; border-radius:5px;}
.form-section select.icw-input {height:55px; border-radius:5px;box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.08);color: #333745; margin:0px; width:100%; line-height:4em; font-size: 14px}
.form-section input[name='captcha'] {width: 100% !important; margin: 0px !important; }
.form-section .required {font-size:14px; color:#2F6228; padding-top: 16px;display: inline-block;line-height: 100%;}
.form-section label .required {padding-top: 0;position:absolute; top:0; right:0;}
.form-section span.error, .form-section span.error a {display: inline-block; left: 0px; background-color: #E51B1B; color: white;padding: 4px;border-radius:5px;font-size: 12px; position: relative;}
.form-section span.error a { text-decoration: underline;}
.section-hr{display: inline-block;border-bottom: 1px solid #f2f2f2;width: 100%;padding-top: 30px; margin-bottom: 60px;}

.auto-topup-area .radio {
    display: block;
}

.auto-topup-area .radio input {
    display: block;
}

.auto-topup-area input[type="radio"] {
    margin: unset;
}

/********************************* Msc Register ****************************************/
.radio {
  display: inline-block;
  padding-right: 0px;
  font-size: 18px;
  line-height: 20px;
  cursor: pointer;
}

.radio .radio-text{
  color:#595959;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height:25px;
  padding: 0px 15px;
}
.radio:hover .radio-text{
  color:#444444;
}

.radio input {
  width: 1px;
  height: 1px;
  opacity: 0;
  margin-left: 25px
}

.radio input[type="radio"]:checked + span.radio-text {
   color:#444444;
   background-color: #FFBF00;
}

.radio input:checked + .outer .inner {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.radio input:checked + .outer { border: 5px solid #2e8540; }

.radio input:focus + .outer .inner {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  background-color: #e67012;
}

.radio .outer {
  width: 15px;
  height: 15px;
  display: block;
  float: left;
  margin: 5px 0px 0px;
  border: 2px solid #c4c4c4;
  border-radius: 50%;
  background-color: #fff;
}
/********************************* Msc Register ****************************************/

.box-heading + table.list { margin-top: 20px;}
table {  width: 100%;  border-spacing: 0;}
table td a + a {  margin-left: 15px;}
table.list {
  margin-bottom: 20px;
}
table.list td {
  border: 1px solid #cccccc;
  padding: 8px;
}
table.list thead td {
  padding: 20px 35px;
}

table.list tbody td {
  vertical-align: middle; padding: 20px 25px;
}
table.list tbody td select {
  max-width:100%;
}

table.list .left {
  /*max-width: 500px;*/
}
table.list .t-span-1 {
  display: none;
}
table.radio td {
  padding: 6px;
}
table.radio td label {
  display: block;
}
table.radio td:first-child {
  width: 1px;
}
table.radio .highlight:hover td {
  cursor: pointer;
}
table.form {
  width: 100%;
  padding-top: 15px;
  margin-bottom: 15px; }
  table.form td {
    padding: 5px; }
  table.form td:first-child {
    width: 200px;
    font-weight: bold; }

/************************************* Email Setting Page *************************************/
#form .icw-container{ padding-top: 50px;}
#form .form-section{ text-align:left;}

@media only screen and (max-width: 760px){
	#form .submit-button{text-align:center !important;}
	#form .icw-container{ padding-top: 20px;}
}

/************************** Success Popup after registration **************************/
#success{}
#success .acc-child, #success-imported .acc-child, #success-needs-activation .acc-child{
  background-image: url(icons/green-child.png);
  background-position: center;
  width: 90px;
  height: 86px;
  display: block;
  background-repeat: no-repeat;
  margin: 15px auto 0px;
  background-size: contain;
}

#success .action-buttons, #success-imported .action-buttons, #success-needs-activation .action-buttons{
  display: block;
  padding-bottom: 15px;
}
/************************** Success Popup after registration **************************/

/************************** Add fund popup when low balance on student page **************************/

/**** dialog ****/
.ui-widget-header {border:none !important; background:#3BB449 !important;}
.ui-widget-header {border:none !important; background:#3BB449 !important;}
.ui-datepicker th{font-weight:normal !important; background-color: #444444; color: #fff;}
.ui-datepicker th span{font-size:18px; font-weight:100;}
.ui-dialog {z-index:9999}
.ui-widget-overlay {position: fixed!important;}
.ui-dialog .ui-dialog-titlebar-close span {margin:-9px!important}
.footable {text-align:center;}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {border: 1px solid #ddd;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding: 8px;line-height: 1.42857143;vertical-align: top;border-top: 1px solid #ddd;}
.icw-icon-order {background:url(icons/icon-plus-minus.png) 0px 0px no-repeat; display:inline-block; width:15px; height:15px; margin-right:5px;}
.icw-icon-plus{ background-position:-27px 0px; margin-left:5px;}
.icw-icon-minus{ background-position:0px 0px; margin-left:0px;}

/************************* Dialogues **********************************/
.dialogues .title{
	font-size: 36px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    text-align: center;
    padding: 0px 0px 20px;
    display: block;
    color: #444444;
    line-height: 35px;
}
.dialogues .icon-tuckshop{
	background-image: url(icons/icon-go.png);
	background-position: center;
	width: 85px;
	height: 90px;
	display: block;
	background-repeat: no-repeat;
	margin: 25px auto;
	background-size: contain;
}
.dialogues .icon-cart{
  background-image: url(icons/icon-green-cart.png);
  background-position: center;
  width: 85px;
  height: 90px;
  display: block;
  background-repeat: no-repeat;
  margin: 25px auto;
  background-size: contain;
}
.dialogues .icon-money{
	background-image: url(icons/fund.png);
	background-position: center;
	width: 85px;
	height: 90px;
	display: block;
	background-repeat: no-repeat;
	margin: 5px auto;
	background-size: contain;
}
.icon-money-bag{
	background-image: url(icons/green-money-bag.png);
	background-position: center;
	width: 65px;
	height: 90px;
	display: block;
	background-repeat: no-repeat;
	margin: 25px auto;
	background-size: contain;
}
.dialogues .icon-thumb{
	background-image: url(icons/icon-thumb.png);
	background-position: center;
	width: 70px;
	height: 75px;
	display: block;
	background-repeat: no-repeat;
	margin: 25px auto;
	background-size: contain;
}

.tab-content-withdraw .head, .dialogues .head{
	font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-align: center;
    padding: 0px 0px 0px;
    display: block;
    color: #444444;
}

.dialogues .sub{
	font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-align: center;
    padding: 0px 0px 20px;
    display: block;
    color: #444444;
}
/************************* Dialogues **********************************/

.list .green-title{font-size:18px; color:#20652A; font-weight:100;}
.list .order-data{font-size:14px; color:#000; font-weight:100;padding: 10px 10px;}
.list .order-data-payment-method{max-width: 160px}
.list .green-title>span{color:#444444;}

.modal_btns {padding:30px 0;}

#reorder-date-dialog .modal-content .black-btn, #fundraiser-tuckshops-header .modal-content .black-btn {margin-top:0;}

@media only screen and (max-width: 1200px){
  table td a + a { margin-left: 0px!important;}
  table td a + a + a { margin-left: 0px!important; margin-top: 10px}
}
@media only screen and (max-width: 1024px){
  table.list thead td {padding: 10px;}
  table.list tbody td {padding: 10px;}
}
@media only screen and (max-width: 991px){
  #select-store-dialog .new-btn {width: 100%; padding: 14px 40px; line-height: 1;}
}
@media only screen and (max-width: 800px){
  .buttons {margin: 0;}
  .modal-content .black-btn, .modal-content .new-btn {width:100%;}
}

@media only screen and (max-width: 767px){
  table.list tbody td {font-size: 12px;padding: 10px 5px;}
  .list .green-title {font-size: 14px;}
  .modal_btns {padding:15px 0;}
}
@media only screen and (max-width: 760px){
  .form-section {text-align: center;}
  .action-buttons{padding: 20px 0px !important;}
}
@media only screen and (max-width: 480px){
  .dialogues .title { font-size: 27px;  line-height: 1;}
  table.list thead td {padding: 10px 5px;}
  table.list tbody td { max-width: 75px;}
}
@media only screen and (max-width: 470px){
  .radio .radio-text {font-size: 12px; padding: 0px 10px;}
}

@media only screen and (max-width: 1220px) {
  .lg-5 {
    width: 5%; }

  .lg-10 {
    width: 10%; }

  .lg-15 {
    width: 15%; }

  .lg-20 {
    width: 20%; }

  .lg-25 {
    width: 25%; }

  .lg-30 {
    width: 30%; }

  .lg-35 {
    width: 35%; }

  .lg-40 {
    width: 40%; }

  .lg-45 {
    width: 45%; }

  .lg-50 {
    width: 50%; }

  .lg-55 {
    width: 55%; }

  .lg-60 {
    width: 60%; }

  .lg-65 {
    width: 65%; }

  .lg-70 {
    width: 70%; }

  .lg-75 {
    width: 75%; }

  .lg-80 {
    width: 80%; }

  .lg-85 {
    width: 85%; }

  .lg-90 {
    width: 90%; }

  .lg-95 {
    width: 95%; }

  .lg-100 {
    width: 100%; }

  .lg-11 {
    width: 11.11111111111111%; }

  .lg-12 {
    width: 12.5%; }

  .lg-14 {
    width: 14.28571428571429%; }

  .lg-16 {
    width: 16.66666666666666%; }

  .lg-33 {
    width: 33.33333333333333%; }

  .lg-66 {
    width: 66.66666666666666%; } }

  .col-lg-2-icon {
    width: 14.28571428571429%; }
  .col-lg-0-icon {
    width: 0%; }
@media only screen and (max-width: 980px) {
  .md-5 {
    width: 5%; }

  .md-10 {
    width: 10%; }

  .md-15 {
    width: 15%; }

  .md-20 {
    width: 20%; }

  .md-25 {
    width: 25%; }

  .md-30 {
    width: 30%; }

  .md-35 {
    width: 35%; }

  .md-40 {
    width: 40%; }

  .md-45 {
    width: 45%; }

  .md-50 {
    width: 50%; }

  .md-55 {
    width: 55%; }

  .md-60 {
    width: 60%; }

  .md-65 {
    width: 65%; }

  .md-70 {
    width: 70%; }

  .md-75 {
    width: 75%; }

  .md-80 {
    width: 80%; }

  .md-85 {
    width: 85%; }

  .md-90 {
    width: 90%; }

  .md-95 {
    width: 95%; }

  .md-100 {
    width: 100%; }

  .md-11 {
    width: 11.11111111111111%; }

  .md-12 {
    width: 12.5%; }

  .md-14 {
    width: 14.28571428571429%; }

  .md-16 {
    width: 16.66666666666666%; }

  .md-33 {
    width: 33.33333333333333%; }

  .md-66 {
    width: 66.66666666666666%; }

  .col-md-2-icon {
    width: 20%; }
  .col-md-0-icon {
    width: 0%; }
}
@media only screen and (max-width: 760px) {
  .sm-5 {
    width: 5%; }

  .sm-10 {
    width: 10%; }

  .sm-15 {
    width: 15%; }

  .sm-20 {
    width: 20%; }

  .sm-25 {
    width: 25%; }
  .sm-25.clearfixicon {
    clear: both;
  }

  .sm-30 {
    width: 30%; }

  .sm-35 {
    width: 35%; }

  .sm-40 {
    width: 40%; }

  .sm-45 {
    width: 45%; }

  .sm-50 {
    width: 50%; }

  .sm-55 {
    width: 55%; }

  .sm-60 {
    width: 60%; }

  .sm-65 {
    width: 65%; }

  .sm-70 {
    width: 70%; }

  .sm-75 {
    width: 75%; }

  .sm-80 {
    width: 80%; }

  .sm-85 {
    width: 85%; }

  .sm-90 {
    width: 90%; }

  .sm-95 {
    width: 95%; }

  .sm-100 {
    width: 100%; }

  .sm-11 {
    width: 11.11111111111111%; }

  .sm-12 {
    width: 12.5%; }

  .sm-14 {
    width: 14.28571428571429%; }

  .sm-16 {
    width: 16.66666666666666%; }

  .sm-33 {
    width: 33.33333333333333%; }

  .sm-66 {
    width: 66.66666666666666%; } }
@media only screen and (max-width: 470px) {
  .xs-5 {
    width: 5%; }

  .xs-10 {
    width: 10%; }

  .xs-15 {
    width: 15%; }

  .xs-20 {
    width: 20%; }

  .xs-25 {
    width: 25%; }

  .xs-30 {
    width: 30%; }

  .xs-35 {
    width: 35%; }

  .xs-40 {
    width: 40%; }

  .xs-45 {
    width: 45%; }

  .xs-50 {
    width: 50%; }

  .xs-55 {
    width: 55%; }

  .xs-60 {
    width: 60%; }

  .xs-65 {
    width: 65%; }

  .xs-70 {
    width: 70%; }

  .xs-75 {
    width: 75%; }

  .xs-80 {
    width: 80%; }

  .xs-85 {
    width: 85%; }

  .xs-90 {
    width: 90%; }

  .xs-95 {
    width: 95%; }

  .xs-100 {
    width: 100%; }

  .xs-11 {
    width: 11.11111111111111%; }

  .xs-12 {
    width: 12.5%; }

  .xs-14 {
    width: 14.28571428571429%; }

  .xs-16 {
    width: 16.66666666666666%; }

  .xs-33 {
    width: 33.33333333333333%; }

  .xs-66 {
    width: 66.66666666666666%; } }
/******************************
 GENERAL
*******************************/
@media only screen and (max-width: 980px) {
  #container {
    max-width: 100%; }
}

@media only screen and (max-width: 760px) {
  .hide-on-mobile {
    display: none !important;
  }
}
@media only screen and (max-width: 470px) {
  table.form td {
    display: block; }
}

/******************************
 TABLES
*******************************/
@media only screen and (max-width: 540px) {
  table.list .t-2, table.list .t-3, table.list .t-6, table.list .t-span-3 {
    display: none; }
  table.list .t-span-1 {
    display: table-cell; } }
/******************************
 SITEMAP
*******************************/
@media only screen and (max-width: 760px) {
  .sitemap-info > div {
    width: 100%;
    padding: 0;
  }
  .sitemap-info > div:first-of-type {
    padding: 0;
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 470px) {
  .help { width: 300px; }
}

@media only screen and (max-width: 760px) {
  .logo {
    bottom: 0;
  }
}

@media only screen and (max-width: 768px){
  .save-buttons{text-align:center !important;}
}

body{font-family:'Open Sans',sans-serif !important;; font-size:14px;line-height:1.42857143 !important;color:#333745;background-color:#fff}
button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
a{color:#337ab7;text-decoration:none}
a:focus,a:hover{color:#23527c}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;}

/*get help dialog styles*/
.go-to-contact-order-info {
  margin-top: 20px;
  margin-bottom: 70px !important;
  text-align: left;
  font-size: 20px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 100;
}

.order-report-dialog .title-block,
.order-report-dialog .cancel-btn { padding: 20px 0px; }

.order-report-dialog .buttons-block div { margin-bottom: 5px; }
/*end of get help dialog styles*/

/* Donate */
.hover-black{
  background: #777777 !important;
  color: #fff !important;
}

.hover-green{
  background: #2e8540;
  color: white;
}

.fixed-footer {
  left: 0;
  width: 100%;
  bottom: 0;
  position: fixed;
}

.skip-link {
  color: #4D4D4D;
  position: absolute;
  top: 10px;
  left: 0px;
  z-index: -1;
  margin-left: 7px;
  padding: 7px 8px 7px 8px;
  background-color: #fff;
  border: 1px solid #555;
  border-radius: 3px;
}

.skip-link:focus {
  z-index: 500;
  color: #4D4D4D;
  text-decoration: underline;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
    font-weight: 400;
    line-height: 1;
    color: #777;
}
.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
    font-size: 65%;
}
.h4,
.h5,
.h6,
h4,
h5,
h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
    font-size: 75%;
}
.h1,
h1 {
    font-size: 36px;
}
.h2,
h2 {
    font-size: 30px;
}
.h3,
h3 {
    font-size: 24px;
}
.h4,
h4 {
    font-size: 18px;
}
.h5,
h5 {
    font-size: 14px;
}
.h6,
h6 {
    font-size: 12px;
}
p {
    margin: 0 0 10px;
}
.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
}
@media (min-width: 768px) {
    .lead {
        font-size: 21px;
    }
}
.small,
small {
    font-size: 85%;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}

b,
strong {
    font-weight: 700;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

legend {
    float: unset !important;
}

.radio {
    margin-top:10px;
    margin-bottom: 10px;
}

select {
    margin: 0;
}

.radio input[type="radio"] {
    position: absolute;
}

/* Start - Jquery UI - Datepicker Override CSS rules */
#ui-datepicker-div .ui-widget {
    font-family: Open Sans, sans-serif !important;
    z-index: 999999 !important;
}
#ui-datepicker-div tbody {
    background-color: #ffffff;
    border: unset;
}
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; font-family: 'Open Sans', sans-serif; font-weight: 100; font-size: 24px; color: #e9f0f4;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    top: 12px !important;
}
#ui-datepicker-div .ui-state-hover,
#ui-datepicker-div .ui-state-focus {
    border: none !important;
    background: none !important;
    font-weight: bold;
    color: unset !important;
}
#ui-datepicker-div .ui-state-hover, #ui-datepicker-div .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {font-weight: 100; color: #000; }
#ui-datepicker-div .ui-state-active, #ui-datepicker-div .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background: unset; background-color:#3ab54a !important; font-weight: 100; color: #FFFFFF !important; }
#ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    color: #000000;
    text-align: center;
    font-size: 24px;
    border: unset;
    background-color: #FFFFFF;
    background: unset;
    font-weight: 100 !important;
}
#ui-datepicker-div .ui-widget-content {
    background: unset;
}
.ui-datepicker { background-color: #FFFFFF; width: 19.5em; padding: .2em .2em 0; display: none; font-family: 'Open Sans', sans-serif !important; z-index: 999999 !important}
#ui-datepicker-div .ui-widget-header {
    border:none!important;
    background:#3bb449!important
}
.ui-datepicker th {
    font-weight:400!important;
    background-color:#444;
    color:#fff
}
.ui-datepicker th span {
    font-size:18px;
    font-weight:100
}
#ui-datepicker-div .ui-widget-header .ui-icon {
    background:url(icons/arrow-big-picker.png);
    background-repeat: no-repeat;
    width:24px;
    height:24px
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    margin-top:-12px;
}
.ui-datepicker .ui-datepicker-prev span {
    background-position:0 0 !important
}
.ui-datepicker .ui-datepicker-next span {
    background-position:-33px 0 !important
}
/* End - Jquery UI - Datepicker Override CSS rules */

/* JQuery UI - Autocomplete input Override Css rules */
.ui-state-active,.ui-widget-content .ui-state-active{
    border:none;
    background:none;
    font-weight: initial;
    color:black;
    text-decoration:none;
    margin: 0;
}

/* Override Bootstrap's bs-gutter-x and bs-gutter-y to remove spacing between columns */
#content .row {
    --bs-gutter-x: unset !important;
    --bs-gutter-y: unset !important;
}

#learn-app-button {
    padding-right: 18px;
    padding-left: 18px;
}

#btn-add-another-student {
    padding-right: 28px;
    padding-left: 28px
}

#success .new-btn { padding-left: 35px; padding-right: 35px; }
#success-imported .new-btn { padding-left: 23px; padding-right: 23px; }
#success-imported .black-btn { padding-left: 23px; padding-right: 23px; }

@media screen and (max-width: 767px) {
    .ui-dialog {
        width: 100% !important;
    }
}

#button-papercut-transfer {
    padding: 10px 18px;
}

/* Modal Dialog Position */
.modal-dialog {
    margin-top: 125px !important;
    position: relative;
}

@media only screen and (max-width: 991px) {
    .modal-dialog {
        margin-top: 110px !important;
        margin-bottom: 60px !important;
    }
}

.acc-child{background-image: url(icons/happy-child.png);background-position:center; width: 90px; height: 86px; display: block; background-repeat: no-repeat; margin: 0 auto; background-size:contain;margin-top:40px;}

@media only screen and (min-width: 992px) {
    #add-another-student-dialog #add-another-student-dialog-close-btn {
        margin-top: 40px;
    }
}

#invitation-register-form .password-toggle {
    top: 14px;
}

.forgot-pass-form .legend-label-text {
    text-align: left;
}

@media only screen and (max-width: 767px) {
    .forgot-pass-form .legend-label-text {
        text-align: center;
    }
}