/*=======================================================================================
| Project Name: Amazon S3 Personal File Manager
| Author: Berkine
| Author URL: https://codecanyon.net/user/berkine/portfolio
| Version: 1.0
| File name: styles.css
| Date Created: 5.01.2021
| Website: envato.berkine.cloud/s3-manager
========================================================================================= */


/* -------------------------------------------- */
/*             TABLE OF CONTENTS
/* -------------------------------------------- */
/*   00 - GENERAL STYLES			            */
/*   01 - HEADER STYLES 			            */
/*   02 - SUCCESS/ERROR MESSAGES	            */
/*   03 - LOGIN PAGE STYLES      	            */
/*   04 - DASHBOARD INFO BOX STYLES             */
/*   05 - DASHBOARD MAIN BODY STYLES            */
/*   06 - DATA TABLE STYLES			            */
/*   07 - PHOTO VIEWER STYLES    	            */
/*   08 - FILE UPLOAD BOX STYLES (FILEPOND)     */
/*   09 - UPLOAD PROCESS STYLES	                */
/*   10 - MODAL AND SELECT DROPDOWN STYLES	    */
/*   11 - FORM INPUT FIELDS STYLES              */
/*   12 - AUDIO & VIDEO PLAYER STYLES           */



/* ==========================================================================           
 *
 *    00 - GENERAL STYLES
 *
 * ========================================================================== */

body {
	font-family: 'Lato', sans-serif;
	color: #0e2e40;
	background-color: #f5f5f5;
}

h4 {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 800;
	margin-bottom: 0;
}

h6 {
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 0;
}



/* ==========================================================================           
 *
 *    01 - HEADER STYLES
 *
 * ========================================================================== */

.main-header {
    transition: margin-left .3s ease-in-out;
    margin-left: 250px;
    border-bottom: 1px solid #dee2e6;
    background-color: #FFF;
    transition: all 0.5s ease;
    box-shadow: 0 2px 4px 0 rgba(43,43,43,0.1);
}

.main-sidebar {
    bottom: 0;
    float: none;
    height: 100vh;
    font-size: 12px;
    left: 0;
    position: fixed;
    background-color: #1E1E2D;
    overflow-y: hidden;
    z-index: 1038;
    width: 250px;
    transition: all 0.5s ease;
    box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)!important;
}

/* -------------------------------------------- */
/* 		Brand Title
/* -------------------------------------------- */

.main-sidebar .brand-link {
	font-family: 'Poppins', sans-serif;
    overflow: hidden;
    position: fixed;
    top: 0;
    transition: width .3s ease-in-out;
    width: 250px;
    border-bottom: 1px solid #4b545c;	
    z-index: 1035;
    padding: 1.1rem 1.5rem;
    display: block;    
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    color: #FFF;
    outline: none;
    text-decoration: none;
}

.main-sidebar .brand-link i {
	font-weight: 400;
	font-size: 16px;
	color: #007BFF;
	margin-right: 0.3rem;
}

.main-sidebar .brand-link:hover span {
	color: #007BFF;
}

.main-sidebar .brand-link:hover i {
	color: #FFF;
}

/* -------------------------------------------- */
/* 		Sidebar Menu Buttons
/* -------------------------------------------- */

.main-sidebar .sidebar {
	margin-top: calc(3.5rem + 1px);
}

.main-sidebar .sidebar .nav-sidebar {
	padding-top: 1.5rem;
}

.main-sidebar .sidebar .nav-header {
	padding: 1.7rem 1rem .5rem;
	color: #d0d4db;
	font-size: 10px;
	text-transform: uppercase;
}

.main-sidebar .nav-sidebar .nav-item>.nav-link {
    position: relative;
}

.main-sidebar .nav-sidebar .nav-link p {
	display: inline-block;
    margin: 0;

}

.main-sidebar .sidebar .nav-item a {
    color: #9899ac;
    display: block;
    border-radius: 0;
    padding: .5rem 1.5rem;
    transition: color 0.15s ease, background-color 0.15s ease, -webkit-box-shadow 0.15s ease;
}

.main-sidebar .sidebar .nav-item .nav-icon {
	margin-right: 0.4rem;
	font-size: 14px;
	width: 1rem;
}

.main-sidebar .sidebar .nav-item a:hover {
		background-color: #1B1B28;
}

.main-sidebar .sidebar .nav-item a:hover i {
	color: #007BFF;
}

.main-sidebar .sidebar .nav-item a:hover p {
	color: #FFF;
}

.main-sidebar .sidebar .nav-item a.active {
	color: #FFF;
	background-color: #007BFF;
}

.main-sidebar .sidebar .nav-item a.active:hover i {
	color: #FFF;
}

.main-sidebar .nav-sidebar .nav-link>.right, .nav-sidebar .nav-link>p>.right {
    position: absolute;
    right: 1.5rem;
    top: .7rem;
}

/* -------------------------------------------- */
/* 		Copyright Info
/* -------------------------------------------- */

footer {
	color: #9899AC;
	font-family: 'Poppins', sans-serif;
	font-size: 10px;
	padding-left: 1rem;
	padding-bottom: 0.5rem;
}

footer p {
	margin-bottom: 0;
}

footer a {
	color: #007BFF;
}

/* -------------------------------------------- */
/* 		Admin Menu
/* -------------------------------------------- */

#admin-menu a::after {
	vertical-align: 0.14em;
	color: #0e2e40;
}

#admin-menu a span {
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 600;
}

#admin-menu .dropdown-toggle::after {
	border-top: 0.2em solid;
    border-right: 0.2em solid transparent;
    border-left: 0.2em solid transparent;
}

#admin-menu ul {
	margin-top: 1rem;
	margin-right: 1rem;
	padding: 0.5rem;
	border-radius: 5px;
	border: none;
    -webkit-box-shadow: 0 0 5px 0 rgba(43,43,43,0.1), 0 11px 6px -7px rgba(43,43,43,0.1);
    box-shadow: 0 0 5px 0 rgba(43,43,43,0.1), 0 11px 6px -7px rgba(43,43,43,0.1);
}

