/*GLOBAL BUAT BARENGAN*/
	a {
	  color: #686868; /* blue colors for links too */
	  text-decoration: inherit; /* no underline */
	}
	a:hover {
	  color: green; /* blue colors for links too */
	  text-decoration: inherit; /* no underline */
	}
	a:visited {
	  color: inherit; /* blue colors for links too */
	  text-decoration: inherit; /* no underline */
	}
	.red
	{
		color:red;
	}

	.curlytitle
	{

	}
	.normaltitle
	{
		
	}
	.grey
	{
		color:grey;
	}
	.green
	{
		color: #005b67;
	}
	/* BUTTONS */
	.bb_black
	{
		border-bottom:1px solid #d0cdcd
	}
	.profilebutton
	{
	  	color: #d0cdcd;
		background-color: #FFF;
		border:2px solid #e1e1e1;
	  	padding: 0.5rem 0.7rem;
	  	border-radius: 3px;
	}
	.profilebutton:hover
	{
		  color: #8fd0cc;
		  background-color: #FFF;
		  border:2px solid #8fd0cc;
		  transition : all 1s ease;
	}
	.profilebuttonuploaded
	{
	  	color: #FFF;
		background-color: #1d8d96;
		border:2px solid #1d8d96;
	  	padding: 0.5rem 0.7rem;
	  	border-radius: 3px;
	}
	.warningbutton
	{
		padding:3px;cursor:pointer;background-color:orange;color:white;
	}
	.editbox
	{
		border:1px solid black;padding:3px 7px 3px 7px;cursor:pointer;
	}
	.editbox:hover
	{
		fborder:1px solid black;padding:3px 7px 3px 7px;color:white;background-color: black;
	}
	.editboxlogo
	{
		color: #d0cdcd;
		background-color: #FFF;
		border:2px solid #e1e1e1;
	  	padding: 0.3rem 0.5rem;
	  	cursor:pointer;
	  	border-radius: 3px;
	}
	.editboxlogo:hover
	{
		color: #8fd0cc;
		  background-color: #FFF;
		  border:2px solid #8fd0cc;
		  transition : all 0.7s ease;
	}
	.b_download{
		cursor:pointer;background-color:white;border:1px solid green;padding:9px 10px 9px 10px
	}
	.b_preview{
		cursor:pointer;background-color:orange;border:1px solid orange;padding:9px 10px 9px 10px;color:white
	}
	.modalclosebutton
	{
		padding:3px 7px 3px 7px;color:white;background-color:red;
	}
	.closefont
	{
		cursor:pointer;font-size:22px;color:red;font-weight:bold
	}
	.modaljudul
	{
		font-size:23px;
	}
	.borbot
	{
		border-bottom : 1px solid #CCC
	}
	.justy
	{
  		text-align: justify;
  		text-justify: inter-word;
	}
	.bulet{
		border-radius: 50%;
	}
	.boxcontent
	{
		background-color: white;border:0px solid #e1e1e1;border-radius: 3px
	}
	/* END OF BUTTONS */
/*END OF GLOBAL BUAT BARENGAN*/

/*CATEGORY*/
.categorybox
	{
		position: relative;color:white;
		cursor:pointer;
	}
	.categorytext
	{
		position:absolute;
		bottom: 8px;
		right: 16px;
		transition: all 1s ease;
	}
	.categorybox:hover
	{
		color:white;
	}
	.categorymask
	{
		opacity: 0;
		position:absolute;
		bottom: 2.5%;
		right: 2.5%;
		height: 95%;
		width: 95%;
		background-color:#8fd0cc;
		-webkit-transition: 0.5s;
		display: table;
		overflow: hidden;
	}
	.categorymask:hover
	{
		opacity: 1;
		-webkit-transition: 0.5s;
	}
	.categorymasktext
	{
		text-align:center;display: table-cell; vertical-align: middle;
	}
/*END OF CATEGORY*/

/*POPULAR CATEGORIES CONTAINER*/
.popcontainer
{
	min-height:154px;background-color:#f7f7f7;
}
.popicon
{
	color:#26ae61;font-size:35px
}
.popnumber
{
	font-size:14px;background-color:#ededed;width:40px;margin:auto;padding:2px
}
.popcontainer:hover
{
	background-color:#26ae61;color:white;
}
.popcontainer:hover .popicon
{
	color:white;
}
.popcontainer:hover .popnumber
{
	background-color:#339148;
}
/*END OF POPULAR CATEGORIES CONTAINER*/

