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

/* #f6f6f6 > Lighter Grey */
/* #ececec > Light Grey */
/* #9b9b9b > Dark Grey */
/* #212121 > Darker Grey */

/* #d8e5ee > Light Blue */
/* #005893 > Blue */
/* #7bc700 > Green */

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

body {
	color: #000000;
}

h1 {
	 color: #005893; 
}

h2 {
	 color: #005893;
}

h2:after {
	background-color: #7bc700;
}

h3 {
	 color: #005893; 
}

h4 {
	color: #9b9b9b;
}

a {
	color: #005893; 
}

#userMenu a {
    color: #005893;
}

/* Fixed colors */
.form-input:focus {
	border: 1px solid #7bc700 !important;
}

.js-float-label-wrapper.focused label{
	color: #7bc700 !important;
}

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

.cta-action {
	color: #7bc700;
}

.cta-action i {
	border-color: #7bc700;
}

.cta-action:hover i {
	background-color: #7bc700;
}

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

.tag {
	border-color: #7bc700;
	color: #7bc700;
}

.tag:hover {
	background-color: #7bc700;
}

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

.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: #b9b9b9;
}

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

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

.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: #ececec;
}

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

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

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

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

.side-nav-btn {
	color: #9b9b9b;
}

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

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

.sidebar {
	background-color: #f6f6f6;
}

.sidebar-items a {
	color: #212121;
}

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

.nav-submenu {
	border-color: #ececec;
}

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

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

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

.profile-container {
	color: #005893;
}

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

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

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

footer {
	background-color: #212121;
}

footer .footer-tagline p {
	color: #9b9b9b;
}

footer .email-field input {
	color: #ececec;
}

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

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

.featured {
	border-bottom-color: #005893;
}

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

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

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

.comment-container .user,
.comment-container .comment-time {
	color: #9b9b9b;
}

/* DEV CUSTOM */
#sidebar-nav-container {
    background-color: #f6f6f6;
}
.cta-action {
    color: #7bc700 !important;
}
input[type="text"].form-control,
input[type="password"].form-control,
select.form-control,
textarea.form-control {
    background-color: #f6f6f6;
}
.summernote.form-control + .note-editor .note-editable,
#shareModal .form-group {
    background-color: #f6f6f6;
}
.criteria label span {
    color: #b3bcc3;
    border-color: #b3bcc3;
}
.criteria label {
    color: #7bc700;
}
.criteria input:checked + label {
    background-color: #7bc700;
    border-color: #7bc700;
}
.loader {
    border-color: #f6f6f6;
    border-top-color: #7bc700;
}

@media (max-width: 768px) {
    .footer-content .dropup ul ul li {
        background-color: #212121;
    }
}

#lnkProfileActions {
    color: #7bc700;
}

#btnSearch {
    color: #7bc700;
}

.video-preview h5 {
    color: #7bc700;
}

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

#loginModal.modal .modal-content {
	background-color: #7bc700;
}

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

#loginModal.modal .close:hover {
	color: #3e6300 !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.25);
	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, .modal a:focus {
    color: #3e6300;
}

#loginModal .modal .js-float-label-wrapper.focused label {
	font-weight: bold;
	color: #7bc700 !important;
}

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

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

/* 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-conten,
#reportCommentModal .modal-content {
	background-color: #f6f6f6;
}

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

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

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

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

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

.modal a,
#shareModal.modal a,
#reportModal.modal a,
#reportCommentModal.modal a  {
    color: #7bc700;
}

.modal .form-icon,
#shareModal.modal .form-icon,
#reportModal.modal .form-icon,
#reportCommentModal.modal .form-icon {
    color: #7bc700;
}

.modal h3,
#shareModal h3,
#reportModal h3,
#reportCommentModal h3 {
	color: #7bc700;
}

.modal h4.modal-title,
#shareModal h4.modal-title,
#reportModal h4.modal-title,
#reportCommentModal h4.modal-title {
	color: #7bc700;
}

.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 .form-input:focus
#shareModal.modal .form-input:focus,
#reportModal.modal .form-input:focus,
#reportCommentModal.modal .form-input:focus {
    border: 1px solid #7bc700 !important;
}

.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: #3e6300;
}

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

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

.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: #7bc700;
}

/* Redmine 12472 */
#ctrlLogin_btnCreateAccount{
	display:none;
}