/* Minification failed. Returning unminified contents.
(1,1747): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,1764): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,1784): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,1815): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,1832): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,1855): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,1873): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,1892): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,2091): run-time error CSS1039: Token not allowed after unary operator: '-bc'
(1,2100): run-time error CSS1039: Token not allowed after unary operator: '-border'
(1,2126): run-time error CSS1039: Token not allowed after unary operator: '-b'
(1,2134): run-time error CSS1039: Token not allowed after unary operator: '-background'
(1,2343): run-time error CSS1039: Token not allowed after unary operator: '-d-t'
(1,2358): run-time error CSS1039: Token not allowed after unary operator: '-d-t-e'
(1,2384): run-time error CSS1039: Token not allowed after unary operator: '-d-o'
(1,2453): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,2471): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,2490): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,2500): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,2510): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,2608): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,2735): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,2761): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,2985): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,3087): run-time error CSS1039: Token not allowed after unary operator: '-focus'
(1,3269): run-time error CSS1039: Token not allowed after unary operator: '-o'
(1,3360): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,3665): run-time error CSS1039: Token not allowed after unary operator: '-active-inner'
(1,3746): run-time error CSS1039: Token not allowed after unary operator: '-r'
(1,3801): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,3993): run-time error CSS1039: Token not allowed after unary operator: '-ab'
(1,4002): run-time error CSS1039: Token not allowed after unary operator: '-border'
(1,4038): run-time error CSS1039: Token not allowed after unary operator: '-x'
(1,4083): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,4108): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,4308): run-time error CSS1039: Token not allowed after unary operator: '-active-inner'
(1,4354): run-time error CSS1039: Token not allowed after unary operator: '-s'
(1,4390): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
.button-01{background-color:#1d4271;color:#fff;padding:.5rem 1.5rem;margin:.5rem 0;border:2px solid #1d4271;border-radius:10px;font-size:1rem;transition:.3s all ease;cursor:pointer}.button-01:hover{background-color:#2c79d7;border:2px solid #2c79d7}.button-02{background-color:#fff;color:#2772ce;padding:.5rem 1.5rem;margin:.5rem 0;border:2px solid #2772ce;border-radius:10px;font-size:1rem;transition:.3s all ease;cursor:pointer}.button-02:hover{background-color:#2772ce;color:#fff;border:2px solid #2772ce}.button-03{background-color:#1d4271;color:#fff;padding:.5rem 1.5rem;margin:.5rem 0;border:2px solid #1d4271;border-radius:10px;font-size:1rem;transition:.3s all ease;cursor:pointer;text-align:center}.button-03:hover{background-color:#1d4271;border:2px solid #1d4271}.button-04{background-color:#cc3600;color:#fff;padding:.5rem 1.5rem;margin:.5rem 0;border:2px solid #cc3600;border-radius:10px;font-size:1.4rem;transition:.3s all ease;cursor:pointer;font-weight:600;text-align:center;display:block}.button-04 span{font-size:.9rem;font-weight:300}.button-04:hover{background-color:#1d4271;border:2px solid #1d4271}.button-04-b{background-color:#2c79d7;color:#fff;padding:.5rem 1.5rem;margin:.5rem 0;border:2px solid #2c79d7;border-radius:10px;font-size:1.2rem;transition:.3s all ease;cursor:pointer;font-weight:600;text-align:center;display:block}.button-04-b:hover{background-color:rgba(44,121,215,0);border:2px solid #fff}.button-05{background-color:#cc3600;color:#fff;padding:.2rem 1rem;margin:0;border:2px solid #cc3600;border-radius:10px;font-size:1rem;transition:.3s all ease;cursor:pointer;font-weight:400;text-align:center}.button-05:hover{background-color:#1d4271;border:2px solid #1d4271}input[type='checkbox'],input[type='radio']{--active:#1d4271;--active-inner:#fff;--focus:2px rgba(29,66,113,.3);--border:#1d4271;--border-hover:#2c79d7;--background:#fff;--disabled:#f6f8ff;--disabled-inner:#e1e6f9;-webkit-appearance:none;-moz-appearance:none;height:21px;outline:none;display:inline-block;vertical-align:top;position:relative;margin:0;cursor:pointer;border:1px solid var(--bc,var(--border));background:var(--b,var(--background));transition:background .3s,border-color .3s,box-shadow .2s}input[type='checkbox']:after,input[type='radio']:after{content:'';display:block;left:0;top:0;position:absolute;transition:transform var(--d-t,.3s) var(--d-t-e,ease),opacity var(--d-o,.2s)}input[type='checkbox']:checked,input[type='radio']:checked{--b:var(--active);--bc:var(--active);--d-o:.3s;--d-t:.6s;--d-t-e:cubic-bezier(.2,.85,.32,1.2)}input[type='checkbox']:disabled,input[type='radio']:disabled{--b:var(--disabled);cursor:not-allowed;opacity:.9}input[type='checkbox']:disabled:checked,input[type='radio']:disabled:checked{--b:var(--disabled-inner);--bc:var(--border)}input[type='checkbox']:disabled+label,input[type='radio']:disabled+label{cursor:not-allowed}input[type='checkbox']:hover:not(:checked):not(:disabled),input[type='radio']:hover:not(:checked):not(:disabled){--bc:var(--border-hover)}input[type='checkbox']:focus,input[type='radio']:focus{box-shadow:0 0 0 var(--focus)}input[type='checkbox']:not(.switch),input[type='radio']:not(.switch){width:21px}input[type='checkbox']:not(.switch):after,input[type='radio']:not(.switch):after{opacity:var(--o,0)}input[type='checkbox']:not(.switch):checked,input[type='radio']:not(.switch):checked{--o:1}input[type='checkbox']+label,input[type='radio']+label{font-size:1.1rem;line-height:21px;display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}input[type='checkbox']:not(.switch){border-radius:7px}input[type='checkbox']:not(.switch):after{width:5px;height:9px;border:2px solid var(--active-inner);border-top:0;border-left:0;left:7px;top:4px;transform:rotate(var(--r,20deg))}input[type='checkbox']:not(.switch):checked{--r:43deg}input[type='checkbox'].switch{width:38px;border-radius:11px}input[type='checkbox'].switch:after{left:2px;top:2px;border-radius:50%;border:none;width:15px;height:15px;background:var(--ab,var(--border));transform:translateX(var(--x,0))}input[type='checkbox'].switch:checked{--ab:var(--active-inner);--x:17px}input[type='checkbox'].switch:disabled:not(:checked):after{opacity:.6}input[type='radio']{border-radius:50%}input[type='radio']:after{width:19px;height:19px;border-radius:50%;background:var(--active-inner);opacity:0;transform:scale(var(--s,.7))}input[type='radio']:checked{--s:.5}input[type='text'],input[type='password'],input[type='email']{font-size:.8rem;border-radius:.5rem;padding:.8rem;width:100%;border:1px solid #efefef;background-color:#efefef;color:#3e3e3e}textarea{font-size:.8rem !important;border-radius:.5rem;padding:.8rem;width:100%;border:1px solid #efefef;background-color:#efefef;color:#3e3e3e !important}select,.select2{-webkit-appearance:none;font-size:.8rem !important;-moz-appearance:none;appearance:none;position:relative;padding:.8rem;color:#3e3e3e;font-size:.8rem;background-image:url(../../images/dd-arrow.png);background-repeat:no-repeat;background-position:96% center;border:1px solid #efefef;border-radius:.5rem;background-color:#efefef;color:#3e3e3e !important;width:100%}select::after,.select2::after{content:"▾";position:relative;top:.1rem;left:.5rem}select:focus,.select2:focus{outline:none}.select2{width:100% !important}.select2::after{display:none}.select2 .select2-selection{border:none !important;background-color:rgba(255,255,255,0) !important}.select2 .select2-selection ul{margin:0;padding:0}.select2 .select2-selection ul li{margin:0;padding:0}.range-slider{-webkit-appearance:none;width:auto;height:4px;border-radius:0;background:#1d4271;outline:none;opacity:1}.range-slider:hover{opacity:1}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1rem;height:1rem;background:#2c79d7;border-radius:50%;border:none;cursor:pointer}.range-slider::-moz-range-thumb{width:1rem;height:1rem;background:#2c79d7;cursor:pointer}#r1_value{font-weight:bold;color:#2c79d7;padding:.5rem 1rem}.input-group{margin-bottom:.5rem;position:relative}.input-group input{position:relative;display:block;width:100%;border:none;border:1px solid #edecec;background-color:#f5f5f5;margin:0 auto;padding:1.4rem 1rem .8rem;height:4rem;outline:none !important;font-size:1.2rem;color:#2c79d7;transition:all .2s ease-in-out}.input-group ::-webkit-input-placeholder{text-align:right;color:#efefef;font-size:1rem;font-weight:200}.input-group :-moz-placeholder{text-align:right;color:#efefef;font-size:1rem;font-weight:200}.input-group ::-moz-placeholder{text-align:right;color:#efefef;font-size:1rem;font-weight:200}.input-group :-ms-input-placeholder{text-align:right;color:#efefef;font-size:1rem;font-weight:200}.input-group label{position:absolute;top:1.5rem;left:1rem;text-align:left;display:block;width:100%;height:2.5rem;line-height:110%;font-size:1.2rem;font-weight:200;background:transparent;color:#3e3e3e;margin:0 auto;cursor:text;transition:all .15s ease-in-out}.input-group input:hover,.input-group input:focus{border-color:#1d4271}.input-group input:focus{background-position:left bottom;background-size:100% 1px}.input-group input:valid+label,.input-group input:focus+label{top:0;height:1.2rem;line-height:110%;font-size:.9rem;padding-top:.5rem;color:#3e3e3e}.input-group input:focus ::-webkit-input-placeholder{color:transparent;font-size:0}.input-group input:focus :-moz-placeholder{color:transparent;font-size:0}.input-group input:focus ::-moz-placeholder{color:transparent;font-size:0}.input-group input:focus :-ms-input-placeholder{color:transparent;font-size:0}.home-banner{background-color:#2c79d7;float:left;width:100%;position:relative;z-index:0}.home-banner__wrapper{display:flex;position:relative;z-index:1;background-color:#2c79d7;height:100%;border-bottom-left-radius:5rem;color:#fff;width:100% !important}@media(min-width:992px){.home-banner__wrapper{border-bottom-left-radius:10rem;width:98% !important}}.home-banner__wrapper__search{padding:2rem 2rem 4rem;display:flex;align-items:center;justify-content:center;max-width:850px;position:relative;z-index:1}@media(min-width:992px){.home-banner__wrapper__search{padding:3rem 5rem 5rem}}.home-banner__wrapper__search__cont__form{background-color:#fff;border-radius:10px;display:flex;flex-wrap:wrap;padding:0 10px}@media(min-width:768px){.home-banner__wrapper__search__cont__form{flex-wrap:nowrap}}.home-banner__wrapper__search__cont__form select{background-color:#fff;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;padding:1rem;margin:0 .5rem 0 0;color:#3e3e3e;font-size:1rem;background-image:url(../../images/dd-arrow.png);background-repeat:no-repeat;background-position:right center;border-bottom:1px solid #efefef;width:100%}@media(min-width:768px){.home-banner__wrapper__search__cont__form select{width:auto;border-bottom:none}}.home-banner__wrapper__search__cont__form select::after{content:"▾";position:relative;top:.1rem;left:.5rem}.home-banner__wrapper__search__cont__form select:focus{outline:none}.home-banner__wrapper__search__cont__form input[type='text']{background-color:#fff !important;border:none;color:#3e3e3e;font-size:1rem;padding:1rem;border-bottom:1px solid #efefef;width:100%}@media(min-width:768px){.home-banner__wrapper__search__cont__form input[type='text']{border-left:1px solid #efefef;border-bottom:none}}.home-banner__wrapper__search__cont__form input[type='text']::placeholder{font-style:italic;color:#3e3e3e}.home-banner__wrapper__search__cont__form .button-03{font-size:1rem;width:100%}@media(min-width:768px){.home-banner__wrapper__search__cont__form .button-03{width:auto}}.home-banner__wrapper__search__cont__tags{list-style:none;display:flex;flex-wrap:wrap;margin:2rem 0 0;padding:0}.home-banner__wrapper__search__cont__tags li{margin:.5rem 1rem .5rem 0;padding:0}.home-banner__wrapper__search__cont__tags li a{background-color:#1d4271;color:#fff;font-size:.85rem;border-radius:10px;padding:.5rem 1rem;border:none;white-space:nowrap}.home-banner__wrapper__search__cont__tags li a::before{font-family:"Font Awesome 5 Pro";font-weight:400;content:"";padding-right:.5rem}.home-banner__wrapper__search__cont__tags li a:hover{background-color:rgba(255,255,255,.95);color:#1d4271}.home-banner__wrapper__search__cont h1{font-weight:600}.home-banner__wrapper__image{display:none}@media(min-width:992px){.home-banner__wrapper__image{display:block;width:50%;position:absolute;z-index:0;bottom:-5rem;right:-4.5rem}}.home-banner__white-bg{position:absolute;top:0;left:0;z-index:0;background-color:#fff;display:block;height:100%;width:50%}.home-categories{float:left;width:100%}.home-categories__wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;padding:1.5rem .5rem}@media(min-width:992px){.home-categories__wrapper{padding:4rem}}.home-categories__wrapper__col{width:100%;background-color:rgba(246,246,246,.8);border-radius:10px;padding:1.5rem;font-size:.8rem;margin:.5rem 0;text-align:center;position:relative}@media(min-width:992px){.home-categories__wrapper__col{width:28%}}.home-categories__wrapper__col__main-image{margin:0 auto;height:10rem}.home-categories__wrapper__col__title{font-size:1.2rem;font-weight:600;margin:1rem 0}.home-categories__wrapper__col__title--employee{color:#5c731c}.home-categories__wrapper__col__title--employer{color:#1d4271}.home-categories__wrapper__col__title--expert{color:#cc3600}.home-categories__wrapper__col__text{text-align:left}.home-categories__wrapper__col__list{margin:1rem 0 0;padding:0;list-style:none;text-align:left}.home-categories__wrapper__col__list__item a{padding:.5rem 1rem;margin:0 0 .5rem;border-radius:5px;display:flex;align-items:center;justify-content:left;font-size:.8rem;border:none;color:#3e3e3e;background-color:rgba(0,0,0,.05)}.home-categories__wrapper__col__list__item a i{font-size:1.1rem;margin-right:.5rem}.home-categories__wrapper__col__list__item--employee .highlighted{background-color:#5c731c !important;color:#fff !important}.home-categories__wrapper__col__list__item--employee .highlighted span.fas,.home-categories__wrapper__col__list__item--employee .highlighted span.far{color:#fff !important}.home-categories__wrapper__col__list__item--employee a:hover{background-color:#5c731c;color:#fff}.home-categories__wrapper__col__list__item--employee a:hover span.fas,.home-categories__wrapper__col__list__item--employee a:hover span.far{color:#fff}.home-categories__wrapper__col__list__item--employee a span.fas,.home-categories__wrapper__col__list__item--employee a span.far{color:#5c731c;transition:.2s all ease-in;width:30px}.home-categories__wrapper__col__list__item--employer a:hover{background-color:#1d4271;color:#fff}.home-categories__wrapper__col__list__item--employer a:hover span.fas,.home-categories__wrapper__col__list__item--employer a:hover span.far{color:#fff}.home-categories__wrapper__col__list__item--employer a span.fas,.home-categories__wrapper__col__list__item--employer a span.far{color:#1d4271;transition:.2s all ease-in;width:30px}.home-categories__wrapper__col__list__item--expert a:hover{background-color:#cc3600;color:#fff}.home-categories__wrapper__col__list__item--expert a:hover span.fas,.home-categories__wrapper__col__list__item--expert a:hover span.far{color:#fff}.home-categories__wrapper__col__list__item--expert a span.fas,.home-categories__wrapper__col__list__item--expert a span.far{color:#cc3600;transition:.2s all ease-in;width:30px}.home-categories__wrapper__col__more-info{position:absolute;top:1rem;right:1rem;color:#1d4271;font-size:1.3rem;cursor:pointer}.home-categories__wrapper__col__more-info:hover{color:#a6ce39}.home-bottom{float:left;width:100%}.home-bottom__wrapper{display:flex;flex-wrap:wrap;padding:0 .5rem 1.5rem}@media(min-width:992px){.home-bottom__wrapper{padding:0 4rem 1rem}}.home-bottom__wrapper__title{width:100%;text-align:center;font-size:1.5rem;font-weight:600;color:#5c731c}.home-bottom__wrapper__list{display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none;margin:1rem 0;width:100%;padding:0}.home-bottom__wrapper__list>li{width:100%;margin-bottom:1rem}@media(min-width:768px){.home-bottom__wrapper__list>li{width:31%}}@media(min-width:992px){.home-bottom__wrapper__list>li{width:28%}}.home-bottom__wrapper__list__item{width:100%;height:100%;display:block;position:relative;background-color:rgba(246,246,246,.9);border-radius:10px;font-size:.8rem;transition:.2s all ease-in}.home-bottom__wrapper__list__item:hover{background-color:#efefef}.home-bottom__wrapper__list__item:hover .home-bottom__wrapper__list__item__img{filter:brightness(70%)}.home-bottom__wrapper__list__item:hover .home-bottom__wrapper__list__item__more{opacity:1}.home-bottom__wrapper__list__item a{display:block;width:100%;height:100%;border-bottom:none}.home-bottom__wrapper__list__item__type{color:#fff;font-size:.8rem;border-radius:5px;padding:.2rem .5rem;position:absolute;top:.5rem;right:.5rem;z-index:1;display:flex;align-items:center;justify-content:center}.home-bottom__wrapper__list__item__type i{margin-right:.5rem}.home-bottom__wrapper__list__item__type--online{background-color:#cc3600}.home-bottom__wrapper__list__item__type--physical{background-color:#5c731c}.home-bottom__wrapper__list__item__date-course{color:#fff;font-size:.9rem;font-weight:600;background-color:#3e3e3e;border-radius:5px;padding:.2rem .5rem;position:absolute;top:.5rem;right:.5rem;z-index:1}.home-bottom__wrapper__list__item__date-course span{font-size:.6rem;font-weight:400}.home-bottom__wrapper__list__item__date{color:#fff;font-size:.7rem;background-color:#5c731c;border-radius:5px;padding:.2rem .5rem;position:absolute;top:.5rem;right:.5rem;z-index:1}.home-bottom__wrapper__list__item__img{border-radius:10px;width:100%;height:150px;object-fit:cover;filter:brightness(100%);transition:.2s all ease-in}.home-bottom__wrapper__list__item__title{font-size:1.1rem;font-weight:600;margin:1rem;padding:0;color:#5c731c}.home-bottom__wrapper__list__item__list{margin:1rem;padding:0;list-style:none;color:#3e3e3e}.home-bottom__wrapper__list__item__more{position:absolute;top:117px;left:50%;padding:.2rem 1rem;font-weight:600;transform:translate(-50%,0);opacity:0;background-color:#efefef;border-top-right-radius:5px;border-top-left-radius:5px;transition:.2s all ease-in}

.search-candidates-error {
    clear: both;
    padding-top: 10px;
    color: #fff;
    /*color: #D91E18;*/
}

