@charset "UTF-8";
/* CSS Document */

.login-page {
    background-color: rgb(154, 154, 154);
}
.login-page #demo-form label{
    margin-bottom: 20px;
}
.body-sign .panel-sign .panel-title-sign .title {
    background-color:#005696;
}
body .btn-orange {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #005696;
    border-color: #005696;
}

body .btn-orange:hover {
    border-color: #005696 !important;
    background-color: #005696;
    color:#ffffff;
}

body .btn-orange:active,
body .btn-orange:focus {
    border-color: #005696 !important;
    background-color: #005696;
    color:#ffffff;
}

.body-sign .panel-sign .panel-body {
    border-top-color:#005696;
}

.sidebar-left{
    background:#272727;

}

.sidebar-left .sidebar-header .sidebar-toggle{
    background-color:#000000;

}

.page-header{
    background:#000;

}

.page-header h2 {
    border-bottom-color:#005696;
}

ul.nav-main > li.nav-active > a{
    box-shadow: 2px 0 0 #005696 inset;
}

.widget-twitter-profile .profile-quote {
    background-color: #03aab5;
}
.widget-twitter-profile {
    background-color: #00bac6;
}
ul.nav-main > li > a:hover, ul.nav-main > li > a:focus {
    background-color: #000;
}

/* --- Home Page  --- */
.home-user-profile {
    background-color: #6D7C91;
    color: #434A5C;
    padding-top: 35px;
    padding-bottom: 10px;
    margin-top: -2%;
}
.home-user-profile .profile-info {
    padding: 15px;
    min-height: 75px;
    color: #fff;
}
.home-user-profile .profile-info .profile-picture {
    float: left;
    margin-right: 35px;
    position: relative;
}
.home-user-profile .profile-info .profile-picture img {
    display: block;
    width: 100px;
    height: 100px;
    margin-top: -25px;
    margin-bottom: -25px;
    margin-left: -35px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}
.home-user-profile .profile-info .profile-account {
    float: left;
}
.home-user-profile .profile-info .profile-account .name {
    margin: 0;
}
.home-user-profile .profile-info .profile-account .account {
    color: #C3C6CA;
    margin: 0;
    line-height: 1.4;
}

/* iPad 3 and 4 Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
    .circle-link-container {
        margin-top: 8%;
        margin-left: 0px !important;
        margin-bottom: 5%;
    }
    .circle-link-container div {
        margin: 0px !important;
        padding: 0px !important;
    }
    .profile-bottom-section .btn-wrapper {
        margin-left: 50px;
    }
    .profile-user-welcome {
        margin-left: 40px;
    }
}


/* iPad mini Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
    .circle-link-container {
        margin-top: 8%;
        margin-left: 0px !important;
        margin-bottom: 5%;
    }
    .circle-link-container div {
        margin: 0px !important;
        padding: 0px !important;
    }
    .profile-bottom-section .btn-wrapper {
        margin-left: 50px;
    }
    .profile-user-welcome {
        margin-left: 40px;
    }
}

/* iPhone 6 Portrait and Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px) {
    .circle-link-container {
        margin-top: 8%;
        margin-left: 0px !important;
        margin-bottom: 5%;
    }
    .circle-link-container div {
        margin: 0px !important;
        padding: 0px !important;
    }
    .profile-bottom-section .btn-wrapper {
        margin-left: 50px;
    }
    .profile-user-welcome {
        margin-left: 40px;
    }
}

/* iPhone 6+ Portrait and Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3) {
    .circle-link-container {
        margin-top: 8%;
        margin-left: 0px !important;
        margin-bottom: 5%;
    }
    .circle-link-container div {
        margin: 0px !important;
        padding: 0px !important;
    }
    .profile-bottom-section .btn-wrapper {
        margin-left: 50px;
    }
    .profile-user-welcome {
        margin-left: 40px;
    }
}

@media only screen and (max-width: 1174px) {
    .ballon-orange-wrapper-profile {
        display: none !important;
    }
}

@media only screen and (min-width: 1250px) and (max-width: 1600px) {
    .circle-link-container {
        clear: both;
    }
    .profile-info .ballon-orange-wrapper-profile {
        margin-left: 100px !important;
    }
}

@media only screen and (min-width: 990px) and (max-width: 1630px) {
    .percent-overall-course-completion-bar-details {
        clear: both;
    }
    .stat-circle-label {
        clear: both;
    }
}

@media only screen and (max-width: 1450px) {
    .cert-item-details {
        clear: both;
    }
}

@media only screen  and (min-width: 1440px) and (max-width: 1602px) {
    .profile-user-welcome {
        width: 30%;
    }
}

.circle-link-container {
    float: left;
    margin-left: 40px;
}
.circle-link-container a{
    text-decoration: none;
    color: #eee;
}

.home-user-profile .profile-bottom-section-wrapper {
    padding: 0px 0px 0px 120px;
    /*background-color: #00BAC6;*/
    color: #fff;
}
.home-user-profile .profile-bottom-section div {
    /*color: #FFF;*/
    border-top: 1px solid #AFB0B2;
}
.home-user-profile .profile-bottom-section button {
    background-color: #1A1D2C;
    border-color: #1A1D2C;
    color: #FFF;
}
.home-user-profile .profile-bottom-section button:hover {
    background-color: #414454;
    border-color: #414454;
    color: #FFF;
}
.circle-link {
    width: 50px;
    height: 50px;
    position: relative;
}
.container-section {
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    margin-top: 15px;
}
.container-section button{
    background-color: #00BAC6;
    color: #fff;
}
.img-max-w-80 {
    max-width: 100px;
}
.item-wrapper h4, .item-wrapper h5, .item-wrapper em {
    margin: 0;
    color: #2E3D54;
}
.percent-overall-course-completion-bar-circle {
    width: 100px;
    height: 100px;
    position: relative;
    padding: 10px;
    /*background-color: #F58F23;*/
    /*border-radius: 50px;*/
}
.course-assigned-bar-circle, .course-completed-bar-circle, .overall-completion-bar-circle {
    width: 50px;
    height: 50px;
    position: relative;
}
.percent-overall-course-completion-bar-details h4 {
    color: #6C7B90;
}
.percent-overall-course-completion-bar-details span {
    font-size: 14pt;
}
.ballon-orange {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 1%;
    left: 1%;
}

