﻿.logintitle{text-align:center;font-weight:700;padding:20px}
.loginform{width:70%;margin:0 auto;padding:15px;border:1px solid #dfdfdf}
.loginemail{width:49%;float:left;padding-right:10px}
.loginpwd{width:51%;float:left;}
.loginbuttons{clear:both;width:56%;margin:0 auto;text-align:center}
.btlogin{border:0;margin-right:10px;width:120px;height:30px;background-color:#0055a4;color:#fff;text-transform:uppercase}
.btnewuser{width:70%;margin:0 auto;padding:10px;border:1px solid #dfdfdf;overflow:hidden}
.btregister{float: left;width: 50%;text-align: center;}
.btdemo{float:left;width:50%;padding-left:10px}
.btregister1{text-align: center;margin-top: 2px;}
.players-profile {
    border: 1px solid #dfdfdf;
    padding-bottom: 15px !important;
}

@media (max-width: 900px) {
.loginemail, .loginpwd, .vertical-line { width: 100%;}
.loginemail { padding-right: 0;}
.loginemail span, .loginpwd span { 	width: 100%; float: left; display: grid;}
.loginpwd span { width: 100%; float: right; display: grid;}	
}

@media (max-width: 700px) {
.loginemail, .loginpwd, .vertical-line { width: 100%;}
.players-info .player-left, .players-info .player-right {width: 100%;}
.loginemail { padding-right: 0;}
.loginemail span, .loginpwd span { 	width: 100%; float: left; display: grid;}
.loginpwd span { width: 100%; float: right; display: grid;}
.btregister1{width: 100%;float: left; display: grid;}
.btregister{width: 100%;float: left; display: grid}
}

.newregbutton{
	min-height: 15px;
    border-radius: 10px 10px 10px 10px;
    position: relative;
    background-color: #FFFFFF;
    border: 1px solid #3C7FAF;
    font-family: Arial;
    font-size: 12px;
    font-weight: Bold;
    color: #3C7FAF;
    padding: 2px;
    width: 110px;
    text-align: center;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
	padding: 2px 10px 2px 10px;
}
.new_roundcorner_admin{
	min-height: 20px;
    border: 1px solid #FF8C00;
    color: #FF8C00;
    border-radius: 10px 10px 10px 10px;
    position: relative;
    background-color: #FFFFFF;
    font-family: Arial;
    font-size: 11px;
    font-weight: 500;
    padding: 2px 10px 2px 10px;
    width: auto;
    text-align: center;
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
}

.new_roundcorner_admin:hover {
    background-color: #FF8C00;
    color: #FFFFFF;
}


.vertical-line {
    margin: 0px 0px 15px;
    width: 377px;
}
.main-head {
    font-size: 16px;
    color: black;
    font-weight: normal;
    border-bottom: 1px solid #0055a4;
    font-family: arial;
}

.mobile_fourclm,.mobile_threeclm,.mobile_twocolumn{
	display:none;
}
@media only screen and (max-width: 389px){
	.col-sm-2 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media (min-width: 390px) and  (max-width: 490px){
	.col-sm-2 {
		-ms-flex: 0 0 33%;
		flex: 0 0 33%;
		max-width: 33%;
	}
}
@media (min-width: 491px) and (max-width: 576px){
	.col-sm-2 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
}

.tbljob{
	width:100%;
	margin-top:10px;
}
@media only screen and (max-width: 600px)  { 
	.row.desktop_main{
		display:none;
	}
	.mobile_fourclm{
		display:flex;
	}
	.mobile_fourclm .jobmarketdv {
		flex: 0 0 25%;
		max-width: 25%;
	}
}
@media only screen and (max-width: 500px)  { 
	.mobile_fourclm{
		display:none;
	}
	.mobile_threeclm{
		display:flex;
	}
	.mobile_threeclm .jobmarketdv {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
		width: 33.333333%;
	}
}
@media only screen and (max-width: 380px)  { 
	.mobile_threeclm{
		display:none;
	}
	.mobile_twocolumn{
		display:flex;
	}
	
	.mobile_twocolumn .col-sm-6.jobmarketdv {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.content-left {
		width: 100%;
		max-width: 100% !important;
		-ms-flex: 0 0 70%;
		flex: 0 0 100%;
	}
}
.job-title {
		font-family: OSB;
	font-weight: bold;
	color: #07519A;
	padding: 10px;
	font-size: 21px;
}
.followjobus{
	float:right;
	font-size: 15px;
	font-weight:normal;
}