/* Header */

#cover {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(34, 34, 34, 0.8);
    z-index: 1;
    display: none;
}

#headerLeft,
#headerRight {
    width: 50%;
    float: left;
    height: auto;
}

#headerRightTop {
    float: right;
    width: auto;
}

#headerRightBot {
    float: left;
    width: 60%;
    margin-top: 10px;
    /*text-align: right;*/
    position: absolute;
    top: 0;
    right: 0;
}

#responsiveBtns {
    display: none;
    float: left;
    width: 50%;
}

    #responsiveBtns a {
        text-decoration: none;
    }

#headerRightBot input.loginText {
    display: inline;
    width: calc(83%/2 - 24px);
    height: 12px;
    background-color: #eaeaea;
    border: 0;
    border-radius: 5px;
    margin-right: 0.75%;
    margin-top: 5px;
    padding: 10px;
    font-size: 14px;
    /* min-width: 130px; */
    min-height: 16px;
    box-sizing: content-box;
}

#headerRightBot label.loginLabel {
    position: absolute;
    font-size: 11px;
    color: #615f65;
    text-transform: uppercase;
    top: 0px;
    margin-left: 2px;
}

.loginMessage {
    padding: 0 10px;
    margin: 0 6%;
    float: right;
    width: 85%;
}

    .loginMessage p {
        text-align: left;
        margin: 0;
        padding: 0;
        width: 89%;
    }

