@import url('https://fonts.googleapis.com/css2?family=Poppins');

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/* layout */
html,body {
    margin: 0;
    padding: 0;
    height: 100%; /* needed for container min-height */

    font-family: Poppins,Arial,Helvetica,sans-serif;
}

input, button, select, textarea, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

div.aco_account_manager_wrapper {
    position: relative; /* needed for footer positioning */
    margin: 0 auto;
    height: auto !important; /* real browsers */
    height: 100%; /* IE6: treated as min-height */
    min-height: 100%; /* real browsers */
    background-color: #F1F1F1;
}

div.aco_content {
    padding-bottom: 81px; /* height of the footer */
    height: auto !important;
    height: 100%;
    min-height: 100%;
}
div.aco_footer_wrapper {
    position: absolute;
    bottom: 0; /* stick to bottom */
}

.aco_top_nav .disabled{color:#879799;}
.aco_top_nav .disabled:hover{text-decoration:none;}

.aco_top_wrapper {
    width:100%;background:#fff;text-align:center;/*ie6 center hack*/

    -webkit-box-shadow: 0 3px rgba(0,0,0,0.15), 0 0 0 rgba(0,0,0,0), 0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 3px rgba(0,0,0,0.15), 0 0 0 rgba(0,0,0,0), 0 0 0 rgba(0,0,0,0);
    box-shadow: 0 3px rgba(0,0,0,0.15), 0 0 0 rgba(0,0,0,0), 0 0 0 rgba(0,0,0,0);
}

.table-mimic {
    display: table;
    border-spacing: 0;
}


.table-mimic > div {
    display: table-cell;
}

.table-mimic.as-col > div {
    display: table-row;
}

.table-mimic.as-row > div {
    display: table-cell;
}

@media (min-width: 640px) {
    .table-mimic.sm\:as-row > div {
        display: table-cell;
    }

    .table-mimic.sm\:as-col > div {
        display: table-row;
    }
}

@media (min-width: 768px) {
    .table-mimic.md\:as-row > div {
        display: table-cell;
    }

    .table-mimic.md\:as-col > div {
        display: table-row;
    }
}

.aco_centered {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    text-align: left;
    padding: 0 0.5rem;
}

#error401 {
  margin-bottom: 25px;
  padding-right: 32px;
}

/* START tailwindcss utils */

.hover\:underline:hover {
    text-decoration: underline;
}

.no-underline {
    text-decoration: none;
}

.max-w-screen-xl {
    max-width: 1280px;
}

@media (min-width: 640px) {
    .sm\:mt-6 {
        margin-top: 1.5rem;
    }

    .sm\:mt-0 {
        margin-top: 0;
    }

    .sm\:ml-0 {
        margin-top: 0;
    }
}

.w-1\/2 {
    width: 50%;
}

.w-px {
    width: 1px;
}
.w-full {
    width: 100%;
}

.float-left {
    float: left;
}

/* MARGIN */
.m-auto {
    margin: auto;
}

.ml-auto {
    margin-left: auto;
}

.ml-2 {
    margin-left: 0.5rem;
}

.mr-0 {
    margin-right: 0px;
}

.m-10 {
    margin: 2.5rem;
}

.mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
}

.mt-0 {
    margin-top: 0;
}

.mt-2 {
    margin-top: 0.5rem;
}

.mt-4 {
    margin-top: 1rem;
}

.mb-4 {
    margin-bottom: 1rem;
}

.mt-6 {
    margin-top: 1.5rem;
}

