.navbar-brand{
    /*background:transparent url('/images/LogoEAAB_al.svg') no-repeat left center;*/
}
.navbar-brand {
    padding: 5px 15px;
}
hr {
    border-top: 1px solid #c1c1c1;
}
.active {
    /*background-color:transparent;*/
    background-color: #f4f4f4;
}
.text-capitalize {
    text-transform: capitalize!important;
}
.theme-red .navbar {
    background-color: #e32424;
}
.theme-orange .navbar {
    background-color: #e32424;
}
.theme-red .sidebar .user-info,
.theme-orange .sidebar .user-info,
.theme-brown .sidebar .user-info {
    padding: 15px 15px 12px 15px;
    white-space: nowrap;
    position: relative;
    border-bottom: none;
    background: #8b8b8b;
    height: 80px;
}

.dropdown-menu {
    min-width: 180px;
}

.sidebar .user-info .info-container .user-helper-dropdown {
    right: -60px;
}
.sidebar .menu .list a {
    padding: 6px 13px;
}
.sidebar .menu .list a:hover,
.sidebar .menu .list a:focus{
    color:#222;
}
    .sidebar .menu .list a span {
        color: #747474;
    }
    .sidebar .menu .list a:hover span,
    .sidebar .menu .list a:focus span {
        color: #222;
    }
.theme-orange .sidebar .legal {
    background-color: #443f3b;
}
.sidebar .legal {
    border-top: none;
}
.theme-orange .sidebar .menu .list li.active {
    background-color: #4c4c4c;
}
.theme-red .sidebar .menu .list li.active {
    background-color: #4c4c4c;
}
.sidebar .menu .list li {
    border-bottom: 1px #ccc dotted;
}

.block-header h2 {
    margin: 0 !important;
    color: #404040 !important;
    font-weight: normal;
    font-size: 20px;
    text-transform:uppercase;
}
.bg-red {
    background-color: #f24736 !important;
    color: #fff;
}

/*--- Nav Tabs---*/
.nav-tabs > li {
    left:0; 
}
.nav-tabs-acc {
    border-bottom: 2px solid #eee;
}
.nav-tabs {
    margin-bottom: 15px;
}
.nav-tabs li.active a {
    color: #222;
}
/*--- Tabs Accreditation---*/
.nav-tabs-acc .active {
    color: #00bcd4 !important;
}
.nav-tabs-acc li.active a {
    color: #00bcd4 !important;
}
.nav-tabs-acc > li > a:before {
    border-bottom: 2px solid #00bcd4;
}
.nav-tabs-acc li.active > a,
.nav-tabs-acc li.active > a i,
.nav-tabs-acc li.active > a span {
    color: #00bcd4 !important;
}
/*--- Tabs Events ---*/
.nav-tabs-events li.active a {
    color: #4caf50 !important;
}
.nav-tabs-events > li > a:before {
    border-bottom: 2px solid #4caf50;
}
.nav-tabs-events li.active > a,
.nav-tabs-events li.active > a i,
.nav-tabs-events li.active > a span {
    color: #4caf50 !important;
}
/*--- Tabs Elearning ---*/
.nav-tabs-elearn li.active a {
    color: #e85935 !important;
}
.nav-tabs-elearn > li > a:before {
    border-bottom: 2px solid #e85935;
}
/*--- Tabs Default ---*/
.nav-tabs-default li.active a {
    color: #f76f0b !important;
}
.nav-tabs-default > li > a:before {
    border-bottom: 2px solid #f76f0b;
}
/*--- Tabs Admin ---*/
.nav-tabs-admin li.active a {
    color: #6b3b13 !important;
}

.nav-tabs-admin > li > a:before {
    border-bottom: 2px solid #6b3b13;
}
/*--- user ---*/

.sidebar .user-info .info-container {
    cursor: default;
    display:inline-block;
    position: relative;
    top: 2px;
}


.tab-header {
    padding:20px 0;
}
.tab-header h3 {
    margin: 0;
    font-size: 18px;
    font-weight: normal;
    text-transform:uppercase;
    color: #111;
}
.tab-content .active {
    background-color: #FFF;
}
.input-group .form-control,
.form-group .form-control {
    border: 1px solid #ccc;
    padding-left: 12px;
}
.form-control {
    border: 1px solid #ccc;
    border-radius:0;
    height: 38px;
}
.input-group input[type="text"],
.input-group .form-control {
    border: 1px solid #ccc;
    box-shadow: none;
    padding-left: 12px;
}
.form-group {
    width: 100%;
    margin-bottom:0;
}

.table-bordered {
    border-top: 1px solid #cecece;
}
.table-bordered {
    border: 1px solid #cecece;
}
    .table-bordered thead tr th {
        border: 1px solid #cecece;
    }
    .table-bordered tbody tr td,
    .table-bordered tbody tr th {
        border: 1px solid #d4d4d4;
    }

/*--- Dashboard - Info Boxes---*/
.info-box {
    min-height: 80px;
    /*height: auto;*/
    margin-bottom: 20px;
}
.info-box .number2 {
    display: inline-block;
    text-align: center;
   
    font-size:34px;
    font-weight:bold;
}
    .info-box .number2 {
        background-color: rgba(0, 0, 0, 0.12);
        width: 80px;
        line-height: 65px;
        padding: 10px;
        display: inline-block;
        text-align: center;
        font-size: 34px;
        font-weight: bold;
    }
.info-box .content {
    padding:5px 10px;
}
    .info-box .content2 {
        padding: 15px 10px;
    }
.info-box .content .header {
    font-weight: normal;
    font-size: 20px;
}
    .info-box .content2 .header {
        font-weight: normal;
        font-size: 20px;
    }
    .info-box .content2 .action, .info-box .content .action {
        font-size: 13px;
        margin-top: 1px;
        text-transform: uppercase;
    }