#closeLogin {
    position: absolute;
    top: 24px;
    right: 5%;
    background-color: white;
    display: none;
}

.sidr-open #closeMenu {
    display: block !important;
}

#closeMenu {
    position: absolute;
    top: 0;
    padding: 8px;
    background: #dedede;
    display: none;
    z-index: 10;
}

.loginOptionsContainer {
    float: right;
}

.loginFieldsContainer {
    width: 81%;
    float: right;
}

#eidLoginContainer, #register, #rememberMe {
    width: 100%;
}

#closeLogin img,
#closeMenu img {
    width: 18px;
}

#headerRightBot input.loginButton {
    display: inline;
    font-size: 16px;
    font-weight: 600;
    background-color: #3fa9df;
    border: 0;
    border-radius: 5px;
    /* padding: 1%; */
    height: 36px;
    color: #ffffff;
    cursor: pointer;
    /* min-width: 70px; */
    width: 15%;
}

    #headerRightBot input.loginButton:hover {
        opacity: 0.7;
    }

#headerConstruction {
    width: 120px;
    float: left;
}

    #headerConstruction img {
        margin: 0 auto;
        display: block;
    }

    #headerConstruction p {
        text-align: center;
        margin: 5px 0px 0px 0px;
        color: #615f65;
    }

#headerLogo {
    width: 202px;
    float: left;
}

    #headerLogo img {
        width: 190px;
        margin-bottom: 10px;
    }

