:root {
    --red: #c4a291;
	--green: #DDC7B5;
	--main: #645347; /*e0a69e*/
	--mainlight: #E3D0C1; /*f4c8b2   B95556*/ 
	--maindark: #3f291e;
	--gray: #897f7b;
	--orange: #dc9978;
	--pink: #E8A79C;
	--brown: #695a55;
	--hyperlink: #4C3A2C;
}

.nlsc_progress{
	overflow:hidden;
	height:25px;
	border-radius: 5px;
	background-color: var(--gray);
}

.nlsc_progress-bar{
	background-color:var(--green);
	text-color:var(--gray);
	color:var(--gray);
	text-align:right;
	padding-left:5px;
	padding-right:5px;
}

.div-nlsc-80-class {
	width:80%;
}

.div-nlsc-90-class {
	width:90%;
}

.div-nlsc-full-class {
	width:100%;
}

.div-nlsc-100-class {
	width:100%;
	max-width:100px;
}


.div-nlsc-200-class {
	width:100%;
	max-width:200px;
}

.div-nlsc-300-class {
	width:100%;
	max-width:300px;
}

.div-nlsc-400-class {
	width:100%;
	max-width:400px;
}

.div-nlsc-500-class {
	width:100%;
	max-width:500px;
}

.div-nlsc-600-class {
	width:100%;
	max-width:600px;
}

.div-nlsc-800-class {
	width:100%;
	max-width:800px;
}

.nlsc-padding-20-class {
	padding:20px !important;
}

.nlsc-margin-20-class {
	margin:20px !important;
}

.nlsc-padding-10-class {
	padding:10px !important;
}

.nlsc-margin-10-class {
	margin:10px !important;
}

.nlsc-margin-padding-10-class {
	margin:10px !important;
	padding:10px !important;
}

.nlsc-padding-5-class {
	padding:5px !important;
}

.nlsc-margin-5-class {
	margin:5px !important;
}



.nlsc-padding-0-class {
	padding:0px !important;
}

.nlsc-margin-0-class {
	margin:0px !important;
}



.nlsc-border-main-color {
	border: 1px solid var(--main) !important;
}

.nlsc-border-main-color-rounded {
	border-radius: 5px;
}


.nlsc-padding-10-class {
	padding:10px;
}

.nlsc-block-class {
	display:block;
}

.nlsc-center-class {
	margin: 0 auto;
}

.nlsc-text-center-class {
	text-align: center;
}

.nlsc-left-class {
	margin-right: auto;
}

.nlsc-text-right-class {
	text-align: right;
}

.nlsc-float-right-class {
	float: right;
}


.nlsc-text-left-class {
	text-align: left;
}

.nlsc-float-left-class {
	float: left;
}

.nlsc-float-left-class:after {
	clear: left;
}

.clearFloat-class {
	clear: both;
}

.clearLeftFloat-class {
	clear: left;
}

.nlsc-color-black {
	text-color: #000 !important;
	color: #000 !important;
}

.nlsc-color-white {
	text-color: #ffff !important;
	color: #fff !important;
}


.nlsc-color-main {
	text-color: var(--main) !important;
	color: var(--main) !important;
}

.nlsc-color-main-light {
	text-color: var(--mainlight) !important;
	color: var(--mainlight) !important;
}

.nlsc-color-main-background {
	background-color:  var(--main) !important;
}
.div-nlsc-login-class {
	width:100%;
	text-align:left;
}



.div-nlsc-login-class > form {
	width:100%;
}


.div-nlsc-login-class > form > input {
	width:inherit;
}

.div-nlsc-login-class > form > select {
	width:inherit;
}

.div-nlsc-login-class > .a-nlsc-block  {
	display:block;
	text-align: center;
	padding: 5px;
	margin: 1px;
	background-color: var(--mainlight);
	text-color: #000;
}



.div-nlsc-login-class > button {
	background-color : var(--main);
	border-color : var(--main);
}


.div-nlsc-login-class > button:hover {
	background-color : var(--main);
	border-color : var(--main);
}


.div-nlsc-login-class > form > .input-nlsc-submit{
	background-color : var(--main);
	border-color : var(--main);
}


.div-nlsc-login-class > form > .input-nlsc-submit:hover {
	background-color : var(--main);
	border-color : var(--main);
}

.div-nlsc-login-class > form > .input-nlsc-submit-hyperlink{
	display:inline;
	width:30%;
	text-align: center;
	padding: 5px;
	margin: 1px;
	background-color: inherit;
	text-color: #000;
	color: #000;
	border-width: 0;
	
}
.div-nlsc-login-class > form > .input-nlsc-submit-box-half, .input-nlsc-submit-box-half {
	display:inline;
	width:40%;
	text-align: center;
	padding: 25px;
	margin: 10px;
	background-color : var(--main);
	border-color : var(--main);
}

