/* Colors Legend *******************/

/* #f8f8f6 > Lighter Grey */
/* #121011 > Darkest Grey */

/* #f8f8f6 > Lightest Blue */
/* #b8bcb8 > Light Blue */
/* #5ac3a4 > Dark Blue */
/* #4cb051 >  Dark Blue  ... sometimes*/
/* #5ac3a4 > Darkest Blue */


/* #93b5d2 > Gold */


/* Preset Tags *******************/

body {
	color: #121011;
}

h1 {
	color: #3CA586;
}

h2 {
	color: #5ac3a4;
}

h2:after {
	background-color: #b8bcb8;
}

h3 {
	color: #5ac3a4;
}

h4 {
	color: #b8bcb8;
}

a {
	color: #5ac3a4;
}

.sidebar-items a {
	color: #348F74;
}

#btnSearch {
	color: #3CA586;
}

#lnkProfileActions {
	color: #3CA586;
}

/* Button *******************/

.cta-action i {
	border-color: #5ac3a4;
}

.cta-action:hover i {
	background-color: #5ac3a4;
	color: #ffffff;
}

/* User *******************/

.user-pic img {
	border-color: #ffffff;
}

/* Tags *******************/

.tag {
	border-color: #5ac3a4;
}

.tag:hover {
	background-color: #5ac3a4;
	color: #ffffff;
}

/* Video Preview *******************/

.video-thumbnail {
	color: #ffffff;
}

.video-thumbnail:before {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6));
}

.video-preview .video-main-info {
	color: #b8bcb8;
}

/* Star Ranking *******************/

.star-ranking i {
	color: #f8f8f6;
}

.star-1 i:first-child,
.star-2 i:first-child,
.star-2 i:nth-child(2),
.star-3 i:first-child,
.star-3 i:nth-child(2),
.star-3 i:nth-child(3),
.star-4 i:first-child,
.star-4 i:nth-child(2),
.star-4 i:nth-child(3),
.star-4 i:nth-child(4),
.star-5 i,
.star-ranking:not(.disabled):hover i {
	color: #ff9800;
}

.star-ranking:not(.disabled) i:hover ~ i {
	color: #f8f8f6;
}

/* Main Container *******************/

.fixed-side-menu .main-container::before {
	background-color: #f8f8f6;
}

.profile-side-menu .main-container::after {
	background-color: #f8f8f6;
}

/* Header *******************/

.side-nav-btn {
	color: #b8bcb8;
}

.header-logo > i {
	color: #b8bcb8;
}

/* Sidebar *******************/

.sidebar {
	background-color: #f8f8f6;
}

/* Sub Menu *******************/

.nav-submenu {
	background-color: #ffffff;
	border-color: #f8f8f6;
}

/* Nav Side Menu *******************/

.sidebar-background {
	background-color: rgba(0, 0, 0, 0.5);
}

.search-field input {
	background-color: #f8f8f6;
}

.profile-container {
	color: #5ac3a4;
}

/* Profile Side Menu *******************/

#sidebar-profile-container .video-main-info .video-user,
#sidebar-profile-container .video-main-info .video-date {
	color: #b8bcb8;
}

/* Footer *******************/

footer {
	background-color: #3CA586;
	color: #ffffff;
}

footer .footer-details,
footer .footer-details a {
	color: #ffffff;
}

footer .footer-tagline p {
	color: #ffffff;
}

footer .social-media-list li a {
	color: #ffffff;
}

footer .email-field {
	border-color: #ffffff;
}

footer .email-field input,
footer .email-field a,
footer .email-field button {
	color: #ffffff;
}

/* Home *******************/

.home-container:not(:last-child) {
	border-bottom-color: #f8f8f6;
}

.featured {
	border-bottom-color: #5ac3a4;
	color: #ffffff;
}

.featured::before {
	background-color: rgba(0, 0, 0, 0.4);
}

.featured-play-btn {
	border-color: #ffffff;
}

.featured .video-main-info h1 {
	color: #ffffff;
}

.slider-btn {
	background-color: #ffffff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

/* Video *******************/

.video-container {
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.video-main-info .video-date,
.video-main-info .video-likes,
.video-main-info .video-views {
	color: #b8bcb8;
}

.add-comment-container textarea {
	background-color: #f8f8f6;
}

.comment-container .user,
.comment-container .comment-time {
	color: #5ac3a4;
}

/* DEV CUSTOM */
.authentication-form hr {
    color: #ffffff;
    background-color: #ffffff;
}
@media (max-width: 768px) {
    .footer-content .dropup ul ul li {
        background-color: #5ac3a4;
    }
}
input[type="text"].form-control,
input[type="password"].form-control,
select.form-control,
textarea.form-control {
    background-color: #f8f8f6;
}
.summernote.form-control + .note-editor .note-editable,
#shareModal .form-group {
    background-color: #f8f8f6;
}
.customUploadZone .file-input-button {
    color: #5ac3a4;
}
.video-report {
    color: #b8bcb8;
}
.criteria label span {
    color: #b8bcb8;
    border-color: #b8bcb8;
}
.criteria label {
    color: #5ac3a4;
}
.criteria input:checked + label {
    background-color: #5ac3a4;
    border-color: #5ac3a4;
}
.video-preview h5 {
    color: #5AC3A4;
}
.loader {
    border-color: #f8f8f6;
    border-top-color: #5ac3a4;
}

.cta-action {
    color: #5ac3a4 !important;
}

/* Override Input:focuced color*/
.form-input:focus {

    border: 1px solid #5ac3a4 !important;
    color: #333;
    -webkit-outline: none;
    -moz-outline: none;
    outline: none;

}

.js-float-label-wrapper.focused label{
	color: #5ac3a4 !important;
	font-weight: bold;
}

/* Login Form - Override */
#loginModal.modal {
    background-color: rgba(0,0,0,0.3);
}