#admin-menu ul:before {
    content: '';
    width: 0;
    height: 0;
    border: 20px solid #FFF;
    border-top: 0 solid rgba(0, 0, 0, 0)!important;
    border-right: 17px solid rgba(0, 0, 0, 0)!important;
    border-left: 17px solid rgba(0, 0, 0, 0);
    left: 77.1%;
    top: -5.3%;
    position: absolute;
}

#admin-menu ul li a {
	font-size: 12px;
}

#admin-menu ul li a i {
	margin-right: 0.5rem;
}

#admin-menu ul li a:hover i {
	color: #007BFF;
}



/* ==========================================================================           
 *
 *    02 - SUCCESS/ERROR MESSAGES
 *
 * ========================================================================== */

.status-message {
   margin-bottom: 1rem;
	padding: 15px;
    text-align: center;
    width: 100%;
    font-size: 10px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 2px 1px -1px rgba(0, 0, 0, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.14);
}
 
.success-message {
  	color:#FFF;
  	background: #008c00;
}

.error-message {
  	color: #FFF;
  	background: #D13212;
}

/* -------------------------------------------- */
/* 		Notification Messages
/* -------------------------------------------- */

.notification-message {
	display: none;
	position: fixed;
	top: 8%;
	left: 45%;
	z-index: 100;
	color: #FFF;
	font-size: 10px;
	font-weight: 600;
	padding: 0.8rem 3rem 0.8rem;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 2px 1px -1px rgba(0, 0, 0, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.14);
}



/* ==========================================================================           
 *
 *    03 - LOGIN PAGE STYLES
 *
 * ========================================================================== */

#login-page {
  	width: 680px;
  	margin: auto;
  	margin-top: 15%;
   	box-shadow: 0 7px 14px 0 rgba(60,66,87,.12), 0 3px 6px 0 rgba(0,0,0,.12);
}

#login-page .login-banner {
	min-width: 340px;
	background-color: #fff;
	padding: 3rem 0;
	background-image: url('../img/login-bg.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#login-page .form-title h3 {
	font-family: 'Poppins', sans-serif;
	color: #FFF;
	margin-top: 8rem;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 22px;
	text-shadow: 0 1px 2px rgba(30,30,30,1);
}

#login-page .form-wrapper {
  	background: #FFF;
  	max-width: 340px;
  	padding: 3rem;
}

#login-page .form-wrapper h5 {
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 800;
	margin-bottom: 1.5rem;
	text-transform: uppercase;
}

#login-page .form-wrapper .field label {
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
}

#login-page .form-wrapper h6 {
	color: red;
	margin-bottom: 0.5rem;
}

#login-page .form-wrapper input {
  	outline: 0;
  	background: #F5F5F5;
  	width: 100%;
	border: 0;
	margin: 0 0 15px;
  	padding: 8px 10px;
  	box-sizing: border-box;
  	font-size: 14px;
  	color: #0e2e40;
}

#login-page .form-wrapper input:hover {
	webkit-box-shadow: 0px 0px 3px 1px rgba(0,123,255,.4);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,123,255,.4);
	box-shadow: 0px 0px 3px 1px rgba(0,123,255,.4);
}

#login-page .form-wrapper button {
  	width: 100%;
}

#login-page .form-wrapper .recover {
	font-family: 'Poppins', sans-serif;
  	font-size: 10px;
  	float:right;
}

#login-page .form-wrapper .recover-form .recover {
	margin-top: 1rem;
}

#login-page .form-wrapper .recover a {
  	color: #b3b3b3;
  	text-decoration: none;
}

#login-page .form-wrapper .recover a:hover {
	color: #007BFF;
	font-weight: 600;
}

#login-page .form-wrapper .recover-form {
  	display: none;
}

#login-page .left-box {
	float: left;
}

#login-page .right-box {
	float: right;
	margin-top: 0.5rem;
}

#login-page .form-wrapper #remember {
	width: 18px;
	margin: 0;
	margin-right: 0.5rem;
	background-color: #F5F5F5;
}

#login-page .input-control {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     position: relative;
     background-color: #F5F5F5;
     top: 5px;
     height: 18px;
     width: 18px;
     border: 0;
     cursor: pointer;     
     outline: none;
     transition: all 0.2s;
}

#login-page .input-control:checked::before {
     position: absolute;
     font: 12px/1 'Open Sans', sans-serif;
     left: 7px;
     top: 3px;
     content: '\02143';
     transform: rotate(40deg);
}

#login-page.input-control:hover {
     background-color: #f7f7f7;
     webkit-box-shadow: 0px 0px 3px 1px rgba(0,123,255,.4);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,123,255,.4);
	box-shadow: 0px 0px 3px 1px rgba(0,123,255,.4);
	transition: all 0.2s;
	margin-right: 1.3rem;
}

#login-page .label-control {
	text-transform: none!important;
	font-size: 10px!important;
	font-weight: 600!important;
}

#login-page .input-control:checked {
     color: #0e2e40;
     transition: all 0.2s;
     webkit-box-shadow: 0px 0px 3px 1px rgba(0,123,255,.4);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,123,255,.4);
	box-shadow: 0px 0px 3px 1px rgba(0,123,255,.4);
}

/* -------------------------------------------- */
/* 		Login Helper
/* -------------------------------------------- */

#login-page .login-helper {
  	background: #FFF;
  	margin-top: 3rem;
  	max-width: 360px;
  	padding: 2rem;
  	border-radius: 5px;
   	box-shadow: 0 7px 14px 0 rgba(60,66,87,.12), 0 3px 6px 0 rgba(0,0,0,.12);
}

#login-page .login-helper div {
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	font-weight: 500;
	margin-left: 1rem;
}

#login-page .helper-title {
	margin-bottom: 1rem;
	font-weight: 800!important;
}

#login-page .login-helper div span {
	margin-left: 0.5rem;
	font-weight: 800;
	text-transform: none;
	color: #0e2e40;
}



/* ==========================================================================           
 *
 *    04 - DASHBOARD INFO BOX STYLES
 *
 * ========================================================================== */

.info-box-card {
	margin-bottom: 45px!important;
}

.info-box-card .info-box {
	padding: 1.35rem 1.25rem 1.1rem 2rem;
	display: flex;
	position: relative;
	border-radius: 5px;
	color: #FFF;
	text-shadow: 0 1px 1px rgba(43,43,43,0.4), 0 1px 2px rgba(43,43,43,0.1);
}

