.grey-bg {margin:0px 30px; padding:60px 0 40px 0;}
.grey-bg p {margin-bottom:25px; font-weight:500; font-size:16px;}
.the-100 {max-width:100%;}
.login-box {padding:40px 0;}
.btn-primary {background:none; background-color:#32a08f; color:#FFF; border-radius:0px; border:none; padding:5px 10px; font-size:15px; font-weight:bold; text-transform:none;}
.the-login-panel-heading h4.the-login-panel-title {text-transform:none; color:#000; font-size:22px; font-weight:700; margin-bottom:15px;}
.the-login-panel .form-horizontal .control-label {text-align:left; font-size:16px; color:#32a08f; font-weight:700;}
.the-login-panel-footer .pull-right {margin-right:-5px;}
.cap {margin-left:15px;}
.cap input {position:relative; left:-10px;}
.home-content h1 {padding:0; margin:0; font-size:3rem; padding-bottom:3rem;}
.home-content h3 {padding:0; margin:0; font-size:2.5rem; padding-bottom:.3rem;}
.logos {padding:10px 0; position:relative;}
.tenant { position:absolute; left:0; top:-10px; padding-right:10px; border-right:1px solid #ddd;}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background-color:#32a08f;}
.table-bordered > tbody > tr:hover > td {background-color:#e3fffb;}
.table-bordered th {background-color:#0e6374; color:#FFF;}
.pageContent .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .dropdown-menu>li:hover>a, .pageContent .btn-primary {
    background-image: none; background-color: #32a08f; color:#FFF;}
.pageContent .btn-primary:hover {border:none;}
a.btn.btn-login.btn-primary {background-color:#32a08f !important; color:#FFF; border-radius:0px; text-transform:none; font-size:14px; font-weight:bold; padding:6px 10px 6px 15px;}
a.btn.btn-login.btn-primary img {position:relative; right:0px; transition:all ease .2s;}
a.btn.btn-login.btn-primary:hover {background-color:#0e7c6b !important; color:#FFF;}
a.btn.btn-login.btn-primary:hover img {right:-5px;}

.navbar-clear {margin-top:20px; float:right; right:-15px;}
@media screen and (max-width: 991px) { 
.navbar-clear { clear:both; float:none; margin-top:0; right:0;}
.tenant { position:static; border:none; display:block; border-top:1px solid #DDD; margin-top:10px;}
}

/* dashboard */
.alert.alert-dark {background-color:#32a08f; color:#FFF;} .alert.alert-light { color:#FFF; background-color:#106d81;} .alert-black {background-color:#414141;}
.alert.white h4 {color:#FFF !important;}
.navbar-clear .navbar-nav > li > a {color:#FFF; background-color:#55758E;}
.navbar-clear .navbar-nav > li.active > a { background-color:#32a08f;}
.navbar-clear .navbar-nav > li:hover > a { background-color:#32a08f;}

/* learning journey begin */
.journey-block {color:#000; margin-top:10px; position:relative;}
.journey-closer {position:absolute; width:10px; left:0; bottom:0; height:99px; background-color:#FFF; z-index:3;}
.journey-block .title {font-size:22px; background-color:#f5f5f5;}
.journey-block .title h3 .badge {position:relative; top: -5px; margin-left:5px;}
.journey-block h3 {margin:0; padding:10px 0px;}
.journey-block .the-progress-bar { background-color:#dcdcdc; color:#000; font-weight:300; font-size:14px; padding:1px 5px 2px 5px; margin:10px 0px; position:relative;}
.journey-block .the-progress-bar .the-complete-bar {width:40%; position: absolute; top:0; left:0; background-color:#9C0; height:100%; z-index:1;}
.journey-block .the-progress-bar .pc {position:relative; z-index:2;}
.journey-block .badge {border-radius:3px; padding:2px 5px; text-transform:uppercase; font-weight:300; font-size:10px;}
.title { border-left:10px solid #39C; border-bottom:none;}
.journey-details { border-left:10px solid #39C;}
.block-description { padding:20px 0;}
.a-module {background-color:#eeeeee; border-radius:10px; box-shadow:0px 0px 10px rgba(0,0,0,.3); margin-bottom:25px; margin-top:25px; position:relative;}
.a-module h4 {margin-top:0;}
.a-module .left-bar {position:absolute; width:30px; left:-30px; top:65px; border-bottom:10px solid #39C; z-index:2;}
.a-module .right-bar {position:absolute; width:30px; right:-30px; top:65px; border-bottom:10px solid #39C; z-index:2;}
.journey-block .a-block:last-child .a-module .right-bar {display:none;}
.left-bar img {position:absolute; top:-6px; right:-19px;}
.a-block {position: relative; z-index: 40;}
.a-module .details {font-size:11px; position:relative;}
.a-module .details a { text-decoration:underline;}
.a-module a {display:block;}
.a-module .module-data {padding:20px;}
.a-module .details .badge {position:absolute; bottom:-5px; right:-5px;}
.a-block + .clearfix {border-bottom:10px solid #39C; position:relative; margin:0px -15px;}
.blocker {border-left:10px solid #FFF; height:15px; width:10px; position:absolute; bottom:0px; left:-10px;}
.blocker-right {border-right:10px solid #39C; height:15px; width:10px; position:absolute; bottom:0px; right:0px;}
/* learning journey end */

/* launch buttons */
.a-module .launch {padding:10px 8px 12px 8px; background-color:#106d81; color:#FFF; border-radius:0px 0px 10px 10px; position:relative;}
.a-module .launch.launch-completed {background-color:#32a08f; color:#FFF;}
.a-module .launch.launch-failed {background-color:#C00; color:#FFF;}
.a-module .launch.launch-progress {background-color:#ffcc00; color:#000;}
.a-module .launch:hover {background-color:#999; color:#000;}
/*.the-no {position:absolute; right:0; bottom:5px; height:20px; width:20px;}
/* launch buttons end */

/* badges */
.badge.badge-progress {background-color:#ffcc00; color:#333;}
.badge.badge-failed {background-color:#C00; color:#FFF;}
.badge.badge-completed {background-color:#32a08f; color:#FFF;}
.badge.badge-not-started {background-color:#999; color:#FFF;}
.badge.badge-access-status {background-color:#55758E; color:#FFF;}
/* badges end */