/* normalize css */
*, body, button, input, textarea, select {
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
}
:focus {outline:0 !important;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin:0;
  padding:0;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
fieldset,img {
  border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
  font-style:normal;
  font-weight:normal;
}
ol,ul {
  list-style:none;
}
caption,th {
  text-align:left;
}
h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
}
q:before,q:after {
  content:'';
}
abbr,acronym { border:0;}
/* -- */

/* loader */
.loader {
	position: absolute;
	left: 50%;
	top: 50vh;
	z-index: 100;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #3498db;
	width: 120px;
	height: 120px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}
#loaderContainer {
	width: 100%;
	min-height: 100vh;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.8);
	z-index:100;
}
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
/* -- */
/* new */
button[disabled], .buttonNoColor[disabled]{
    background: #8ca0b3!important;
}

.dashboardContent{
	min-height: 100vh; background: #f4f8f9; padding: 65px 20px 20px 250px;
}

.headerSide{
	overflow:auto; position:fixed; top:0; left: 0; z-index:12; width: 230px; height: 100vh; background: white; box-shadow: 2px 5px 20px rgba(0, 0, 0, 0.1);
}
.headerSide::-webkit-scrollbar { 
                display: none; 
            } 
.boxYellow{
	display: inline-block; width: calc((100% / 3) - 60px);
	height: 180px;
	background-image:url("../images/kpbn/boxYellow.png");
	background-position: center;
	padding: 20px;
	border: none;
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
	margin-right: 30px
}
.boxGreen{
	display: inline-block; width: calc((100% / 3) - 60px);
	height: 180px;
	background-image:url("../images/kpbn/boxGreen.png");
	background-position: center;
	padding: 20px;
	border: none;
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
	margin-right: 30px;
}
.buttonSide{
	font-size: 15px; padding:10px; text-align: left; display: block; width: 100%; background: none; border: none;
}
.buttonSide:hover, .buttonSideActive{
	font-size: 15px; padding:10px; text-align: left; display: block; width: 100%; background: none;
	border: solid #99c741;
	border-width: 0 4px 0 0;
	color: #99c741;
}
.buttonSide:hover .iconSideDashboard{
	content:url("../images/kpbn/sideDashboardActive.png");
}
.iconSideDashboard{
	margin-right:20px; 
	display:inline-block; 
	width: 20px;height: auto;
	content:url("../images/kpbn/sideDashboard.png");
}
.iconSideDashboard:hover, .iconSideDashboardActive{
	margin-right:20px; 
	display:inline-block; 
	width: 20px;height: auto;
	content:url("../images/kpbn/sideDashboardActive.png");
}
.buttonSide:hover .iconSideAuction{
	content:url("../images/kpbn/sideAuctionActive.png");
}
.iconSideAuction{
	margin-right:20px; 
	display:inline-block; 
	width: 20px;height: auto;
	content:url("../images/kpbn/sideAuction.png");
}
.iconSideAuction:hover, .iconSideAuctionActive{
	margin-right:20px; 
	display:inline-block; 
	width: 20px;height: auto;
	content:url("../images/kpbn/sideAuctionActive.png");
}
.buttonSide:hover .iconSideTender{
	content:url("../images/kpbn/sideTenderActive.png");
}
.iconSideTender{
	margin-right:20px; 
	display:inline-block; 
	width: 20px;height: auto;
	content:url("../images/kpbn/sideTender.png");
}
.iconSideTender:hover, .iconSideTenderActive{
	margin-right:20px; 
	display:inline-block; 
	width: 20px;height: auto;
	content:url("../images/kpbn/sideTenderActive.png");
}
.buttonSide:hover .iconSideBidoffeer{
	content:url("../images/kpbn/sideBidofferActive.png");
}
.iconSideBidoffer{
	margin-right:20px; 
	display:inline-block; 
	width: 20px;height: auto;
	content:url("../images/kpbn/sideBidoffer.png");
}
.iconSideBidoffer:hover, .iconSideBidofferActive{
	margin-right:20px; 
	display:inline-block; 
	width: 20px;height: auto;
	content:url("../images/kpbn/sideBidofferActive.png");
}
.buttonSide:hover .iconSideReport{
	content:url("../images/kpbn/sideReportActive.png");
}
.iconSideReport{
	margin-right:20px; 
	display:inline-block; 
	width: 20px;height: auto;
	content:url("../images/kpbn/sideReport.png");
}
.iconSideReport:hover, .iconSideReportActive{
	margin-right:20px; 
	display:inline-block; 
	width: 20px;height: auto;
	content:url("../images/kpbn/sideReportActive.png");
}
.buttonSide:hover .iconSideFaq{
	content:url("../images/kpbn/sideFaqActive.png");
}
.iconSideFaq{
	margin-right:20px; 
	display:inline-block; 
	width: 20px;height: auto;
	content:url("../images/kpbn/sideFaq.png");
}
.iconSideFaq:hover, .iconSideFaqActive{
	margin-right:20px; 
	display:inline-block; 
	width: 20px;height: auto;
	content:url("../images/kpbn/sideFaqActive.png");
}
.buttonSide:hover .iconSideExApp{
	content:url("../images/kpbn/sideExAppActive.png");
}
.iconSideExApp{
	margin-right:20px; 
	display:inline-block; 
	width: 20px;height: auto;
	content:url("../images/kpbn/sideExApp.png");
}
.iconSideExApp:hover, .iconSideExAppActive{
	margin-right:20px; 
	display:inline-block; 
	width: 20px;height: auto;
	content:url("../images/kpbn/sideExAppActive.png");
}
.buttonSide:hover .iconSideSetting{
	content:url("../images/kpbn/sideSettingActive.png");
}
.iconSideSetting{
	margin-right:20px; 
	display:inline-block; 
	width: 20px;height: auto;
	content:url("../images/kpbn/sideSetting.png");
}
.iconSideSetting:hover, .iconSideSettingActive{
	margin-right:20px; 
	display:inline-block; 
	width: 20px;height: auto;
	content:url("../images/kpbn/sideSettingActive.png");
}
.buttonSide:hover .iconSideApproval{
	content:url("../images/kpbn/sideApprovalActive.png");
}
.iconSideApproval{
	margin-right:20px; 
	display:inline-block; 
	width: 20px;height: auto;
	content:url("../images/kpbn/sideApproval.png");
}
.iconSideApproval:hover, .iconSideApprovalActive{
	margin-right:20px; 
	display:inline-block; 
	width: 20px;height: auto;
	content:url("../images/kpbn/sideApprovalActive.png");
}
.buttonSide:hover .iconSideJda{
	content:url("../images/kpbn/sideJdaActive.png");
}
.iconSideJda{
	margin-right:20px; 
	display:inline-block; 
	width: 20px;height: auto;
	content:url("../images/kpbn/sideJda.png");
}
.iconSideJda:hover, .iconSideJdaActive{
	margin-right:20px; 
	display:inline-block; 
	width: 20px;height: auto;
	content:url("../images/kpbn/sideJdaActive.png");
}
.buttonSide:hover .iconSideMaster{
	content:url("../images/kpbn/sideMasterActive.png");
}
.iconSideMaster{
	margin-right:20px; 
	display:inline-block; 
	width: 20px;height: auto;
	content:url("../images/kpbn/sideMaster.png");
}
.iconSideMaster:hover, .iconSideMasterActive{
	margin-right:20px; 
	display:inline-block; 
	width: 20px;height: auto;
	content:url("../images/kpbn/sideMasterActive.png");
}
.buttonSide:hover .iconSideData{
	content:url("../images/kpbn/sideDataActive.png");
}
.iconSideData{
	margin-right:20px; 
	display:inline-block; 
	width: 20px;height: auto;
	content:url("../images/kpbn/sideData.png");
}
.iconSideData:hover, .iconSideDataActive{
	margin-right:20px; 
	display:inline-block; 
	width: 20px;height: auto;
	content:url("../images/kpbn/sideDataActive.png");
}

