body {
    background: none #fff no-repeat scroll 0 0;
    color: #1b1b1b;
    font-family: 'Open Sans', serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    margin: 0 auto;
    max-width: 2000px;
    min-height: 100%;
    overflow-x: hidden;
    padding: 0;
    word-wrap: break-word;
}
body.menu_open,
body.admin_menu_open {
    position: fixed;
}
body,
html,
a,
div,
span,
body button,
body input,
body select,
body textarea,
h1,h2,h3,h4,h5,h6 {
    font-family: 'Open Sans', serif;
}
.robotoSlab {
    font-family: 'Roboto Slab', serif;
}
.robotoSlab.light {
    font-weight: 300;
}
a {
    color: #00a9e0;
    position: relative;
    text-decoration: none;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
a:hover {
    color: #003da5;
    text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #1b1b1b;
    font-weight: 400;
    margin: 0;
    padding: 0;
}
h1 {
    font-size: 35px;
    font-weight: 700;
}
h2 {
    font-size: 30px;
}
h3 {
    font-size: 18px;
    font-weight: 700;
}
h4 {
    font-size: 16px;
}
h5 {
    font-size: 14px;
}
h6 {
    font-size: 12px;
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
p {
    margin: 0 0 20px;
}
b {
    font-weight: 700;
}
iframe {
    max-width: 100%;
}
img {
    display: block;
    max-width: 100%;
}
.ccPage {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    table-layout: fixed;
    margin: 0 auto;
    max-width: 1460px;
    padding: 0 15px;
    width: 100%;
}
.redBg {
    background-color: #a02528;
}
.greyBg {
    background-color: #f0f0f0;
}
.blueBg {
    background-color: #003da5;
}
.font30 {
    font-size: 30px;
}
.font20 {
    font-size: 20px;
}
.displayFlex {
    display: -webkit-flex;
    display: flex;
}
.justifyCenter {
    -webkit-justify-content: center;
    justify-content: center;
}
.goldText {
    color: #daa74b;
}
.blueText {
    color: #003da5;
}
.generalButton {
    -webkit-appearance: none;
    background-color: #003da5;
    border: 2px solid #003da5;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    min-width: 230px;
    padding: 9px 20px;
    position: relative;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.generalButton:hover {
    background-color: transparent;
    color: #003da5;
}
.generalButton.disabled {
    cursor: default;
}
.backButton {
    float: left;
    font-size: 14px;
    font-weight: 600;
    margin: 20px 0;
    position: relative;
    text-align: center;
}
.backButton:hover {
    color: #003da5;
}
.smallTextLink {
    color: #1b1b1b;
    font-size: 12px;
    text-decoration: underline;
}
.smallTextLink:hover {
    color: #003da5;
    text-decoration: underline;
}
.smallText {
    font-size: 12px;
}
.generalMessagesContainer {
    display: -webkit-flex;
    display: flex;
    float: left;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 100px 0 0;
    position: relative;
    text-align: center;
    width: 100%;
}
.adminDashboardWrapper .generalMessagesContainer {
    margin: 20px 0 0;
}
.generalMessagesContainerInner {
    float: left;
    max-width: 800px;
    position: relative;
    width: 100%;
}
.generalTitle {
    float: left;
    font-weight: 600;
    margin: 0 0 30px;
    position: relative;
    width: 100%;
}
.generalText {
    float: left;
    margin: 0 0 45px;
    position: relative;
    width: 100%;
}
.generalList {
    display: -webkit-flex;
    display: flex;
    float: left;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 100%;
}
.generalListInner {
    float: left;
    max-width: 800px;
    position: relative;
    width: 100%;
}
.generalListItem {
    border-bottom: 1px solid #1b1b1b;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 20px;
    position: relative;
    width: 100%;
}
.generalListItem:first-child:last-child {
    border-top: 1px solid #1b1b1b;
}
.generalListItem:last-child:not(:first-child) {
    border-bottom: none;
}
.generalListItemInner {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    float: left;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    width: 100%;
}
.generalListItemInner .date {
    margin: 0 auto 0 0;
}
.generalListItemInner .status,
.generalListItemInner .cause {
    font-size: 14px;
}.generalListItemInner .download {
    margin: 0 0 0 20px;
}
.generalListItemInner .employee {
    margin: 0 20px 0 0;
}
.generalListItemInner a {
    color: #003da5;
}
.generalListItemInner a:hover {
    text-decoration: underline;
}
.generalListEmptyText {
    display: -webkit-flex;
    display: flex;
    float: left;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 100%;
}
.generalListEmptyTextInner {
    float: left;
    max-width: 800px;
    position: relative;
    text-align: center;
    width: 100%;
}
#ccNotificationsContainer {
    -webkit-box-shadow: 0 0 20px -4px #444;
    -moz-box-shadow: 0 0 20px -4px #444;
    box-shadow: 0 0 20px -4px #444;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    bottom: 20px;
    max-width: 320px;
    overflow: hidden;
    position: fixed;
    right: 20px;
    z-index: 20000000;
}
#ccNotificationsContainer .ccNotification {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #003da5;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 30px;
    text-align: center;
}
#app {
    float: left;
    position: relative;
    width: 100%;
}
.textWrapper {
    display: -webkit-flex;
    display: flex;
    float: left;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 0 30px;
    position: relative;
    width: 100%;
}
.textWrapperInner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #1b1b1b;
    float: left;
    max-height: 600px;
    max-width: 900px;
    overflow-y: auto;
    position: relative;
    width: 100%;
}
.textWrapper .font30 {
    font-size: 22px;
}
.textWrapper .termsOfUseContainerInner {
    padding: 50px 30px 30px;
}
/* HEADER */
#ccHeader {
    border-bottom: 2px solid #003da5;
    float: left;
    position: relative;
    width: 100%;
}
#ccHeader .ccPage {
    max-width: 100%;
}
.ccHeaderInner {
    float: left;
    position: relative;
    width: 100%;
}
.headerContainer {
    float: left;
    margin: 0 0 -1px;
    position: relative;
    width: 100%;
}
.logoContainer {
    display: -webkit-flex;
    display: flex;
    float: left;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
}
.logo {
    float: left;
    padding: 15px 0;
    position: relative;
    width: 190px;
}
.userMenuContainer {
    display: -webkit-flex;
    display: flex;
    float: right;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    position: relative;
}
.mainMenuContainer {
    float: left;
    margin: 0 0 0 70px;
    padding: 0;
    position: relative;
}
.mainMenu {
    display: -webkit-flex;
    display: flex;
    float: left;
    position: relative;
    width: 100%;
}
.mainMenuContainer .menuItem.mainMenuItem,
.userMenuContainer .menuItem.userMenuItem {
    float: left;
    margin: 0;
    position: relative;
}
.mainMenuContainer .menuItem.mainMenuItem:first-child {
    margin-left: 0;
}
.userMenuContainer .menuItem.userMenuItem:last-child {
    margin-right: 0;
}
.mainMenuContainer .menuItemLabel,
.userMenuContainer .menuItemLabel {
    float: left;
    font-size: 15px;
    letter-spacing: 0.05em;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.mainMenuContainer .menuItem.mainMenuItem > .menuItemLabel,
.userMenuContainer .menuItem.userMenuItem > .menuItemLabel {
    color: #1b1b1b;
    padding: 33px 20px;
    text-align: center;
}
.userMenuContainer .userLabel {
    float: left;
    font-size: 15px;
    letter-spacing: 0.05em;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.userMenuContainer .menuItem.userMenuItem > .userLabel {
    color: #003da5;
    padding: 33px 20px;
    text-align: center;
}
.mainMenuContainer .menuItem.mainMenuItem.hasChildren > .menuItemLabel,
.userMenuContainer .menuItem.userMenuItem.hasChildren > .menuItemLabel {
    padding-right: 40px;
}
.mainMenuContainer .menuToggle,
.userMenuContainer .menuToggle {
    line-height: 1;
    position: absolute;
    right: 20px;
    top: 49%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.mainMenuContainer .menuItem.mainMenuItem:hover > .menuItemLabel,
.mainMenuContainer .menuItem.mainMenuItem.active > .menuItemLabel,
.mainMenuContainer .menuItem.mainMenuItem.current > .menuItemLabel,
.userMenuContainer .menuItem.userMenuItem:hover > .menuItemLabel,
.userMenuContainer .menuItem.userMenuItem.active > .menuItemLabel,
.userMenuContainer .menuItem.userMenuItem.current > .menuItemLabel {
    background-color: #003da5;
    color: #fff;
}
.mainMenuContainer .menuItem.mainMenuItem:hover > .menuToggle,
.mainMenuContainer .menuItem.mainMenuItem.active > .menuToggle,
.mainMenuContainer .menuItem.mainMenuItem.current > .menuToggle {
    color: #fff;
}
.mainMenuContainer .mainSubmenuMenu {
    background-color: #003da5;
    bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    left: 0;
    opacity: 0;
    padding: 20px 0;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 480px;
    z-index: 20;
}
.mainMenuContainer .mainSubmenuMenu.oneColumnMenu {
    width: 240px;
}
.mainMenuContainer .menuItem:hover .mainSubmenuMenu {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}
.mainMenuContainer .submenuItem.mainSubmenuItem {
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    float: left;
    padding: 0 10px;
    position: relative;
    width: 100%;
}
.mainMenuContainer .mainSubmenuMenu.oneColumnMenu .submenuItem.mainSubmenuItem {
    width: 100%;
}

.mainMenuContainer .submenuItem.mainSubmenuItem .menuItemLabel {
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 1px solid #5d98c3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    float: left;
    height: 100%;
    padding: 10px;
    position: relative;
    width: 100%;
}
.mainMenuContainer .submenuItem.mainSubmenuItem.active .menuItemLabel,
.mainMenuContainer .submenuItem.mainSubmenuItem.current .menuItemLabel,
.mainMenuContainer .submenuItem.mainSubmenuItem .menuItemLabel:hover {
    background-color: rgba(255, 255, 255, 0.1);
}
.mobileMenuContainer {
    display: none;
    float: left;
    margin: 0 20px 0 0;
    position: relative;
    top: 22px;
    width: 40px;
}
#mobileMenuToggler {
    cursor: pointer;
    display: block;
    float: left;
    height: 40px;
    margin: 0;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 40px;
    z-index: 20;
}
#mobileMenuTogglerIcon {
    background: #003da5 none repeat scroll 0 0;
    border-radius: 6px;
    font-size: 0;
    height: 4px;
    left: 0;
    position: absolute;
    top: 19px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}
#mobileMenuTogglerIcon::before,
#mobileMenuTogglerIcon::after {
    background: #003da5 none repeat scroll 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px;
    content: "";
    display: block;
    height: 4px;
    position: relative;
    top: -12px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}
