body {
    background: none #fff no-repeat scroll 0 0;
    color: #1b1b1b;
    font-family: 'Roboto', 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: 'Roboto', serif;
}
a {
    color: #1b1b1b;
    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 {
    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%;
}
.ccHr {
    color: #0f70b7;
    float: left;
    margin: 50px 0;
    width: 100%;
}
.redBg {
    background-color: #a02528;
}
.greyBg {
    background-color: #f0f0f0;
}
.font30 {
    font-size: 30px;
}
.font20 {
    font-size: 20px;
}
.displayFlex {
    display: -webkit-flex;
    display: flex;
}
.justifyCenter {
    -webkit-justify-content: center;
    justify-content: center;
}
.textCenter {
    text-align: center;
}
.goldText {
    color: #daa74b;
}
.blueText {
    color: #0f70b7;
}
.generalButton {
    background-color: #0f70b7;
    border: 2px solid #0f70b7;
    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 10px;
    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: #0f70b7;
}
.generalButton.disabled {
    background-color: #dddddd;
    border-color: transparent;
    color: #1b1b1b;
    cursor: default;
    pointer-events: none;
}
.generalButton.disabled:hover {
    color: initial;
}

.appointmentButton {
    background-color:  #fff;
    border: 2px solid  #fff;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #0f70b7;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    min-width: 230px;
    padding: 9px 10px;
    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;
}
.appointmentButton:hover {
    background-color: transparent;
    color:  #fff;
}
.appointmentButton.disabled {
    background-color: #0f70b7;
    border-color: transparent;
    color: #fff;
    cursor: default;
    pointer-events: none;
}
.appointmentButton.disabled:hover {
    color: initial;
}

.buttonAppend {
    background-color: green;
    border: 2px solid green;
    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: auto;
    padding: 9px 10px;
    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;
}
.buttonAppend:hover {
    background-color: transparent;
    color: green;
}
.buttonAppend.disabled {
    background-color: #dddddd;
    border-color: transparent;
    color: #1b1b1b;
    cursor: default;
    pointer-events: none;
}
.buttonAppend.disabled:hover {
    color: initial;
}

.buttonRemove {
    background-color: red;
    border: 2px solid red;
    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: auto;
    padding: 9px 10px;
    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;
}
.buttonRemove:hover {
    background-color: transparent;
    color: red;
}
.buttonRemove.disabled {
    background-color: #dddddd;
    border-color: transparent;
    color: #1b1b1b;
    cursor: default;
    pointer-events: none;
}
.buttonRemove.disabled:hover {
    color: initial;
}

.backButton {
    float: left;
    font-size: 14px;
    font-weight: 500;
    margin: 20px 0;
    position: relative;
    text-align: center;
}
.backButton:hover {
    color: #0f70b7;
}

.backAppointmentButton {
    float: left;
    font-size: 14px;
    font-weight: 500;
    margin: 20px 0;
    position: relative;
    text-align: center;
}
.backAppointmentButton:hover {
    color: #fff;
}

.smallTextLink {
    color: #1b1b1b;
    font-size: 12px;
    text-decoration: underline;
}
.smallTextLink:hover {
    color: #0f70b7;
    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%;
}
.generalMessagesContainerInner {
    float: left;
    max-width: 900px;
    position: relative;
    width: 100%;
}
.generalTitle {
    float: left;
    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: #0f70b7;
}
.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: #0f70b7;
    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;
    border-radius: 6px;
    float: left;
    max-height: 500px;
    /*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 #0f70b7;
    /*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: 150px;
}
.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;
}
.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: #0f70b7;
    color: #fff;
}
.mainMenuContainer .menuItem.mainMenuItem:hover > .menuToggle,
.mainMenuContainer .menuItem.mainMenuItem.active > .menuToggle,
.mainMenuContainer .menuItem.mainMenuItem.current > .menuToggle {
    color: #fff;
}
.mainMenuContainer .mainSubmenuMenu {
    background-color: #0f70b7;
    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: 50%;
}
.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%;
    min-height: 65px;
    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: #0f70b7 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: #0f70b7 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: #0f70b7;
    border-top: 72px solid #0f70b7;
    -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 {
    float: left;
    position: relative;
    width: 100%;
}
.mobileMenu .menuItem {
    color: #fff;
    float: left;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    width: 100%;
}
.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: 500;
    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%;
}
/* CARDS */
.cardsMainContainer {
   /* float: left;*/
    position: relative;
    width: 100%;
}
.cardsMainContainerInner {
  /*  float: left;*/
    position: relative;
    width: 100%;
}
.cardsContainer {
    /*float: left;*/
    position: relative;
    width: 100%;
}
.cardsContainerInner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
   /* float: left;*/
    position: relative;
    width: 100%;
}
.cardContainer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 10px;
    position: relative;
    width: 33.33%;
}
.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: 19px;
    font-weight: 300;
    height: 130px;
    -webkit-justify-content: center;
    justify-content: center;
    letter-spacing: 0.05em;
    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: #0f70b7;
    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: 24px;
    margin: 0 0 10px;
}
/* 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 */
.userLoginMainContainer {
    float: left;
    position: relative;
    width: 100%;
}
.userLoginMainContainerInner {
    float: left;
    padding: 0 0 100px;
    position: relative;
    width: 100%;
}
.userLoginMainTitle {
    float: left;
    margin: 0 0 15px;
    position: relative;
    text-align: center;
    width: 100%;
}
.userLoginMainText {
    float: left;
    margin: 0 0 30px;
    position: relative;
    text-align: center;
    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: 20px 0;
    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%;
}
.copyrightsContainer {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    float: left;
    position: relative;
}
.footerMenuContainer {
    float: left;
    margin: 2px 0;
    position: relative;
}
.footerMenu {
    float: left;
    position: relative;
}
.footerMenu a {
    color: #0f70b7;
    float: left;
    position: relative;
}
.footerMenu a:hover {
    text-decoration: underline;
}
.siteCopyrights {
    color: #1b1b1b;
    float: left;
    margin: 2px 0;
    position: relative;
}
.siteCopyrights a:hover {
    text-decoration: underline;
}
.socialContainer {
    float: left;
    position: relative;
}
.socialItems {
    display: -webkit-flex;
    display: flex;
    float: left;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    position: relative;
}
.socialItem {
    float: left;
    margin-left: 24px;
    position: relative;
}
.socialItem a {
    -webkit-align-items: center;
    align-items: center;
    border-radius: 50%;
    border: 2px solid #0f70b7;
    color: #0f70b7;
    display: -webkit-flex;
    display: flex;
    float: left;
    font-size: 24px;
    -webkit-justify-content: center;
    justify-content: center;
    height: 40px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 40px;
}
.socialItem a:hover {
    background-color: #0f70b7;
    border-color: #0f70b7;
    color: #fff;
}
@media (max-width: 1200px) {
    .mainMenuContainer {
        margin: 0 0 0 20px;
    }
    .mainMenuContainer .menuItemLabel,
    .userMenuContainer .menuItemLabel {
        font-size: 14px;
    }
}
@media (max-width: 1050px) {
    .mobileMenuContainer {
        display: block;
    }
    .mainMenuContainer,
    .userMenuContainer {
        display: none;
    }
}
@media (max-width: 860px) {
    .cardContainer {
        width: 50%;
    }
    .ccFooterInner {
        -webkit-justify-content: center;
        justify-content: center;
    }
    .copyrightsContainer {
        float: left;
        order: 2;
        position: relative;
        text-align: center;
        width: 100%;
    }
    .footerMenu {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%;
    }
    .socialContainer {
        margin: 0 0 20px;
        order: 1;
    }
    .socialItem {
        margin: 0 12px;
    }
}
@media (max-width: 660px) {
    .userLoginMainContainerInner {
        padding: 60px 0;
    }
    .textWrapper .termsOfUseContainerInner {
        padding: 30px 10px 10px;
    }
}
@media (max-width: 600px) {
    body {
        font-size: 16px;
    }
    .font30 {
        font-size: 24px;
    }
    .font20 {
        font-size: 16px;
    }
}
@media (max-width: 580px) {
    .cardContainer {
        width: 100%;
    }
}
@media (max-width: 500px) {
    .termsOfUseContainerInner {
        padding: 40px 20px;
    }
    .termsOfUseMainTitle {
        margin: 0 0 20px;
    }
    .termsOfUseText .subTitle {
        margin-top: 10px;
    }
}
@media (max-width: 360px) {
    .socialItem {
        margin: 0 6px;
    }
}