#headerLanguages,
#headerTextSize,
#headerButtons {
    float: left;
    padding-top: 8px;
    margin-right: 8px;
}

#headerButtons {
    padding: 0;
}

#headerLanguages {
    border-right: 1px solid #ccc;
    padding-bottom: 2px;
}

    #headerLanguages a:nth-child(2) {
        margin-right: 10px;
    }

    #headerLanguages a {
        text-transform: uppercase;
        font-size: 12px;
        color: #615f65;
        text-decoration: none;
    }

#headerTextSize {
    padding: 4px;
}

    #headerTextSize a {
        text-decoration: none;
        color: #615f65;
        font-size: 14px;
        font-weight: 400;
    }

        #headerTextSize a:nth-child(2) {
            font-size: 18px;
        }

        #headerTextSize a:nth-child(3) {
            font-size: 20px;
        }

#headerButtons img {
    width: 25px;
    height: 15px;
    padding-top: 7px;
    padding-bottom: 5px;
    padding-right: 2px;
    padding-left: 2px;
}

.headerButton {
    background: #615f65;
    float: left;
    margin-left: 5px;
    width: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}


.eidLoginContainer {
    float: right;
    margin-top: 3px;
    font-size: 14px;
    color: #615f65;
    cursor: pointer !important;
}

.rememberMe {
    float: none;
    margin-top: 3px;
    font-size: 14px;
    color: #615f65;
    cursor: pointer !important;
}

    .eidLoginContainer input[type=checkbox],
    .rememberMe input[type=checkbox] {
        position: relative;
        top: 2px;
        cursor: pointer;
    }

    .eidLoginContainer label,
    .rememberMe label {
        cursor: pointer;
    }

#register {
    float: none;
    text-align: right;
    margin-top: 2px;
}

    #register p,
    #register a {
        display: inline;
        font-size: 14px;
        color: #615f65;
    }

    #register p {
        margin-right: 5px;
    }

    #register a {
        color: #3fa9df;
        font-weight: 600;
    }

        #register a:hover {
            opacity: 0.8;
        }