#loginModal.modal .modal-content {
	background-color: #5ac3a4;
}

#loginModal.modal .close {
	color: #ffffff !important;
	text-shadow: 0 1px 0 #ffffff !important;
	opacity: 1;
}

#loginModal.modal .close:hover {
	color: #1c4d3e !important;
	opacity: 1;
}

#loginModal.modal .cta-action {
    color: #ffffff !important;
}

#loginModal.modal .cta-action i {
	border-color: #ffffff;
}

#loginModal.modal a {
    color: #ffffff;
}

#loginModal h4.modal-title {
	color: #ffffff;
	font-size: 16px;
}

#loginModal.modal input.form-input {
	border: 1px solid rgba(255, 255, 255, 0.4);
	background-color: rgba(255, 255, 255, 0.35);
	color: #ffffff;
}

#loginModal.modal .js-float-label-wrapper.focused input.form-input{
	background-color:#ffffff !important;
	color: #333333;
	
}

#loginModal.modal .authentication-form label {
    color: #ffffff;
    font-weight: normal;
}

#loginModal.modal a:hover, 
#loginModal.modal a:focus {
    color: #1c4d3e;
}

#loginModal.modal .js-float-label-wrapper.focused label {
	font-weight: bold;
}

#loginModal.modal .js-float-label-wrapper.populated label {
    color: #44bb98;
	font-weight: bold;
}

#loginModal.modal .cta-action:hover i {
    background-color: #ffffff;
    color: #5ac3a4;
}

/* Video Share form, Report modal  - override other css*/
.modal,
#shareModal.modal, 
#reportModal.modal,
#reportCommentModal.modal {
    background-color: rgba(0,0,0,0.3);
}

.modal-content,
#shareModal .modal-content,
#reportModal .modal-content,
#reportCommentModal .modal-content  {
	background-color: #f8f8f6;
}

.modal .close,
#shareModal.modal .close,
#reportModal.modal .close,
#reportCommentModal.modal .close {
	color: #3ca586 !important;
	text-shadow: none;
	opacity: 1;
}

.modal .close:hover,
#shareModal.modal .close:hover,
#reportModal.modal .close:hover,
#reportCommentModal.modal .close:hover {
	color: #70cbb0 !important;
	opacity: 1;
}

.modal .cta-action,
#shareModal.modal .cta-action,
#reportModal.modal .cta-action,
#reportCommentModal.modal .cta-action {
    color: #3ca586 !important;
}

.modal .cta-action i,
#shareModal.modal .cta-action i,
#reportModal.modal .cta-action i,
#reportCommentModal.modal .cta-action i {
	border-color: #3ca586;
}

.modal .cta-action i:hover,
#shareModal.modal .cta-action:hover i,
#reportModal.modal .cta-action:hover i,
#reportCommentModal.modal .cta-action:hover i  {
    background-color: #3ca586;
    color: #ffffff;
}

.modal a,
#shareModal.modal a,
#reportModal.modal a,
#reportCommentModal.modal a  {
    color: #3ca586;
}

.modal .form-icon,
#shareModal.modal .form-icon,
#reportModal.modal .form-icon,
#reportCommentModal.modal .form-icon {
    color: #3ca586;
}

.modal h3,
#shareModal h3,
#reportModal h3,
#reportCommentModal h3 {
	color: #3ca586;
}

.modal h4.modal-title,
#shareModal h4.modal-title,
#reportModal h4.modal-title,
#reportCommentModal h4.modal-title  {
	color: #3ca586;
}

.modal .form-control,
#shareModal.modal .form-control,
#reportModal.modal .form-control,
#reportCommentModal.modal .form-control {
	color: #666 !important;
	background-color: #ffffff;
}

.modal input.form-input,
#shareModal.modal input.form-input {
	border: 1px solid rgba(255, 255, 255, 0.4);
	background-color: rgba(255, 255, 255, 0.35);
	color: #666666;
}

.modal .js-float-label-wrapper.focused input.form-input,
#shareModal.modal .js-float-label-wrapper.focused input.form-input{
	background-color:#ffffff !important;
	color: #666666;
}

.modal .authentication-form label,
#shareModal.modal .authentication-form label,
#reportModal.modal .authentication-form label,
#reportCommentModal.modal .authentication-form label {
    font-weight: normal;
}

.modal a:hover, 
#shareModal.modal a:hover, 
#shareModal.modal a:focus,
#reportModal.modal a:hover,
#reportModal.modal a:focus,
#reportCommentModal.modal a:hover,
#reportCommentModal.modal a:focus {
    color: #70cbb0;
}

.modal .js-float-label-wrapper.focused label,
#shareModal.modal .js-float-label-wrapper.focused label {
	color: #3ca586 !important;
}

.modal .js-float-label-wrapper.populated label,
#shareModal.modal .js-float-label-wrapper.populated label {
    color: #3ca586;
}

.modal hr, 
#shareModal.modal hr {
    border-top: none !important;
}

.modal .note-frame *, 
#shareModal.modal .note-frame * {
    color: #666;
	background-color: #ffffff;
}

#shareModal.modal .js-float-label-wrapper {
    border: 1px solid rgba(0,0,0,0.3);
}

#shareModal .form-group {
    background-color: #ffffff !important;
}

.modal,
#reportModal.modal,
#reportCommentModal.modal {
    color: #3ca586;
}