.div-nlsc-login-class > form > .input-nlsc-submit-hyperlink:hover {
	background : unset;
    color : unset;
	/* background-color : var(--main); */
	/* border-color : var(--main); */
}

.div-nlsc-login-class > form > .input-nlsc-submit-hyperlink-button-shape{
	display:inline;
	text-align: center;
	padding: 5px;
	margin: 1px;
	background-color : var(--main);
	text-color: #000;
	color: #000;
	border-width: 0;
}

.div-nlsc-login-class > form > .input-nlsc-submit-hyperlink-button-shape:hover {
	background-color : var(--main);
	border-color : var(--main);
}

.nlsc-main-color-theme {
	background-color : var(--main) !important;
	border-width : 0px !important;
	color: #ffffff;
	text-color: #ffffff;
	text-decoration:none;
}


.nlsc-main-color-theme-div-a > a ,.nlsc-main-color-theme-div-a > a:link ,.nlsc-main-color-theme-div-a > a:visited ,.nlsc-main-color-theme-div-a > a:active{
	background-color : var(--main) !important;
	border-width : 0px !important;
	color: #ffffff;
	text-color: #ffffff;
	text-decoration:none;
}

.nlsc-main-color-theme-light {
	background-color : var(--mainlight) !important;
	border-width : 0px !important;
	color: #ffffff;
	text-color: #ffffff;
	text-decoration:none;
}


.nlsc-main-color-theme-dark {
	background-color : var(--maindark) !important;
	border-width : 0px !important;
	color: #ffffff;
	text-color: #ffffff;
	text-decoration:none;
}

.nlsc-main-color-theme-title {
	background-color : var(--mainlight);
	color: #ffffff !important;
	text-color: #ffffff !important;
	text-decoration:none;
	padding:0px;
}

.nlsc-main-color-theme > a ,.nlsc-main-color-theme > a:link ,.nlsc-main-color-theme > a:visited ,.nlsc-main-color-theme > a:active {
	color: #fff;
	text-color: #fff;
	text-decoration:none;
}

.nlsc-main-color-theme > a:hover, .nlsc-main-color-theme:hover {
	color: #ab4d46 !important;
	text-color: #ab4d46;
}

.nlsc-main-color-theme-light > a ,.nlsc-main-color-theme-light > a:link ,.nlsc-main-color-theme-light > a:visited ,.nlsc-main-color-theme-light > a:active {
	color: #fff;
	text-color: #fff;
	text-decoration:none;
}

.nlsc-main-color-theme-light > a:hover, .nlsc-main-color-theme-light:hover {
	color: #ab4d46 !important;
	text-color: #ab4d46;
}


.nlsc-box-one {
	background-color : var(--mainlight) !important;
	color: #000 !important;
	text-color: #000 !important;
	text-decoration:none;
	padding:20px;
}

.nlsc-box-one > hr {
	border: 1px solid var(--main);
}

.danger-class {
	display: block;
	background-color: var(--mainlight) !important;
	color: #fff !important;
	text-color: #fff !important;
	padding: 10px;
	corner-radius: 10px;
	font-size: 25px;
}

.ok-class {
	display: block;
	background-color: var(--green) !important;
	color: #fff !important;
	text-color: #fff !important;
	padding: 10px;
	corner-radius: 10px;
	font-size: 25px;
}

/*
.danger-class::before {
	content: "\26A0 ";
}
*/

table, th, td {
  border:1px solid black;
  border-collapse: collapse;
}


.full-width-class {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

.half-width-class {
	width: 49% !important;
	margin-bottom: 10px;
}

.third-width-class {
	width: 30% !important;
	margin-bottom: 10px;
}

.third-widthin-div-class {
	display: block;
	text-align: center;
	width: 100%;
}

.third-widthin-div-class:after {
  content: "";
  clear: both;
  display: table;
}


.third-widthin-div-class > div ,.third-widthin-div-class > a {
	float:left;
	width: 32%;
	margin: 5px;
	padding: 10px;
	min-width: 300px;
}

.border-one-main-div-class{
	border: 1px solid #ab4d46;
	border-radius: 5px;
}



@media only screen and (max-width: 600px) {
  .div-nlsc-login-class > form > .input-nlsc-submit-hyperlink{
		width:28%;
	}

	.half-width-class {
		display: block;
		width: 100%;
	}

	.third-width-class {
		display: block;
		width: 100%;
	}
	
	.third-widthin-div-class > div ,.third-widthin-div-class > a{
		display: block;
		width: 100%;
	}
	
	.div-nlsc-80-class {
		width:90%;
	}

	.div-nlsc-90-class {
		width:95%;
	}
	
	.div-nlsc-login-class > form > .input-nlsc-submit-box-half, .input-nlsc-submit-box-half {
		width:40%;
		padding: 25px;
		margin: 0;
	}
	
}