/* eid login */
#eidLogin a {
    font-weight: 400;
    color: #7E7865;
    font-size: 14px;
}

    #eidLogin a:hover {
        color: #3fa9df;
    }

#forgotAccountEidPassword a {
    font-weight: 400;
    color: #7E7865;
    float: left;
    width: 50%;
}

    #forgotAccountEidPassword a:hover {
        color: #3fa9df;
    }

#changePasswordNotice {
    margin-bottom: 20px;
    margin-top: 55px;
}

    #changePasswordNotice a {
        font-weight: 400;
        color: #7E7865;
    }

        #changePasswordNotice a:hover {
            font-weight: 400;
            color: #3fa9df;
        }

    #changePasswordNotice > span {
        font-weight: 400;
        color: #7E7865;
    }

#forgotEidPassword a {
    margin-left: 10px;
    padding-left: 14px;
    border-left: 1px solid #ccc;
}

#forgotEidPassword a {
    font-weight: 400;
    color: #7E7865;
}

    #forgotEidPassword a:hover {
        color: #3fa9df;
    }

#forgotPassContainer a {
    margin-left: 10px;
    padding-left: 14px;
    border-left: 1px solid #ccc;
    margin-right: 10px;
    padding-right: 14px;
    border-right: 1px solid #ccc;
}

/* forgot password */
#forgotPassContainer a {
    font-weight: 400;
    color: #7E7865;
}

    #forgotPassContainer a:hover {
        color: #3fa9df;
    }



.selectedHeaderLink {
    text-decoration: underline !important;
    font-weight: 600;
}
/* ~~~~~~ */
/* Banner */

#top-banner,
#banner {
    float: left;
    background-color: #63b4e5;
    height: auto;
    width: 100%;
    /*position: relative;*/
}

    #top-banner .wrapper,
    #banner .wrapper {
        min-height: 100px;
    }

#bannerTop {
    background-color: #1BA0DA;
    float: left;
    height: auto;
    width: 100%;
    max-height: 60px;
}

#top-banner nav,
#banner nav {
    margin-top: 20px;
    margin-bottom: 1%;
    padding-bottom: 1.5%;
    float: left;
    width: 80%;
}

    #top-banner nav ul,
    #banner nav ul {
        margin: 0;
        padding: 0;
    }

    #top-banner nav li,
    #banner nav li {
        list-style: none;
        float: left;
        padding: 0;
        margin: 0 8px;
    }

.sidr-class-navigation-sub {
    display: none;
}

#top-banner .navigation-sub,
#banner .navigation-sub {
    padding-bottom: 20px;
    box-sizing: content-box;
    display: none;
    z-index: 2010;
    background: #2CA8DE;
    width: 100%;
    position: absolute;
    top: 47px;
    left: 0px;
    border-radius: 0 0 10px 10px;
    border-top: 13px solid #1BA0DA;
}

    #top-banner .navigation-sub:hover,
    #banner .navigation-sub:hover {
        display: block;
    }

#top-banner .navigation-sub-wrapper,
#banner .navigation-sub-wrapper {
    display: flex;
    flex-wrap: wrap;
}

    #top-banner .navigation-sub-wrapper > ul,
    #banner .navigation-sub-wrapper > ul {
        margin: 20px 20px 0;
        display: inline-table;
        float: left;
    }

        #top-banner .navigation-sub-wrapper > ul > li > a,
        #banner .navigation-sub-wrapper > ul > li > a {
            font-size: 22px;
            font-weight: 200;
            padding: 2.5% 6px;
        }

            #top-banner .navigation-sub-wrapper > ul > li > a[href*='javascript:void(null)'],
            #banner .navigation-sub-wrapper > ul > li > a[href*='javascript:void(null)'] {
                cursor: default;
            }

        #top-banner .navigation-sub-wrapper > ul > li a:hover,
        #banner .navigation-sub-wrapper > ul > li a:hover {
            opacity: 0.5;
        }

        #top-banner .navigation-sub-wrapper > ul > li > ul,
        #banner .navigation-sub-wrapper > ul > li > ul {
            margin-top: 5px;
        }

            #top-banner .navigation-sub-wrapper > ul > li > ul > li,
            #banner .navigation-sub-wrapper > ul > li > ul > li {
                float: none;
            }

                #top-banner .navigation-sub-wrapper > ul > li > ul > li > a,
                #banner .navigation-sub-wrapper > ul > li > ul > li > a {
                    font-weight: 200;
                    font-style: italic;
                    padding-left: 0px;
                }


.sidr ul,
.sidr ul li {
    border: none !important;
}

    .sidr ul li a {
        box-shadow: none !important;
    }



#top-banner nav a,
#banner nav a {
    color: #ffffff;
    font-size: 17px;
    text-decoration: none;
    padding: 5px 10px;
}

#top-banner nav > ul > li > a:hover,
#top-banner nav > ul > li > a:focus,
#banner nav > ul > li > a:hover,
#banner nav > ul > li > a:focus {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    color: #3fa9df;
}

.activeNav {
    background-color: #ffffff;
    color: #3fa9df !important;
    border-radius: 10px;
}


#top-banner nav > ul > li:hover > .navigation-sub,
#banner nav > ul > li:hover > .navigation-sub {
    display: block;
}

.search {
    width: 20%;
    float: left;
    position: relative;
    margin-top: 12px;
}

    .search input[type=text] {
        border-radius: 12px;
        padding: 7px 25px 7px 7px;
        border: 1px solid #CCC;
        font-size: 13px;
        color: #333;
        width: 80%;
        box-sizing: initial;
    }

    .search button {
        background: none repeat scroll 0% 0% transparent;
        border: 0px none;
        cursor: pointer;
        position: absolute;
        right: 25px;
        top: 3px;
    }

#leftBanner {
    width: 50%;
    float: left;
}

#headerRightLogin {
    display: none;
}

@-webkit-keyframes opacity {
    from {
        opacity: 0.4;
    }

    to {
        opacity: 1;
    }
}

@keyframes opacity {
    from {
        opacity: 0.4;
    }

    to {
        opacity: 1;
    }
}

