@charset "utf-8";
/* CSS Document */
 
html,body,div,span,h1,h2,h3,h4,h5,h6,p,img, input, textarea, select {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
font-family: "Raleway", sans-serif;
}
a:link, a:visited{
text-decoration:none;
}
a:hover{
color:#323256;
text-decoration:none;
}
/*html {
overflow: auto;
}
*/
body {
line-height: 1.4;
 -webkit-text-size-adjust: 100%;
background-color:#f5f5f5; 
}

*,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,label,fieldset,input,p,blockquote,th,td {
margin: 0;
padding: 0;
}
html, .fixedPopUp{
/*overflow-y:auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
scrollbar-color: #DBDBDB #00DBDBDB;
scrollbar-width: thin;*/
}
/*html::-webkit-scrollbar, .fixedPopUp::-webkit-scrollbar {
width: 8px;
height:100%;
cursor: ew-resize;
}
html::-webkit-scrollbar{
width: 8px;
}
html::-webkit-scrollbar-track, .fixedPopUp::-webkit-scrollbar-track {
background: rgba(219, 219, 219,.5);
}
html::-webkit-scrollbar-thumb, .fixedPopUp::-webkit-scrollbar-thumb {
background: #DBDBDB;
}*/

:focus {
outline: 0;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset,img {
border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
font-weight: normal;
}

caption,th {
text-align: left;
}

h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: normal;
}
h1{
font-weight: 500;
}

q:before,q:after {
content: '';
}

strong {
font-weight: bold;
}

em {
font-style: italic;
}