.info-box-card .info-box .info-box-icon {
	width: 70px;
	align-items: center;
	display: flex;
	justify-content: center;
	font-size: 1.8rem;
	color: #FFF;
	padding: 1rem;
}

.info-box-card .info-box .info-box-content {
	display: flex;
	flex-direction: column;
	text-align: left;
	width: 100%;
	font-family: 'Poppins', sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 800;
}

.info-box-card .info-box .info-box-content .info-box-number {
	padding-top: 7px;
	font-size: 24px;
}

.card-1 {
	background-color: #1E1E2D;
}

.card-2 {
	background-color: #FFF;
	color: #1e1e2d!important;
}

.card-2 .info-box-icon {
	color: #1e1e2d!important;
}

.card-3 {
	background-color: #ffc107;
}

.card-4 {
	background-color: #007BFF;
}



/* ==========================================================================           
 *
 *    05 - DASHBOARD MAIN BODY STYLES
 *
 * ========================================================================== */

.content-wrapper {
	margin-top: calc(3.5rem + 1px);
	transition: margin-left .3s ease-in-out;
    margin-left: 250px;
}

.content-wrapper .content-header {
	padding: 2rem;
}

.content-wrapper .content-header .container-fluid {
	padding-left: 0;
	padding-right: 0;
}

.content-wrapper .content-body {
	padding: 0 2rem;
}

.content-wrapper .content-body .box {
	padding: 1.5rem 2rem 2rem;
}

.content-wrapper .content-body .card {
	background-color: #FFF;
	border-radius: 5px;
    -webkit-box-shadow: 0 0 5px 0 rgba(43,43,43,0.1), 0 11px 6px -7px rgba(43,43,43,0.1);
    box-shadow: 0 0 5px 0 rgba(43,43,43,0.1), 0 11px 6px -7px rgba(43,43,43,0.1);
    border: none;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.content-title span {
	font-size: 12px;
	font-weight: 600;
}

/* -------------------------------------------- */
/* 		BREADCRUMBS
/* -------------------------------------------- */

.content-header .breadcrumb {
	background-color: transparent;
	margin-bottom: 0;
	padding: 0;
	font-size: 10px;
	font-weight: 600;
	padding: 1rem 2px;
}

.right-padding {
	padding-right: 1.5rem;
}

.left-padding {
	padding-left: 1.5rem;
}

.content-header .breadcrumb .breadcrumb-item a {
	color: #0e2e40;
	outline: none;
	text-decoration: none;
}

.content-header .breadcrumb .breadcrumb-item a:hover {
	color: #007BFF;
}

.content-header .breadcrumb .breadcrumb-item a.active {
	color: #007BFF;
}

.content-header-title {
	padding-top: 3px;
}

.content-header-title i {
	float: left;
	display: inline-flex;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	-webkit-box-pack: center;
	justify-content: center;
	vertical-align: middle;
	font-size: 22px;
	color: #FFF;
	background-color: #007BFF;
	margin-right: 1rem;
	align-items: center;
	box-shadow: 0 0 5px 0 rgba(43,43,43,0.3), 0 3px 4px rgba(43,43,43,0.3);
}

/* -------------------------------------------- */
/* 		CHARTS STYLES
/* -------------------------------------------- */

.chart-info {
	font-size: 12px;
	font-weight: 600;
	text-align: center;
}

.chart-info i {
	margin-right: 0.3rem;
}

.loading {
	position: absolute;
	top: 47%;
	left: 45%;
}

.deactivated {
	display: none;
}



/* ==========================================================================           
 *
 *    06 - DATA TABLE STYLES
 *
 * ========================================================================== */

/* -------------------------------------------- */
/* 		S3 Buckets Styles
/* -------------------------------------------- */

#bucket-table .box {
	padding: 1.5rem 2rem;
}

#bucket-table .box-header {
	padding-bottom: 1.3rem;
}

#bucket-list {
	padding-top: 0.5rem;
}

#bucket-list .bucket-metadata {
	font-family: 'Poppins', sans-serif;
	font-size: 10px;
	font-weight: 600;
}

#bucket-list .bucket-metainfo {
	font-weight: 900;
	margin-right: 2rem;
}

#bucket-list #created-date {
	margin-right: 0rem;
}

#bucket-list #bucket-region {
	color: #007BFF;
}
/* -------------------------------------------- */
/* 		Bucket Files Table Styles
/* -------------------------------------------- */

.data-table {
	margin-bottom: 1rem!important;
}

#filesTable thead tr,
#shareTable thead tr,
#userTable thead tr,
#todaysTable thead tr,
#bucketSizeTable thead tr,
#bucketInfoTable thead tr {
	font-family: 'Poppins', sans-serif;
    font-size: 12px;
    text-transform: none;
    font-weight: 800;
}

#filesTable thead tr th {
	padding-bottom: 0.5rem;
}

#filesTable thead tr th.action-button {
	color: #1e1e2d;
	text-align: center;
}

#filesTable thead tr th.dt-center, td.dt-center { 
	text-align: center; 
}

#filesTable tbody tr:hover {
	background-color: #f9f9f9;
}

#filesTable tbody td.dt-gray {
	color: #757575;
}

#filesTable thead th.pd-right {
	padding-left: .5rem;
}

#filesTable tbody td.dt-right {
	padding-left: .5rem;
}

#userTable tbody td.dt-bold {
	font-weight: 800;
}

#filesTable tbody td,
#shareTable tbody td,
#userTable tbody td,
#todaysTable tbody td,
#bucketSizeTable tbody td,
#bucketInfoTable tbody td {
 	font-size: 12px;
 	vertical-align: middle;
}

#filesTable tbody td {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

#filesTable tbody td button,
#userTable tbody td button {
	border-radius: 0;
	font-size: 12px;
	padding: 0;	
	text-align: center;
}

#filesTable tbody td button:hover,
#userTable tbody td button:hover {
	color: #007BFF;
	text-shadow: 0 1px 1px rgba(43,43,43,0.1), 0 1px 2px rgba(43,43,43,0.1);
}

#filesTable tbody td .delete:hover,
#userTable tbody td .delete:hover {
	color: #D13212;
}

#userTable .user-role {
	padding: 5px 10px;
	background-color: #1e1e2d;
	color: #FFF;
}