#bannerImg {
    width: 48%;
    height: 322px;
    background: url(../images/homepage/banner.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
    margin-left: 2%;
    float: left;
    margin-top: -10px;
    animation-name: opacity;
    animation-duration: 2s;
}

#tagline {
    width: 100%;
    float: left;
    text-align: center;
}

#top-banner .wrapper h1,
#top-banner .wrapper h2,
#top-banner .wrapper h3,
#banner .wrapper h1,
#banner .wrapper h2,
#banner .wrapper h3 {
    color: #fff;
    font-weight: 600 !important;
}



.selectedSearch {
    border: 4px solid #ffffff;
    border-radius: 6px;
    color: #ffffff;
}

#search {
    float: left;
    width: 100%;
    background-color: #ffffff;
    border-radius: 8px;
    border: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 70px;
    padding: 10px;
}

    #search input[type=search] {
        background-color: #fff;
        border: none;
        font-size: 26px;
        float: left;
        width: calc(100% - 60px);
        height: 100%;
    }

        #search input[type=search]:focus,
        #search input[type=search]:active {
            outline: 0px;
        }

    /*outline: -webkit-focus-ring-color auto 5px;*/

    #search input.searchButton {
        background-color: #000000;
        background-image: url(../images/homepage/search.svg);
        background-repeat: no-repeat;
        background-size: 65%;
        background-position: center;
        width: 60px;
        min-height: 0px;
        height: 60px;
        position: relative;
        float: right;
        margin-top: -5px;
        cursor: pointer;
        border: none;
        border-radius: 8px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        #search input.searchButton:hover {
            opacity: 0.8;
        }

#leftPointer {
    width: 150px;
    margin-top: -23px;
    margin-left: 15%;
    margin-bottom: -40px;
    position: absolute;
    display: block;
}

#rightPointer {
    display: block;
    width: 90px;
    margin-top: -25px;
    margin-left: 24%;
    margin-bottom: -40px;
    position: absolute;
    display: none;
}

#rightPointer > img{
    margin-top: 2px;
}

#leftArrow {
    position: absolute;
    width: auto;
    margin-left: 22%;
    margin-top: -30px;
}

#rightArrow {
    position: absolute;
    width: auto;
    margin-left: -2%;
    margin-top: -30px;
    display: none;
}
/* ~~~~~~ */
/* Roles Section */

#roles {
    width: 100%;
    float: left;
    height: auto;
    padding-top: 30px;
    padding-bottom: 2%;
}

    #roles section {
        width: 28%;
        height: auto;
        float: left;
    }

        #roles section:nth-child(2) {
            margin-left: 8%;
            margin-right: 8%;
        }

        #roles section h1 {
            text-align: center;
            border-bottom: 1px solid #dedede;
            padding-bottom: 2%;
            color: #53ade1;
            font-size: 20px;
        }

        #roles section p {
            color: #6d6d6d;
            text-align: justify;
        }

    #roles .roleDetails {
        margin: 0;
        padding: 0;
    }

        #roles .roleDetails img {
            display: inline-block;
            float: left;
            width: 16px;
            margin-right: 7px;
            top: 2px;
            position: relative;
        }

        #roles .roleDetails li {
            list-style-type: none;
            font-size: 15px;
            color: #535353;
            margin-bottom: 3px;
            float: left;
            width: 100%;
        }

            #roles .roleDetails li a {
                background: #63b4e5;
                padding: 7px 8px;
                float: left;
                width: calc(100% - 16px);
                color: #FFF;
                text-decoration: none;
                border-radius: 5px;
            }


    #roles section#roleEmployee .roleDetails a {
        background: #0dccc0;
    }

        #roles section#roleEmployee .roleDetails a.jobSeekerInfo {
            background: #e57516 !important;
        }

    #roles section#roleEmployer .roleDetails a {
        background: #63b4e5;
    }

    #roles section#roleExpert .roleDetails a {
        background: #ff6f6f;
    }

    #roles .roleImg {
        width: 100%;
        height: auto;
        cursor: pointer;
    }

    #roles section#roleExpert .roleImg {
        cursor: default;
    }

    #roles .roleImg img {
        display: block;
        margin: 0 auto;
        height: 131px;
    }
/* ~~~~~~ */
/* Latest Sections*/

#latest {
    width: 100%;
    float: left;
    height: auto;
}

.latestTitle {
    float: left;
    width: 100%;
    text-align: center;
    /*cursor: pointer;*/
    border-bottom: 1px solid #dedede;
    margin-bottom: 20px;
    font-size: 39px;
    color: #615f65;
}

    .latestTitle h1 {
        font-size: 28px;
        font-weight: 400;
    }

#latestSections {
    width: 100%;
    float: left;
    margin-bottom: 3%;
    display: flex;
}

.latestSection {
    width: 28%;
    float: left;
    background-color: #63b4e4;
    color: #ffffff;
    border-left: 1px solid #ffffff;
    position: relative;
    padding-bottom: 47px;
}

    .latestSection:nth-child(2) {
        margin-left: 7.8%;
        margin-right: 7.8%;
    }

    .latestSection h2,
    .latestSection p,
    .latestSection a {
        margin-left: 12% !important;
    }

        .latestSection a:hover {
            opacity: 0.5;
        }

    .latestSection h2 {
        font-size: 18px;
        font-weight: 600;
    }

    .latestSection p {
        font-size: 14px;
    }

    .latestSection a {
        text-decoration: none;
        color: #ffffff;
        border: 1px solid #ffffff;
        text-transform: uppercase;
        font-size: 14px;
        padding: 2%;
        float: left;
        position: absolute;
        bottom: 10px;
    }

    .latestSection p.workExp {
        margin-bottom: -12px;
    }

    .latestSection p.dateAdded {
        font-size: 15px;
        font-style: italic;
        margin-bottom: -15px;
    }

    .latestSection .moreButton {
        float: right;
        margin-top: -25px;
        margin-right: 15px;
        color: #ffffff;
    }

