body.page-login,
body.page-register{background-image:url('/themes/kos/images/single-bg.jpg'); background-size:cover;}
.single section{margin-top:80px;}
.background-wrapper{position:fixed; width:100%; height:100%; top:0; left:0; z-index:10; background-image:url('/themes/kos/images/single-bg.jpg'); background-size:cover;}
.overlay-yellow{position:fixed; width:100%; height:100%; top:0; left:0; z-index:11; background-color:rgba(255,222,69,0.7);}
.single{position:relative; z-index:12;}
.ccm-profile-wrapper{position:relative; margin:30px 0 70px; overflow:hidden;}
.ccm-profile-menu{width:20%; float:left; min-height:1px;}
.ccm-profile-body{width:80%; float:left; min-height:1px;}
#login_page,
#register_page{z-index:12; position:relative; padding-top:50px; margin-top:0;}
input[type="text"]:-webkit-autofill,
input[type="email"]:-webkit-autofill,
input[type="password"]:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #ffd617 inset, 0 0 0 #ffd617 !important;}
*:focus{outline:none;}
#login_page .box#login{opacity:0; -webkit-transform:translateY(-50px); transform:translateY(-50px); -webkit-transition:all .6s; transition:all .6s;}
#login_page .box.d_show#login{opacity:1; -webkit-transform:translateY(0px); transform:translateY(0px);}
#login_page h2{margin-bottom:30px; color:#fff;}
#login_page #wrapper{width:100%; height:100%; margin:0 auto;}
#login_page #wrapper:after{display:block; content:''; clear:both;}
#login_page .box{width:300px; height:350px; background-color:#ffd617; margin:0 auto; padding:30px; -webkit-border-radius:4px; border-radius:3px; position:absolute; left:0; right:0; -webkit-transition:all .5s ease-out; transition:all .5s ease-out; opacity:0; -webkit-transform:translateY(-10%); transform:translateY(-10%);}
#login_page .box.show{opacity:1; -webkit-transform:translateY(0%); transform:translateY(0%); -webkit-transition-delay:.5s; transition-delay:.5s; z-index:9;}
h2{margin-bottom:40px !important; text-align:center; font-size:26px; font-weight:800; color:#333;}
#login_page a{text-decoration:none; color:#fff; font-size:13px; font-weight:300; -webkit-transition:color .3s ease; transition:color .3s ease; outline:none;}
#login_page .remember_login label{display:inline-block; padding-left:0; margin-bottom:0; font-size:13px; color:#fff; margin:0; vertical-align:top;}
#login_page a:hover{color:#131313;}
#login_page .right_a{float:right;}
#login_page #remember{margin-top:0;}
#login_page{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}

#ccm-logo{display:none;}
#logo img{display:block; margin:0 auto 50px;}
#f_login{margin-top:50px;}

/* register */
#register_page #f-register{background-color:#ffd617; position:relative; padding:55px 25px 0; z-index:1; overflow:hidden;}
#f-register .w-50{width:48%; margin:0 1% 40px; float:left;}
#f-register .w-100{width:98%; margin:0 1% 40px; float:left; clear:both;}

/* page profile */
.page-profile header{background-color:rgba(255,222,69,0.7);}
.page-profile header .top-header{padding:20px 50px;}
.page-profile header #logo img{margin:0 auto;}
.page-profile header .top-header .top-menu{margin-top:0;}
.page-profile header .top-header .top-menu ul{margin:0;}

/* edit */
.ccm-cols-wrapper{position:relative; margin-bottom:15px; overflow:hidden; width:100%;}
.ccm-cols.ccmc-left{width:40%; display:inline-block; float:left; text-align:right; padding-right:20px;}
.ccm-cols.ccmc-right{width:60%; display:inline-block; float:left;}
.ccm-cols.ccmc-right input[type="text"],
.ccm-cols.ccmc-right input[type="email"],
.ccm-cols.ccmc-right input[type="password"],
.ccm-cols.ccmc-right textarea{max-width:300px; width:100%; height:28px; padding:5px;}

/* table */
.ccmpb-table table{width:100%; border-spacing:0;}
.ccmpb-table th,
.ccmpb-table td{padding:5px;}
.ccmpb-table table thead tr{border-bottom:2px solid #888;}
.ccmpb-table table tbody tr{border-bottom:1px solid #f0f0f0;}

/* jobs */
.ccm-jobs-body .ccmpb-title h2{text-align:left; margin:0 0 10px !important;}
.ccm-jobs-body .ccmpb-table{position:relative; margin-bottom:50px;}
.ccm-jobs-body .ccmpb-table tbody td{font-size:12px;}

/* jobs detail */
.ccm-jobs-detail-body .ccmjdb-wrapper{position:relative; line-height:30px;}
.ccm-jobs-detail-body .ccmjdbw-cols{display:inline-block; float:left;}
.ccm-jobs-detail-body .ccmjdbw-title{width:30%; text-align:right; padding-right:10px;}
.ccm-jobs-detail-body .ccmjdbw-title p{font-weight:bold;}
.ccm-jobs-detail-body .ccmjdbw-detail{width:70%;}
.ccm-jobs-detail-body .ccmjdb-form{display:inline-block; max-width:500px; width:100%;}
.ccm-jobs-detail-body .ccmjdb-form textarea{padding:5px 10px; width:100%;}
.ccm-jobs-detail-body .ccmjdb-form input[type="submit"]{display:block; padding:0 15px; clear:both; float:right; margin-top:20px;}