#userTable .admin-role {
	padding: 5px 10px;
	background-color: #007BFF;
	color: #FFF;
}

#filesTable_wrapper .dataTables_info,
#shareTable_wrapper .dataTables_info,
#userTable_wrapper .dataTables_info,
#todaysTable_wrapper .dataTables_info,
#bucketSizeTable_wrapper .dataTables_info,
#bucketInfoTable_wrapper .dataTables_info {
	font-size: 12px;
}

#filesTable_wrapper .dataTables_length label,
#shareTable_wrapper .dataTables_length label,
#userTable_wrapper .dataTables_length label,
#todaysTable_wrapper .dataTables_length label {
	font-size: 12px;
	font-weight: 800;
}

#filesTable_wrapper .dataTables_length select,
#shareTable_wrapper .dataTables_length select,
#userTable_wrapper .dataTables_length select {
	font-size: 10px;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #ebedf3;
}

#filesTable_wrapper .dataTables_filter label,
#shareTable_wrapper .dataTables_filter label,
#userTable_wrapper .dataTables_filter label {
	font-size: 12px;
	font-weight: 800;
}

#filesTable_wrapper .dataTables_filter input,
#shareTable_wrapper .dataTables_filter input,
#userTable_wrapper .dataTables_filter input {
	border-radius: 0;
	font-size: 12px;
	border: none;
	border-bottom: 1px solid #ebedf3;
}

#filesTable_wrapper .dataTables_filter input:hover,
#shareTable_wrapper .dataTables_filter input:hover,
#userTable_wrapper .dataTables_filter input:hover {
	border-color: #007BFF;
	webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	transition: all 0.2s;
}

#filesTable_wrapper .dataTables_filter input:focus,
#shareTable_wrapper .dataTables_filter input:focus,
#userTable_wrapper .dataTables_filter input:focus {
	border-color: #007BFF;
	webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	transition: all 0.2s;
}

#filesTable_wrapper .dataTables_length .custom-select,
#shareTable_wrapper .dataTables_length .custom-select,
#userTable_wrapper .dataTables_length .custom-select {
	margin-left: 0;
}

#filesTable_wrapper .dataTables_length .custom-select:focus,
#userTable_wrapper .dataTables_length .custom-select:focus,
#shareTable_wrapper .dataTables_length .custom-select:focus {
	border-color: #007BFF;
	webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	transition: all 0.2s;
}

#filesTable_wrapper .dataTables_info,
#userTable_wrapper .dataTables_info,
#shareTable_wrapper .dataTables_info {
	color: #757575;
	font-size: 10px;
}

#filesTable_wrapper .dataTables_paginate,
#userTable_wrapper .dataTables_paginate,
#shareTable_wrapper .dataTables_paginate {
	font-size: 9px;
}

#filesTable_wrapper .dataTables_paginate .pagination .page-item.disabled a,
#userTable_wrapper .dataTables_paginate .pagination .page-item.disabled a,
#shareTable_wrapper .dataTables_paginate .pagination .page-item.disabled a {
	color: #6c757d;
	opacity: 0.5;	
}

#filesTable_wrapper .dataTables_paginate .pagination .page-item.active a,
#userTable_wrapper .dataTables_paginate .pagination .page-item.active a,
#shareTable_wrapper .dataTables_paginate .pagination .page-item.active a {
	color: #FFF;
	background-color: #007BFF;
	border-color: #007BFF;
	outline: none;
	box-shadow: none;
}

#filesTable_wrapper .dataTables_paginate .pagination .page-item .page-link,
#userTable_wrapper .dataTables_paginate .pagination .page-item .page-link,
#shareTable_wrapper .dataTables_paginate .pagination .page-item .page-link {
	border-radius: 0;
	color: #0e2e40;
}

#filesTable_wrapper .dataTables_paginate .pagination .page-item .page-link:hover,
#userTable_wrapper .dataTables_paginate .pagination .page-item .page-link:hover,
#shareTable_wrapper .dataTables_paginate .pagination .page-item .page-link:hover {
	border-radius: 0;
	color: #0e2e40;
	outline: none;
	box-shadow: none;
}

/* -------------------------------------------- */
/* 		Action Buttons for All
/* -------------------------------------------- */

#filesTable #select-all {
	color: #0e2e40;
	padding-left: 5px;
}

#filesTable #select-all:hover {
	color: #007BFF;
}

#filesTable .file-name-box a {
	width: 100%;
	display: block;
	outline: none;
	text-decoration: none;
	color: #1e1e2d;
}

#filesTable .file-name-box a:hover {
	color: #007BFF;
}

#filesTable .public-read {
	color: #007BFF;
}

#filesTable .private {
	color: #D13212;
}

#file-uploads .actions-total {
	margin-bottom: 0.5rem;
}

#file-uploads .actions-total button.btn {
	padding: 0.5rem 0.7rem;
	background-color: #FFF;
	width: 42px;
	border: none;
	outline: none;
	text-decoration: none;
	border-radius: 0;
	color: #1e1e2d;
	margin-right: 0.1rem;
	transition: all 0.2s ease;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

#file-uploads .actions-total button:hover {
	background-color: #007BFF;
	color: #FFF;
	transition: all 0.2s ease;
}

#file-uploads .actions-total button#actions-total-delete:hover {
	background-color: #D13212;
	color: #FFF;
}

#file-uploads .btn.disabled, .btn[disabled] {
    cursor: not-allowed;
    -webkit-box-shadow: none;
    box-shadow: none!important;
    opacity: .50;
}

/* -------------------------------------------- */
/* 		Select file Checkbox styles
/* -------------------------------------------- */

.checkbox {
	display: block;
  	position: relative;
  	cursor: pointer;
  	-webkit-user-select: none;
  	-moz-user-select: none;
    user-select: none;
}

.checkbox input {
	position: absolute;
  	opacity: 0;
  	cursor: pointer;
  	height: 0;
  	width: 0;
}

.checkbox .checkbox-inner {
	position: absolute;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin-top: -6px;
	padding-left: 5.5px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1), 0 2px 3px rgba(0,0,0,0.2);
}

.checkbox-inner:before {
  	font-family: 'Font Awesome 5 Free';
	font-size: 10px;
    content: "\f067";
    font-weight: 900;
}