.selectedSection {
    background-color: #88baf1;
    color: #ffffff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


/* Side Menu */

.menu-opened {
    display: block !important;
    left: 0 !important;
}

.sidr {
    background-color: #dedede;
    box-shadow: none;
}

.sidr-inner {
}

    .sidr-inner ul:first-child a {
        display: block;
        height: 30px;
        color: #222;
        text-decoration: none;
        padding-left: 10%;
        padding-top: 15px;
        border-bottom: 1px solid rgba(34, 34, 34, 0.18);
        box-sizing: unset !important;
        line-height: 18px;
    }

.sidr-class-search {
    padding-left: 20px;
    height: 20px;
    margin-top: 5px;
    padding-right: 20px;
}

    .sidr-class-search input {
        background: #ffffff !important;
        color: #222 !important;
        height: 35px;
    }

    .sidr-class-search button {
        position: absolute;
        margin-top: -40px;
        right: 25px;
        border-radius: 0px;
        background: none repeat scroll 0% 0% transparent;
        border: medium none;
    }
/*           */
/* Responsive */

.loader {
    /*margin: 60px auto;*/
    font-size: 3px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid #dedede;
    border-right: 1.1em solid #dedede;
    border-bottom: 1.1em solid #dedede;
    border-left: 1.1em solid darkgray;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

    .loader,
    .loader:after {
        border-radius: 50%;
        width: 10em;
        height: 10em;
        margin: 0 auto;
    }

        .loader.small,
        .loader.small:after {
            border-radius: 50%;
            width: 6em;
            height: 6em;
            margin-top: 13px;
            margin-left: 0px;
        }

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@media (max-width: 1200px) {
    #bannerImg {
        height: 330px;
        margin-top: -10px;
    }

    .latestSection h2 {
        height: 45px;
    }

    #top-banner nav a,
    #banner nav a {
        padding: 5px 7px;
    }

    #top-banner nav li,
    #banner nav li {
        margin: 0 4px;
    }
}


@media (max-width: 1070px) {
    #search {
        margin-bottom: 5%;
    }

    #roles section h1 {
        font-size: 18px;
    }

    #leftPointer {
        margin-left: 8%;
        margin-top: -17px;
    }

    #rightPointer {
        margin-left: 20%;
        margin-top: -26px;
    }

    #top-banner nav a,
    #banner nav a {
        font-size: 16px;
    }

    #tagline h3 {
        font-size: 40px;
    }

    #leftPointer {
        margin-top: -22px;
    }
}

@media (max-width: 970px) {
    #headerLeft {
        width: 30%;
    }

    #headerRight {
        width: 70%;
    }

    .latestSection:nth-child(2) {
        margin-left: 7%;
        margin-right: 7%;
    }

    .wrapper {
        width: 90%;
    }
}

@media (max-width: 880px) {
    .latestSection {
        width: 100%;
        border-bottom: 1px solid rgb(255, 255, 255);
        border-radius: 0;
        margin-bottom: 10px;
    }

        .latestSection h2 {
            height: 30px;
        }

    .latestTitle h1 {
        font-size: 22px;
    }

    .latestSection:nth-child(2) {
        margin-left: 0;
        margin-right: 0;
    }

    #top-banner nav li,
    #banner nav li {
        margin: 0 1px;
    }
}

@media (max-width: 855px) {
    #tagline h3 {
        font-size: 36px;
    }

    #leftPointer {
        margin-top: -24px;
    }
}

/*@media (min-width: 625px) {*/
@media (min-width: 780px) {
    #headerRightBot {
        display: block !important;
    }

    #cover {
        display: none !important;
    }

    #closeLogin {
        display: none !important;
    }

    .loginMessage {
        display: none !important;
    }
}

@media (max-width: 780px) {
    #headerRightBot {
        text-align: right;
    }

    .mainLayoutError {
        text-align: left !important;
    }

    .loginFieldsContainer {
        width: 100%;
        float: right;
    }

    #roles section:nth-child(2) {
        margin-left: 0;
        margin-right: 0;
    }

    #roles section {
        width: 100%;
        margin-top: 20px;
        border-bottom: 1px solid #dedede;
        margin-bottom: 50px;
    }

        #roles section h1 {
            font-size: 24px;
        }

    #leftPointer {
        margin-left: 28%;
    }

    #rightPointer {
        margin-left: 47%;
    }

    #leftArrow,
    #rightArrow {
        display: none !important;
    }

    .search button {
        right: 10px;
    }

    #bannerTop {
        display: none;
    }

    #bannerImg {
        display: none;
    }

    #leftBanner {
        width: 100%;
    }

    #tagline h3 {
        font-size: 40px;
    }

    .sidr-inner nav > ul > li:first-child > a {
        border-top: 1px solid rgba(34, 34, 34, 0.18) !important;
    }

    .sidr-inner nav > ul > li > ul > li {
        border-bottom: none;
    }

    .sidr-class-navigation-sub {
        background: #494848;
    }

    .sidr-class-navigation-sub-wrapper a {
        color: white !important;
    }

    .sidr-class-navigation-sub-wrapper > ul > li > ul > li > a {
        padding-left: 40px !important;
    }

    .mainLayoutError {
        text-align: left;
        padding: 0 10px;
        margin: 0 6% !important;
        float: right;
        width: 85%;
    }

    #headerRightBot label.loginLabel {
        display: none !important;
    }
}

/*@media (max-width: 780px) {
    #headerRightBot {
        width: 90%;
    }
}*/

/*@media (max-width: 625px) {*/
@media (max-width: 780px) {

    #headerRightBot {
        display: none;
        background-color: white;
        width: 100%;
        margin-top: 0;
        padding-top: 5px;
    }

    #responsiveBtns {
        display: block;
        width: 100%;
        float: left;
        margin-top: 32px;
        text-align: right;
    }

        #responsiveBtns img {
            width: 40px;
            padding-left: 20px;
            box-sizing: unset !important;
        }

        #responsiveBtns a {
            display: inline-block;
        }

    #headerRightBot {
        height: 285px;
        position: absolute;
        z-index: 1;
        margin-top: 0;
        padding-top: 25px;
    }

        #headerRightBot input.loginButton {
            width: 85%;
            display: block;
            margin: 2% 5% 1% 0;
            float: right;
            box-sizing: initial;
            padding: 1% 10px;
        }

        #headerRightBot input.loginText {
            width: 85%;
            margin-bottom: 3%;
            margin: 2% 5% 1% 0;
        }

    #headerWrapper {
        width: 90%;
        padding: 5%;
        padding-top: 0;
    }

    #register {
        text-align: center;
        width: 100%;
    }

        #register p,
        #register a {
            font-size: 16px;
        }

    .eidLoginContainer,
    .rememberMe {
        width: 100%;
        text-align: center;
        margin-top: 8px;
    }

    #forgotPassContainer {
        width: 50%;
    }

    .loginOptionsContainer {
        float: none;
        clear: both;
    }
}

