.MainBG {
    background-color: #F2F2F2;
}

body {
    -webkit-text-size-adjust: none;
    color: #30353c;
    font-family: Montserrat-Regular, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    font-size: 14px;
    background-color: #232D4B;
}

h1, h2, h3, h4, h5, h6,
.heading-1, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6 {
    font-family: "Roboto Slab", sans-serif;
    font-weight: 600;
    line-height: 1;
    padding: 0px;
    margin: 0px;
    text-align: center;
}

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
    .heading-1 a, .heading-2 a, .heading-3 a, .heading-4 a, .heading-5 a, .heading-6 a, .heading-7 a {
        font: inherit;
        color: #00B5AD;
        font-weight: bold;
    }

        h1 a:active, h1 a:focus, h2 a:active, h2 a:focus, h3 a:active, h3 a:focus, h4 a:active, h4 a:focus, h5 a:active, h5 a:focus, h6 a:active, h6 a:focus, h7 a:focus,
        .heading-1 a:active,
        .heading-1 a:focus, .heading-2 a:active, .heading-2 a:focus, .heading-3 a:active, .heading-3 a:focus, .heading-4 a:active, .heading-4 a:focus, .heading-5 a:active, .heading-5 a:focus, .heading-6 a:active, .heading-6 a:focus {
            color: inherit;
        }

        h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h7 a:hover,
        .heading-1 a:hover, .heading-2 a:hover, .heading-3 a:hover, .heading-4 a:hover, .heading-5 a:hover, .heading-6 a:hover, .heading-7 a:hover {
            color: #005573;
            font-weight: bold;
        }

h1, .heading-1 {
    font-size: 60px;
}

h2, .heading-2 {
    font-size: 40px;
}

@media (min-width: 768px) {
    h2, .heading-2 {
        font-size: 60px;
    }
}

h3, .heading-3 {
    font-size: 22px;
    text-align: center;
    padding: 0px 0px 20px 0px !important;
}

h4, .heading-4 {
    font-size: 32px;
    padding-bottom: 20px;
}

h5, .heading-5 {
    font-size: 28px;
}

h6, .heading-6 {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 1.09091;
    padding: 0px 0px 15px 0px !important;
}

h7, .heading-7 {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 1.09091;
    text-align: center;
    padding-bottom: 15px;
    padding-top: 15px;
}

table {
    width: 100%;
    background-color: #fff;
    border-radius: 5px 5px;
    border-radius: 1em;
}

.column100 {
    width: 130px;
    padding: 5px 10px 5px 15px !important;
    margin: 10px 15px 10px 15px !important;
    word-wrap: break-word;
    vertical-align: middle;
    min-height: 60px !important;
    height: 60px;
}

    .column100.column1 {
        width: 265px;
        padding-left: 42px;
    }

.footnote {
    font-size: 13px;
}

.additiontable td {
    vertical-align: bottom;
    font-weight: bold;
    color: #00B5AD;
    padding: 5px 5px 5px 0px;
}

.additiontable p {
    color: #000;
    font-weight: normal;
    font-size: 14px;
}

.bubblediv {
    background-color: #FFF;
    border-radius: 5px 5px;
    padding: 30px 20px 20px 20px;
    border: 10px;
    box-shadow: 0 25.6px 57.6px rgba(0,0,0,.22),0 4.8px 14.4px rgba(0,0,0,.18);
    box-shadow: 0 25.6px 57.6px var(--panel-shadow-color,rgba(0, 0, 0, .22)),0 4.8px 14.4px var(--panel-shadow-secondary-color,rgba(0, 0, 0, .18));
    width: 30%;
    position: relative;
    margin: 20px;
}

.header {
    font-family: "Open Sans", sans-serif;
}

.textarea {
    -webkit-appearance: none;
    vertical-align: baseline;
    box-shadow: none;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    padding: 16px 20px;
    line-height: 24px;
    color: #767577;
    background: #ebebeb;
    outline: 0;
    border: 0;
    border-radius: 0;
    width: 650px;
    background: #fff !important;
}

.ddl {
    font-family: "Open Sans", sans-serif;
    font-size: 15px !important;
    padding: 0px;
    height: 35px;
    color: #767577;
    background: #fff;
    outline: 0;
    border: 0;
    border-radius: 0;
    padding-left: 17px;
    width: 400px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}

.username {
    height: 50px !important;
    background: #fff !important;
}

.setuptextbox {
    background: #FFF !important;
    font-size: 16px !important;
}

.maintextbox {
    background: #FFF !important;
    font-size: 16px !important;
    height: 35px !important;
    color: #828689 !important;
}

.maintextarea {
    background: #FFF !important;
    font-size: 16px !important;
    color: #828689 !important;
    border: none;
}

.filtertextbox {
    background: #FFF !important;
    font-size: 16px !important;
    height: 35px !important;
}

.textinput {
    color: #828689 !important;
    height: 50px !important;
    background: #fff !important;
}

.textareaschedule {
    -webkit-appearance: none;
    vertical-align: baseline;
    box-shadow: none;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    padding: 16px 20px;
    line-height: 24px;
    color: #767577;
    background: #ebebeb;
    outline: 0;
    border: 0;
    border-radius: 0;
    width: 455px;
    background: #fff !important;
}

.textareacontact {
    -webkit-appearance: none;
    vertical-align: baseline;
    box-shadow: none;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    padding: 16px 20px;
    line-height: 24px;
    color: #767577;
    background: #ebebeb;
    outline: 0;
    border: 0;
    border-radius: 0;
    width: 400px;
    height: 200px;
    background: #fff;
}