.checkbox:hover input ~ .checkbox-inner {
  	cursor: pointer;
	background-color: #1e1e2d;
	color: #FFF;
}

.checkbox:hover input ~ .checkbox-inner:before {
	content: "\f00c";
}

.checkbox input:checked ~ .checkbox-inner {
  background-color: #007BFF;
}

.checkbox input:checked ~ .checkbox-inner:before {
  display: none;
}

.checkbox input:checked ~ .checkbox-inner:after {
	display: block;

}

.checkbox .checkbox-inner:after {
   font-family: 'Font Awesome 5 Free';
	font-size: 10px;
    content: "\f00c";
    font-weight: 900;
    color: #FFF;
    display: none;
}

/* -------------------------------------------- */
/* 		Region Info Coloring
/* -------------------------------------------- */

.region-info {
	color: #FFF;
	padding: 5px 12px;
}

.us-east-1 { background-color: #D4ccc5; color: #1b1b2e;}
.us-east-2 { background-color: #01cd3e; }
.us-west-1 { background-color: #1b1b2e; }
.us-west-2 { background-color: #1b1b2e; }
.eu-west-1 { background-color: #007BFF; }
.eu-west-2 { background-color: #006666; }
.eu-west-3 { background-color: #01cd3e; }
.eu-south-1 { background-color: #00FFFF; }
.eu-north-1 { background-color: #007BFF; }
.eu-central-1 { background-color: #F9AA33; }
.ca-central-1 { background-color: #00FFFF; }
.ap-northeast-1 { background-color: #F9AA33; }
.ap-southeast-1 { background-color: #4A5567; }
.ap-southeast-2 { background-color: #061F33; }
.ap-northeast-2 { background-color: #006666; }
.ap-east-1 { background-color: #00FFFF; }
.ap-south-1 { background-color: #061F33; }
.me-south-1 { background-color: #4A5567; }
.sa-east-1 { background-color: #4A5567; }



/* ==========================================================================           
 *
 *    07 - PHOTO VIEWER STYLES
 *
 * ========================================================================== */

.photoviewer-inner {
	border: none;
}

.photoviewer-title {
	font-size: 10px;
	padding: 10px 15px;
}

.photoviewer-stage {
	border-top: none;
	border-bottom: none;
}

.photoviewer-button {
	color: #1e1e2d;
}

.photoviewer-button:hover {
	color: #007BFF;
}



/* ==========================================================================           
 *
 *    08 - FILE UPLOAD BOX STYLES (FILEPOND)
 *
 * ========================================================================== */

.filepond--root {
	cursor: pointer;
	font-size: 14px;
	margin-bottom: 0;
	font-family: 'Poppins', sans-serif;
	color: #1E1E2D;
	max-height: 300px;
}

.filepond--drop-label {
	font-size: 14px;
	font-family: 'Poppins', sans-serif;
	font-weight: 800;
	color: #1e1e2d;
}

.filepond--drop-label.filepond--drop-label label {
	font-weight: 800;
}

.filepond--drop-label.filepond--drop-label label:hover {
	cursor: pointer;
}

.filepond--browser.filepond--browser {
	bottom: 1.75em;
}

.filepond--item-panel {
	background: #1e1e2d;
}

.filepond--panel-root {
	border-radius: 0;
	background-color: #FFF;
}

.filepond--label-action {
	text-decoration: none;
	font-size: 14px;
	font-family: 'Poppins', sans-serif;
	font-weight: 800;
    color: #007BFF;
}

.filepond--label-action:hover {
	color: #1e1e2d;
}

[data-filepond-item-state*='invalid'] .filepond--item-panel, [data-filepond-item-state*='error'] .filepond--item-panel {
	background-color: #c44e47!important;
}

#filepond-warning {
	display: none;
	text-align: center;
	font-size: 10px;
}

#filepond-warning span {
	background: #C44E47;
	color: white;
	padding: 0.5rem 1rem;
	border-radius: 5px;
}


.filepond--list {
	max-height: 100px;
}

.filepond--list-scroller {
 	
}

.filepond--list-scroller[data-state='overflow'] {
	-webkit-mask: none;
	-webkit-box-shadow: 0px 7px 10px -2px rgba(43,43,43,0.3);
	-moz-box-shadow: 0px 7px 10px -2px rgba(43,43,43,0.3);
	box-shadow: 0px 7px 10px -2px rgba(43,43,43,0.3);
}

.filepond--list-scroller[data-state='overflow'] {

}

.filepond--list-scroller::-webkit-scrollbar {
  background: transparent;
}
.filepond--list-scroller::-webkit-scrollbar:vertical {
  width: 1em;
}
.filepond--list-scroller::-webkit-scrollbar:horizontal {
  height: 0;
}
.filepond--list-scroller::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 99999px;
  border: 0.3125em solid transparent;
  background-clip: content-box;
}

#upload-files {
	position: absolute;
	padding-top: 1rem;
	width: 100%;
	top: 0;
	left:0;
	z-index: 10;
}

#upload-box {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	display: none;
	margin-right: 1rem;
}



/*======================================================
*
*    09 - UPLOAD PROCESS STYLES
*
*=======================================================*/

#upload-status-box {
	overflow: hidden;
	padding: 0 2rem;
}

#upload-status-box #file-info p {
	margin-bottom: 0;
	font-size: 11px;
}

#upload-status-box span {
	text-transform: none;
}

#upload-status {
	line-height: 1;
}

#upload-status .status {
	margin-bottom: 1.5rem;
}

#upload-status .file-info .name {
	font-size: 10px;
	color: #0e2e40;
}

#upload-status .file-info .name span,
#upload-status .file-info .size span {
	font-weight: 800;
}

#upload-status .file-info .size {
	font-size: 10px;
	color: #0e2e40;
}

.status .success {
	font-size: 10px;
	text-transform: uppercase;
	color: green;
}

.status .error {
	font-size: 10px;
	text-transform: uppercase;
	color: red;
}

/*------------------------------------------*/
/*    Progress Bar
/*------------------------------------------*/

.progress-bar {
	margin-bottom: 1.5rem;
	height: 1.5rem;
	-webkit-box-shadow: 0 1px 4px rgba(57,73,76,.35);
	box-shadow: 0 1px 4px rgba(57,73,76,.35);
	border-radius: 0px;
	background-color: #007BFF!important;
}

.progress {
	border-radius: 0rem;
	position:relative;
	overflow: hidden;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);	
	margin-bottom: 0.5rem;
	margin-top: 0.5rem;
}

.progress-statistics {
	position: absolute;
	left:50%;
	z-index:5;
	color: #1e1e2d;
	font-weight: 800;
	font-size: 11px;
	padding-top: 0.3rem;
}



/* ==========================================================================           
 *
 *    10 - MODAL AND SELECT DROPDOWN STYLES
 *
 * ========================================================================== */

/* -------------------------------------------- */
/* 		Awesome Select Dropdown
/* -------------------------------------------- */

.modal .awselect {
	margin-bottom: 1.5rem;
}

.awselect {
	text-align: left;
	margin-bottom: 1.5rem;
	font-weight: 600;
	font-size: 12px!important;
}

.awselect .front_face {
	padding: 10px 20px!important;
}

.awselect .front_face > .bg {
	background: #FFF!important;
	color: #212932;
	box-shadow: 0 1px 3px 0 rgba(50, 50, 50, 0.2), 0 2px 1px -1px rgba(50, 50, 50, 0.12), 0 1px 1px 0 rgba(50, 50, 50, 0.14);
}

.awselect .back_face {
	padding: 0px!important;
	float: left;
}

.awselect.animate2 > .bg {
	-webkit-box-shadow: 0px 4px 7px -2px rgba(0,0,0,.5);
	-moz-box-shadow: 0px 4px 7px -2px rgba(0,0,0,.5);
	box-shadow: 0px 4px 7px -2px rgba(0,0,0,.5);
}

.awselect .back_face ul li a {
	padding: 10px 20px!important;
	float: left;
	border-bottom: 1px solid #ced4da;
}

.awselect .back_face ul li a:hover {
	background: #212932;
	color: #007BFF;
}

/* -------------------------------------------- */
/* 		Modal Styles
/* -------------------------------------------- */

#modalTypes  {
	padding: 1rem;
}

#modalTypes h5 {
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 800;
}

#modalTypes .modal-body h6 {
	margin-bottom: 0.5rem;
}

#modalTypes .modal-body ul {
	font-size: 12px
}

/* -------------------------------------------- */
/* 		Modal Styles
/* -------------------------------------------- */

.modal-header {
 	padding: 1rem 2rem;
 	border-bottom: none;
}

.modal-title {
	font-family: 'Poppins', sans-serif;
 	font-size: 14px;
 	font-weight: 800;
 	text-transform: uppercase;
}

.modal-title i {
	font-weight: 600;
	margin-right: 0.5rem;
	color: #007BFF;
}

.modal-title button {
	outline: none;
}

.modal-body {
	padding: 1rem 1.5rem;
}

.modal-body .private-link-title {
	font-weight: 600;
	font-size: 10px;
	margin-bottom: 0.5rem;
}

.modal-body label {
	font-size: 10px;
	padding-top: 3px;
}

.modal-body i {
	cursor: pointer;
}

.modal-body .file-info {
	margin-bottom: 0.5rem;
}

.modal-body h6 {
	font-size: 10px;
}

.modal-body .file {
	font-size: 10px;
	font-style: italic;
	color: #007BFF;
	font-weight: 600;
}

.modal-body p {
	font-size: 13px;
	margin-bottom: 0.5rem;
	padding-left: 0.5rem;
}

.modal-body p:last-child {
	margin-bottom: 0;
}

.modal-body .input-box:last-child {
	margin-bottom: 0;
}

.modal-body .form-group:last-child {
	margin-bottom: 0;
}

.modal-body small {
	font-size: 10px;
}

.modal-footer {
	border-top: none;
	padding: 0 1.5rem 1.4rem;
}

.modal-footer > * {
	margin: 0;
}

.modal-footer button {
	font-size: 10px;
	border-radius: 0;
	color: #FFF;
	width: 88px;
	margin-left: 0.5rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	font-weight: 600;
	text-transform: uppercase;
	background-color: #1e1e2d;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.modal-footer button:hover {
	color: #FFF;
	background-color: #1e1e2d;
}

.modal-footer button.cancel:hover {
	color: #FFF;
	background-color: #D13212;
}

.modal-footer button.btn-danger {
	background-color: #D13212;
}

.modal-footer button.btn-danger:hover {
	background-color: #1e1e2d;
	border-color: #1e1e2d;
}

.modal-footer button.btn-proceed {
	background-color: #007BFF;
}

.modal-footer button.btn-proceed:hover {
	background-color: #1e1e2d;
}

.close {
	font-size: 1.2rem;
}

.warning span {
	color: #D13212;
	font-weight: 800;
}

.warning b {
	font-weight: 800;
}

/* -------------------------------------------- */
/* 		Custom Modal Styles
/* -------------------------------------------- */

.modal #create-bucket-form .modal-body {
	padding-top: 0;
}