@media (max-width: 580px) {
    #latestSections {
        flex-wrap: wrap;
    }

        #latestSections .latestSection {
            width: 100%;
        }
}


@media (max-width: 500px) {
    #leftPointer {
        margin-left: 15%;
    }

    h3 span {
        padding-left: 1%;
        padding-right: 1%;
    }

    #leftPointer {
        margin-left: 16%;
        margin-top: -22px;
    }

    #search input {
        font-size: 18px;
        padding-left: 5px;
    }

    h3 {
        font-size: 35px;
    }


    #forgotPassContainer a {
        border: 0;
    }
}

@media (max-width: 420px) {


    #closeLogin img {
        width: 12px;
    }
}

@media (max-width: 400px) {

    #search input {
        font-size: 14px;
    }

        #search input.searchButton {
            width: 50px;
            height: 50px;
            margin-top: 1px;
        }

    #tagline h3 {
        font-size: 28px;
    }

    #leftPointer {
        margin-top: -23px;
    }

    #rightPointer {
        margin-top: -24px;
    }

        #leftPointer img,
        #rightPointer img {
            width: auto;
            height: 25px;
        }

    #headerLogo img {
        width: 165px;
    }
}
/* ~~~~~~ */

#dashboardThemes {
    display: none !important;
}

/*Validation and Success message*/
.divSuccessMessage {
    border: 1px solid #26A65B;
    float: left;
    width: 96%;
    background-color: #C8F7C5;
    color: #26A65B;
    font-size: 18px;
    margin: 1% 2% 0 2%;
    padding: 10px;
}

.validation-summary-errors {
    border: 1px solid #E26A6A;
    float: left;
    width: 100%;
    background-color: #DCC6E0;
    color: #D91E18;
    font-size: 18px;
    margin-top: 1%;
    font-size: 16px;
    margin-bottom: 20px;
}

    .validation-summary-errors ul {
        list-style: none;
    }

        .validation-summary-errors ul li:before {
            display: inline-block;
            content: "-";
            width: 1em;
            margin-left: -1em;
        }

.mainLayoutError {
    color: #D91E18;
    font-size: 14px;
    margin-top: -7px;
    margin-bottom: -2%;
    text-align: right;
}

    .mainLayoutError ~ form label.loginLabel {
        top: 10px !important;
    }

/*Tooltip*/
.tooltip {
    outline: none;
    position: relative;
    float: left;
    top: 9px;
    margin-right: 5px;
}

    .tooltip strong {
        line-height: 30px;
    }

    .tooltip:hover {
        text-decoration: none;
    }

    .tooltip div.tooltip-area {
        z-index: 10;
        display: none;
        opacity: 0;
        padding: 14px 20px;
        margin-top: -18px;
        margin-left: 28px;
        width: 230px;
        line-height: 16px;
        transition: opacity 0.4s ease-in;
        background: rgba(256,256,256,0.85);
        position: absolute;
        border-radius: 4px;
        left: 50%;
        margin-left: -115px;
        top: -62px;
        text-align: left;
    }

    .tooltip:hover div.tooltip-area {
        display: inline;
        color: #111;
        border: 1px solid #D6C299;
        background-color: #fff;
        opacity: 1;
    }

        .tooltip:hover div.tooltip-area .title {
            color: #111;
            font-weight: 600;
            margin-bottom: 5px;
            clear: both;
            float: left;
            width: 100%;
        }

    .tooltip:hover span.close {
        color: #111;
        position: absolute;
        right: 5px;
        top: 5px;
        font-weight: 600;
    }

.callout {
    z-index: 20;
    position: absolute;
    bottom: -12px;
    border: 0;
    left: 103px;
    opacity: 0.9;
}

.tooltip div.tooltip-area.top-right {
    right: -5px;
    left: auto;
    top: 55px;
}

    .tooltip div.tooltip-area.top-right .callout {
        top: -12px;
        right: 5px;
        bottom: auto;
        left: auto;
    }

.tooltip div.tooltip-area.bottom-right {
    top: 50px;
}

    .tooltip div.tooltip-area.bottom-right .callout {
        top: -12px;
        right: 5px;
        bottom: auto;
    }

.submitBtn {
    text-decoration: none;
    border: 0;
    background-color: #3FA9DF;
    border-radius: 5px;
    color: #ffffff;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 5%;
    margin-top: 2%;
    padding: 10px 35px;
    width: auto !important;
    height: auto !important;
    display: inline-block;
    clear: both;
}

/*Removing 'clear' from inputs*/
input[type=text]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

input[type=text]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

input[type="date"]::-webkit-clear-button {
    -webkit-appearance: none;
    display: none;
}

textarea:-ms-input-placeholder,
input:-ms-input-placeholder {
    /* IE 10+ */
    color: gray !important;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .genericForm select {
        padding-left: 5px;
    }
}

#modal-confirmation .row {
    width: 100%;
    background: rgba(0,0,0,0.15);
    padding: 10px;
    float: left;
    display: flex;
    align-items: center;
    margin: 5px 0 0 0;
}

    #modal-confirmation .row label {
        width: 25%;
        margin-right: 5%;
        float: left;
    }

    #modal-confirmation .row input[type=text], .row input[type=password], .row input[type=email], .row input[type=number] {
        width: 70%;
        float: left;
        padding: 5px;
        color: #000;
    }

#message-char-remaining-count {
    float: right;
    margin: -10px 5px 0 0;
}