.centeralign {
    text-align: center;
    vertical-align: middle;
}

.table100.ver2 td {
    font-family: "Open Sans", sans-serif;
    font-size: 11px;
    color: #30353C;
    font-weight: 400;
}

.resultsizeddl {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    padding: 2px;
    height: 40px !important;
    color: #767577;
    background: #FFF;
    outline: 0;
    border: 0;
    border-radius: 0;
    padding-left: 17px;
    width: 75px !important;
}

.smallabout {
    font-size: 14px !important;
    line-height: 1.5;
    padding-bottom: 20px;
}

.table100.ver2 .row100:hover td {
    /*background-color: #eee;*/
    color: #666;
}

.table100.ver2 .hov-column-ver2 {
    background-color: #eee;
    color: #666;
}

.table100.ver2 .hov-column-head-ver2 {
    background-color: #484848 !important;
}

.table100.ver2 .row100 td:hover {
    background-color: #98E1DE;
    color: #fff;
}

.table100.ver2 .row100 a:hover {
    color: #00B5AD;
    font-size: 11px;
    font-weight: bold;
}

.table100.ver2 .row100 a {
    color: #FFF;
    font-size: 11px;
    font-weight: bold;
}

.tooltip .infofeedback h5 {
    color: #232D4B;
    font-size: 18px;
}

.tooltip .infofeedback p {
    color: #000
}

.infocredsharing {
    width: 300px;
    padding: 25px 14px 14px 14px;
    background-color: rgb(59,58,57); /* Fallback color */
    background-color: rgba(59,58,57,1); /* Black w/ opacity */
    border-radius: 3px;
    position: absolute;
    visibility: hidden;
    margin: -235px 0 0 -100px !important;
    box-shadow: 0 0 50px 0 rgba(0,0,0,.5);
    z-index: 1000;
    word-wrap: break-word;
    white-space: normal;
}

    .infocredsharing h5 {
        color: #CCC;
        font-size: 18px;
    }

    .infocredsharing p {
        color: #F4F4F4
    }

.info {
    width: 300px;
    padding: 25px 14px 14px 14px;
    background: rgba(255,255,255,1);
    border-radius: 3px;
    position: absolute;
    visibility: hidden;
    margin: -185px 0 0 -100px;
    box-shadow: 0 0 50px 0 rgba(0,0,0,.5);
}

    .info h5 {
        color: #232D4B;
        font-size: 18px;
    }

    .info p {
        color: #000
    }

.arrow {
    position: absolute;
    margin: 10px 0 0 88px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
}

.small {
    font-size: 14px !important;
    line-height: 1.5;
}

.settingscheckboxlist td {
    width: 20px !important;
    color: #000;
    font-weight: normal;
    font-size: 14px;
}

.namingdiv {
    border: 1px solid #FFF;
    padding: 15px;
    display: inline-block;
    background-color: #e4e4e4;
    height: 120px;
}

    .namingdiv label {
        display: inline-block;
        width: 150px;
        font-size: 14px;
        color: #F04641 !important;
        font-weight: bold;
    }

.namingtable td {
    background: none !important;
    color: #000 !important;
    font-weight: normal !important;
    margin: 0px auto;
    vertical-align: middle !important;
    padding: 0;
}

.table100 .calendaricon {
    color: #F04641;
    font-size: 23px;
}

.table100 .expressionicon {
    color: #F04641;
    font-size: 20px;
}

.table100 .notificationicon {
    color: #F04641;
    font-size: 20px;
    cursor: pointer;
}

.expressionspace {
    height: 60px;
    color: #000;
}

.notificationspace {
    max-height: 150px;
    overflow-y: auto;
    word-break: break-word;
    color: #000;
}

.table100 .infonotification {
    margin: -145px 0 0 -180px !important;
    min-width: 280px !important;
    max-width: 350px !important;
}

    .infonotification h5 {
        color: #232D4B;
        font-size: 18px;
    }

    .infonotification p {
        color: #000;
    }

.upnmappingfeedback {
    width: 450px !important;
    margin: -285px 0 0 -100px !important;
}

    .upnmappingfeedback h5 {
        color: #232D4B;
        font-size: 18px;
    }

    .upnmappingfeedback p {
        color: #000
    }

.table100 .infotimer {
    margin: -140px 0 0 -100px !important;
}

.infotimer h5 {
    color: #232D4B;
    font-size: 18px;
}

.infotimer p {
    color: #000
}

.table100 .infoexpression {
    margin: -175px 0 0 -100px !important;
}

.infoexpression h5 {
    color: #232D4B;
    font-size: 18px;
}

.infoexpression p {
    color: #000
}

.infofeedback {
    width: 300px;
    padding: 25px 14px 14px 14px;
    background: rgba(255,255,255,1);
    border-radius: 3px;
    position: absolute;
    visibility: hidden;
    margin: -200px 0 0 -100px;
    box-shadow: 0 0 50px 0 rgba(0,0,0,.5);
}

.infolifecycle {
    width: 300px;
    padding: 25px 14px 14px 14px;
    background: rgba(255,255,255,1);
    border-radius: 3px;
    position: absolute;
    visibility: hidden;
    margin: -290px 0 0 -100px;
    box-shadow: 0 0 50px 0 rgba(0,0,0,.5);
}

.SettingsQuickNavigation a {
    font-size: 14px;
    color: #000;
}

    .SettingsQuickNavigation a:hover {
        color: #00AA9B;
    }

    .SettingsQuickNavigation a:active {
        color: #005573;
    }

.SettingsQuickNavigation p {
    font-weight: bold;
    padding-bottom: 10px;
    color: #00AA9B;
}