/*RECENT JOB CONTAINER*/
.jobcontainer
{
	border-bottom:1px solid #e1e1e1;
	cursor:pointer;
	border-radius: 10px;
}
.jobcontainer:hover
{
	background-color:#F7F7F7;
	border-radius: 10px;
}
.jobstatusgrey
{
	padding:3px;
	background-color:white;
	border:1px solid #d0cdcd;
	color:#d0cdcd;
	width:70px
}
/*END OF RECENT JOB CONTAINER*/
/*UPDATE USER CONTAINER*/
.updatecontainer
{
	border-bottom:1px solid #e1e1e1;
	padding:3%;
}
/*END OF UPDATE USER CONTAINER*/
/*FOOTER*/
.footer
{
	background-color: #1d292d;
	color: #FFF;
}
.footer-user
{
	z-index:999999;
	position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #343a40;
   color: white;
   text-align: center;
   padding:7px 0px 5px 0px;
   margin-left:0
}
/*END OF FOOTER*/

/*SIDENAV*/
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: white;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
  
}
/*END OF SIDENAV*/
/*DIVFILTERSCROLLBOX*/
.filterbox {
    overflow-y: auto;
    width: 100%;
	height: 400px;
    line-height: 1em;
    padding:7px;
}

.filterbox::-webkit-scrollbar {
    -webkit-appearance: none;
}

.filterbox::-webkit-scrollbar:vertical {
    width: 11px;
}

.filterbox::-webkit-scrollbar:horizontal {
    height: 11px;
}

.filterbox::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

/*END OF DIVFILTERSCROLLBOX*/
/*SELECTED FILTER*/
.filterselectedbox
{
	float:left;margin-top:8px;
}
.textselectedfilter
{
	padding:5px;background-color:#8fd0cc;color:white;
}
.closeselectedfilter
{
	padding:5px;background-color:red;color:white;cursor:pointer;margin-right:3px;
}
/*END OF SELECTED FILTER*/
/* COMPANY NAME DISPLAY */
.noimg_container
{
	width:100%;background-color: #8fd0cc;color:#FFF;display: table; height: 100%; overflow: hidden;
}
.noimg_text
{
	text-align:center;display: table-cell; vertical-align: middle;
}
.companybox
{
    cursor:pointer;border:1px solid #ccc
}
.companybox:hover
{
    box-shadow: 2px 2px 4px #ccc;
    border:1px solid #8FD0CC;
    transition: .3s;
}

.companybox:hover .comname {
            color: #8FD0CC;
            transition: .3s;
        }
/* END OF COMPANY NAME DISPLAY */
.btn_2023
{
    padding-left:37px;
    padding-right:37px;
    border-radius: 27px;
    height:41px;
}

/*SETTINGAN FONT DI WEBSITE DEPAN */

    .hometitle{
        font-weight: 900;line-height:125%;font-size: 2.3rem;
    }
    .homesubtitle{
        font-weight: 600;font-size:25px
    }
    .homecontent{
        line-height:125%; font-size:15px
    }

/*DASHBOARD BOX*/
.dash-box-white
{
	color:#686868;border:1px solid #d0cdcd;
}
.dash-box-grey
{
	color:black;
	border-radius: 7px;
	box-shadow: 0 0 0.5em grey;
	padding:20px;
	background-color:white;
}
.dash-box-grey-minpad
{
	color:black;
	border-radius: 7px;
	box-shadow: 0 0 0.5em grey;
	padding-top:20px;
	padding-bottom:20px;
}
.dash-box-grey-noshadow
{
	color:black;
	border-radius: 7px;
	border : 2px solid #CCC;
	padding: 17px;
}
.dash-box-grey-tab
{
	color:black;
	border-radius: 7px;
	border : 2px solid #CCC;
	padding: 7px 33px 7px 33px;
}
.dash-box-grey-nomargin
{
    padding-top:10px;margin-left:-20px;margin-right:-20px;
}
.dash-box-green
{
	background-color: #005b67;color:white
}
.dash-box-orange
{
	background-color: #ffae00;color:white
}
.dash-box-blue
{
	background-color: #117bbf;color:white
}
.dash-box-black
{
	background-color: #363841;color:white
}
/*END OF DASHBOARD BOX*/
@media only screen and (max-width: 600px) {
    .hometitle{
        font-weight: 900;line-height:125%;font-size:25px
    }
    .homesubtitle{
        font-weight: 600;font-size:15px
    }
    .homecontent{
        line-height:125%; font-size:12px
    }
}
/*END OF SETTINGAN FONT DI WEBSITE DEPAN */