.modal #create-bucket-form input,
.modal #create-folder-form input {
	border-radius: 0;
	background: none;
	border: none;
	border-bottom: 1px solid #ebedf3;
}

.modal #create-bucket-form input:hover,
.modal #create-folder-form input:hover {
	border-color: #007BFF;
	webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	transition: all 0.2s;
}

.modal #create-bucket-form input:focus,
.modal #create-folder-form input:focus {
	border-color: #007BFF;
	webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	transition: all 0.2s;
}

.modal #create-folder-form .modal-body,
.modal #delete-folder-form .modal-body {
	padding-top: 0;
	padding-bottom: 1.4rem;
}

#delete-file-modal .modal-body,
#delete-files-modal .modal-body {
	padding: 0 1.5rem 1rem;
}

#email-link-modal .modal-body,
#email-links-modal .modal-body,
#rename-file-modal .modal-body,
#create-folder-modal .modal-body,
#change-access-modal .modal-body,
#copy-files-modal .modal-body,
#move-files-modal .modal-body,
#delete-user-modal .modal-body,
#update-user-modal .modal-body,
#configure-file-modal .modal-body,
#configure-files-modal .modal-body {
	padding: 0 2rem 1.4rem;
}

#email-link-modal .modal-footer,
#email-links-modal .modal-footer,
#configure-file-modal .modal-footer,
#configure-files-modal .modal-footer,
#delete-files-modal .modal-footer,
#delete-file-modal .modal-footer,
#create-bucket-modal .modal-footer,
#bucket-settings-modal .modal-footer,
#change-access-modal .modal-footer,
#copy-files-modal .modal-footer,
#move-files-modal .modal-footer,
#create-folder-modal .modal-footer,
#delete-bucket-modal .modal-footer,
#delete-user-modal .modal-footer,
#update-user-modal .modal-footer,
#empty-bucket-modal .modal-footer {
	padding-left: 2rem;
	padding-right: 2rem;
}