.inputLogin{
	border-bottom: 2px solid #ebebeb;
}
.inputForm{
	padding: 10px; border: solid 1px #e9eff4; border-radius: 4px; width: 300px;
}
.loginSide{
	position: fixed; 
	top: 0; 
	left: 0; 
	height: 100vh; 
	width: 400px;
	background:#008146; 
	background-image:url("../images/kpbn/rectangle.png");
	background-size:100% auto;
	background-repeat: no-repeat;
	padding: 200px 20px;
}
.buttonBorder{
	display:inline-block; 
	margin-left: 10px; 
	padding:8px 30px; 
	background:transparent; 
	border: solid 1px #808285;
}
.buttonBorder:hover{
	border: solid 1px #f5a623;
	color: #f5a623;
}

.buttonHeader{
	display: inline-block; 
	color: #304457;
	margin: 0 25px 0 0;
	font-size: 15px;
	cursor: pointer;
}
.buttonHeader:hover{
	color: #f5a623;;
}
.buttonIcon{
	background: transparent;
	border: none;
	color: #00545f;
}
.buttonIcon:hover{
	color: #f5a623;;
}
.buttonTable{
	padding:5px 10px; 
	background:transparent; 
	border: solid 1px #e9eff4;
	font-size: 11px;
	margin: 2px 0;
	border-radius: 2px;
	color: #a4b2bb;
}
.buttonTable2{
	padding:5px 10px; 
	background:transparent; 
	border: solid 1px #e9eff4;
	font-size: 11px;
	margin: 2px 0;
	border-radius: 2px;
	color: #a4b2bb;
}
.buttonTable3{
	padding:5px 10px; 
	background:transparent; 
	border: solid 1px #e9eff4;
	font-size: 11px;
	margin: 2px 0;
	border-radius: 2px;
	color: #a4b2bb;
}
.buttonTable4{
	padding:5px 10px; 
	background:transparent; 
	border: solid 1px #e9eff4;
	font-size: 11px;
	margin: 2px 0;
	border-radius: 2px;
	color: #a4b2bb;
}
.buttonTable5{
	padding:5px 10px; 
	background:transparent; 
	border: solid 1px #e9eff4;
	font-size: 11px;
	margin: 2px 0;
	border-radius: 2px;
	color: #a4b2bb;
}
.buttonMinus{
	position: absolute; top: 50%; left: 0; width: 26px; height: 26px; transform: translate(-50%,-50%); background: #f5a623; border:none; border-radius: 50%;
}
.buttonPlus{
	position: absolute; top: 50%; right: 0; width: 26px; height: 26px; transform: translate(50%,-50%); background: #99c741; border: none; border-radius: 50%; color: white;
}
.buttonCheck{
	width: 26px; height: 26px; background: #99c741; border:none; border-radius: 50%;
}
.buttonNoColor{
	width: 100px;
    padding: 5px 10px;
    height: 30px;
    font-size: 12px;
    text-align: center;
    border-radius: 4px;
    border: none;
    color: white;
}
.buttonRemove{
	width: 26px; height: 26px; background: #f5a623; border: none; border-radius: 50%; color: white; 
	font-size: 15px; font-weight: bold;
}
.buttonAdd{
	width: 26px; height: 26px; background: #99c741; border: none; border-radius: 50%; color: white; 
	font-size: 15px; 15px; font-weight: bold;
}