.pager {
    text-align: right;
}
/*--- Event Steps ---*/
.steps-event {
    margin-left:-5px;
    margin-right:-5px
}

.steps-event .wizard .steps .current a {
    background-color: #4caf50;
}
.steps-event .wizard > .steps .done a {
    background: #94cf96;
    color: #fff;
}
.steps-event .wizard .steps .done a:hover,
.steps-event .wizard .steps .done a:active,
.steps-event .wizard .steps .done a:focus {
    background-color: rgba(76, 175, 80, 0.5);
}

.steps-event .wizard > .steps .done a:hover,
.steps-event .wizard > .steps .done a:active {
    background: #81c784;
    color: #fff;
}
    .steps-event .wizard > .actions a {
        background: #4caf50;
        border-radius: 2px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
    }
.steps-event .wizard > .actions .disabled a {
    background: #eee;
    box-shadow:none;
    color: #aaa;
}

.wizard ul {
    display:flex;
}

.wizard > .steps > ul > li {
    flex:1;
}
.wizard > .content {
    border:none; 
}
.wizard .content .body {
    padding: 0;
}
.wizard > .actions {
    position: relative;
    display: block;
    text-align: right;
    width: 100%;
    border-top: 1px #c1c1c1 solid;
    padding-top:20px;
    margin-top:20px;
}

/*---buttons---*/
.btn:not(.btn-link):not(.btn-circle) {
    font-size: 14px;
}
.btn {
    padding: 10px 20px 8px 20px;
    text-transform: uppercase;
}

.btn-primary-elearn,
.btn-primary-elearn:hover,
.btn-primary-elearn:active,
.btn-primary-elearn:focus {
    background-color: #e85935 !important;
    color: #FFF;
}
.btn-primary-acc,
.btn-primary-acc:hover,
.btn-primary-acc:active,
.btn-primary-acc:focus {
    background-color: #00bcd4 !important;
    color: #FFF;
}

/*---Pagination Accreditation---*/
.pag-acc .pagination li.active a {
    background-color: #00bcd4;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
    border-radius: 2px;
}
.pag-elearn .pagination li.active a {
    background-color: #e85935;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
    border-radius: 2px;
}
.pag-def .pagination li.active a {
    background-color: #f76f0b;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
    border-radius: 2px;
}
.pag-admin .pagination li.active a {
    background-color: #5a3815;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
    border-radius: 2px;
}
.pag-admin-green .pagination li.active a {
    background-color: #4caf50;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
    border-radius: 2px;
}

/*--- Login and Outside Pages---*/

.btn-red {
    background-color: #e32424;
    color: #fff;
}

    .btn-red:hover {
        background-color: #ca0505;
        color: #fff;
    }


.btn-grey {
    background-color: #8a8a8a;
    color:#fff;
}
    .btn-grey:hover {
        background-color: #757575;
        color: #fff;
    }

.bg-orange-def {
    background-color: #f76f0b;
    color: #fff;
}
    .bg-orange-def:hover {
        background-color: #de640a;
        color: #fff;
    }
[type="checkbox"]:checked.chk-col-orange-def + label:before {
    border-right: 2px solid #f76f0b;
    border-bottom: 2px solid #f76f0b;
}
html,
body{
    background:#efefef;
}
html,
body,
.login-setup {
    height: 100%;
    margin: 0;
    padding: 0;
}

.login-setup {
    display: flex;
}

.login-img {
    flex: 1;
    background: #544f4b url('/images/login-build-bg.jpg') no-repeat left top;
    background-size: cover;
}

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

.login-form {
    flex: 1;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    background:#fff;
}

    .login-form h3 {
        text-transform: uppercase;
        font-size: 18px;
        margin-left: 0;
        padding-bottom: 15px;
        text-align: center;
    }

    .login-img .inner,
    .login-form .inner {
        padding: 120px 170px;
    }

        .login-img .inner h1 {
            color: #FFF;
            font-size: 56px;
        }

        .login-img .inner h2 {
            color: #FFF;
            font-size: 14px;
            margin: 0;
            padding: 0;
            font-style: italic;
        }
.login-img h3 {
    color: #FFF;
    font-size: 38px;
    font-weight:300;
    padding: 80px 170px!important;
    margin: 0;
    padding: 0;
}
.card .body .col-xs-6,
.card .body .col-sm-6,
.card .body .col-md-6,
.card .body .col-lg-6 {
    margin-bottom: 10px;
}
.input-group {
    width: 100%;
    margin-bottom: 5px;
}
.input-group-addon {
    padding: 6px 12px !important;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
}


/*---ADMIN---*/
.admin-setup .block-header h2 span {
    display:inline-block;
    top:-4px;
    position:relative;
}
.theme-brown .navbar {
    background-color: #6b3b13;
}
[type="checkbox"] + label {
    font-size: 14px;
}



@media only screen and (max-width:1366px) {
    .login-img .inner, .login-form .inner {
        padding: 60px 150px;
    }
    .login-img .inner h1 {
        font-size: 46px;
    }
}
@media only screen and (max-width:768px) {
    .login-setup {
        display: flex;
        flex-direction:column;
    }
    .login-img .inner, .login-form .inner {
        padding: 30px 40px;
    }
        .login-img .inner h1 {
            font-size: 36px;
        }
}
@media only screen and (max-width:480px) {
    .login-img .inner h1 {
        font-size: 26px;
    }
    .login-img .inner, .login-form .inner {
        padding: 15px 20px;
    }
    .login-img {
        flex: none;
        background: #544f4b url('/images/login-build-bg500.jpg') no-repeat left top;
        background-size: cover;
    }
}