*{

	box-sizing:border-box;

}

body,

.mainContent{

	min-height:100vh;

}

.pointer{

	cursor:pointer;

}

.page-link{

	color:#13bfda !important;

}

.btn-primary,

.complexly-blue,

.page-item.active .page-link{

	background-color:#13bfda !important;

	border-color:#13bfda !important;

}

.page-item.active .page-link{

	color:#fff !important;

}

.complexly-blue-border{

	color:#13bfda !important;

	border-color:#13bfda !important;

}

.complexly-blue-border:hover{

	background-color:#13bfda !important;

	color:#fff !important;

}

.complexly-blue-border:focus{

	box-shadow:0 0 0 0.2rem rgba(19,191,218,.5);;

}

.c-blue-text{

	color:#13bfda !important;

}

.c-red-text{

	color:#D4C028 !important;

}

.custom-sidebar,

.loginCard{

	background-image: -webkit-gradient(linear,right top, left top,from(rgba(51,148,225,.18)),to(transparent));

    background-image: linear-gradient(270deg,rgba(51,148,225,.18),transparent);

    background-color: #584475;

}

.page-logo{

	width:60%;

	margin:0 auto;

}

.complexlyLogo{

	width:100%;

}

.page-logo p{

	display:inline-block;

	font-size:24px;

	color:#fff;

	position:relative;

	top:4px;

}

nav a.nav-link{

	color:#bdafd1;

	background-color:rgba(0,0,0,0);

	font-size:18px;



}

nav a.nav-link.active{

	color:#fff;

	background-color:rgba(0,0,0,0.1);

}

nav a.nav-link:hover{

	color:#fff;

	background-color:rgba(0,0,0,0.1);

}

.navHover{

	font-size:24px;

	visibility: hidden;

}

.floatRight{

	float:right;

	margin-right:15px;

}

nav a.nav-link:hover .navHover,

nav a.nav-link.active .navHover{

	visibility:visible;

}

.hiddenSidebar{

	position:absolute;

	top:0;

	left:0;

}

.main-card{

	-webkit-box-shadow: 0 0 13px 0 rgba(62,44,90,.08);

    box-shadow: 0 0 13px 0 rgba(62,44,90,.08);

    background-color:#fff;

}

.filepond--browser.filepond--browser, .filepond--root{

	width:calc(50% - .5em) !important;

}

.hideSidebar,

main .navbar{

	display:none;

}

.logoHolder{

	width:30%;

	min-width:200px;

	margin:0 auto;

}

.logoHolder img{

	width:100%;

}

#search{

	width:80% !important;

}

.sortable{

	position:relative;

	left:15px;

	cursor:pointer;

}

#sortable tr{

	cursor:pointer;

}

.loginCard .card{

	width:30%;

	min-width:400px;

	border:none;

	background-color:transparent;

}

#cardDeckModal .modal-dialog{

	min-height:0 !important;

	height:90vh !important;

}

#cardDeckModal .modal-content{

	height:100%;

	/*overflow:scroll;*/

}

.deleteBtn{

	display:none;

}

/*#search:focus{

	outline:none !important;

}

.search-btn{

	position:relative;

	right:10px;

	border-radius:0 .25rem .25rem 0;

}*/

@media (max-width: 992px) {

	body,

	html{

		overflow-x:hidden;

	}

	main .navbar{

		display: flex;

	}

	.hideSidebar{

		display:block;

	}

	.filepond--browser.filepond--browser, .filepond--root{

		width:calc(100% - .5em) !important;

	}

	.leftMenu{

		display: block !important;

		position: absolute !important;

		height:100vh !important;

		width:40% !important;

		left:0 !important;

		z-index:0 !important;

		max-width:40% !important;

		flex:0 0 40% !important;

	}

	.mainContent{

		position: relative !important; 

		width:100% !important;

		flex: 0 0 100% !important;

		max-width:100% !important;

		z-index:10 !important;

	}

}