.homePhoto{
	display: block;
	width:471px; height: 278px; 
	position: absolute; top: 0;
}
.textNews{
	overflow: hidden; height:70px; margin: 0; color: #9b9b9b; font-size: 13px;
}
table{
	width: 100%;
	border-collapse:separate; 
    border-spacing:0 5px;
}
table tr:hover td{
	background:#f2f6f7;
}
table tr:hover .buttonTable{
	background: #99c741;
	color: white;
	border: solid 1px transparent;
}
table tr:hover .buttonTable2{
	background: #f5a623;
	color: white;
	border: solid 1px transparent;
}
table tr:hover .buttonTable3{
	background: #8ca0b3;
	color: white;
	border: solid 1px transparent;
}
table tr:hover .buttonTable4{
	background: #00c093;
	color: white;
	border: solid 1px transparent;
}
table tr:hover .buttonTable5{
	background: #df2027;
	color: white;
	border: solid 1px transparent;
}
.delete{
	background-image: url("../images/kpbn/delete.png");
    background-repeat: no-repeat;
    margin-right:10px; display:inline-block; width: 10px;height: 10px;
    background-size: cover;
}
table tr:hover .delete{
	background-image: url("../images/kpbn/deleteWhite.png");
}
.print{
	background-image: url("../images/kpbn/print.png");
    background-repeat: no-repeat;
    margin-right:10px; display:inline-block; width: 10px;height: 10px;
    background-size: cover;
}
table tr:hover .print{
	background-image: url("../images/kpbn/printWhite.png");
}
.search{
	background-image: url("../images/kpbn/search.png");
    background-repeat: no-repeat;
    margin-right:10px; display:inline-block; width: 10px;height: 10px;
    background-size: cover;
}
table tr:hover .search{
	background-image: url("../images/kpbn/searchWhite.png");
}
.download{
	background-image: url("../images/kpbn/download.png");
    background-repeat: no-repeat;
    margin-right:10px; display:inline-block; width: 10px;height: 10px;
    background-size: cover;
}
table tr:hover .download{
	background-image: url("../images/kpbn/downloadWhite.png");
}
.edit{
	background-image: url("../images/kpbn/pencil.png");
    background-repeat: no-repeat;
    margin-right:10px; display:inline-block; width: 10px;height: 10px;
    background-size: cover;
}
table tr:hover .edit{
	background-image: url("../images/kpbn/pencilWhite.png");
}
.download{
	background-image: url("../images/kpbn/download.png");
    background-repeat: no-repeat;
    margin-right:10px; display:inline-block; width: 10px;height: 10px;
    background-size: cover;
}
table tr:hover .download{
	background-image: url("../images/kpbn/downloadWhite.png");
}