#mobileMenuTogglerIcon::after {
    top: 8px;
}
#mobileMenuToggler.active #mobileMenuTogglerIcon {
    background-color: transparent;
}
#mobileMenuToggler.active #mobileMenuTogglerIcon::before {
    background-color: #fff;
    margin: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: 9px 8px 0;
}
#mobileMenuToggler.active #mobileMenuTogglerIcon::after {
    background-color: #fff;
    margin: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transform-origin: 2px -5px 0;
}
#mobileMenu {
    background-color: #003da5;
    border-top: 72px solid #003da5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    height: 100vh;
    left: -280px;
    overflow: auto;
    position: fixed;
    top: 0;
    -webkit-transition: left 0.3s ease 0s;
    -moz-transition: left 0.3s ease 0s;
    transition: left 0.3s ease 0s;
    width: 280px;
    z-index: 15;
}
#mobileMenu.active {
    left: 0;
}
.mobileMenuInner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 0 20px 50px;
    position: relative;
    width: 100%;
}
.mobileMenuMainContainer {
    float: left;
    position: relative;
    width: 100%;
}
.mobileMenuUserContainer {
    border-top: 1px solid #fff;
    float: left;
    margin: 20px 0 0;
    padding: 20px 0 0;
    position: relative;
    width: 100%;
}
.mobileMenu .menuItem {
    color: #fff;
    float: left;
    font-size: 15px;
    font-weight: 600;
    position: relative;
    width: 100%;
}
.mobileMenu .menuItem .userLabel {
    color: #00a9e0;
}
.mobileMenu .menuItem > .menuItemLabel {
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    float: left;
    font-size: 15px;
    font-weight: 600;
    margin: 4px 0 4px -8px;
    min-height: 30px;
    padding: 4px 8px;
    position: relative;
    width: calc(100% + 8px);
}
.mobileMenu .menuItem a:hover,
.mobileMenu .menuItem.active > .menuItemLabel,
.mobileMenu .menuItem.current > .menuItemLabel {
    background-color: rgba(255, 255, 255, 0.1);
}
.mobileMenu .menuItem.mainMenuItem.hasChildren > .menuItemLabel {
    padding-right: 50px;
}
.mobileMenu .menuToggle {
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    padding: 8px 20px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}
#mobileMenuOverlay {
    background-color: #fff;
    height: 100vh;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    -webkit-transition: opacity 0.3s ease 0s;
    -moz-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
    visibility: hidden;
    width: 100%;
    z-index: 10;
}
#mobileMenuOverlay.active {
    pointer-events: auto;
    opacity: 0.4;
    visibility: visible;
}
.mobileMenu .mainSubmenuMenu{
    display: none;
    float: left;
    margin: 4px 0 0;
    position: relative;
    width: 100%;
}
.mobileMenu .menuItem.active .mainSubmenuMenu,
.mobileMenu .menuItem.current .mainSubmenuMenu {
    display: block;
}
.mobileMenu .submenuItem.mainSubmenuItem {
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    float: left;
    padding: 0 0 0 10px;
    position: relative;
    width: 100%;
}
.mobileMenu .submenuItem.mainSubmenuItem .menuItemLabel {
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    float: left;
    height: 100%;
    margin: 4px 0;
    min-height: 30px;
    padding: 4px 8px;
    position: relative;
    width: 100%;
}
.mobileMenu .submenuItem.mainSubmenuItem.active .menuItemLabel,
.mobileMenu .submenuItem.mainSubmenuItem.current .menuItemLabel,
.mobileMenu .submenuItem.mainSubmenuItem .menuItemLabel:hover {
    background-color: rgba(255, 255, 255, 0.1);
}
/* MAIN CONTENT */
#ccContent {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    min-height: calc(100vh - 192px);
    padding: 0 0 100px;
    position: relative;
    width: 100%;
}
.mainContainer {
    float: left;
    position: relative;
    width: 100%;
}
/* INTRO */
.introMainContainer {
    float: left;
    position: relative;
    width: 100%;
}
.introMainContainerInner {
    float: left;
    position: relative;
    width: 100%;
}
/* DASHBOARD */
.dashboardWrapper {
    float: left;
    position: relative;
    width: 100%;
}
.dashboardWrapper.adminDashboardWrapper {
    border-bottom: 1px solid #003da5;
    margin-top: 50px;
}
.dashboardContainer {
    float: left;
    margin: 50px 0 0;
    position: relative;
    width: 100%;
}
.dashboard {
    float: left;
    position: relative;
    width: 100%;
}
.dashboardProgramContainer {
    float: left;
    position: relative;
    width: 100%;
}
.dashboardProgramTitleContainer {
    float: left;
    margin: 0 0 20px;
    position: relative;
    text-align: center;
    width: 100%;
}
.dashboardProgramTitleContainer.adminProgramTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
}
.dashboardProgramTitle {
    float: left;
    font-weight: 600;
    position: relative;
    width: 100%;
}
.adminProgramTitle .dashboardProgramTitle {
    border-bottom: 1px solid #003da5;
    max-width: 800px;
}
.adminProgramTitle .dashboardProgramTitle span {
    display: block;
    margin-bottom: 50px;
}
.adminProgramTitleWrapper {
    cursor: pointer;
}
.closed .adminProgramTitle .dashboardProgramTitle {
    border-bottom: 1px solid transparent;
}
/* CARDS */
.cardsMainContainer {
    float: left;
    position: relative;
    width: 100%;
}
.cardsMainContainerInner {
    float: left;
    position: relative;
    width: 100%;
}
.cardsContainer {
    float: left;
    position: relative;
    width: 100%;
}
.cardsContainerInner {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    flex-direction: column;
    float: left;
    position: relative;
    width: 100%;
}
.cardContainer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin: 0 0 20px;
    max-width: 700px;
    padding: 10px;
    position: relative;
    width: 100%;
}
.cardContainerInner {
    -webkit-align-items: center;
    align-items: center;
    background-color: #f0f0f0;
    border: 0 solid #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    float: left;
    font-size: 18px;
    font-weight: 400;
    -webkit-justify-content: center;
    justify-content: center;
    letter-spacing: 0.05em;
    min-height: 130px;
    padding: 0 20px;
    position: relative;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.cardContainerInner:hover {
    background-color: #003da5;
    color: #fff;
}
.cardLink {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}
.cardText {
    float: left;
    position: relative;
}
.cardText span {
    font-size: 30px;
    margin: 0 0 15px;
}
.cardTags {
    left: 10px;
    position: absolute;
    top: 10px;
}
.cardTag {
    float: left;
    font-size: 13px;
    font-weight: 600;
    margin: 0 10px 0 0;
    padding: 5px 10px;
    position: relative;
}
.cardTag.new {
    background-color: #00a9e0;
    color: #fff;
}
/* LINE */
.lineContainer {
    float: left;
    padding: 60px 0;
    position: relative;
    width: 100%;
}
.lineContainer .ccPage {
    max-width: 1130px;
}
.lineContainerInner {
    float: left;
    position: relative;
    width: 100%;
}
.horizontalLine {
    border-top: 2px solid #08251d;
    float: left;
    position: relative;
    width: 100%;
}
.daysOffMainContainer,
.paychecksMainContainer,
.schedulesMainContainer,
.certificationMainContainer,
.insuranceMainContainer {
    float: left;
    margin: 30px 0 0;
    position: relative;
    width: 100%;
}
.generalAddNewContainer {
    display: -webkit-flex;
    display: flex;
    float: left;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 0 50px;
    position: relative;
    width: 100%;
}
.generalAddNew {
    display: -webkit-flex;
    display: flex;
    float: left;
    -webkit-justify-content: center;
    justify-content: center;
    max-width: 800px;
    position: relative;
    width: 100%;
}
/* LOGIN */
/* FORGOT PASSWORD */
.userPageMainContainer {
    float: left;
    position: relative;
    width: 100%;
}
.userPageMainContainerInner {
    float: left;
    padding: 0 0 100px;
    position: relative;
    width: 100%;
}
.userPageMainTitle {
    float: left;
    margin: 0 0 15px;
    position: relative;
    text-align: center;
    width: 100%;
}
.userPageMainText {
    float: left;
    margin: 0 0 30px;
    position: relative;
    text-align: center;
    width: 100%;
}
/* VERIFICATION */
.verificationMainContainer {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    float: left;
    position: relative;
    width: 100%;
}
.verificationTextContainer {
    float: left;
    margin: 0 0 20px;
    position: relative;
    text-align: center;
    width: 100%;
}
.verificationButtonContainer {
    float: left;
    position: relative;
}
.verificationButtonForm {
    float: left;
    position: relative;
}
.verificationButton {
    float: left;
    position: relative;
}
.verificationNotificationContainer {
    color: #5d98c3;
    float: left;
    font-weight: 600;
    margin: 20px 0 0;
    position: relative;
    width: 100%;
    text-align: center;
}
/* CONTACT */
.contactMainContainer {
    float: left;
    position: relative;
    width: 100%;
}
.contactMainContainerInner {
    float: left;
    position: relative;
    width: 100%;
}
.contactContainer {
    display: -webkit-flex;
    display: flex;
    float: left;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 100%;
}
.contactContainerInner {
    float: left;
    max-width: 800px;
    position: relative;
    width: 100%;
}
.contactDefaultContainer {
    float: left;
    position: relative;
    width: 50%;
}
.contactProgramsContainer {
    float: left;
    position: relative;
    width: 50%;
}
.contactWrapper {
    display: -webkit-flex;
    display: flex;
    float: left;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 40px 0 0;
    position: relative;
    width: 100%;
}
.contactWrapperInner {
    float: left;
    max-width: 600px;
    position: relative;
    width: 100%;
}
.contactDefaultContainer .contactTitle {
    font-weight: 700;
}
.contactBody {
    float: left;
    margin: 20px 0 0;
    position: relative;
    width: 100%;
}
.contactText {
    float: left;
    margin: 0 0 20px;
    position: relative;
    width: 100%;
}
.contactCoordinatorName {
    float: left;
    font-weight: 700;
    position: relative;
    width: 100%;
}
.contactCoordinatorEmail,
.contactCoordinatorPhone,
.contactCoordinatorFax {
    float: left;
    position: relative;
    width: 100%;
}
/* TERMS OF USE */
.termsOfUseMainContainer {
    float: left;
    margin: 0 0 80px;
    position: relative;
    width: 100%;
}
.termsOfUseMainContainerInner {
    float: left;
    position: relative;
    width: 100%;
}
.termsOfUseContainer {
    display: -webkit-flex;
    display: flex;
    float: left;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 100%;
}
.termsOfUseContainerInner {
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    max-width: 1160px;
    padding: 80px 130px;
    position: relative;
    width: 100%;
}
.termsOfUseMainTitle {
    float: left;
    line-height: 1;
    margin: 0 0 40px;
    position: relative;
    text-align: center;
    width: 100%;
}
.termsOfUseMainTitleBefore {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-450%,-26%);
    -moz-transform: translate(-450%,-26%);
    transform: translate(-450%,-26%);
}
.termsOfUseMainTitleAfter {
    position: absolute;
    right: 50%;
    top: 50%;
    -webkit-transform: translate(450%,-26%);
    -moz-transform: translate(450%,-26%);
    transform: translate(450%,-26%);
}
.termsOfUseMainTitleBefore img,
.termsOfUseMainTitleAfter img {
    display: block;
}
.termsOfUseText {
    float: left;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    width: 100%;
}
.termsOfUseText p {
    display: block;
    float: left;
    width: 100%;
}
.termsOfUseText ul {
    display: block;
    float: left;
    list-style: outside;
    margin: 0 0 20px;
    width: 100%;
}
.termsOfUseText .subTitle {
    font-size: 16px;
    font-weight: 700;
    margin-top: 20px;
}
.termsOfUseParticipationButtonContainer {
    display: -webkit-flex;
    display: flex;
    float: left;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 45px 0 0;
    position: relative;
    width: 100%;
}
.termsOfUseParticipationButton {
    float: left;
    position: relative;
}
/* FOOTER */
#ccFooter {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    font-size: 14px;
    padding: 35px 0 90px;
    position: relative;
    width: 100%;
}
.ccFooterInner {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    width: 100%;
}
.footerTextsContainer {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    float: left;
    position: relative;
}
.footerTitle {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
}
.footerText {
    color: #fff;
    float: left;
    font-size: 14px;
    margin: 10px 0 0;
    width: 100%;
}
.footerText p {
    margin: 10px 0;
}
.footerText a {
    color: #fff;
    text-decoration: underline;
}
.footerText a:hover {
    color: #00a9e0;
}
.footerSocialContainer {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    float: left;
    position: relative;
}
.footerSocialMainTitle {
    color: #fff;
    float: left;
    font-size: 13px;
    font-weight: 400;
    padding: 0 0 15px 24px;
    position: relative;
}
.footerSocialItems {
    display: -webkit-flex;
    display: flex;
    float: left;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    position: relative;
}
.footerSocialItem {
    float: left;
    margin-left: 24px;
    position: relative;
}
.footerSocialItem a {
    -webkit-align-items: center;
    align-items: center;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    float: left;
    font-size: 36px;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.footerSocialItem a:hover {
    color: #00a9e0;
}
.copyrightsContainer {
    float: left;
    padding: 10px 0;
    position: relative;
    width: 100%;
}
.copyrightsContainerInner {
    float: left;
    position: relative;
    width: 100%;
}
.copyrightsMenuContainer {
    float: left;
    position: relative;
    width: 100%;
}
.copyrightsMenu {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    float: left;
    position: relative;
    width: 100%;
}
.copyrightsMenuItem {
    float: left;
    font-size: 13px;
    position: relative;
    width: 100%;
}
.copyrightsMenuItem a {
    color: #1b1b1b;
}
.copyrightsMenuItem a:hover {
    color: #00a9e0;
}
.siteCopyrights {
    color: #1b1b1b;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    font-size: 13px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 2px 0;
    position: relative;
    width: 100%;
}
.siteCopyrightsItem {
    float: left;
    position: relative;
}
.siteCopyrightsItem a {
    color: #1b1b1b;
}
.siteCopyrightsItem a:hover {
    color: #00a9e0;
}
@media (max-width: 1100px) {
    .mainMenuContainer {
        margin: 0 0 0 20px;
    }
}
@media (max-width: 980px) {
    .mobileMenuContainer {
        display: block;
    }
    .mainMenuContainer,
    .userMenuContainer {
        display: none;
    }
}
@media (max-width: 860px) {
    .cardContainer {
        width: 50%;
    }
    .footerMenu {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%;
    }
}
@media (max-width: 660px) {
    .userLoginMainContainerInner {
        padding: 60px 0;
    }
    .textWrapper .termsOfUseContainerInner {
        padding: 30px 10px 10px;
    }
    .siteCopyrights {
        -webkit-flex-direction: column;
        flex-direction: column;
    }
}
@media (max-width: 600px) {
    body {
        font-size: 16px;
    }
    .font30 {
        font-size: 24px;
    }
    .font20 {
        font-size: 16px;
    }
}
@media (max-width: 580px) {
    .cardContainer {
        width: 100%;
    }
    #ccFooter {
        padding: 50px 0;
    }
    .ccFooterInner {
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .footerTextsContainer {
        text-align: center;
    }
    .footerSocialContainer {
        margin: 30px 0 0;
    }
    .footerSocialMainTitle {
        padding: 0 0 15px;
        text-align: center;
    }
    .footerSocialItems {
        -webkit-justify-content: center;
        justify-content: center;
    }
    .footerSocialItem {
        margin: 0 12px;
    }
    .copyrightsMenuItem {
        text-align: center;
    }
    .siteCopyrights {
        -webkit-align-items: center;
        align-items: center;
        text-align: center;
    }
}
@media (max-width: 500px) {
    .termsOfUseContainerInner {
        padding: 40px 20px;
    }
    .termsOfUseMainTitle {
        margin: 0 0 20px;
    }
    .termsOfUseText .subTitle {
        margin-top: 10px;
    }
}
@media (max-width: 360px) {
    .footerSocialItem {
        margin: 0 6px;
    }
}