/* Dark Mode */
.dark-mode {color: #A7A7A7;}
.dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6 {color: #fff;}


.dark-mode header {background-image: none; background-color: #151515; border: 1px solid #151515;}
.dark-mode main {background-color: #333;}
.dark-mode footer {background-image: none; background-color: #151515;}
.dark-mode #sidenav{ background-color: #151515; }
.dark-mode #sidenav .box{ border-color: #fff; }
.dark-mode #sidenav a{ color:#fff; }
.dark-mode .btn-close::before, .dark-mode .btn-close::after{ background-color:#fff; }
.dark-mode .wrap-trigger{ background-color:rgba(255,255,255,0.5); }

/* Dark Mode-member */
.dark-mode .nav-service-group a {color: #fff; border: 3px solid #fff;}

.dark-mode .nav-request-horizontal {box-shadow: 5px 5px 10px 5px #111;}
.dark-mode .nav-request-horizontal > * {background-color: #333;}
.dark-mode .nav-request ul li a {color: #fff;}

.dark-mode .page-video-list h3.title strong {background-color: #333;}
.dark-mode .page-video-list h3 a {background-color: #333;}
.dark-mode .video-card {background-color: #333;}
.dark-mode .video-card-image {box-shadow: none;}

/* Dark Mode-member/service */
.dark-mode .bg-white {background-color: #333!important;}
.dark-mode .card {background-color: #333;}
.dark-mode .boxes-shadow {box-shadow: 0 2px 4px rgb(0 1 17 / 50%);}
.dark-mode .dropzone {background-color: #333;}
.dark-mode .border-circle-rainbow {background-image: linear-gradient(#333, #333), radial-gradient(circle at top left, #f00,#3020ff);}

/* Dark Mode-member/allvedio */
.dark-mode .pagination-box ul li a {color: #fff;}
.dark-mode .pagination-box ul li.active a {background-image: linear-gradient(#333,#333), radial-gradient(circle at top left, #f00,#3020ff);}

/* Dark Mode-vedioplay */
.dark-mode .form-control {background-color: #333; border: 1px solid #D2D8DC; color: #fff;}
.dark-mode .video-title a {color: #fff;}
.dark-mode .text-success {color: #27A744!important;}
.dark-mode .w3-ul li {color: #fff;}
.dark-mode .like-status .like { background-image: url('../img/like-white.png'); }
.dark-mode .like-status .unlike { background-image: url('../img/unlike-white.png'); }

.dark-mode .relate-list .title {color: #fff;}
.dark-mode .relate-list .list .name {color: #fff;}

/* Dark Mode-profile */
.dark-mode .box_general {background-color: #333; box-shadow: 0 2px 4px rgb(0 1 17 / 6%);}
.dark-mode label {color: #fff;}
.dark-mode input[type=file] {background-color: #333;}

.dark-mode .list-group-item {background-color: #333;}
.dark-mode .list-group-item-action {color: #f2f2f2; border: 1px solid #ededed;}

.dark-mode .settings_panel {background-color: #333; box-shadow: 0 2px 4px rgb(0 1 17 / 50%);}
.dark-mode .settings_panel hr {border-color: rgba(167, 167, 167, 0.2)}
.dark-mode .table-striped tbody tr:nth-of-type(odd) {background-color: rgba(0,0,0,0.2);}

/* Dark Mode-auth/edit_user */
.dark-mode .fileuploader {background: #333;}

/* Dark Mode-member/myjob */
.dark-mode  #job-list {background-color: #333;}

/* Dark Mode-translator/job_edit */
.dark-mode .dropzone .upload-preview {background-color: #333;}
.dark-mode .filepond--panel-root {background-color: #333;}
.dark-mode .tag-editor {border-color: #D2D8DC; background: #333;}

/* Dark Mode-popup */
.dark-mode .swal2-popup {background-color: #333;}
.dark-mode .swal2-popup .swal2-title {color: #fff;}

/* BlackWhite Mode */
.blackwhite-mode {color: #fff;}
.blackwhite-mode h1, .blackwhite-mode h2, .blackwhite-mode h3, .blackwhite-mode h4, 
.blackwhite-mode h5, .blackwhite-mode h6 {color: #fff;}


.blackwhite-mode header {background-image: none; background-color: #000; border-bottom: 1px solid #fff;}
.blackwhite-mode .field-search input[type=text] {background-color: #000; border: 1px solid #fff; color: #fff;}
.blackwhite-mode .field-search button {background-color: #fff;}
.blackwhite-mode .icon-search:before {color: #000;}
.blackwhite-mode main {background-color: #000;}
.blackwhite-mode footer {background-image: none; background-color: #000; border-top: 1px solid #fff;}
.blackwhite-mode footer .dep img {filter: grayscale(100%);}
.blackwhite-mode #sidenav{ background-color: #000; }
.blackwhite-mode #sidenav .box{ border-color: #fff; }
.blackwhite-mode #sidenav a{ color:#fff; }
.blackwhite-mode .wrap-trigger{ background-color:rgba(255,255,255,0.5); }

/* BlackWhite Mode-member */
.blackwhite-mode .nav-service-group a {color: #fff; border: 3px solid #fff;}

.blackwhite-mode .nav-request-horizontal {box-shadow: none;
   background-image: linear-gradient(to right, #fff, #fff);}
.blackwhite-mode .nav-request-horizontal > * {background-color: #000;}
.blackwhite-mode .nav-request ul li a {color: #fff;}

.blackwhite-mode .page-video-list h3.title strong {background-color: #000;}
.blackwhite-mode .page-video-list h3 a {background-color: #000; color: #fff;}
.blackyellow-mode .page-video-list h3.title:before {background-color: #fff;}
.blackwhite-mode .video-card {background-color: #000;}
.blackwhite-mode .video-card-image {box-shadow: none;}
.blackwhite-mode .icon-left-open-3:before, 
.blackwhite-mode .icon-right-open-3:before {color: #fff;}

/* BlackWhite Mode-member/allvedio */
.blackwhite-mode .video-card-border .video-card {border: 2px solid #fff;}
.blackwhite-mode .pagination-box {border-top: 1px solid #fff;}
.blackwhite-mode .pagination-box ul li a {color: #fff;}
.blackwhite-mode .pagination-box ul li.active a {background-image: linear-gradient(#000,#000), radial-gradient(circle at top left, #fff, #fff);}

/* BlackWhite Mode-member/service */
.blackwhite-mode .bg-white {background-color: #000!important;}
.blackwhite-mode .bg-gradient {background-image: linear-gradient(to right, #000, #000);}
.blackwhite-mode .border-circle-rainbow {background-image: linear-gradient(#000, #000), radial-gradient(circle at top left, #fff,#fff);}
.blackyellow-mode #user-info-box .edit-profile-button i {color: #fff;}
.blackwhite-mode #user-info-box .edit-profile-button h5 {color: #fff;}
.blackwhite-mode .card {background-color: #000;}
.blackwhite-mode .card-header {border-bottom: 1px solid #fff;}
.blackwhite-mode .boxes-shadow {box-shadow: 1px  1px 2px 1px rgb(237 237 237 / 50%);}
.blackwhite-mode .border-bottom-radias:after {background-image: linear-gradient(to right, #fff, #fff);}
.blackwhite-mode .dropzone {background-color: #000; border: 1px dashed #fff;}
.blackwhite-mode .dropzone .inner h3 {color: #fff;}
.blackwhite-mode .fa-cloud-upload-alt:before {color: #fff;}
.blackwhite-mode .btn-field .btn-return {background-color: #fff; color: #000;}
.blackwhite-mode .btn-field .btn-send-job {background-color: #fff; color: #000;}

/* BlackWhite Mode-vedioplay */
.blackwhite-mode .view-like {color: #fff;}
.blackwhite-mode .form-control {background-color: #000; border: 1px solid #fff; color: #fff;}
.blackwhite-mode .comment-box button {background-color: #fff; color: #000;}
.blackwhite-mode .video-title a {color: #fff;}
.blackwhite-mode .text-success {color: #fff!important;}
.blackwhite-mode .video-view {color: #fff;}
.blackwhite-mode .video-recommend {border-bottom: 1px solid #fff;}
.blackwhite-mode .w3-ul li {color: #fff; 
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;}
.blackwhite-mode .w3-ul li:first-child {border-top: 1px solid #fff;}
.blackwhite-mode .w3-ul li:last-child {border-bottom: 1px solid #fff !important;}

.blackwhite-mode .relate-list .title {color: #fff;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;}
.blackwhite-mode .relate-list .list {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;}
.blackwhite-mode .relate-list .list .name {color: #fff;}
.blackwhite-mode .relate-list .list .view {color: #fff;}
.blackwhite-mode .relate-list .list a {border-top: 1px solid #fff;}

/* BlackWhite Mode-profile */
.blackwhite-mode .box_general {background-color: #000; box-shadow: none}
.blackwhite-mode label {color: #fff;}
.blackwhite-mode input[type=file] {background-color: #000; border: 1px solid #fff; color: #fff;}
.blackwhite-mode .general_info {border: 1px solid #fff;}

.blackwhite-mode .list-group-item {background-color: #000;}
.blackwhite-mode .list-group-item-action {color: #fff; border: 1px solid #fff;}

.blackwhite-mode .settings_panel {background-color: #000; 
	box-shadow: 1px 1px 2px 1px rgb(255 255 255 / 30%);}
.blackwhite-mode .settings_panel hr {border-color: rgba(255, 255, 255, 0.2);}
.blackwhite-mode .table-striped tbody tr:nth-of-type(odd) {background-color: rgba(60,60,60,0.2);}
.blackwhite-mode .table td, 
.blackwhite-mode .table th {border-top: 1px solid #fff;}

/* BlackWhite Mode-auth/edit_user */
.blackwhite-mode a.btn_1, 
.blackwhite-mode .btn_1 {color: #000; background: #fff;}
.blackwhite-mode .border {border: 1px solid #fff!important;}
.blackwhite-mode .text-muted {color: #fff!important;}
.blackwhite-mode .id-card-img .preview .name {color: #fff;}
.blackwhite-mode .id-card-img .preview .remove {color: #000; background: #fff; 
	box-shadow: -1px 1px 6px rgb(255 255 255 / 80%);}
.blackwhite-mode .fileuploader-theme-avatar .fileuploader-menu-open {color: #000;}
.blackwhite-mode .fileuploader-theme-avatar .fileuploader-menu ul li a {color: #000;}
.blackwhite-mode .shadow {box-shadow: 0 .5rem 1rem rgba(255,255,255,.15)!important;}
.blackwhite-mode .border-bottom-purple {border-bottom-color: #fff !important;}
.blackwhite-mode .border-top {border-top: 1px solid #fff!important;}
.blackwhite-mode .fileuploader {background: #000;}

/* Blackwhite Mode-auth/change_password */
.blackwhite-mode .btn-primary {color: #000; background-color: #fff; border: #fff;}
.blackwhite-mode .pe-7s-help1:before {color: #fff;}

/* BlackWhite Mode-member/myjob */
.blackwhite-mode  #job-list {background-color: #000;}
.blackwhite-mode .field-status a {color: #fff;}
.blackwhite-mode #job-list .service-list > *:after {background-image: linear-gradient(to right, #fff, #fff);}
.blackwhite-mode .icon-eye:before {color: #fff;}

/* BlackWhite Mode-translator/myjob */
.blackwhite-mode .icon-pencil:before {color: #fff;}

/* BlackWhite Mode-translator/task_view */
.blackwhite-mode a {color: #fff;}
.blackwhite-mode #task-view .preview span {color: #fff;}

/* BlackWhite Mode-translator/job_edit */
.blackwhite-mode .dropzone .upload-preview .text-danger {color: #fff!important;}
.blackwhite-mode .icon-cancel-circle:before {color: #fff;}
.blackwhite-mode .filepond--root {border: 1px dashed #fff;}
.blackwhite-mode .filepond--panel-root {background-color: #000;}
.blackwhite-mode .filepond--drop-label.filepond--drop-label label h3 {color: #fff;}
.blackwhite-mode .tag-editor {border-color: #fff; background: #000;}
.blackwhite-mode .tag-editor .placeholder {color: #fff;}

/* BlackWhite Mode-popup */
.blackwhite-mode .swal2-popup {background-color: #000;}
.blackwhite-mode .swal2-icon.swal2-error {border-color: #fff;}
.blackwhite-mode .swal2-icon.swal2-error [class^=swal2-x-mark-line] {background-color: #fff;}
.blackwhite-mode .swal2-popup .swal2-title {color: #fff;}
.blackwhite-mode .swal2-popup .swal2-styled.swal2-confirm {background-color: #fff;
    color: #000;}
.blackwhite-mode .swal2-icon.swal2-success .swal2-success-ring {border: .25em solid rgba(255,255,255,.3);}
.blackwhite-mode .swal2-icon.swal2-success [class^=swal2-success-line] {background-color: #fff;}
	

/* BlackYellow Mode */
.blackyellow-mode {color: #fff500;}
.blackyellow-mode h1, .blackyellow-mode h2, .blackyellow-mode h3, .blackyellow-mode h4, 
.blackyellow-mode h5, .blackyellow-mode h6 {color: #fff500;}
.blackyellow-mode .font-white, 
.blackyellow-mode .font-white *, 
.blackyellow-mode .font-white a {color: #fff500;}
.blackyellow-mode .text-white {color: #fff500!important;}

.blackyellow-mode header {background-image: none; background-color: #000; border-bottom: 1px solid #fff500;}
.blackyellow-mode .field-search input[type=text] {background-color: #000; border: 1px solid #fff500; color: #fff500;}
.blackyellow-mode .field-search button {background-color: #fff500;}
.blackyellow-mode .icon-search:before {color: #000;}
.blackyellow-mode main {background-color: #000;}
.blackyellow-mode footer {background-image: none; background-color: #000; border-top: 1px solid #fff500;}
.blackyellow-mode .top .nav ul li {border-left: 1px solid #fff500;}
.blackyellow-mode footer .bottom {border-top: 2px solid #fff500;}
.blackyellow-mode footer .dep img {filter: grayscale(100%);}
.blackyellow-mode #sidenav{ background-color: #000; }
.blackyellow-mode #sidenav .box{ border-color: #fff500; }
.blackyellow-mode #sidenav a{ color:#fff500; }
.blackyellow-mode .wrap-trigger{ background-color:rgba(255,255,255,0.5); }

/* BlackYellow Mode-member */
.blackyellow-mode .nav-service-group a {color: #fff500; border: 3px solid #fff500;}

.blackyellow-mode .nav-request-horizontal {box-shadow: none;
  background-image: linear-gradient(to right, #fff500, #fff500);}
.blackyellow-mode .nav-request-horizontal > * {background-color: #000;}
.blackyellow-mode .nav-request ul li a {color: #fff500;}

.blackyellow-mode .page-video-list h3.title strong {background-color: #000;}
.blackyellow-mode .page-video-list h3 a {background-color: #000; color: #fff500;}
.blackyellow-mode .page-video-list h3.title:before {background-color: #fff500;}
.blackyellow-mode .video-card {background-color: #000;}
.blackyellow-mode .video-card-image {box-shadow: none;}
.blackyellow-mode .icon-left-open-3:before, 
.blackyellow-mode .icon-right-open-3:before {color: #fff500;}

/* BlackYellow Mode-member/allvedio */
.blackyellow-mode .video-card-border .video-card {border: 2px solid #fff500;}
.blackyellow-mode .pagination-box {border-top: 1px solid #fff500;}
.blackyellow-mode .pagination-box ul li a {color: #fff500;}
.blackyellow-mode .pagination-box ul li.active a {background-image: linear-gradient(#000,#000), radial-gradient(circle at top left, #fff500, #fff500);}

/* BlackYellow Mode-member/service */
.blackyellow-mode .bg-white {background-color: #000!important;}
.blackyellow-mode .bg-gradient {background-image: linear-gradient(to right, #000, #000);}
.blackyellow-mode .border-circle-rainbow {background-image: linear-gradient(#000, #000), radial-gradient(circle at top left, #fff500,#fff500);}
.blackyellow-mode #user-info-box .edit-profile-button i {color: #fff500;}
.blackyellow-mode #user-info-box .edit-profile-button h5 {color: #fff500;}
.blackyellow-mode #user-info-box .user-info {border-left: 3px solid #fff500;}
.blackyellow-mode #user-info-box .user-info .button-field a {border: 1px solid #fff500;}
.blackyellow-mode .card {background-color: #000;}
.blackyellow-mode .card-header {border-bottom: 1px solid #fff500;}
.blackyellow-mode .boxes-shadow {box-shadow: 1px  1px 2px 1px rgb(110 106 0 / 50%);}
.blackyellow-mode .border-bottom-radias:after {background-image: linear-gradient(to right, #fff500, #fff500);}
.blackyellow-mode .dropzone {background-color: #000; border: 1px dashed #fff500;}
.blackyellow-mode .dropzone .inner h3 {color: #fff500;}
.blackyellow-mode .fa-cloud-upload-alt:before {color: #fff500;}
.blackyellow-mode .btn-field .btn-return {background-color: #fff500; color: #000;}
.blackyellow-mode .btn-field .btn-send-job {background-color: #fff500; color: #000;}

/* BlackYellow Mode-vedioplay */
.blackyellow-mode .view-like {color: #fff500;}
.blackyellow-mode .form-control {background-color: #000; border: 1px solid #fff500; color: #fff500;}
.blackyellow-mode .comment-box button {background-color: #fff500; color: #000;}
.blackyellow-mode .video-title a {color: #fff500;}
.blackyellow-mode .text-success {color: #fff500!important;}
.blackyellow-mode .video-view {color: #fff500;}
.blackyellow-mode .video-recommend {border-bottom: 1px solid #fff500;}
.blackyellow-mode .w3-ul li {color: #fff500; 
  border-bottom: 1px solid #fff500;
  border-left: 1px solid #fff500;
  border-right: 1px solid #fff500;}
.blackyellow-mode .w3-ul li:first-child {border-top: 1px solid #fff500;}
.blackyellow-mode .w3-ul li:last-child {border-bottom: 1px solid #fff500 !important;}

.blackyellow-mode .relate-list .title {color: #fff500; 
  border-top: 1px solid #fff500;
  border-left: 1px solid #fff500;
  border-right: 1px solid #fff500;}
.blackyellow-mode .relate-list .list {
  border-left: 1px solid #fff500;
  border-right: 1px solid #fff500;
  border-bottom: 1px solid #fff500;}
.blackyellow-mode .relate-list .list .name {color: #fff500;}
.blackyellow-mode .relate-list .list .view {color: #fff500;}
.blackyellow-mode .relate-list .list a {border-top: 1px solid #fff500;}

/* BlackYellow Mode-profile */
.blackyellow-mode .box_general {background-color: #000; box-shadow: none;}
.blackyellow-mode label {color: #fff500;}
.blackyellow-mode input[type=file] {background-color: #000; border: 1px solid #fff500; color: #fff500;}
.blackyellow-mode .general_info {border: 1px solid #fff500;}

.blackyellow-mode .list-group-item {background-color: #000;}
.blackyellow-mode .list-group-item-action {color: #fff500; border: 1px solid #fff500;}

.blackyellow-mode .settings_panel {background-color: #000;
	box-shadow: 1px 1px 2px 1px rgb(110 106 0 / 40%);}
.blackyellow-mode .settings_panel hr {border-color: rgba(255, 245, 0, 0.2);}
.blackyellow-mode .table-striped tbody tr:nth-of-type(odd) {background-color: rgba(60,60,60,0.2);}
.blackyellow-mode .table td, 
.blackyellow-mode .table th {border-top: 1px solid #fff500;}

/* BlackYellow Mode-auth/edit_user */
.blackyellow-mode a.btn_1, 
.blackyellow-mode .btn_1 {color: #000; background: #fff500;}
.blackyellow-mode .border {border: 1px solid #fff500!important;}
.blackyellow-mode .text-muted {color: #fff500!important;}
.blackyellow-mode .id-card-img .preview .name {color: #fff500;}
.blackyellow-mode .id-card-img .preview .remove {color: #000; background: #fff500; 
	box-shadow: -1px 1px 6px rgb(110 106 0 / 80%);}
.blackyellow-mode .fileuploader-theme-avatar .fileuploader-menu-open {background: #fff500; 
	color: #000;}
.blackyellow-mode .fileuploader-theme-avatar .fileuploader-menu ul {background: #fff500;}
.blackyellow-mode .fileuploader-theme-avatar .fileuploader-menu ul li a {color: #000;}
.blackyellow-mode .shadow {box-shadow: 0 .5rem 1rem rgba(255,245,0,.15)!important;}
.blackyellow-mode .border-bottom-purple {border-bottom-color: #fff500 !important;}
.blackyellow-mode .border-top {border-top: 1px solid #fff500!important;}
.blackyellow-mode .fileuploader {background: #000;}

/* BlackYellow Mode-auth/change_password */
.blackyellow-mode .btn-primary {color: #000; background-color: #fff500; border: #fff500;}
.blackyellow-mode .pe-7s-help1:before {color: #fff500;}

/* Blackyellow Mode-member/myjob */
.blackyellow-mode  #job-list {background-color: #000;}
.blackyellow-mode .field-status a {color: #fff}
.blackyellow-mode #job-list .service-list > *:after {background-image: linear-gradient(to right, #fff500, #fff500);}
.blackyellow-mode .icon-eye:before {color: #fff500;}

/* BlackYellow Mode-translator/myjob */
.blackyellow-mode .icon-pencil:before {color: #fff500;}

/* BlackYellow Mode-translator/task_view */
.blackyellow-mode a {color: #fff500;}
.blackyellow-mode #task-view .preview span {color: #fff;}

/* BlackYellow Mode-translator/job_edit */
.blackyellow-mode .dropzone .upload-preview .text-danger {color: #fff500!important;}
.blackyellow-mode .icon-cancel-circle:before {color: #fff500;}
.blackyellow-mode .filepond--root {border: 1px dashed #fff500;}
.blackyellow-mode .filepond--panel-root {background-color: #000;}
.blackyellow-mode .filepond--drop-label.filepond--drop-label label h3 {color: #fff500;}
.blackyellow-mode .tag-editor {border-color: #fff500; background: #000;}
.blackyellow-mode .tag-editor .placeholder {color: #fff500;}
.blackyellow-mode .tag-editor .tag-editor-tag {color: #fff500;}
.blackyellow-mode .tag-editor .tag-editor-delete i:before {color: #fff500;}

/* BlackYellow Mode-popup */
.blackyellow-mode .swal2-popup {background-color: #000;}
.blackyellow-mode .swal2-icon.swal2-error {border-color: #fff500;}
.blackyellow-mode .swal2-icon.swal2-error [class^=swal2-x-mark-line] {background-color: #fff500;}
.blackyellow-mode .swal2-popup .swal2-title {color: #fff500;}
.blackyellow-mode .swal2-popup .swal2-styled.swal2-confirm {background-color: #fff500;
    color: #000;}
.blackyellow-mode .swal2-icon.swal2-success .swal2-success-ring {border: .25em solid rgba(255,245,0,.3);}
.blackyellow-mode .swal2-icon.swal2-success [class^=swal2-success-line] {background-color: #fff500;}