/***********************************************
Forms with labels
***********************************************/
form                                                        { margin:0 0 16px; padding:0; display:inline-block; width:100%; }
label                                                       { margin:0; padding:0 16px 0 0; float:left; text-align:left; width:30%; height:30px; font-family:sans-serif; font-size:14px; line-height:22px; color:#545454; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
label.checkbox, label.radio                                 { text-align:left; width:auto; }
form span                                                   { margin:2px 0; padding:0; display:block; overflow:hidden; float:left; }
fieldset                                                    { margin:0 0 20px 0; padding:0; display:block; position:relative; top:0; left:0; }
fieldset small                                              { margin:0 0 0 30%; padding:3px 8px; font-family:sans-serif; font-size:11px; line-height:20px; color:#FFF; border-color:#E74C3C; background-color:#E74C3C; width:70%; float:right; display:inline-block; position:relative; top:-1px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
input, textarea, textarea                                   { margin:0; padding-left:6px; display:block; width:62%; height:30px; line-height:30px !important; background:#FFFFFF; font-family:sans-serif; font-size:14px;  color:#555; border:solid 1px #BBB; }
textarea                                                    { padding:2px 0 0 6px; resize:none; min-height:100px; overflow-y:auto; }
input[type="search"]                                        { -webkit-padding-start:0;  }


span.dd_left{ float:left; width:16%; margin:0px;}
span.dd_left input{ width:86%;}
span.dd_left select{width:86%;}

span.dd_left1{ float:left; width:20%; margin-right:4px; }
span.dd_left1 input{width:100%;}
span.dd_left1 select{ width:100%;}

span.dd_left3{ float:left; width:15%; margin:0px;}
span.dd_left3 input{width:86%;}
span.dd_left3 select{ width:86%;}

 .selectedm{ 
height: 30px; 
color: #555;
background:#fff; width:72px; border:solid 1px #BBB;
}

.btn_sub{ background:#c2842b; color:#fff; margin-left:30% !important; width:80px; height:35px; line-height:35px;}
.btn_sub:hover{background:#9b6920; color:#fff;}

 
 
 
 .custom-file-input {
  color: transparent;
  margin:0; display:block;  height:30px; line-height:30px !important; background: none; font-family:sans-serif; font-size:14px;  color:#555; border: none;
}

.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
  content: 'Upload files';
  color: black;
  display: inline-block;
  background:#fff; 
  border:solid 1px #BBB; 
  border-radius: 3px; 
  padding:0px 20px;
  height:30px; line-height:30px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  color:#555;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: normal; 
}
.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active {
  outline: 0;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); 
}
 


/***********************************************
Styled Select fields
***********************************************/
.select                                                     {  display:inline-block; line-height:30px; background:#FFF;  border:none; float:left;  }
.select optgroup                                          { padding:0px; color:#000; background-color:#FFF;  }
.select optgroup[label]                                     { padding-top:10px; background-color:#FFF; font-style:normal;   }
.select option                                     { border-bottom:1px solid #F2F2F2; font-family:sans-serif; font-size:12px;   }
.select optgroup option:first-child                         { margin:10px 0 0 0; border-top:1px solid #F2F2F2; }


/***********************************************
Styled Checkboxes
***********************************************/
.checkbox                                                   { padding:8px 0 0; width:70%; float:right; }
.checkbox > span                                            { margin:0 0 10px; padding:0 20px 0 0; float:left; position:relative; top:0; left:0; width:auto; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.checkbox > span label                                      { padding:2px 0 0 32px; width:100%; height:auto; font-family:sans-serif; font-size:14px; line-height:20px; text-align:left; cursor:pointer; float:none; display:block; position:relative; left:0; top:0; }
input[type="checkbox"],
input[type="checkbox"]:not(:focus):invalid                  { width:22px; height:22px; position:absolute; top:0; left:0; }
input[type="checkbox"] + label:before                       { margin:0; content:'\2718'; position:absolute; left:0; top:0; background-color:#FFF; border:1px solid #CCC; cursor:pointer; display:inline-block; height:20px; width:20px; text-align:center; font-family:sans-serif; font-size:13px; line-height:22px; color:#CCC; transition:all .1s linear 0s; -moz-transition:all .1s linear 0s; -webkit-transition:all .1s linear 0s; -o-transition:all .1s linear 0s; }
input[type="checkbox"]:checked + label:before               { background-color:#000; content:'\2714'; border-color:#000; color:#FFF; transition:all .6s linear 0s; -moz-transition:all .6s linear 0s; -webkit-transition:all .6s linear 0s; -o-transition:all .6s linear 0s; }
input[type="checkbox"] + label + small                      { margin:0; padding:0 0 0 32px; background:none; border:none; width:auto; float:none; }


/***********************************************
Styled Radio button
***********************************************/
.radio                                                      { padding:8px 0 0; width:70%; float:right; }
.radio > span                                               { margin:0 0 10px; padding:0 20px 0 0; float:left; position:relative; top:0; left:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.radio > span label                                         { margin:0; padding:2px 0 0 32px; width:100%; height:auto; font-family:sans-serif; font-size:14px; line-height:20px; text-align:left; cursor:pointer; display:block; position:relative; left:0; top:0; }
input[type="radio"],
input[type="radio"]:not(:focus):invalid                     { width:22px; height:22px; border:none; position:absolute; top:0; left:0; }
input[type="radio"] + label:before                          { margin:0; content:''; position:absolute; left:0; top:0; background-color:#FFF; border:1px solid #CCC; cursor:pointer; display:inline-block; height:20px; width:20px; text-align:center; font-family:sans-serif; font-size:13px; line-height:22px; color:#CCC; border-radius:50%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; transition:all .1s linear 0s; -moz-transition:all .1s linear 0s; -webkit-transition:all .1s linear 0s; -o-transition:all .1s linear 0s; }
input[type="radio"]:checked + label:before                  { border:7px solid #000; transition:all .1s linear 0s; -moz-transition:all .1s linear 0s; -webkit-transition:all .1s linear 0s; -o-transition:all .1s linear 0s; }
input[type="radio"] + label + small                         { margin:0; padding:0 0 0 32px; background:none; border:none; width:auto; float:none; }


/***********************************************
Validation
***********************************************/
input:not(:focus):invalid                                   { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }

input:focus:invalid,
.error input,
select:focus:invalid,
input[type="checkbox"]:focus:invalid,
input[type="checkbox"]:focus:invalid + label:before         {  -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }

 

.error input + small                                        { margin:0; padding:3px 8px; font-family:sans-serif; font-size:11px; line-height:20px; color:#FFF; border-color:#E74C3C; background-color:#E74C3C; width:70%; float:right; display:inline-block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }


/***********************************************
Buttons
***********************************************/
input[type="button"],
input[type="submit"],
input[type="reset"]                                         { margin:0 6px 6px 0; padding:0 28px; display:inline-block; height:30px; font-family:sans-serif; font-size:14px; line-height:30px; font-weight:normal; float:left; width:auto; cursor:pointer; -webkit-appearance:none; }

input:first-of-type[type="button"],
input:first-of-type[type="submit"],
input:first-of-type[type="reset"]                           { margin-left:30%; }

input[type="button"],
input[type="submit"],
input[type="reset"]                                         { transition:all .1s linear 0s; -moz-transition:all .1s linear 0s; -webkit-transition:all .1s linear 0s; -o-transition:all .1s linear 0s; }

input:hover[type="button"]                                  { border-color:#CCC; background-color:#FFF; color:#333; }
input:hover[type="submit"]                                  { border-color:#a47127; background-color:#a47127; color:#FFF; }
input:hover[type="reset"]                                   { border-color:#000; background-color:#000; color:#FFF; }



/***********************************************
Forms without labels
***********************************************/
.hide-lables label                                          { display:none; }
.hide-lables .checkbox label,
.hide-lables .radio label                                   { display:block; }

.hide-lables input,
.hide-lables textarea,
.hide-lables select,
.hide-lables .select,
.hide-lables fieldset.error input + small                   { width:100%; }
.hide-lables small                                          { margin:0; width:100%; }
.hide-lables .radio, .hide-lables .checkbox                 { width:100%; float:right; }

input[type="checkbox"],
input[type="checkbox"]:not(:focus):invalid,
input[type="radio"],
input[type="radio"]:not(:focus):invalid                     { width:20px; height:20px; }



/***********************************************
Validation
***********************************************/
.hide-lables input:not(:focus):invalid + small              { width:100%; }



/***********************************************
Buttons
***********************************************/
.hide-lables input[type="button"],
.hide-lables input[type="submit"],
.hide-lables input[type="reset"]                            { margin:6px 6px 6px 0; width:auto; }



/***********************************************
Placeholder
***********************************************/
::-webkit-input-placeholder                                 { color:#333; opacity:.5; }
:-moz-placeholder                                           { color:#333; opacity:.5; }
::-moz-placeholder                                          { color:#333; opacity:.5; }
:-ms-input-placeholder                                      { color:#333; opacity:.5; }

:focus::-webkit-input-placeholder                           { color:#333; opacity:1; }
:focus:-moz-placeholder                                     { color:#333; opacity:1; }
:focus::-moz-placeholder                                    { color:#333; opacity:1; }
:focus:-ms-input-placeholder                                { color:#333; opacity:1; }

input:focus                                                 { color:#000; border-color:#999; outline:none; }
textarea:focus                                              { color:#000; border-color:#999; outline:none; }
select:focus                                                { color:#000; border-color:#999; outline:none; }


/***********************************************
NYSMNYD
***********************************************/
.nysmnyd-labels fieldset label                              { display:block; position:absolute; left:1px; top:0; height:auto; width:auto; z-index:1; font-family:sans-serif; font-size:12px; line-height:30px; color:#999; transition:all .1s ease-out 0s; -moz-transition:all .1s ease-out 0s; -webkit-transition:all .1s ease-out 0s; -o-transition:all .1s ease-out 0s; }
.nysmnyd-labels fieldset.show-all label                     { top:-27px; transition:all .1s ease-out 0s; -moz-transition:all .1s ease-out 0s; -webkit-transition:all .1s ease-out 0s; -o-transition:all .1s ease-out 0s; }

.nysmnyd-labels input,
.nysmnyd-labels .select,
.nysmnyd-labels textarea                                    { z-index:2; }

.nysmnyd-labels input,
.nysmnyd-labels textarea,
.nysmnyd-labels select,
.nysmnyd-labels .select,
.nysmnyd-labels fieldset.error input + small,
.nysmnyd-labels fieldset input:not(:focus):invalid + small,
.nysmnyd-labels small                                       { width:100%; }

.nysmnyd-labels .radio, .nysmnyd-labels .checkbox           { width:100%; float:right; }


/***********************************************
Tablet (Smaller than 959px)
***********************************************/
@media only screen and (min-width:768px) and (max-width: 959px) {
	
	form                                                        { margin:0 0 16px; padding:0; display:block; width:85% !important; }
label                                                       { float: none !important;  width:85% !important; height:30px; display:block; font-family:sans-serif; font-size:14px; line-height:22px; color:#545454;   }
label.checkbox, label.radio                                 { text-align:left; width:auto; }
form span                                                   { margin:2px 0; padding:0; display:block; overflow:hidden; float:none !important; }
fieldset                                                    { margin:0 0 10px 0;  }
fieldset small                                              { margin:0 0 0 30%; padding:3px 8px; width:85%; float:inherite !important; display:block; position:relative; top:-1px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
input, textarea, select, textarea                           { margin:0; padding-left:6px; display:block; width:85%; clear:both;  }
textarea                                                    { padding:2px 0 0 6px; resize:none; min-height:100px; overflow-y:auto; }
input[type="search"]                                        { -webkit-padding-start:0;  }

.select                                                     {  display: block;  right:0; top:0; height:30px; background:#FFFFFF;  border:solid 1px #BBB; width:150px;   }


span.dd_left{ float:left !important; width:22%; margin:0px;}
span.dd_left input{ width:86%;}
span.dd_left select{width:86%;}

span.dd_left1{ float:left !important; width:25%; margin-right:4px; }
span.dd_left1 input{width:100%;}
span.dd_left1 select{ width:100%;}

span.dd_left3{ float:left !important; width:22%; margin:0px;}
span.dd_left3 input{width:86%;}
span.dd_left3 select{ width:86%;}

 .selectedm{ 
height: 30px; 
color: #555;
background:#fff; width:72px; border:solid 1px #BBB;}

input:first-of-type[type="button"],
input:first-of-type[type="submit"],
input:first-of-type[type="reset"]                           { margin-left:0%; }

.btn_sub{ background:#c2842b; color:#fff; margin-left:0% !important;}
	
}



/***********************************************
Mobile (portrait 300px)
***********************************************/
@media only screen and (max-width:767px) {
	
form                                                        { margin:0 0 16px; padding:0; display:block; width:85% !important; }
label                                                       { float: none !important;  width:85% !important; height:30px; display:block; font-family:sans-serif; font-size:12px; line-height:22px; color:#545454;   }
label.checkbox, label.radio                                 { text-align:left; width:auto; }
form span                                                   { margin:2px 0; padding:0; display:block; overflow:hidden; float:none !important; }
fieldset                                                    { margin:0 0 20px 0;  }
fieldset small                                              { margin:0 0 0 30%; padding:3px 8px; width:85%; float:inherite !important; display:block; position:relative; top:-1px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
input, textarea, select, textarea                           { margin:0; padding-left:6px; display:block; width:85%; clear:both;  }
textarea                                                    { padding:2px 0 0 6px; resize:none; min-height:100px; overflow-y:auto; }
input[type="search"]                                        { -webkit-padding-start:0;  }

.select                                                     {  display: block;  right:0; top:0; height:30px; background:#FFFFFF;  border:solid 1px #BBB; width:150px; float:left;   }


span.dd_left{ float:left !important; width:25%; margin-right:4px;}
span.dd_left input{ width:86%;}
span.dd_left select{width:86%;}

span.dd_left1{ float:left !important; width:35%; margin-right:4px; }
span.dd_left1 input{width:100%;}
span.dd_left1 select{ width:100%;}

span.dd_left3{ float:left !important; width:25%; margin:0px;}
span.dd_left3 input{width:86%;}
span.dd_left3 select{ width:86%;}

 .selectedm{ 
height: 30px; 
color: #555;
background:#fff; width:72px; border:solid 1px #BBB;
}

input:first-of-type[type="button"],
input:first-of-type[type="submit"],
input:first-of-type[type="reset"]                           { margin-left:0%; }
	
 .btn_sub{ background:#c2842b; color:#fff; margin-left:0% !important;}
}
	
	
 


/***********************************************
Mobile (landscape 420px)
***********************************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {
     
	 
     
}