a img {
border: none
}
ul{
list-style:none;
}
a{
text-decoration:none;
}
ul {
list-style: outside none none;
}
body, div, span, b, strong, ul, li{
/*-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;*/
}
.bigCnt{
position:relative;
float:left;
width:100%;

}
.bigCntM{
position:relative;
float:none;
margin:0 auto;
width:690px;
background-color:#F9F2E7;
}
.bigCntMCnt{
position:relative;
float:left;
padding:24px;
width:640px;
background-color:#F9F2E7;

}
.loginWelcomeMsg{
position:relative;
float:left;
width:100%;
color:#3E4E1A;
line-height: 1.618em;
    font-size: 1.714em;
	    font-weight: 600;
} 
.loginWelcomeMsg2{
position:relative;
float:left;
width:100%;
color: #3E4E1A;
line-height: 1.5em;
padding-bottom:24px;
border-bottom: 1px solid #e3e3e3;
    font-size: 1.071em;
	margin-top:10px;
}
.inputField{
position:relative;
float:left;
width:100%;
    padding-top: 10px;
    padding-bottom: 10px;
	    margin-top: 10px;
    margin-bottom: 10px;
}
.form-field{
position:relative;
float:left;
padding: 4px 3px 2px 3px;
    font-size: 1em;
    line-height: 1.071em;
	-moz-box-shadow: 0 1px 2px #eee inset;
    -webkit-box-shadw: 0 1px 2px #eee inset;
    box-shadow: 0 1px 2px #eee inset;
	    color: #000;
		background-color:#FFF;
		margin-right:24px;
		font-size: 14px;
		border: 1px solid #ccc;
		min-width: 200px;
}
.inputFieldHeader{
position:relative;
float:left;
width:100%;
    color: #3E4E1A;
	font-weight: bold;
	    margin-bottom: 9px;
		font-size: 14px;
}
.checkboxes, .radioBox {
position: relative;  
color: inherit;
font: inherit;
margin: 0;
margin: 5px;
margin-left: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
top: 2px;
outline: 2px solid #F9685F;
}
[type="checkbox"]:not(:checked), [type="checkbox"]:checked, [type="radio"]:not(:checked), [type="radio"]:checked {
position: absolute !important;
left: -9999px;
}
[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label, [type="radio"]:not(:checked) + label, [type="radio"]:checked + label {  
position: relative;
overflow: hidden;
float:left;
cursor: pointer;
display: inline-block;
height: 25px;
line-height: 25px;

-webkit-user-select: none; /* webkit (safari, chrome) browsers */
-moz-user-select: none; /* mozilla browsers */
-khtml-user-select: none; /* webkit (konqueror) browsers */
-ms-user-select: none; /* IE10+ */
}
/* checkbox aspect */
[type="checkbox"] + label:before, [type="checkbox"] + label:after, [type="radio"] + label:before, [type="radio"] + label:after {
content: '';
position: absolute;
left: 0;
z-index: 1;

-webkit-transition: .2s;
transition: .2s;
}
.middleContainerHandlerApply [type="checkbox"] + label:before, .middleContainerHandlerApply [type="checkbox"] + label:after, .middleContainerHandlerApply [type="radio"] + label:before, .middleContainerHandlerApply [type="radio"] + label:after {
left:0;
left:auto;
}
/* Unchecked styles */
[type="checkbox"]:not(:checked) + label:before, [type="radio"]:not(:checked) + label:before {
top: 0px;
width: 19px; 
height: 19px;
border: 2px solid #8C8C8C;
border-radius: 5px;
}
[type="checkbox"]:not(:checked) + label:after, [type="radio"]:not(:checked) + label:after {
top: 0px;
width: 19px; height: 19px;
border: 2px solid #8C8C8C;
border-radius: 5px;
z-index: 0;
}
/* Checked styles */
[type="checkbox"]:checked + label:before, [type="radio"]:checked + label:before {
top: 3px;
left: 12px;
width: 5px;
height: 11px;
border-top: 1px solid transparent;
border-left: 1px solid transparent;
background:#3E4E1A !important;
border-right: 2px solid #FFF;
border-bottom: 2px solid #FFF;
-webkit-transform: rotateZ(37deg);
transform: rotateZ(37deg);
-webkit-transform-origin: 20% 40%;
transform-origin: 100% 100%;
border-radius:0 !important;
}
.selectOptionProfileBuilderCnt [type="checkbox"]:not(:checked) + label, .selectOptionProfileBuilderCnt [type="checkbox"]:checked + label, .selectOptionProfileBuilderCnt [type="radio"]:not(:checked) + label, .selectOptionProfileBuilderCnt [type="radio"]:checked + label{
float:left;
padding-left:32px;
font-size: 16px;
color: #303946;
line-height:23px;
border-radius:0;
 color: #3E4E1A;
    font-weight: bold;
     font-size: 14px;
}
.middleContainerHandlerApply [type="checkbox"]:not(:checked) + label, .middleContainerHandlerApply [type="checkbox"]:checked + label,  .middleContainerHandlerApply [type="radio"]:not(:checked) + label, .middleContainerHandlerApply [type="radio"]:checked + label{
float:left;
padding-left:32px;
line-height:23px;
}
.middleContainerHandlerApply [type="checkbox"]:not(:checked) + label, .middleContainerHandlerApply [type="checkbox"]:checked + label, .middleContainerHandlerApply [type="radio"]:not(:checked) + label, .middleContainerHandlerApply [type="radio"]:checked + label{
width:calc(100% - 40px);
}

/* checkbox aspect */
[type="checkbox"] + label:before, [type="checkbox"] + label:after, [type="radio"] + label:before, [type="radio"] + label:after {
content: '';
position: absolute;
right: 0;
z-index: 1;

-webkit-transition: .2s;
transition: .2s;
}
.middleContainerHandlerApply [type="checkbox"] + label:before, .middleContainerHandlerApply [type="checkbox"] + label:after, .middleContainerHandlerApply [type="radio"] + label:before, .middleContainerHandlerApply [type="radio"] + label:after {
left:0;
right:auto;
}
/* Unchecked styles */
[type="checkbox"]:not(:checked) + label:before, [type="radio"]:not(:checked) + label:before {
top: 0px;
width: 19px; 
height: 19px;
border: 2px solid #8C8C8C;
border-radius: 5px;
}
[type="checkbox"]:not(:checked) + label:after, [type="radio"]:not(:checked) + label:after {
top: 0px;
width: 19px; height: 19px;
border: 2px solid #8C8C8C;
border-radius: 5px;
z-index: 0;
}
/* Checked styles */
[type="checkbox"]:checked + label:before, [type="radio"]:checked + label:before {
top: 3px;
right: 12px;
width: 5px;
height: 11px;
border-top: 1px solid transparent;
border-left: 1px solid transparent;
background:#3E4E1A !important;
border-right: 2px solid #FFF;
border-bottom: 2px solid #FFF;
-webkit-transform: rotateZ(37deg);
transform: rotateZ(37deg);
-webkit-transform-origin: 20% 40%;
transform-origin: 100% 100%;
border-radius:0 !important;
}
.selectOptionProfileBuilderCnt [type="checkbox"] + label:before, .selectOptionProfileBuilderCnt [type="checkbox"] + label:after, .selectOptionProfileBuilderCnt [type="radio"] + label:before, .selectOptionProfileBuilderCnt [type="radio"] + label:after{
right: auto;
left: 0;
}
.selectOptionProfileBuilderCnt [type="checkbox"]:checked + label:before, .selectOptionProfileBuilderCnt [type="radio"]:checked + label:before {
left: 2px;
}
[type="checkbox"]:checked + label:after, [type="radio"]:checked + label:after {
top: 0px;
width: 19px; height: 19px;
border: 2px solid #3E4E1A;
background-color:#3E4E1A;
z-index: 0;
border-radius:5px;
}
label a{
color:#3E4E1A;
text-decoration:underline !important;
 color: #3E4E1A;
    font-weight: bold;
     font-size: 14px;
	 }
.signInBtn{
position:relative;
float:left;
    font-size: 14px;
	
	    padding: 9px 15px;
		color: #666;
    border: 1px solid #ccc;
	text-shadow: 0 1px #fff;
    cursor: pointer;
    border-radius: 3px;
    text-align: center;
    box-shadow: 0px 1px 1px 0px rgba(221,221,221,1);
    background-color: #f5f5f5;
	-webkit-transition: .2s;
transition: .2s;
}
.signInBtn:hover{
background-color:#FFF;
-webkit-transition: .2s;
transition: .2s;
}
.logoIcon{
position:relative;
float:left;
width:100%;
margin-top:40px;
margin-bottom:40px;
height:140px;
background-position:center;
background-repeat:no-repeat;
background-size:contain;
background-image:url(logo-tra.png);
}
.profileBuilderArea{
margin-bottom:100px;
}
label{
     color: #3E4E1A;
    font-weight: bold;
     font-size: 14px;
}
.inputErr{
border-color:#FF4E5D;
}
.checkBoxErr [type="checkbox"] + label:before, .checkBoxErr [type="checkbox"] + label:after, .checkBoxErr [type="radio"] + label:before, .checkBoxErr [type="radio"] + label:after{
border-color:#FF4E5D;
}
.selectForm{
    position: relative;
    float: left;
    padding: 4px 3px 2px 3px;
    font-size: 1em;
    line-height: 1.071em;
    -moz-box-shadow: 0 1px 2px #eee inset;
    -webkit-box-shadw: 0 1px 2px #eee inset;
    box-shadow: 0 1px 2px #eee inset;
    color: #000;
    background-color: #FFF;
    margin-right: 24px;
    font-size: 14px;
    border: 1px solid #ccc;
	min-width: 208px;
}
.selectOptionProfileBuilderCnt{
position: relative;
    float: left;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.inputFieldsNewNoMarginO{
display:none;
}

@media (max-width:480px) {
.bigCntM{
    width: 100%;
}
.logoIcon{
    margin-top: 20px;
    margin-bottom: 20px;
	height: 100px;
}
.bigCntMCnt{
width:90%;
padding:5%;
}
.form-field{
margin-right:0;
padding-left:10px;
padding-right:10px;
width:calc(100% - 22px);
margin-bottom:10px;
height: 30px;
font-size:16px;
    line-height: 30px;
outline:0;
border-radius:0px;
}
.selectForm{
margin-right:0;
padding-left:10px;
padding-right:10px;
width:100%;
outline:0;
border-radius:0px;
margin-bottom:10px;
height: 38px;
font-size:16px;
    line-height: 38px;
}
.inputField{
margin-bottom:0;
padding-bottom:0;
}
.profileBuilderArea{
margin-bottom:0;
}
.signInBtn{
margin-bottom:40px;
width:calc(100% - 2px);
padding:0;
outline:0;
border-radius:0px;
height:38px;
line-height:38px;
 -webkit-appearance: none; /* remove default appearance on Webkit-based browsers */
        -moz-appearance: none; /* remove default appearance on Mozilla-based browsers */
        appearance: none; /* remove default appearance on all other browsers */
}

}