@charset "UTF-8";

.button_area {
	text-align: right;
	margin-top: 2px;
	margin-bottom: 2px;
}

.button_area.align_left {
	text-align: left;
}

.button_area .btn {
	margin-left: 4px;
	margin-right: 4px;
}

.button_area .btn:first-child {
	margin-left: unset;
}

.button_area .btn:last-child {
	margin-right: unset;
}

.button_area.h36 {
	height: 36px;
	vertical-align: center;
}

.btn {
	padding: 9px 12px;
	color: white;
	font-weight: bold;
	cursor: pointer;
	border-radius: 3px;
	border-width: 0;
}

button.btn {
	min-height: 35px;
}

a.btn {
	display: inline-block;
}

a.btn:not(.btn-c-link):link, a.btn:not(.btn-c-link):visited {
	text-decoration: none;
}


a.btn:not(.btn-c-link, .btn-c-light), 
a.btn:not(.btn-c-link, .btn-c-light):link, 
a.btn:not(.btn-c-link, .btn-c-light):visited {
	color: white;
}


.btns .btn {
	margin: auto 4px;
	box-sizing: border-box;
}

.btn-c-green {
	background-color: #32b750;
}

.btn-c-blue {
	background-color: #004aa7;
}

.btn-c-red {
	background-color: #f44336;
}

.btn-c-dark {
	background-color: #363636;
}

.btn-c-light {
	color: black;
	background-color: #fefefe;
	border: 1px solid #c8c8c8;
}

.btn-c-yellow {
	color: black;
	background-color: #ffe400;
}


.btn-c-link {
	background-color: transparent;
	text-decoration: underline !important;
	color: #0000ee;
}

.btn-c-link:link {
	color: #0000ee;
}

.btn-c-link:active, .btn-c-link:visited {
	text-decoration: underline;
	color: #551ABB;
}

.btn-c-link.light {
	color: #CEFBC9;
}

.divider.horizontal {
	width: 75%;
	height: 1px;
	background: gray;
	display: block;
	margin: 16px auto;
}



.modal_center {
	position: absolute;
	width: 720px;
	height: 480px;
	background: white;
	
	left: 50%;
	top: 50%;
	
	transform: translate(-50%, -50%);
}

.button_area_between {
	display: flex;
	justify-content: space-between;
}

.button_area_between > div:first-child {
	margin-left: 0;
}

.button_area_between > div:last-child {
	margin-right: 0;
}

.row label + div {
	margin: 0;
}

.divider {
	width: 95%;
	height: 1px;
	background: gray;
	margin: 24px auto;
	opacity: 0.5;	
	border-radius: 4px;
}


@media screen and (max-width:1300px){
	.content_wrap {
		width: 82%;
	}	
}

@media screen and (max-width:768px) {
    .side_nav {
/*         display: none; */
		top: 220px;
		transition: 0.5s;
    }
    
    .side_nav {
    	width: 0%;
    }
    
    .side_nav.active {
    	width: 100%;
    }
    
    .content_wrap {
    	width: 100%;
    }
    
    .storageCont .content{
    	position: unset !important;
    }
    .content_wrap{
    	margin-top: 110px;
    }
    .top_menu{
    	line-height: unset;
    }
    .top_menu li{
    	height: 50px;
   	    display: flex;
	    align-items: center;
	    justify-content: center;
	    word-break: keep-all;
    }
    .top_menu{
    	margin-left: 0px;
   	    display: grid;
	    grid-template-columns: 1fr 1fr 1fr;
	    justify-content: center;
	    align-items: center;
	    width: 100%;
    }
    .top_header{
    	height: unset;
    	max-height: unset;
    }
    .top_header div, .top_header nav{
    	padding-top: 15px;
    }
    .top_header nav{
    	margin-left: 0px;
    	width: 100%;
    }
    .top_header .left_wrap{
    	padding-bottom: 16px;
    }
    .top_header .right_wrap{
    	width: 100%;
    }
    .top_header .sign_btns{
    	padding-top: 0px;
    }
}