.mb-6 {
    margin-bottom: 1.5rem;
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

/* PADDING */

.p-1 {
    padding: 0.25rem;
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.p-6 {
    padding: 1.5rem;
}
.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.pb-6 {
    padding-bottom: 1.5rem;
}

.pt-6 {
    padding-top: 1.5rem;
}

.pl-4 {
    padding-left: 1rem;
}

.pl-6 {
    padding-left: 1.5rem;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.align-middle {
    vertical-align: middle;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.whitespace-nowrap {
    white-space: nowrap;
}

.select-none {
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none;
}

/* END tailwindcss utils */

.errorBox {
    background-color:#ffbbbb;
    border: 1px solid #dd0000;
    text-align:center;
    font-size: 12px !important;
}

.greenBox {
    background-color:#BCE4BF;
    border: 1px solid #BCE4BF;
    text-align:center;
    font-size: 12px !important;
}

.infoBox {
  background-color:#2e86de;
  border: 1px solid #2e86de;
  color: #FFF;
  text-align:center;
  font-size: 14px !important;
  padding: 15px;
}

.aco_form_wrapper p, .aco_form_wrapper a {
    font-size: 16px;
}

.card {
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}

.card > .header {
    padding: 10px 10px;
    font-size: 24px;
}
.card > .header > h1 {
    font-size: 24px;
    margin:0;
}

.text-blue {
    color: #1C618F;
}

.hover\:bg-yellow:hover, .focus\:bg-yellow:focus {
    background-color: #FFC700;
}

.card.rounded {
    border-radius: 10px;
}

.card.card-white {
    background-color: #fff;
}

.lms-input .lms-input_input {
    border-color: #bec2c4;
    background-color:  #fff;
    box-shadow: inset 3px 3px rgba(0,0,0,0.15);
    width: 100%;

    padding: 8px 10px;
    outline: none;
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    background: #fff;

    transition: background-color .1s linear, color .1s linear, border-color .1s linear;
}

.lms-input .lms-input_input.state-error {
    color: #C3422D !important;
    border-color: #C3422D !important;
}

.lms-input .lms-input_input:focus, .lms-input .lms-input_input:hover {
    border-color: #017fad;
}

a.lms-btn {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    text-decoration: none;
}

.lms-btn {
    font-size: 17px;
    font-weight: normal;
    line-height: 24px;
    padding: 8px 18px 6px;

    color: #000;
    background-color: #1a9dcd;

    border: 1px solid #017fad;
    white-space: nowrap;

    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none;

    cursor: pointer;
}

.lms-btn.light {
    border: 1px solid #B9C2C1;
    background-color: #A7D4EE;
}

.lms-btn:hover, .lms-btn:focus {
    background-color: #FFC700;
}

.lms-input .lms-input_label {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 10px;

    display: block;
    text-align: left;
}

.nav-top > div > a {
    margin: 0 10px;
    color: #535e82;
    text-decoration: none;
    font-size: 12px;
}

.nav-top > div > a:hover {
    text-decoration: underline;
}

.nav-top > div:before {
    content: '';
    border-left: 1px solid #000;
}

.nav-top > div:first-child:before {
    border: none;
}

.aco_top_content{height:120px;background:#fff;margin:0 auto;text-align:left}
.aco_top_inner{padding:38px 0 0 0}

.aco_cbx_logo{float:left;width:190px;height:40px;background:url(/images/account/sc-logo-full-colour.svg) no-repeat center; background-size: auto 38px;}

.cbx_logo {height:40px; width: 190px; background:url(/images/account/sc-logo-full-colour.svg) no-repeat center; background-size: auto 38px; }
.cbx_lms_logo {height:50px;background:url(/images/account/logo-cognibox-lms.svg) no-repeat center}
.new_lms_logo {height:40px; width: 190px; background:url(/images/account/se-full-colour.svg) no-repeat center; background-size: auto 38px; }
.safemployee_logo {height:40px;background:url(/images/account/se-full-colour.svg) no-repeat center}
.aco_sim_logo{float:left;width:88px;height:52px;background:url(/images/account/aco-by-sim-logo.jpg) no-repeat;margin:0 0 0 25px}
.aco_top_nav{float:right;font:12px Helvetica, Verdana, sans-serif;color:#535e82;margin:20px 20px 0 0}
.aco_top_nav a{float:right;text-decoration:none;color:#535e82;cursor:pointer}

.aco_top_nav a:hover{text-decoration:underline}
.icon_aco_dropdown{float:right;height:8px;width:8px;background:url(/images/account/icon-aco-dropdown.jpg) no-repeat;margin:4px 0 0 6px}
.aco_icon_unplug{float:right;height:23px;width:11px;background:url(/images/account/icon-unplug.jpg) no-repeat;margin:-6px 0 0 6px}
.aco_top_separator{float:right;margin:0 10px 0 10px}

.aco_footer_wrapper{
    width:100%;height:54px;
    background-color: #6C757D;
    text-align:center;/*ie6 center hack*/
}

.aco_footer_content{max-width: 1280px;padding:15px 0 0 0;margin:0 auto;text-align:left}
.aco-sim-logo-footer{float:left;width:52px;height:50px;background:url(/images/account/aco-sim-logo-footer.jpg) no-repeat}
.aco_sim_coord{float:left;font-size:11px;color:#C9CACB;padding:7px 0 0 0.5rem;}

.aco_sim_coord a{color:#7AD2F4;text-decoration:none}

.aco_main_content_wrapper{width:100%;padding:0 0 45px 0;text-align:center/*ie6 center hack*/}
.aco_main_content_top{width:1024px;padding:10px 0 70px 0;margin:0 auto}

.aco_form_wrapper{width:100%;padding:20px 0 20px 0;text-align:center/*ie6 center hack*/}
.aco_form_bg{background:#F3F3F3;width:960px;border: 1px solid #ACACAD;box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);margin:0 auto;text-align:left}
.aco_form_txt{padding:15px}

/*items*/
#landing_header_content {border-bottom: solid 1px #F0F0F0;width: 100%;height: 55px;position: relative;}
#landing_header_content .logo {background: url(/images2/gc_cbx_top_logo.jpg) no-repeat white;width: 292px;height: 55px;position: absolute;}

/* landing */
.launcher{position:relative;float:left;width:201px;height:201px;border:solid 1px #ACACAD;
box-shadow:-1px 2px 5px 1px rgba(0, 0, 0, 0.7);margin:0 0 0 0;z-index:1;cursor:pointer;}
.launcher .btn_frame {background:url(/images/account/aco-launchers-bg.jpg) repeat-x;opacity:0.8;filter:alpha(opacity=80);overflow:visible;}
.launcher .btn_frame:hover{opacity:1;filter:alpha(opacity=100);}
.aco_play_btn{position:absolute;top:185px;left:87px;width:35px;height:35px;
background:url(/images/account/aco_play_off.png) no-repeat;cursor:pointer;}

.aco_play_btn.hover{position:absolute;width:201px;height:219px;background:url(/images/account/aco_play_on.png) no-repeat;}

.launcher_title, .launcher_title_b{
    position:absolute;
    width:100%;
    text-align:center;
    z-index:5;
    font:12px Helvetica, Verdana, sans-serif;
    color:#000;
}

.launcher.disabled {
    cursor:auto;
    filter: alpha(opacity=20);
    opacity:0.2;
}

.launcher_title{
    top:8px;
    font:12px Helvetica, Verdana, sans-serif;
    color:#879799;
}
.launcher_title_b{
    top:25px;
    color:#56595E;
    text-shadow:1px 1px 2px #999;
    font:bold 14px Helvetica, Verdana, sans-serif;
}

.icon_launcher{width:100%;height:201px;margin:0 auto}
.icon_launcher_cogniboxLMS{background:url(/images/account/icon-gc.png) no-repeat}
.icon_launcher_myProfile{background:url(/images/account/icon-profil.png) no-repeat}
.icon_launcher_myAuthorisations{background:url(/images/account/icon-locker.png) no-repeat}
.icon_launcher_myUsers{background:url(/images/account/icon-users.png) no-repeat}
.icon_launcher_ccogniboxContractors_disabled{background:url(/images/account/icon-entrepreneur.png) no-repeat}
.icon_launcher_cogniboxLMS_disabled{background:url(/images/account/icon-gc.png) no-repeat;}
.icon_launcher_videoGuide{background:url(/images/account/icon-videoguide.png) no-repeat;}
.icon_launcher_scheduler{background:url(/images/account/icon-scheduler.png) no-repeat;}

/* Pagination */
.list_carousel {margin: auto;width: 100%;}
.list_carousel a{text-decoration:none;}
.list_carousel ul {margin: 0;padding: 0;list-style: none;display: block;}
.list_carousel li { color: #999;text-align: center;width: 201px;height: 215px;padding: 0;margin: 10px;display: block;float: left;}
.list_carousel.responsive {width: auto;margin-left: 0;}
.clearfix {float: none;clear: both;}

.pagination {text-align: center;width:100%;height:25px;font-size: 0%;}
.pagination a {background: url(/images/account/navigator-bullet-off.jpg) no-repeat transparent;height:11px;width:11px;margin: 0 5px 0 0;display: inline-block;border:none;text-decoration:none;float: none;}
.pagination a.selected {background: url(/images/account/navigator-bullet-on.jpg) no-repeat transparent; cursor: default;}
.pagination a span {display: none;}
.list_carousel div.prev, div.next {width: 45px;height: 75px;display: block;cursor:pointer;}
.list_carousel div.prev {background: url(/images/account/slider-left-arrow.png) no-repeat transparent; margin-top: 70px; }
.list_carousel div.prev:hover {background: url(/images/account/slider-left-arrow-hover.png) no-repeat transparent; }
.list_carousel div.next {background: url(/images/account/slider-right-arrow.png) no-repeat transparent; margin-top: 70px; }
.list_carousel div.next:hover {background: url(/images/account/slider-right-arrow-hover.png) no-repeat transparent; }
.list_carousel div.prev.disabled, div.next.disabled {cursor: default;}
.list_carousel div.prev span, div.next span {display: none;}
.carouselContainer{ width:982px;margin: 0 auto;}
.floatLeft{ float:left; width:auto; height:auto;}

.floatLeft .btn_arrow{  float:left; width:45px; height:50px;}



/* Authorisations page */
#auth-content{margin:1em;}
#auth-content .contract-supplier-element{display:block;width:100%;padding:0.2em 0;}
#auth-content .contract-supplier-element:hover{background-color:#ddd;}
#auth-footer{padding:3em 0;border-bottom:1px solid #f0f0f0;}
#auth-submit{text-align:center;}
#auth-message {text-align:center; margin-bottom:1em; padding: 0.7em;}

/* Guide page */
#guide-content{margin:1em;}
#guide-content .completion{margin-bottom:25px;text-align:center;}
#guide-content .completion-text{color: #5992FF;font: 22px/45px Georgia,"Times New Roman",Times,serif;}
#guide-content .completion-state{color: #455289;font: bold 40px Arial,Helvetica,sans-serif;margin: 0 0 0 50px;}
#guide-content .advantages, #guide-content .video{float:left;}
#guide-content .advantages{width:200px;padding-right:25px;}
#guide-content .advantage-element, #guide-content .screencast-content{margin-top:15px;}
#guide-content .video{width:450px;padding-left:24px;border-left:1px dashed #7F7F7F;}
#guide-content .columns{width:700px; margin:0 auto;}
#guide-content h2{margin:0;}

/* Forgot password */
#forgotPassword #title {text-align:center;font:bold 15px Helvetica, Verdana, sans-serif;color:#000;}
#forgotPassword #content {text-align:center;}
#forgotPassword #content p {margin: 16px 0 22px;}
#forgotPassword #login, #forgotPassword .ui-state-error {margin: 8px 0 0;}

.profile-password-error .ui-state-highlight {
    text-align: center;
}

.profile-password-error .ui-state-error {
    text-align: center;
}

/* Registration */
#registration #title {text-align:center;font: 14pt Arial, Helvetica, sans-serif;color:#000;}
#registration #content {text-align:center;margin: 16px 0;font-size:14px;}

/* Subscription */
#subscription #title {text-align:center;font: 14pt Arial, Helvetica, sans-serif;color:#000;}


/*cognibox-error*/
.cognibox-error .title {text-align:center;font: 14pt Arial, Helvetica, sans-serif;color:#000;}
.cognibox-error .content {text-align:center; margin-top:20px;}


/* Unsupported browser */
.unsupportedBrowser { text-align: center; }
.unsupportedBrowser .content { margin: 0 50px 10px; }
.unsupportedBrowser .information { margin-bottom: 10px; }
.unsupportedBrowser a { color: #00F; }


/* Login */

.row {
    display: flex;
}

.col {
    flex: 1;
    padding: 1em;
}

.strong {
    font-weight: 700;
}

/* left background  */

.left-background {
    background-image: url(/images/account/Background.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
    color: white;
    text-align: left;
    padding: 50px;
}

.left-background h1 {
    font-size: 28px;
    font-weight: 800;
}

.left-background p {
    padding-right: 6rem;
}

.left-background a {
    color: white;
    text-decoration: underline;
}

/* right login */

.right-login {
    padding: 0 25px;
}