:root{
	--signthemePurple:#6f7bfa;
	--signthemeText :#008aff;
	--signthemeLight : #e4e4e4;
	--home-bg-theme:#4a4a4a;
}

body{
	background-image: url('../img/sign-in-bg.jpg');
	background-size: cover;
	background-attachment: fixed;
}
html{
	font-size: 16px;
}
.sign-section{
	background-image: url('../img/sign-in-bg.jpg');
	background-size: cover;
	padding: 4rem 0rem;
	background-attachment: fixed;
}
.sign-bg-custom-blue{
	background-color: var(--signthemePurple);
	border-top-left-radius: 2rem;
}
.sign-bg-theme-light{
	background-color: var(--signthemeLight);
	padding: 6rem 3rem;
	border-bottom-right-radius: 2rem;
}
.email-input input, .password-input input, .f-name-input input, .l-name-input input{
	font-weight: 600;
	font-size: .95rem;
}
.email-input input::placeholder, .password-input input::placeholder, .f-name-input input::placeholder, .l-name-input input::placeholder{
	font-weight: 600;	
	color: rgba(0 0 0 / 50%);
}
.email-input::before, .password-input::before, .f-name-input::before, .l-name-input::before{
	content: '';
	background-image: url('../img/envelope.jpg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
	position: absolute;
	left: 0.9rem;
	top: .5rem;
}
.password-input::before{
	background-image: url('../img/lock.jpg');
}
.f-name-input::before, .l-name-input::before{
	background-image: url('../img/user.png');
}
#remember{
	height: 16px;
	width: 16px;
}
label[for="remember"]{
	font-weight: 600;
	cursor: pointer;
}
.sign-btn{
	background-color: var(--signthemePurple);
	border-top-left-radius:.8rem;
	color: #fff;
	border-bottom-right-radius: .8rem; 
	border-top-right-radius: 0;
	border-bottom-left-radius: 0;
}
.sign-btn:hover{
	background-color: transparent;
	border:1px solid var(--signthemePurple);
	color: var(--signthemePurple);
}
.sign-additional-links a{
	color: var(--signthemeText);
	width: fit-content;
}
.sign-powered-by{
	bottom: 1.4rem;
	right: 1.4rem;
}
.eye-on-absolute{
	right: 0.7rem;
	top: 0.7rem;
}
a:hover{
	text-decoration:none;
}
.header, .footer{
	background-color: var(--home-bg-theme);
}
.dash-item{
	background-color: var(--home-bg-theme);
}
.sec-2 .card .card-header{
	background-color: #414141;
}
.sec-2 .card {
	z-index: 1;
}
.sec-2 .card .card-header img{
	max-width: 55px;
}
.sec-2 .card .card-body{
	background-color: var(--home-bg-theme);
	max-height:456px;
	overflow:auto;
}

.upload-card-body { max-height:auto;}


.movie-upload input{
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.file-name input{
	background-color: var(--home-bg-theme);
}
.file-name input:focus{
	background-color: var(--home-bg-theme);
}
.row.border-bottom {
    border-color: #000 !important;
    border-width: 2px !important;
}
.file-name .icon-on-input {
    top: 9px;
    left: 12px;
    font-size: 1.3rem;
}
.movie-upload{
	border: 2px dashed #000;
	background-color: #585858;
	width: 80%;
}
.page-btns img{
	max-height:25px;
}
.page-btns{
	background-color: #585858;
	min-height: 100%;
}
.drop-menu {
    background-color: var(--home-bg-theme);
    position: absolute;
    top: 100%;
    right: 15px;
    min-width: 200px;
    padding-top: 1.3rem;
    z-index: 10;
    padding-bottom: 0;
}

.drop-menu .dropdown-list .dropdown-list-item{
	border-bottom: 1px solid #000;
}
.drop-menu .dropdown-list .dropdown-list-item .dropdown-item-link{
	display: block;
	transition: .3s ease;
}
.drop-menu .dropdown-list .dropdown-list-item:hover{
	background-color: #414141;
}
.drop-menu .dropdown-list .dropdown-list-item:hover .dropdown-item-link{
	text-decoration: none;
	transition: .3s ease;
}
.drop-menu .dropdown-list .dropdown-list-item:last-child{
	background-color: #414141;
	border-bottom: 0;
}
.sec-2{
	padding-bottom: 5rem;
}
.confirm-delete-modal .modal-content .modal-body .bg-theme-btn{
	background-color: #939393;
}

.upload-btn{
	background-color: transparent;
}
.upload-btn:hover, .page-btns:hover, .confirm-delete-modal .modal-content .modal-body .bg-theme-btn:hover{
	background-color: #414141;
}
.confirm-delete-modal .modal-content{
	background-color: #7c7c7c;
}
.sec-2 .card .card-body::-webkit-scrollbar {
  width: 4px;        
}

.sec-2 .card .card-body::-webkit-scrollbar-track {
    background: #414141;
}

.sec-2 .card .card-body::-webkit-scrollbar-thumb {
    background-color: #7c7c7c;
    border-radius: 20px;
}


  /*play video*/
.view-video-modal body {margin:2rem;}

.view-video-modal .modal-dialog {
      max-width: 800px;
      margin: 30px auto;
  }


.video-close-icon{
	right: -10px;
	top: -10px;
	z-index: 1;
}
 
.view-modal-btn{
	background-color: #3a4044;
	min-width: 230px;
}
.home-after-line::after {
    content: '';
    position: absolute;
    right: -5px;
    background-color: #fff;
    width: 1px;
    height: 67%;
    bottom: 25px;
}


.view-files-modal .modal-dialog{
	max-width: 780px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{
	color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
	color: #fff !important;
}

@media(min-width: 1199px){
	.dataTables_scrollBody.scrollbar{
	overflow-x: hidden !important;
}
}

@media(max-width: 1199px){
	.page-btns span{
		font-size: .8rem;
	}
}
@media(min-width: 576px){
	.confirm-delete-modal .modal-dialog{
		max-width: 359px;
	}
}