@import 'https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet';
@font-face{
	font-family: 'Roboto-LightItalic';
	src: url('Roboto-LightItalic.ttf');
}

:root {
    --dk-gray-100: #1c1e24;
    --dk-gray-200: #FFFFFF;
    --dk-gray-300: #FFFFFF;
    --dk-gray-400: #aabbcc;
    --dk-gray-500: #FFFFFF;
    --dk-gray-600: #387369;
    --dk-gray-700: #2D5C54;
    --dk-gray-800: #22453F;
    --dk-gray-900: #162E2A;
    --dk-dark-bg: #3d3d44;
    --dk-darker-bg: #16181d;
    --navbar-bg-color: #16181d;
    --sidebar-bg-color: #1c1e24;
    --sidebar-width: 250px;
}

.merge-pdf {
	text-align: center;
	background-color: var(--dk-dark-bg);
	border-radius: 1vw;
	display: block;
	margin: 3% auto auto auto;
	padding: 3vw;
}
/*
.merge-pdf h1,.merge-pdf h2,.merge-pdf h3,.merge-pdf h4,.merge-pdf h5,.merge-pdf h6 {
	color: white;
}
*/
.merge-pdf * {
	color: white;
}

/*
.merge-pdf h2{
	margin-top: -0.2vw;
	margin-left: 0.5vw;
}
*/


#upload-data, #pwdupload-data{
	width: 100%;
	display: block;
	margin: auto;
}

.mergepdfsbtn, #encryptbtn, .pwdmergepdfsbtn{
	--radius: 30px;
	--radius-icon: 18px;
	background-color: var(--dk-gray-600);
	color: var(--dk-gray-200);
	box-shadow: none !important;
	font-size: var(--radius-icon);
	border-radius: 6px;
    padding-left: 3px;
    padding-right: 3px;
	border:0;
	border-color:var(--sidebar-bg-color);
}
.mergepdfclearbtn, .pwdmergepdfclearbtn{
	margin: 16px auto auto auto;
}

.uil-refresh{
	-webkit-animation: spin_ref 3.5s;
	animation: spin_ref 3.5s;
	animation-fill-mode: forwards;
}
@keyframes spin_ref {
	from{
		-webkittransform:rotate(0deg);
		transform:rotate(0deg);
	}
	to {
		-webkittransform:rotate(405deg);
		transform:rotate(405deg);
	}
}

#file-list, #pwdfile-list{
	width: 100%;
	display: block;
	margin: auto;
    list-style-type: none;
	padding: 0;
}
#file-list li, #pwdfile-list li{
	text-align: center;
}
/*
#upload-data{
	width: "100%";
	height: "60px";
	line-height: "60px";
	border-width: "1px";
	border-style: "dashed";
	border-radius: "5px";
	text-align: "center";
	margin: "10px";
}
*/

.mergeResults_div{
	padding-top:5px;
}

.mergeResults{
	border: 2px aquamarine dashed;
	border-radius: 5px;
}