#delete-file-modal .modal-title i,
#delete-files-modal .modal-title i, 
#delete-bucket-modal .modal-title i, 
#delete-user-modal .modal-title i, 
#empty-bucket-modal .modal-title i {
	color: #D13212;
}

#email-link-modal .awselect,
#email-links-modal .awselect {
	font-size: 10px!important;
}

#rename-file-modal .modal-footer {
	padding: 0;
}

#create-bucket-modal .modal-body,
#bucket-settings-modal .modal-body,
#delete-bucket-modal .modal-body,
#empty-bucket-modal .modal-body {
	padding-left: 2rem;
	padding-right: 2rem;
}

#email-links-modal .modal-body .file-info {
	margin-bottom: 1rem;
}

#copy-files-modal .modal-body p,
#move-files-modal .modal-body p {
	margin-bottom: 0;
	font-size: 10px;
	padding-left: 0;
}

#copy-files-modal .modal-body p.input-info,
#move-files-modal .modal-body p.input-info {
	margin-top: 0.5rem;
}

#copy-files-modal .modal-body p span,
#move-files-modal .modal-body p span {
	color: red;
	font-weight: 600;
}

/* -------------------------------------------- */
/* 		Bucket Settings Styles
/* -------------------------------------------- */

#bucket-settings-modal h6 {
	margin-bottom: 0;
}

#bucket-settings-modal h6.no-info {
	margin-bottom: 0.5rem;
}

#bucket-settings-modal .bucket-notification {
	font-size: 10px;
	margin-bottom: 0.3rem;
	padding-left: 0;
}

/* -------------------------------------------- */
/* 		CHECKBOXES
/* -------------------------------------------- */

.slider-checkbox {
  position: relative;
  margin-bottom: 0.5rem;
}

.slider-checkbox input {
  margin: 0px;
  margin-top: 1px;
  cursor: pointer;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  background: red;
  width: 40px;
  height: 20px;
}

.slider-checkbox input:checked + .label:before {
  font-family: 'Font Awesome 5 Free';
  background-color: #007BFF;
  content: "\f00c";
  padding-left: 6px;
  font-weight: 900;
}

.slider-checkbox input:checked + .label:after {
  left: 21px;
}

.slider-checkbox .label {
  position: relative;
  padding-left: 46px;
}

.slider-checkbox .label:before, .slider-checkbox .label:after {
  position: absolute;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  transition: background-color 0.3s, left 0.3s;
}

.slider-checkbox .label:before {
  font-family: 'Font Awesome 5 Free';
  content: "\f00d";
  color: #fff;
  font-weight: 900;
  box-sizing: border-box;
  padding-left: 23px;
  font-size: 10px;
  line-height: 20px;
  background-color: #1e1e2d;
  left: 0px;
  top: 0px;
  height: 20px;
  width: 40px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.slider-checkbox .label:after {
  content: "";
  letter-spacing: 20px;
  background: #fff;
  left: 1px;
  top: 1px;
  height: 18px;
  width: 18px;
}



/* ==========================================================================           
 *
 *    11 - FORM INPUT FIELDS STYLES
 *
 * ========================================================================== */

.box-header {
	padding-bottom: 1rem;
	margin-bottom: 2rem;
	border-bottom: 1px solid #EBEDF3;
}

.index-box-header {
	margin-bottom: 0;
	border-bottom: none;
}

.box-header h4 {
	font-size: 13px;
	line-height: 0.8;
	text-transform: none;
}

.box-header span {
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 0.8;
}

/* -------------------------------------------- */
/* 		Input Box Styles
/* -------------------------------------------- */

.input-box {
	margin-bottom: 1.5rem;
}

.input-box h6 {
	margin-bottom: 0.4rem;
}

.input-box h6 a {
	margin-left: 0.3rem;
	color: #007BFF;
}

.input-box h6 a:hover {
	color: #0e2e40;
	outline: none;
	text-decoration: none;
}

.input-box span {
	font-size: 12px;
	color: #0e2e40;
	font-weight: 600;
}

.input-box .form-control {
	font-family: 'Poppins', sans-serif;
	border-radius: 0px;
	padding: 1.15rem 1.3rem;
	font-size: 10px;
	color: #0e2e40;
	font-weight: 600;
	-webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     outline: none;
}

.input-box input:hover {
	border-color: #007BFF;
	webkit-box-shadow: 0px 0px 3px 1px rgba(0,123,255,.4);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,123,255,.4);
	box-shadow: 0px 0px 3px 1px rgba(0,123,255,.4);
	transition: all 0.2s;
}

.input-box input:focus {
	border-color: #007BFF;
	webkit-box-shadow: 0px 0px 3px 1px rgba(0,123,255,.4);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,123,255,.4);
	box-shadow: 0px 0px 3px 1px rgba(0,123,255,.4);
	transition: all 0.2s;
}

.input-box textarea:hover {
	border-color: #007BFF;
	webkit-box-shadow: 0px 0px 3px 1px rgba(0,123,255,.4);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,123,255,.4);
	box-shadow: 0px 0px 3px 1px rgba(0,123,255,.4);
	transition: all 0.2s;
}

.input-box textarea:focus {
	border-color: #007BFF;
	webkit-box-shadow: 0px 0px 3px 1px rgba(0,123,255,.4);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,123,255,.4);
	box-shadow: 0px 0px 3px 1px rgba(0,123,255,.4);
	transition: all 0.2s;
}

.input-box .select2-selection--multiple {
	border-radius: 0;
	border: 1px solid #ced4da;
	cursor: pointer;
	padding: 0.2rem 0.3rem;
}