table th{
	background: white; color: #304457; 
	height: 40px;
	font-size: 13px;
	font-weight: bold;
}
table td{
	background: white; color: #304457; 
	border-bottom:solid 1px #e9eff4;
	border-top:solid 1px #e9eff4;
	height: 40px;
	font-size: 13px;
}
.tender th, .tender td{
	padding-right: 10px;
}

.table2{
	border-radius: 8px;
	border-collapse: collapse;
}
.table2 th{
	background: #71879d;
	color: white;
	font-size: 16px;
}
.table2 td{
	color: #8ca0b3;
	font-size: 18px;
}
.table2 tr:nth-child(even) td {background: #FFF}
.table2 tr:nth-child(odd) td {background: #f4f8f9}

.tablePdf{
	border-radius: 8px;
	border-collapse: collapse;
}
.tablePdf th{
	background: #d3d3d3;
	font-size: 12px;
	font-weight: bold;
	border: solid 1px black;
	text-align: center;
}
.tablePdf td{
	font-size: 12px;
	border: solid 1px black;
	padding: 0 10px;
}

.tableTab{
	border-top: solid 1px #e9eff4;
	z-index: 9;
	position: relative;
	margin-top: -1px;
}

.statusActived{
	background: #99c741; text-align: center; border-radius: 4px; font-size: 9px; color: white; width: 80%; padding: 5px 10px;
}
.statusDisabled{
	background: #8ca0b3; text-align: center; border-radius: 4px; font-size: 9px; color: white; width: 80%; padding: 5px 10px;
}
.tenderActived{
	color: white!important;
}
.thActived{
	background : #f4f8f9!important;
	color: #8ca0b3!important;
}

.checkmark{
 display: inline-block; width: 6px; height: 12px; transform: rotate(-135deg); border: solid white; border-width: 2px 0 0 2px;
}

.pLabelDropdown{
	width: 130px; display: inline-block;
	margin-bottom: 10px;
}
.selectDropdown{
	width: 200px; height: 30px;
	padding: 0 5px;
	border-radius: 4px;
	margin-bottom: 10px;
	border: solid 1px #e9eff4;
}
.selectDropdownView{
	padding:5px;
	display:inline-block;
	background-color: rgb(235, 235, 228);
	vertical-align:top
}
.inputInventory{
	height: 30px;
	padding: 0 5px;
	border-radius: 4px;
	border: solid 1px #e9eff4;
	max-width: 60px;
}
.pLabelTab{
	width: 120px;
	position:relative;
	margin-left: -20px;
	cursor: pointer;
	font-size: 13px; 
	display: inline-block;
	padding: 10px;
	background: white;
	border: solid #e9eff4;
	border-width: 1px 1px 0 1px;
	border-radius: 2px 30px 0 0;
	text-align: center;
}

/* checkbox */
.checkbox{
	-webkit-appearance: none; 
	background: white;
	border:solid 1px #304457;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
}
.checkbox:active, .checkbox:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.checkbox:checked {
	background:#99c741;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: white;
}
.checkbox:checked:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: white;
}
/* --- */

/* scroll */
.wrapper1, .wrapper2{display:block; max-width:100%; min-width: 100%; border: none;
overflow-x: auto; overflow-y:hidden;}
.wrapper1{height: 20px; }
.div1 {height: 20px; }
/* end new */

.columnQty{
	min-width: 78px;
}
.hargaTertinggi1{
	 background:#ceffc6;
}
.hargaTertinggi2{
	 background:#f7c6ff;
	 
}
.hargaTertinggi3{
	 background:#ffdfc6;
}
.priceIdea{
	 background:#c6d4ff;
}
.notifBar{
	position:fixed; top:50px; z-index:10; width: 300px; height: calc(100vh - 50px); background: white; box-shadow: 2px 5px 20px rgba(0, 0, 0, 0.1);
	transition: right 0.5s ease-out;
	-webkit-transition: right 0.5s ease-out;  /* Safari and Chrome */
	-moz-transition: right 0.5s ease-out; /* Firefox 4 */
	-ms-transition: right 0.5s ease-out; /* ie */
	-o-transition: right 0.5s ease-out; /* Opera */
}
.notifContainer{
	width : 100%;
	height: calc(100vh - 100px);
	overflow-y: auto; overflow-x: hidden; 
}
.notifContainer::-webkit-scrollbar { 
                display: none; 
            } 
.notifContent{
	display:block;
	width: 300px;
	border-bottom: solid 1px #e9eff4; padding: 10px 20px;
	transition-duration: 0.5s;
  	transition-property: margin-left;
}
.notifContent:hover{
	background:#f2f6f7;
}
.searchContainer{
	float: right; position:relative; background: white; padding: 5px 20px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.inputSearch{
	width: calc(100% - 5px);
	height: 30px;
	padding: 0 5px;
	border-radius: 4px;
	margin: 0 5px 0 0;
	border: solid 1px #e9eff4;
}
.popSearch{
	position: absolute; width: 300px; top: 100%; right: 0; background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.pSearch{
	display: inline-block;
	color: #304457;
}
.arrowDown{
	width: 0; 
	height: 0; 
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #304457;
	display: inline-block;
}
::placeholder {
  color: #a4b2bb;
  opacity: 1;
}
.searchTr{
	background: #f2f6f7;
}
.searchTr td{
	background: none;
}
/* paging */
.paging{
	padding: 10px 20px;
	float: right;
}
.skipButton{
	min-width:0; 
	min-height:0; 
	margin: 0; 
	padding: 0; 
	line-height: 15px; 
	vertical-align: sub;
}
.iconSkipButton{
	font-size:15px; 
	line-height:15px;
}
.buttonPhoto{
	vertical-align:top; 
	margin-bottom: 10px;
	background:transparent; 
	border:none; width: 135px; height: 135px; border-radius: 50%; overflow: hidden; padding: 0;
}
.imgPhoto{
	width: 135px; height: auto;
}
.textareaFaq{
	border-radius: 4px;
	margin-bottom: 10px;
	border: solid 1px #e9eff4;
	resize:none; width: calc( 100% - 135px ); padding: 5px; 
}
.masterDataContainer{
	position:relative; width:90%; height:100px; padding:20px 50px; margin-bottom: 20px; vertical-align: top; background: white; 
}
.masterDataContainerBackup{
	height:150px; display: inline-block; padding-bottom:20px; width: 150px; margin-right:20px; margin-bottom: 20px; vertical-align: top; background: white; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.masterDataIcon{
	margin-right: 50px; display: inline-block; 
}
.masterDataIconBackup{
	padding:30px; margin-bottom: 10px; margin-top: -1px; overflow:hidden; height: 100px;
}
.masterDataP{
	color:#adac7c; font-size: 25px; display: inline-block;
}
.masterDataPBackup{
	color: #adac7c;font-size: 16px; text-align: center;
}
.masterDataArrowLeft{
	position:absolute;
	top:0;
	left:-60px;
  	width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-right: 60px solid white;
    border-bottom: 50px solid transparent;
}
.masterDataArrowRight{
	position:absolute;
	top:0;
	right:-60px;
  	width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-left: 60px solid white;
    border-bottom: 50px solid transparent;
}
.slide{
	opacity :0;
	transition : opacity 1s linear;
}
.slideOpacity{
	left:0; background-image: linear-gradient(to right, rgba(255,255,255,1)0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0)100%);
}
.slideText{
	position: absolute; top:50%; left: 50px; width: 50%; transform: translate(0, -50%); padding: 0 50px 0 0;
}
#dragdiv {
  z-index: 10; min-width: 190px; min-height: 120px; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); background: white; border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

#dragdivheader {
  padding: 10px;
  cursor: move;
  z-index: 11;
  background-color: #1678cd;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}

.dragCancel{
    position: absolute;
    top: 7px;
    right: 6px;
    background:#1678cd;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 15px;
    font-size: 21px;
    color: white;
}
.menuContainer{
	position: relative;float:left;margin-bottom:20px; width: 25%;
}
.menuP{
	display: inline-block;
	line-height: 50px;
	margin: 0;
	vertical-align: super;
	font-size: 15px;
}
.menuIcon{
	vertical-align: sub;
	margin-right: 10px;
}
.menuButton{
	width:auto!important; text-align:left; color:#8998b1;margin:0!important;
	text-transform: none;
	padding: 0!important;
	height: 50px!important;
	border-radius:0!important;
}
.signUpLabel{
	color: #008146; font-size: 12px;
}
.signUpInput{
	font-size:17px; width: 300px; border:none; border-bottom: 2px solid #ebebeb; color:black;
}
.divContent{
	overflow-x: auto; font-size: 13px;  margin-top:20px; background: white; min-height: calc( 100vh - 150px); padding: 20px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}