@import "helpers";
@import "overrides";
@import "components/cropper";
@import "components/uploader";

#page-wrapper {
	padding: 0;
}
.thumbnail-wrapper {
	.thumbnail-card {
		position: relative;
		.btn-rounded {
			position: absolute;
			top: 5px;
			right: 5px;
			opacity: 0;
		}
		&:hover {
			.btn-rounded {
				opacity: 1;
			}
		}
	}
}

// Variables
a {
	text-decoration: none;
	&:hover {
		text-decoration: none;
	}
}
header {
	margin-top: 21px;

	.header-wrapper {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		text {
			font-size: 4rem;
			line-height: 100px;
			position: absolute;
			left: 15px;
		}
		text.form-header {
			font-size: 2rem;
		}

		.left-info {
			font-size: 4rem;
			position: absolute;
			left: 15px;
			text-align: left;
		}

		.header-card {
			display: inline-flex;
			background-color: #474749;
			color: white;
			text-decoration: none;
			width: 100px;
			overflow: hidden;
			-webkit-transition: All .3s ease;
    	transition: All .3s ease;

			text {
				margin-left: 20px;
				line-height: 100px;
				font-size: 4rem;
				margin-right: 20px;
			}
 
			div.header-icon {
				height: 100px;
				width: 100px;
				display: inline-table;


			}

			&:hover {

				div.header-icon {

				}
			}
		}

		&.search-wrapper {
			margin-top: 15vh;
			margin-bottom: 13vh;
		}
	}
}

.card-wrapper {
	margin: 0 auto;

	.img-container {
		text-align: center;
	}

	&.logo {
		margin-top: 50px;
		margin-bottom: 18vh;
		text-align: center;
		h3 {
			font-weight: 600;
			color: black;
			text-transform: uppercase;
		}
		img {
			height: 200px;
		}
	}
}

.p-5-l-r {
	padding-left: 5px;
	padding-right: 5px;	
}

section.menu {
	@media(min-width: 768px) {
		padding-left: 100px;
		padding-right: 100px;
	}
	.menu-item	{
		margin-top: 5px;
		margin-bottom: 5px;

		a {
			text-decoration: none;

			img {
				height: auto;
				width: 100%;
			}
			text {
				margin-left: 20px;
				line-height: 50px;
			}
		}


		.menu-card {
			display: flex;
			background-color: #474749;
			color: white;

			div.header-icon {
				height: 50px;
				width: 50px;
			}

			&:hover {
				background-color: #222222;	
				div.header-icon {
					filter: brightness(80%);
				}
			}
		}

	}
}

.bootstrap-select {
	.dropdown-menu.open{
		z-index: 1040;
	}
}

form {
	button {
		// margin-top: 5rem;
	}
	input.datepicker{
		padding-left: 12px;
	}
}
.content-wrapper {
	.dataTables_wrapper {
		margin-top: 2rem;
	}
	h2.search {
		display: inline;
	}
	button.btn-export {
		margin-left: 1rem;
	}
}
.upload-drop-zone {
	height: 200px;
	border-width: 2px;
	margin-bottom: 20px;
	color: #ccc;
	border-style: dashed;
	border-color: #ccc;
    // line-height: 200px;
    text-align: center;
    position: relative;
    -webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;

    div.caption-wrapper {
		position: absolute;
	    left: 0;
	    right: 0;
	    margin: 0;
	    top: 50%;
	    transform: translateY(-50%);
    }

    input[type=file] {
	    position: absolute;
	    left: 0;
	    top: 0;
	    right: 0;
	    margin: 0;
	    padding: 0;
	    width: 100%;
	    font-size: 20px;
	    cursor: pointer;
	    opacity: 0;
	    height: 200px;
    }
}
.upload-drop-zone.drop {
    color: #222;
    border-color: #222;
}
.black {
	color: #000;
}

.datepicker-dropdown{
	z-index: 1030!important;
}

.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}
.dataTable {
	thead {

		tr {
		  th {
			  text-align: center;	  	
		  }
		}
	}
	
}
.form-search>div>select,
.form-search>div>input,
.form-search>div>button,
.form-search .form-group .bootstrap-select.btn-group, 
.form-search.form-horizontal .bootstrap-select.btn-group, 
.form-search.form-inline .bootstrap-select.btn-group {
	margin-bottom: 10px;
}
.ex-bottom {
	margin-bottom: 5rem;
	margin-top: 1.5rem;
}
.container.home{
	text-align: center;
	.card-wrapper {
		margin-top: 4vh; 
	}
}
a{
	color: black;
	font-weight: 700;
}
.sidebar {
  overflow: scroll;
  overflow-x: hidden;

	::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
	}

	@media(min-width: 768px) {
		position: fixed;
		top: 0;
		bottom: 0;
	}

}
.img {
	width: 100%;
	height: auto;
}
.navbar-brand {
	line-height: 50px;
}
.img-fluid {
	height: auto;
	width: 100%;
}
#side-menu {
	margin-bottom: 5rem;
}

li.divider {
    height: 5px;
    background-color: #ddd;
}
a.logout {
	margin-top: 10px;
	text-decoration: none;
	color: #aaa;
	&:hover {
		text-decoration: none;
		color: black;
	}
}

//Side
ul#side-menu {
	li {
		a {
			
			display: inline-flex;
			width: 100%;

			&:hover {
				.menu-icon {
					filter: brightness(80%);
				}
			}

 		}
	}
}
.nav>li>a{
	padding-left: 11px;
}

ul.manage-menu {
	li {
		border-bottom: none;
		padding: 0;
		a {
			border: none;
			padding: 0;
			.menu-icon {
				img {
					width: 44px;
					height: 44px;				
				}
			}
			.menu-text {
				display: block;
				padding: 11px;
				border: none;
				width: 100%;
				text-align: center;
			}
		}
	}
}

header.header-menu {
	margin-top: 56px;
	a {
		border: none;
		padding: 0;
		.menu-icon {
			display: inline-block;
			min-width: 72px;
			img {
		    width: 72px;
		    height: 72px;
		    margin-top: -4px;
		    margin-right: 5px;	
			}
		}
		.menu-text {
			display: inline-block;
			padding: 25px;
			border: 2px solid rgba(0,0,0,0.75);
			width: 300px;
			text-align: center;
			-webkit-box-shadow: 5px 5px 1px 0px rgba(0,0,0,0.75);
			-moz-box-shadow: 5px 5px 1px 0px rgba(0,0,0,0.75);
			box-shadow: 5px 5px 1px 0px rgba(0,0,0,0.75);
		}
		&:hover {
			.menu-icon {
				filter: brightness(80%);
			}
		}
	}
}