.input-box .select2-selection--multiple .select2-selection__choice {
	border-radius: 0;
	background-color: #1e1e2d;
	border: 1px solid #1e1e2d;
	color: #FFF;
	padding:0 7px;
}

.input-box .select2-selection--multiple .select2-selection__choice__remove {
	color: #FFF;
	margin-right: 5px;
}

.input-box .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: red;
}

.select2-dropdown {
	border-radius: 0!important;
	font-size: 12px!important;
	border: 1px solid #ced4da;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #007BFF!important;
}

.input-box .select2-container--focus .select2-selection--multiple {
	border-color: #007BFF;
	webkit-box-shadow: 0px 0px 3px 1px rgba(0,123,255,.4);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,123,255,.4);
	box-shadow: 0px 0px 3px 1px rgba(0,123,255,.4);
	transition: all 0.2s;
}
 
.tooltip {
  font-size: 11px;
}

.tooltip-inner {
  padding: 5px 10px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0;
}

/*------------------------------------------*/
/*    Notify User Checkbox Styles
/*------------------------------------------*/

.notify-user .form-control {
	border-radius: 0px;
	padding: 1.15rem 1.3rem;
	font-size: 10px;
	color: #0e2e40;
	font-weight: 600;
}
 
.notify-user label {
	font-family: 'Poppins', sans-serif;
	margin-bottom: 0;
	margin-left: 0.3rem;
	cursor: pointer;
}

.notify-user .input-control {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     position: relative;
     border: 1px solid #ced4da;
     top: 5px;
     height: 18px;
     width: 18px;
     cursor: pointer;     
     outline: none;
     transition: all 0.2s;
}

.notify-user .input-control:checked::before {
     position: absolute;
     font: 12px/1 'Open Sans', sans-serif;
     left: 5px;
     top: 1px;
     content: '\02143';
     transform: rotate(40deg);
}

.notify-user .input-control:hover {
     webkit-box-shadow: 0px 0px 3px 1px rgba(123,131,235,.4);
	-moz-box-shadow: 0px 0px 3px 1px rgba(123,131,235,.4);
	box-shadow: 0px 0px 3px 1px rgba(123,131,235,.4);
	transition: all 0.2s;
	margin-right: 1rem;
}

.notify-user .input-control:checked {
	border-color: #007BFF;
    color: #007BFF;
    transition: all 0.2s;
     webkit-box-shadow: 0px 0px 3px 1px rgba(0,123,255,.4);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,123,255,.4);
	box-shadow: 0px 0px 3px 1px rgba(0,123,255,.4);
}

.notify-user .form-control:focus {
  border-color: #007BFF;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0,123,255,.4);
}

/*------------------------------------------*/
/*    Submit & Action Buttons
/*------------------------------------------*/

.submit-button button {
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 12px;
	color:#fff;
	background-color: #007BFF;
	border: none;
	outline: none;
	text-transform: uppercase;
	text-decoration: none;
	padding: .7rem 3rem;
	margin-top: 0.5rem;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.14);
}

.action-button button {
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 10px;
	color:#fff;
	width: 150px;
	background-color: #1e1e2d;
	border: none;
	outline: none;
	text-transform: uppercase;
	text-decoration: none;
	padding: .7rem 1rem;
	margin-top: 0.5rem;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.14);
}

/*------------------------------------------*/
/*    Bucket Folder Styles
/*------------------------------------------*/

#bucket-folders {
	padding-bottom: 1.5rem;
	padding-left: 1rem;
	padding-right: 0.5rem;
}

#bucket-folders .box-header {
	margin-left: 1rem;
	margin-right: 1.5rem;
}

#bucket-folders .action-button button {
	max-width: 90px;
	font-size: 8px;
	padding: .5rem;
	margin-right: 0.5rem;
	margin-top: 1rem;
}

#bucket-folders #folders-list {
	color: #1e1e2d;
	text-transform: capitalize;
	font-size: 13px;
}

#bucket-folders #folders-list .no-folder {
	font-size: 12px;
	color: #757575;
}

#bucket-folders #folders-list #no-folders {
	padding-left: 1rem;
}

.jstree-default .jstree-clicked,
.jstree-anchor:hover {
  	background: #007BFF;
  	color: #FFF;
  	padding-right: 10px;
  	border-radius: 0;
}

.submit-button button:hover,
.action-button button:hover {
	background-color: #0e2e40;
}

.action-button button:hover {
	background-color: #007BFF;
}

.action-button button.delete:hover {
	background-color: #D13212;
}

.action-button button.mr-left {
	margin-left: 1.6rem;
}

.submit-button .ripple,
.action-button .ripple {
  	position:relative;
  	overflow:hidden;
  	-webkit-transition: all 0.2s ease;
  	-moz-transition: all 0.2s ease;
  	-o-transition: all 0.2s ease;
  	transition: all 0.2s ease;
}

.submit-button .ripple:hover,
.action-button .ripple:hover {
	cursor: pointer;
}

.submit-button .ink,
.action-button .ink {
  	display: block;
  	position: absolute;
  	background:rgba(255, 255, 255, 0.3);
  	border-radius: 100%;
  	-webkit-transform:scale(0);
     -moz-transform:scale(0);
       -o-transform:scale(0);
          transform:scale(0);
}

.submit-button .animate,
.action-button .animate {
	-webkit-animation:ripple 0.65s linear;
   	-moz-animation:ripple 0.65s linear;
    -ms-animation:ripple 0.65s linear;
     -o-animation:ripple 0.65s linear;
        animation:ripple 0.65s linear;
}

@-webkit-keyframes ripple {
    100% {opacity: 0; -webkit-transform: scale(2.5);}
}
@-moz-keyframes ripple {
    100% {opacity: 0; -moz-transform: scale(2.5);}
}
@-o-keyframes ripple {
    100% {opacity: 0; -o-transform: scale(2.5);}
}
@keyframes ripple {
    100% {opacity: 0; transform: scale(2.5);}
}



/* ==========================================================================           
 *
 *    12 - AUDIO & VIDEO PLAYER STYLES
 *
 * ========================================================================== */

 #audio-player-box {
 	padding: 0 1rem 1.5rem;
 }

  #audio-player-box,
  #video-player-box {
  	--plyr-color-main: #007BFF;
  }