.login-page { background: url(../../../img/bg_login.jpg) center no-repeat; background-size: 100% auto; }
.login-box { background: #d6d6e1; }

.btn-default { border: 1px solid #392b70!important; color: #392b70!important; }
.btn-default:hover { border: 1px solid #392b70!important; background: #d6d6e1;  color: #392b70!important; }

.btn-primary { background: #392b70!important; color: #FFF; border: none; }
.btn-primary:hover { background: #8066e8!important; }

.page-header,
.navbar-default,
.page-inner:not(.login-page) { background: #d6d6e1!important; }

.logo-box,
.page-sidebar { background: #191826!important; }
.logo-box { color: #FFF!important; }

.logo-box { background: #191826 url() }

.page-sidebar-menu ul li a { padding: 5px 20px; }
.accordion-menu .sub-menu li a { padding: 7px 20px 7px 20px; }

.panel-transparent { background: transparent; border: none; }

.document-viewer iframe { width: 100%; height: 450px; }

#video-list td { vertical-align: middle; }

.page-sidebar-inner { width: 100%!important; }
.accordion-menu .sub-menu, .page-sidebar-collapsed .page-sidebar-menu > ul > li:hover > a { background-color: #191826!important }

/* NEW STYLES */ 

.nav-fixed { position: fixed;  width: 19%; }

.tile { background: #3C2874; border-radius: 10px; height: 210px; padding: 20px; margin: 10px; color: #FFF; box-shadow: 5px 5px 10px 1px #666; }
.tile a { display: block; height: 140px; color: #FFF; }
.course-title { font-size: 20px; font-weight: bold; }
.module-title { font-size: 15px; }

.wrap-content { max-width: 100%; overflow: hidden; }
.container-content { padding: 20px; }
.container-content video { width: 100%; }

.list-lesson-content { font-size: 13px; margin: 0 20px 20px 0; padding: 0; }
.list-lesson-content li { margin-bottom: 10px; padding: 5px; }
.list-lesson-content li.lesson-active { background:  #63CB89 !important;  }
.list-lesson-content li.lesson-active a { color: #FFF; }

.user-dropdown a span { margin-left: 10px; font-weight: bold;  font-size: 1.2em; }

.form-horizontal {  padding: 40px 0; }
.form-horizontal label { display: inline-block; margin-bottom: 10px!important; text-align: left!important; }
.form-horizontal h4 { margin-bottom: 20px; }
.help-block { font-size: 11px; }

.btn-wrap { margin-top:10px;margin-bottom:-14px; }

.video-wrap { display: block; padding: 10px; border-radius: 20px; width: 400px; margin: 20px auto; background: #392c6f; color: #FFF; }
a.video-wrap:hover,
a.video-wrap:active { color: #FFF; }
.video-wrap h4 { font-weight:bold; color: #FFF; }
.video-cover { border-top-left-radius: 20px; border-top-right-radius: 20px; overflow: hidden; } 
.video-cover img { width:100%; }

.form-inline label { display: block; font-size: 10px!important; }
.form-inline .form-group { width: 20%; margin: 5px; }
.form-inline .form-group input,
.form-inline .form-group select { width:100%; }
.form-inline .form-group button { margin-top: 7px; }

.list-lesson-content { list-style: none; }

.bt-whats {
    position: fixed;
    bottom: 15px;
    right: 10px;
    width: 50px;
    height: 50px;
    overflow: hidden;
    background: #4dc247;
    color: #FFF;
    border-radius: 100px;
    z-index: 999;
}
.bt-whats svg {
    fill: white;
}

.step-by-step { font-size: 1.15rem; }
.step-by-step td { border: none; padding: 2px 10px; background: yellow; }
.step-by-step td.step-ok { background: green; color: #FFF; }
.step-by-step td.step-ok a { color: #FFF; }

.bs-example-modal-lg #frm_video_info .btn { display: none; }

/* CUSTOM */
.my-5 { margin: 5px 0; }
.mt-20 { margin-top: 20px; }
.color-white { color: #FFF!important; }
.mt-15 { margin-top: 15px; }
.py20 { padding-top: 20px; padding-bottom: 20px; }
.px50 { padding-left: 50px padding-right: 50px; }

.cookie-policy { display: none;
    background: #222;
    color: #FFF;
    position: fixed;
    bottom: 0;
    left: 0; right: 0;
    padding: 20px;
    font-size: 1rem;
    z-index: 999;
}

.cookie-policy a { color: #FFF;  }

@media only screen and (max-width: 768px)
and (orientation : portrait)  {
	.logo-box { background: none!important; color:#000!important; }
	.page-sidebar .logo-box { color:#FFF!important; }
}