/**********************************************************************************************************************
Defaults
**********************************************************************************************************************/

html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-size: cover;
    background: #5d6876 no-repeat fixed;
}

h6{
    padding-top: 8px;
}

/**********************************************************************************************************************
Colors
**********************************************************************************************************************/

.onebossBlue-bg {
    background-color: #2196f3;
    color: #fff;
}

.onebossBlue {
    color: #2196f3;
}

.onebossBlueDark-bg {
    background-color: #2196f3;
    color: #0069c0;
}

.onebossBlueDark {
    color: #0069c0;
}

.onebossBlueLight-bg {
    background-color: #2196f3;
    color: #6ec6ff;
}

.onebossBlueLight {
    color: #6ec6ff;
}

.onebossGrey-bg {
    background-color: #333e4a;
    color: #fff;
}

.onebossGrey {
    color: #333e4a;
}

.onebossGreyDark-bg {
    background-color: #0d1822;
    color: #fff;
}

.onebossGreyDark {
    color: #0d1822;
}

.onebossGreyLight-bg {
    background-color: #5d6876;
    color: #fff;
}

.onebossGreyLight {
    color: #5d6876;
}

/**********************************************************************************************************************
IDs
**********************************************************************************************************************/

#container {
    border-radius: 16px;
    background-color: #fff;
    margin-top: 5%;
    margin-bottom: 5%;
}

#topBar {
    padding: 16px;
    border-radius: 16px 16px 0 0;
}

#logo{
    width: 25%;
    min-width: 200px;
}

#ciroLogo{
    width: 25%;
    float: right;
    min-width: 200px;
}

#bottomBar {
    border-radius: 0 0 16px 16px;
    padding: 15px;
}

#left {
    margin: 32px 0px;
    padding: 32px 16px 0 16px;
    background: white;
    border-right: 1px solid #333e4a;
}

#right {
    margin: 32px 0px;
    padding: 32px 16px;
    background: white;
}

#accordionButton {
    width: 100%;
    height: 100%;
    text-decoration: none;
    border-radius: 0 0 16px 16px;
}

#headingOne {
    border-radius: 16px;
}

#email, #psw, #btn {
    margin-left: auto;
}

#btn {
    padding: 0 15px;
}

#btns {
    padding-top: 32px;
    margin: auto;
}

/**********************************************************************************************************************
Classes
**********************************************************************************************************************/

.card-header {
    padding: 0;
}

.card {
    border-radius: 16px;
}

/**********************************************************************************************************************
Media
**********************************************************************************************************************/

@media (max-width: 750px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #left{
        border-right: 0 solid #333e4a;
        border-top: 1px solid #333e4a;
    }

    .order-0.order-reverse-small {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-1.order-reverse-small {
        -ms-flex-order: 0;
        order: 0;
    }
}


.loginLangSwitch{
    margin-right: 25px;
}

.floatRight{ float: right}
.floatLeft{ float: left}
.marginTop50{ margin-top: 55px}