/*
* Amazium (http://www.amazium.co.uk)
* Copyright 2010 - 2013, Mike Ballan
* Licensed under MIT (https://github.com/OwlyStuff/Amazium/blob/master/LICENSE)
*/


/***********************************************
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:right; width:30%; height:40px; font-family:sans-serif; font-size:14px; line-height:40px; color:#666; 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:10px 0;    padding:0; display:block;   overflow:hidden; /*float:left;*/ }
fieldset                                                    { margin:0 0 25px 15px; padding:0; display:block; position:relative; top:0; left:0;    min-height: 40px; }
fieldset small                                              { margin:0 0 0 30%; padding:3px 8px; font-family:sans-serif; font-size:11px; line-height:20px; color:#FFF; border-color:#2da2cc; background-color:#2da2cc; 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, select, textarea                           { margin:0; padding:0 10px; display:block; border-radius:4px; width:70%; height:40px; font-family:sans-serif; font-size:14px; line-height:40px; color:#555; border:solid 1px #BBB; overflow:hidden; position:relative; top:0; left:0; outline:0 none; box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-appearance:none; /*border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius:4px;*/    box-shadow: 0 2px 2px rgba(204, 204, 204, 0.53); z-index: 2;}
textarea                                                    { padding: 10px; resize: vertical; min-height: 100px; overflow-y: auto; line-height: 18px;}
input[type="search"]                                        { -webkit-padding-start:0;  }

label span.errortext {
    margin: 0px 5px;
    padding: 0;
    display: inline;
	color:	#FF0000;
}
input.errorelem {
	color:	#FF0000;
}

input:disabled, textarea:disabled, select:disabled 			{background-color: rgb(235, 235, 228); opacity: 1;}

input[type="radio"]:disabled,input[type="checkbox"]:disabled{background-color: transparent;}

/***********************************************
Styled Select fields
***********************************************/
.select                                                     { margin:0; padding:0; position:relative; display:inline-block; width:70%; right:0; top:0; height:40px; background:#FFF; overflow:hidden; border:solid 1px #BBB; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.select:after                                               { margin:0; padding:0; content:'\25be'; color:#999; line-height:35px; text-align:center; right:0; top:0; background:#FFF; width:38px; height:38px; position:absolute; pointer-events:none; }
.select select                                              { padding:10px; padding-top:11px; -webkit-padding-before:0; -webkit-padding-start:6px; width:100%; height:40px; font-family:sans-serif; font-size:14px; line-height:40px; float:left; color:#999; border:none; display:block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; }
.select option                                              { padding:10px; border-bottom:1px solid #F2F2F2;  }
.select optgroup                                            { padding:0 10px; color:#000; background-color:#FFF; }
.select optgroup[label]                                     { padding-top:10px; background-color:#FFF; font-style:normal; }
.select optgroup option                                     { border-bottom:1px solid #F2F2F2; font-family:sans-serif; font-size:12px; line-height:40px; }
.select optgroup option:first-child                         { margin:10px 0 0 0; border-top:1px solid #F2F2F2; }

/***********************************************
Styled Selectv2 fields
***********************************************/
ul.selectv2box {
    display: none;
    position: absolute;
    top: 37px;
    left: 0px;
    width: 100%;
    background: #fff;
    z-index: 3;
    border: 1px solid #bbb;
    border-top: none;
    border-bottom-color: #2da2cc;
    min-height: 3px;
    max-height: 300px;
    overflow-y: auto;
    margin: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 0 2px 2px rgba(204, 204, 204, 0.53);
}

.selectv2box a:hover,.selectv2box a[selected]{
    background-color: #9daf444f;
    /*color:#fff;*/
}
.selectv2box a{
    display: block;
    list-style-type: none;
    padding: 2px 0 5px 5px;
    margin: 0;
    border-top: 1px dashed #ccc;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.selectv2box a:focus{
    background-color: #9daf44e0;
    /*color:#fff;*/
}
.selectv2box span{/*separatore*/
    display: block;
    margin: 0px 0 0 0px;
    padding: 8px 0 5px 5px;
    border-top: 1px solid #bbb;
    font-weight: bold;
    color: #343434;
    margin: 0 !important;
}
.selectv2box a span {
    border: none;
    display: inline;
    font-size: 68%;
    font-weight: 100;
    color:#787878;
}
/***********************************************
Styled Checkboxes
***********************************************/
.checkbox                                                   { padding: 0px; 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"]:hover + label                        { color:#2da2cc;}
input[type="checkbox"]:checked + label                      { color:#9daf44;}

input[type="checkbox"],
input[type="checkbox"]:not(:focus):invalid                  { width:22px; height:22px; position:absolute; top:0; left:0; border: 0; box-shadow: none;}
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 0.4s linear 0s; -moz-transition:all 0.4s linear 0s; -webkit-transition:all .1s linear 0s; -o-transition:all .1s linear 0s; }
input[type="checkbox"]:hover + label:before               	{ color:#9daf44; border-color:#9daf44; }
input[type="checkbox"]:checked + label:before               { background-color:#2da2cc; content:'\2714'; border-color:#2da2cc; color:#FFF; transition:all .6s linear 0s; -moz-transition:all 0.4s linear 0s; -webkit-transition:all 0.4s linear 0s; -o-transition:all .6s linear 0s; }
input[type="checkbox"] + label + small                      { margin:0; padding:0 0 0 32px; background:none; border:none; color:#2da2cc; width:auto; float:none; }
input[type="checkbox"]:disabled + label                     { color:#d4d4d4;}
input[type="checkbox"]:disabled + label:before              { color:#eaeaea; border-color:#eaeaea;}

/***********************************************
Styled Radio button
***********************************************/
.radio                                                      { padding:8px 0 0; width:70%; float:right; }
.radio > span                                               { margin:0px; margin-right:15px; 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; cursor: pointer;}
.radio > span label                                         { margin:0; margin-left: 2px; padding:4px 12px 4px 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; border: solid 1px #BBB; border-radius: 20px;box-shadow: 0px 4px 4px rgba(204, 204, 204, 0.53);font-weight: bold;}

input[type="radio"]:hover + label                           { border-color:#9daf44; color:#2da2cc;}
input[type="radio"]:checked + label                         { border-color:#2da2cc; color:#9daf44;}
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:30px; width:30px; 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"]:hover + label:before                  	{ border:5px solid #9daf44; 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:9px solid #2da2cc; 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; color:#2da2cc; width:auto; float:none; }
input[type="radio"] + label + small                      { margin:0; padding:0 0 0 32px; background:none; border:none; color:#2da2cc; width:auto; float:none; }
input[type="radio"]:disabled + label                     { color:#d4d4d4; border-color:#ccc;}
input[type="radio"]:disabled + label:before              { color:#eaeaea; border-color:#ccc;}



.radio2{ 
    margin: 0;
    padding: 0; 
}
.radio2 > span{ 
    margin: 0px;
    margin-right: 5px;
    padding: 0 2px 0 0;
    float: left;
    position: relative;
    top: 0;
    left: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
 }
.radio2 > span label{     
	margin: 0;
    margin-left: 0px;
	margin-bottom: 10px;
    padding: 2px 6px 2px 22px;
    width: 100%;
    height: auto;
    font-family: sans-serif;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    cursor: pointer;
    display: block;
    position: relative;
    left: 0;
    top: 0;
    border: solid 1px #BBB;
    border-radius: 20px;
    box-shadow: 0px 4px 4px rgba(204, 204, 204, 0.53);
    font-weight: bold;
}



.radio2 input[type="radio"]:hover + label                           { border-color:#9daf44; color:#2da2cc;}
.radio2 input[type="radio"]:checked + label                         { border-color:#2da2cc; color:#9daf44;}
.radio2 input[type="radio"],
.radio2 input[type="radio"]:not(:focus):invalid                     { width:22px; height:22px; border:none; position:absolute; top:0; left:0;visibility:hidden; }
.radio2 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;
    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;
}
.radio2 input[type="radio"]:hover + label:before                  	{ border:2px solid #9daf44; transition:all .1s linear 0s; -moz-transition:all .1s linear 0s; -webkit-transition:all .1s linear 0s; -o-transition:all .1s linear 0s; }
.radio2 input[type="radio"]:checked + label:before                  { border:6px solid #2da2cc; transition:all .1s linear 0s; -moz-transition:all .1s linear 0s; -webkit-transition:all .1s linear 0s; -o-transition:all .1s linear 0s; }
.radio2 input[type="radio"] + label + small                         { margin:0; padding:0 0 0 32px; background:none; border:none; color:#2da2cc; width:auto; float:none; }


/****************************************
file box
****************************************/

input[type="file"]{
	padding: 7px;
}

input[type="file"]:before {
    content: 	"\f093";
    font: 		normal normal normal 14px/1 FontAwesome;
    font-size: 	24px;
    background: #ddd;
    border: 	1px solid #bbb;
	width:		22px;
	text-align:	center;
    padding: 	7px 30px;
    position: 	absolute;
    margin: 	-8px;
}
input[type="file"]:hover:before {
    background: 	#9daf44;
    border-color: 	#9daf44;
    color: 			#fff;
}
input[type="file"][disabled]:hover:before {
    background: #ff0000;
    border-color: #ff0000;
    color: #000;
}

/***********************************************
Validation
***********************************************/
/*input:not(:focus):invalid                                   { border-color:#ff9083;-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         { color:#2da2cc; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }

input:focus:invalid::-webkit-input-placeholder              { color:#2da2cc; opacity:1; }
input:focus:invalid:-moz-placeholder                        { color:#2da2cc; opacity:1; }
input:focus:invalid::-moz-placeholder                       { color:#2da2cc; opacity:1; }
input:focus:invalid:-ms-input-placeholder                   { color:#2da2cc; opacity:1; }*/
.error input + small                                        { margin:0; padding:3px 8px; font-family:sans-serif; font-size:11px; line-height:20px; color:#FFF; border-color:#2da2cc; background-color:#2da2cc; 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:40px; font-family:sans-serif; font-size:14px; line-height:40px; 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:#25A35A; background-color:#25A35A; color:#FFF; }
input:hover[type="reset"]                                   { border-color:#000; background-color:#000; color:#FFF; }

.loading                                                    { padding:0 36px 0 20px; border-color:#25A35A; background-color:#25A35A; position:relative; cursor:default; }
.loading:hover                                              { border-color:#25A35A; background-color:#25A35A; }
.loading:after                                              { margin-top:-10px; content:''; width:20px; height:20px; background:transparent url('../img/loading.png') no-repeat 0 0; position:absolute; top:50%; right:10px; -webkit-animation:spinner 1.0s infinite linear; animation:spinner 1.0s infinite linear; }

.success                                                    { padding:0 36px 0 20px; border-color:#25A35A; background-color:#25A35A; position:relative; cursor:default; }
.success:hover                                              { border-color:#25A35A; background-color:#25A35A; }
.success:after                                              { content:'\2714'; width:20px; height:20px; /*line-height:30px; position:absolute; top:5px; right:10px;*/ }

.error                                                      { padding:0 36px 0 20px; position:relative; background-color:#2da2cc; border-color:#2da2cc; cursor:default; }
.error:after                                                { content:'\00D7'; width:20px; height:20px; /*line-height:30px; position:absolute; top:5px; right:8px;*/ }
.error:hover                                                { background-color:#2da2cc; border-color:#2da2cc; }

@keyframes spinner {
    0%                                                      { transform:rotate(0deg); -webkit-transform:rotate(0deg); }
    100%                                                    { transform:rotate(-360deg); -webkit-transform:rotate(-360deg); }
}

@-webkit-keyframes spinner {
    0%                                                      { transform:rotate(0deg); -webkit-transform:rotate(0deg); }
    100%                                                    { transform:rotate(-360deg); -webkit-transform:rotate(-360deg); }
}


/***********************************************
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; cursor: pointer;}


/***********************************************
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:#9daf44; opacity:1; }
:focus:-moz-placeholder                                     { color:#9daf44; opacity:1; }
:focus::-moz-placeholder                                    { color:#9daf44; opacity:1; }
:focus:-ms-input-placeholder                                { color:#9daf44; opacity:1; }

input:focus                                                 { color:#000; border-color:#2da2cc; outline:none; }
textarea:focus                                              { color:#000; border-color:#2da2cc; outline:none; }
select:focus									            { color:#000; border-color:#2da2cc; 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:15px; line-height:40px; 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 div.radio span label,
.nysmnyd-labels fieldset div.checkbox span label				{ position: initial; line-height: inherit; /*color:#000000;*/ }
.nysmnyd-labels fieldset div.radio span input,
.nysmnyd-labels fieldset div.checkbox span input				{ box-shadow: none;}

.nysmnyd-labels fieldset.show-all label {     
	top: -27px;
    /* background-color: #ccc; */
    width: 100%;
    margin: -1px;
    text-align: left;
    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 span.altplaceholder{	
	pointer-events: none;
	top: 9px;
    right: 10%;
    z-index: 2;
    color: #929292;
    margin: -1px;
    text-align: right;
    position: absolute;
}

.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; }

.nysmnyd-labels select										{color: #999;}
.nysmnyd-labels select:focus								{color: #9daf44;}
.nysmnyd-labels select option								{color: #555;}
.nysmnyd-labels .show-all select,
.nysmnyd-labels .show-all select:focus						{color: #555;}

/* custom */
i.frselect{
	position: absolute;
	top: 13px;
	z-index: 2;
	right: 10px;
	color: #A6A6A6;
}
select {background:#fff; padding:0 5px;}