.h-custom 
{
    height: 100%;
}
.login-screen-left img 
{
    padding-top: 0px;
}
.login-screen-left 
{
	
    height: 100%;
    text-align: center;
	/*
	display: flex;
    justify-content: center;
    align-items: center;
	-*/
}
.ds-form-fields-with-placeholder 
{
    margin-bottom: 10px;
	position:relative;
}
.ds-form-fields-plus 
{
	position: absolute;
    top: 12px;
    right: -55px
}
.ds-login-form .ds-form-fields-with-placeholder input::-webkit-input-placeholder 
{ /* Edge */
	color: #7c7c7c;
}

.ds-login-form .ds-form-fields-with-placeholder input:-ms-input-placeholder
 { /* Internet Explorer 10-11 */
	color: #7c7c7c;
}

.ds-login-form .ds-form-fields-with-placeholder  input::placeholder {
	color: #7c7c7c;
}

.ds-login-form input::-webkit-input-placeholder { /* Edge */
  color: #fafafa;
}

.ds-login-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fafafa;
}

.ds-login-form input::placeholder {
  color: #fafafa;
}
.ds-form-right-icon
{
	position: absolute;
    right: 11px;
    top: 11px;
}
.ds-login-form input
{
	border: 1px solid #7c7c7c;
    color: #7c7c7c;
    background-color: #fafafa;
    height: 55px;
	-webkit-box-shadow: 0 1px 6px -4px black;
    -moz-box-shadow: 0 1px 6px -4px black;
    box-shadow: 0 1px 6px -4px black;
	font-size: 15px;
}
form.ds-login-form 
{
    padding-top: 20px;
}
.ds-login-form textarea
{
	border: 1px solid #7c7c7c;
    color: #7c7c7c;
    background-color: #fafafa;
    height: 55px;
}
.ds-login-form input:focus + label
{
	color:#000000;
	font-weight:500;
}
.ds-login-form textarea:focus + label
{
	color:#000000;
	font-weight:500;
}
.ds-login-form input:focus
{
	border:1px solid #000000;
	color:#000000;
	outline:0;
	background-color: #fafafa;
	-webkit-box-shadow: 0 1px 6px -4px black;
    -moz-box-shadow: 0 1px 6px -4px black;
    box-shadow: 0 1px 6px -4px black;
}
.ds-login-form textarea:focus
{
	border:1px solid #000000;
	color:#000000;
	outline:0;
	background-color: #fafafa;
	-webkit-box-shadow: 0 1px 6px -4px black;
    -moz-box-shadow: 0 1px 6px -4px black;
    box-shadow: 0 1px 6px -4px black;
}
.ds-form-fields:focus label {
    color: #000000;
}
.ds-form-fields label 
{
    position: absolute;
    top: -8px;
    color: #7c7c7c;
    font-size: 12px;
    background: linear-gradient(to bottom, #fff 50%, #fafafa 50%);
    left: 12px;
    padding: 0px 5px;
    font-family: 'Montserrat', sans-serif;
}
.ds-form-fields 
{
    position: relative;
    padding-bottom: 35px;
}
.ds-login-social-media 
{
    display: flex;
    flex-wrap: wrap;
    width: 75%;
    margin: 0 auto;
}
.ds-login-social-media-box 
{
	flex: 0 0 auto;
    width: 33.33%;
}
.ds-login-social-media-icon 
{
    border: 1px solid #999999;
    border-radius: 5px;
    height: 40px;
    margin: 0px 5px;
    line-height: 34px;
    padding: 0px 10px;
}
.ds-login-social-media-icon img 
{
    width: 20px;
}
.ds-login-social-media-icon span 
{
    display: inline-block;
    color: #000;
    font-size: 15px;
    padding-left: 11px;
    font-weight: 600;
}
.ds-gray-divider span 
{
    text-align: center;
    display: block;
    color: #0a0a0a;
    font-weight: 600;
    position: absolute;
    top: -10px;
    width: 60px;
    background-color: #fafafa;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.ds-gray-divider 
{
    position: relative;
    height: 1px;
    background: #e8e8e8;
    display: flex;
    flex-wrap: wrap;
    width: 75%;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 10px;
}
.ds-form-check-fields label 
{
	font-size: 14px;
    color: #000;
    font-weight: 600;
    display: inline-flex;
    vertical-align: top;
}
.ds-form-check-fields .form-check-input:checked 
{
/*
    height: 25px;
    width: 25px;
    background-color: transparent;
    color: #000;
*/
}

.ds-form-check-fields input 
{
    border: 1px solid #7c7c7c;
    color: #7c7c7c;
    background-color: #ffffff;
    height: 22px;
    margin-right: 10px;
	box-shadow:none;
}

button.ds-submit 
{
    background-color: #ff5d02;
    color: #fff;
    border: 0;
    padding: 10px 10px;
    width: 100%;
    height: 56px;
    line-height: 30px;
    font-size: 15px;
    border-radius: 4px;
}
button.ds-save-exit 
{
	background-color: transparent;
    color: #ff5d02;
    padding: 10px 10px;
    width: 100%;
    height: 56px;
    line-height: 30px;
    font-size: 15px;
    border-radius: 4px;
    border: 1px solid #ff5d02;
    font-weight: 600;
}
.ds-login-regi-text 
{
	color: #8392a5;
    font-weight: 500;
    font-size: 16px;
    padding-top: 10px;
}
.ds-login-regi-text a 
{
    color: #3c4858;
    text-decoration: none;
    font-weight: 500;
}
.login-screen-right
{
	padding-bottom:40px;
	    padding-top: 40px;
}
.login-screen-right .common-title
{
    padding-bottom: 30px;
}
.login-screen-right .common-sub-title {
    padding-bottom: 5px;
}
.ds-form-file-fields .ds-form-head
{
	color: #232323;
    font-size: 14px;
    font-weight: 600;
}


.ds-form-file-fields .ds-form-sub-head
{
    color: #9c9c9e;
    font-size: 13px;
    font-weight: 500;
    padding-bottom: 20px;
}


.ds-form-fields-placeholder label 
{
    position: absolute;
    top: -8px;
    color: #7c7c7c;
    font-size: 12px;
    background: linear-gradient(to bottom, #fafbfd 50%, #fafafa 50%);
    left: 12px;
    padding: 0px 5px;
    font-family: 'Montserrat', sans-serif;
}

#admin_email_label
{
    position: absolute;
    top: -8px;
    color: #7c7c7c;
    font-size: 12px;
    background: linear-gradient(to bottom, #fafbfd 50%, #e9ecef 50%);
    left: 12px;
    padding: 0px 5px;
    font-family: 'Montserrat', sans-serif;
}


.ds-form-fields-placeholder:focus label 
{
    color: #000000;
}
.ds-form-fields-placeholder:focus + label
{
	color:#000000;
	font-weight:500;
}
.ds-form-fields-placeholder input:focus
{
	border:1px solid #000000;
	color:#000000;
	outline:0;
	background-color: #fafafa;
	-webkit-box-shadow: 0 1px 6px -4px black;
    -moz-box-shadow: 0 1px 6px -4px black;
    box-shadow: 0 1px 6px -4px black;
}
.ds-form-fields-placeholder input 
{
    border: 1px solid #7c7c7c;
    color: #7c7c7c;
    background-color: #fafafa;
    height: 55px;
    -webkit-box-shadow: 0 1px 6px -4px black;
    -moz-box-shadow: 0 1px 6px -4px black;
    box-shadow: 0 1px 6px -4px black;
    font-size: 15px;
}
.ds-form-fields-placeholder 
{
    position: relative;
}
.select-request 
{
    padding: 22px 16px;
    color: #6b696a;
    font-weight: 600;
    font-size: 16px;
	border-radius: .25rem;
}

@media only screen and (max-width: 1200px) 
{
	.ds-login-social-media 
	{
		width: 85%;
		padding-top: 10px;
	}
	.ds-login-form input 
	{
		height: 50px;
	}
	.ds-form-check-fields input
	{
		height: 22px;
	}
}
@media only screen and (max-width: 1100px) 
{
	.ds-login-social-media 
	{
		width: 100%;
	}
	form.ds-form 
	{
		padding-top: 30px;
	}
}
@media only screen and (max-width: 1000px) 
{
	.ds-form-fields-placeholder label {
		background: linear-gradient(to bottom, #fff 50%, #fafafa 50%);
	}
}
@media only screen and (max-width: 992px) 
{
	.login-screen-left img 
	{
		padding-top: 100px;
		padding-bottom: 100px;
	}
	
	.ds-login-social-media 
	{
		width: 52%;
	}
	.ds-login-social-media-icon img 
	{
		width: auto;
	}
	.ds-login-social-media-icon 
	{
		border: 1px solid #999999;
		border-radius: 5px;
		height: 56px;
		margin: 0px 5px;
		line-height: 45px;
		padding: 0;
		width: 63px;
		margin: 0 auto;
		text-align: center;
	}
	form.ds-login-form 
	{
		padding-top: 20px;
		width: 80%;
		margin: 0 auto;
	}
	.ds-tab-brand-sec .ds-login-form input:focus
	{
		border:1px solid #000000;
		color:#000000;
		outline:0;
		background-color: #fff;
		-webkit-box-shadow: 0 1px 6px -4px black;
		-moz-box-shadow: 0 1px 6px -4px black;
		box-shadow: 0 1px 6px -4px black;
	}
	.ds-tab-brand-sec .ds-login-form input 
	{
		border: 1px solid #7c7c7c;
		color: #7c7c7c;
		background-color: #fff;
		height: 55px;
		-webkit-box-shadow: 0 1px 6px -4px black;
		-moz-box-shadow: 0 1px 6px -4px black;
		box-shadow: 0 1px 6px -4px black;
	}
	.ds-tab-brand-sec .ds-login-form input::-webkit-input-placeholder { /* Edge */
		color: #7c7c7c;
	}

	.ds-tab-brand-sec .ds-login-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
		color: #7c7c7c;
	}

	.ds-tab-brand-sec .ds-login-form input::placeholder {
		color: #7c7c7c;
	}
	.ds-tab-brand-sec .ds-form-fields:focus label
	{
		color: #000000;
	}
	.ds-tab-brand-sec .ds-form-fields label 
	{
		position: absolute;
		top: -8px;
		color: #7c7c7c;
		font-size: 12px;
		background-color: #fff;
		left: 12px;
		padding: 0px 5px;
		font-family: 'Montserrat', sans-serif;
	}
	.ds-tab-brand-sec form.ds-login-form
	{
		padding-top: 20px;
		width: 100%;
		margin: 0 auto;
	}
}
@media only screen and (max-width: 768px) 
{
	.login-screen-left 
	{
		background-color: transparent;
		height: auto;
	}
	.ds-login-social-media 
	{
		width: 40%;
	}
	.login-screen-left img 
	{
		padding-top: 30px;
		    padding-bottom: 0;
	}
	.ds-login-social-media 
	{
		width: 70%;
		padding-bottom: 10px;
	}
	.ds-gray-divider 
	{
		width: 52%;
	}
	.ds-login-social-media-icon 
	{
		border: 1px solid #999999;
		border-radius: 8px;
		height: 60px;
		width: 60px;
		margin: 0 auto;
		line-height: 34px;
		padding: 0px 10px;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	form.ds-login-form 
	{
		width: 70%;
		margin: 0 auto;
		padding-top: 40px;
	}
	
	
	
	.ds-login-form input 
	{
		background-color: #ffffff;
		font-weight: 600;
		font-size: 15px;
	}
	.ds-login-form input:focus
	{
		background-color: #ffffff;
	}
	.ds-form-fields label 
	{
		background-color: #ffffff;
		display: none;
	}
	.ds-login-form input::-webkit-input-placeholder 
	{ 
	  color: #000;
	}
	.ds-login-form input:-ms-input-placeholder 
	{ 
	  color: #000;
	}
	.ds-login-form input::placeholder 
	{
	  color: #000;
	}
	.ds-gray-divider span
	{
		background-color: #fff;
	}
	
	
	.ds-login-regi-text 
	{
		padding-top: 30px;
	}
	.ds-login-form input 
	{
		background-color: #fff;
		font-weight: 600;
		font-size: 15px;
	}
	.ds-login-form input:focus
	{
		background-color: #fff;
	}
} 
@media only screen and (max-width: 600px) 
{
	.ds-login-social-media 
	{
		width: 100%;
    }
	.ds-login-social-media-icon
	{
		margin: 0 auto;
	}
	form.ds-login-form 
	{
		width: 100%;
	}
		
	.ds-form-fields 
	{
		text-align: center;
	}
	.ds-login-form input 
	{
		background-color: #fafbfd;
		font-weight: 600;
		font-size: 15px;
	}
	.ds-login-form input:focus
	{
		background-color: #fafbfd;
	}
	.ds-form-fields label 
	{
		background-color: #fafbfd;
		display: block;
		color:#929192;
	}
	.ds-login-form input::-webkit-input-placeholder 
	{ 
	  color: #fafbfd;
	}
	.ds-login-form input:-ms-input-placeholder 
	{ 
	  color: #fafbfd;
	}
	.ds-login-form input::placeholder 
	{
	  color: #fafbfd;
	}
	.ds-gray-divider span
	{
		background-color: #fafbfd;
	}
	.ds-tab-brand-sec .ds-login-form input
	{
		height: 45px;
	}
	form.ds-form 
	{
		    padding-top: 9px;
	}
}
@media only screen and (max-width: 500px) 
{
	.ds-tab-brand-sec .ds-login-form input 
	{
		height: 45px;
		font-size: 14px;
		font-weight: 500;
	}
}