.ballon-orange-wrapper-profile {
    float: left;
    position: relative;
    margin-top: -1.2%;
}
.ballon-orange-bar-wrapper {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 2%;
    left: 1%;
}
.height_100 {
    height: 100px;
}
.progressbar-circle-text {
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 0px;
    margin: 0px;
    transform: translate(-50%, -50%);
    color: rgb(0, 186, 199);
    font-family: Raleway, Helvetica, sans-serif;
    font-size: 1.5rem;
}

/* --- end: Home Page  --- */

.bg_ecedf0 {
    background-color: #ecedf0 !important;
}

ul.simple-user-list li.course-item {
    margin: 0 0 5px;
}

/* - styles from theme custom */
/* Add here all your CSS customizations */
.course-border{
	border-style:solid;
	border-width:1px;
	border-color:#a6a6a6;
}
.dark-blue{
	color:#272e43;
}
.margin-min{
	margin: 15px 0px 15px 0px;
}
.card{
	min-height:200px;
}
.card-items-holder{
	overflow:auto;
	height:400px;
}
.team-items-holder{
	overflow:hidden;
	overflow-y:auto;
	height:500px;
}
.valign-middle{
	vertical-align:middle !important;
}
.pt10{
	padding-top:10px;
}
.pb10{
	padding-bottom:10px;
}
ul.simple-company-list{
	padding-left:10px;

}
ul.simple-company-list li{
	margin:0px;
	padding-bottom:10px;
	padding-top:10px;
	list-style:none;
	border-bottom:1px solid #606060;
}
.ml10{
	margin-left:10px;
}
.fa-vc{line-height:inherit!important;}
.fa-gold{
	color:#E0C300;
}
.lh-1_5{
	line-height: 1.5;
}
.bg-blue{
	background: #0088cc;
}
.font-24px {
	font-size: 24px !important;
}
/* popup content */
/* For Identity Related Travel popup */
.modal-text p {
	font-size: 11pt;
}
.modal-text h4 {
	padding-top: 10px;
	font-size: 12pt;
	font-weight: bold;
}
.modal-text h3 {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14pt;
	font-weight: bold;
}
.modal-text ul {
	padding-bottom: 10px;
}
.font-bold {
	font-weight: bold;
}
/* end: popup content  */
.img-35 {
	width: 35px;
	height: 35px;
}
/* win 360 chart size */
.win-piechart {
	min-height: 500px;
}
.win-piechart-sm {
	min-height: 250px;
}
.win-columnchart {
	min-height: 400px;
}
/* end - win 360 chart size */
.cursor-pointer {
	cursor: pointer;
}
.parent-post-highlight {
	background-color: #eef9ff;
	border: 1px solid #dcdcdc;
}
/* used in forum post */
.content-two-line {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: box !important;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.post-bar {
	padding-top:10px;
	padding-bottom:10px;
	margin-top:10px;
	margin-bottom:10px
}
.gray {
	background-color:#dddddd;
}
.blue {
	background-color: rgb(155, 208, 234);
}
.green {
	background-color: rgba(71, 164, 71, 0.43);
}
/* for new course layout and course tiles */
.title-two-line {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: box !important;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight:bold;
	color:#949494;
	line-height:17px;
	height: 36px;
}
.course-tile-wrapper{
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;
	background:#FFFFFF;
}
.course-subtitle{
	color:#949494;
	font-size:13px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;

}
.score-percent{
	font-weight:bold;
	font-size:16px;
}
.courseTile{
	padding: 20px;
	background-color: #fff;
	margin: 15px;
	border-radius: 10px;
}
.course-title-area{
	height:80px;
}
.course-title-area span i {
	color: #949494;
}
.tileShadow{
	-webkit-box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.58);
	-moz-box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.58);
	box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.58);
}
.course-section-title{
	font-size:16px;
	font-weight:bold;
}
.wordwrap {
	word-wrap: break-word;
}

.progress {
	background: #6D7C91 !important;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4) inset;
}
.progress .progress-bar-success {
	background-color: #F58F23 !important;
}
.progress .percent_complete {
	float: right;
	color: #fff;
	font-size: 12px;
	margin-right: 4%;
	line-height: 1.6;
}

/* Manage Enrollment */
.course-sections, .courses{
	display: none;
}
/* End Manage Enrollment */

.modal-block-primary .fa {
    color: unset;
}