/* input styles */



/* form fonts 
****************************************/

/* text boxes selects and lists
****************************************/
/* telerik override */
.custominputs input[type=text] { height: 46px !important; padding: 10px !important;}
.custominputs input[type=text].rdfd_.radPreventDecorate  {display: none !important;}
html body .RadInput_Default .riTextBox, html body .RadInputMgr_Default {border-color: #dadada !important;border-radius: 3px !important; border-width: 1px !important; margin-bottom: 10px; width: 100% !important;}
.riSingle.RadInput.RadInput_Default.UsernameInputWrapper, .riSingle.RadInput.RadInput_Default, .riSingle.RadInput.RadInput_Silk {margin-bottom: 10px; width: 100% !important;}

/* standard input styles */
.custominputs input[type=text], .custominputs select, 
.custominputs input[type="date"], .custominputs input[type="datetime"], .custominputs input[type="email"], .custominputs input[type="month"], 
.custominputs input[type="number"], .custominputs input[type="search"], .custominputs input[type="tel"], .custominputs input[type="time"], 
.custominputs input[type="url"], .custominputs input[type="week"], .custominputs input[type="password"], .custominputs input[type="datetime-local"], .custominputs textarea
{ border: 1px solid #dadada; border-radius: 3px;font-size: 14px !important; height: 46px;margin-bottom: 10px; padding: 10px;width: 100%;}

.custominputs select{color: #555;}
.custominputs option{color: #555;padding: 0;margin: 0;}
.custominputs option:first-child{color: #d7d7d7;}

/* logins and toolbar elements */
.custominputs .toolbar input[type=text], 
.custominputs .toolbar input[type="date"], .custominputs .toolbar input[type="datetime"], .custominputs .toolbar input[type="email"], .custominputs .toolbar input[type="month"], 
.custominputs .toolbar input[type="number"], .custominputs .toolbar input[type="search"], .custominputs .toolbar input[type="tel"], .custominputs .toolbar input[type="time"], 
.custominputs .toolbar input[type="url"], .custominputs .toolbar input[type="week"], .custominputs .toolbar input[type="password"]
{font-size: 16px !important; height: 33px !important;font-weight: 300; padding: 5px !important;}

/* dropdown lists 
****************************************/
/* telerik override */
.custominputs .RadComboBox.RadComboBox_Metro table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
}
.custominputs .RadComboBox_Metro .rcbReadOnly .rcbInputCell, .custominputs td.rcbInputCellLeft {
    border-color: #dadada !important;
    border-radius: 3px 0 0 2px !important;
    border-width: 1px 0 1px 1px !important;
}
.custominputs .RadComboBox_Metro .rcbReadOnly .rcbArrowCellRight {
    order-color: #dadada !important;
    border-radius: 0 2px 2px 0 !important;
    border-width: 1px 1px 1px 0 !important;
}

/* radio buttons and checkboxes 
****************************************/

/* ### CUSTOM radio and checkboxes ### */

        /* hide real checkboxes and radiobuttons*/
        .custominputs input[type=radio], .custominputs input[type=checkbox] {
            border: 0; 
            clip: rect(0 0 0 0); 
            height: 1px; margin: -1px; 
            overflow: hidden; 
            padding: 0; 
            position: absolute;
            width: 1px;
        }


        /* set mouse pointer on label hover, font size and padding left to give some space between the control and the text */
        .custominputs input[type="radio"] + label, .custominputs input[type="checkbox"] + label {
            display: inline-block;
            cursor: pointer;
            font-size: 13px;
            position: relative;
            padding-left: 3.3em;
        }
            /* set margins for checkboxes and radios */
            .custominputs input[type=radio] + label, .custominputs input[type=checkbox] + label {
                margin-bottom: 16px;
                margin-right: 10px;
                margin-top: 8px;
                padding-top: 5px;
            }

        /* shape the controls appearance on 'before' pseudo-element */
        .custominputs input[type="radio"] + label:before, .custominputs input[type="checkbox"] + label:before {
            content: "";
            display: inline-block;
 
            /* controls size */
            width: 2em;
            height: 2em;

            /* colours v2 */
            background-color: #fff;
            border: 2px solid #ddd;
            box-shadow: 0 0 0 4px #fff inset;
            position: absolute;


            /* fix for firefox shadow issue */
            left: 0.72em;
            margin-left: -0.5em;
            margin-top: 0em;
            top: 0px;
        }
        
        .custominputs input[type="checkbox"], .custominputs input[type="radio"] { margin-right: 10px;}
        .custominputs input[type="radio"] + label:before {border-radius: 24px;}
        .custominputs input[type=checkbox] + label:before {border-radius: 3px;box-shadow: 0 0 0 0px #fff inset; color: #ffffff; line-height: 2.1em; vertical-align: -0.125em; text-align: center;}

        /* CHECKED state */
        .custominputs input[type="radio"]:checked + label:before, .custominputs input[type="checkbox"]:checked + label:before {
            background: #0063be;
            border: 2px solid #0063be;
        }
            .custominputs input[type=checkbox]:checked + label:before {
                content: "\52";
                font-size: 1em;
                font-family:bf_font;
            }

        /* DISABLED state */
        .custominputs input[type="checkbox"]:disabled + label, .custominputs input[type="radio"]:disabled + label {
            color: rgba(0, 0, 0, 0.3);
            cursor: default;
        }
        .custominputs input[type="checkbox"]:disabled + label:before, .custominputs input[type="radio"]:disabled + label:before {
            background-color: #eee;
            border: 2px solid #eee;
            box-shadow: 0 0 0 4px #eee inset;
            color: #ccc;
            cursor: default;
        }
        
        .custominputs input[type="radio"]:checked + label::after {
            /* uncomment to have dashed line on radio button focus */
              /*content: ' ';
              font-size: 1.5em;
              line-height: 1;
              vertical-align: -0.125em;
              position: absolute;
              top: -9px;
              left: -6px;
              height: 1.5em;
              width: 2.5em;
              border: 1px dashed #c6c6c6;*/
        }

		/* ### /end CUSTOM radio and checkboxes ### */


		/* action buttons 
		****************************************/

		/* telerik override */
		.custominputs .RadButton_Default.rbSkinnedButton, .RadButton_Default .rbDecorated, .RadButton_Default.rbVerticalButton, .RadButton_Default.rbVerticalButton .rbDecorated, .RadButton_Default .rbSplitRight, .RadButton_Default .rbSplitLeft {
			background-image: none !important;
			color: #333 !important;
			font-size: 0.923077em;
			font-weight: bold;
			height: 100% !important;
			margin: 0;
			padding: 5px 25px !important;
			text-transform: uppercase;
			vertical-align: middle;
		}
		.custominputs span.buttonlink {
			background-color: #fff !important;
			background-image: none !important;
			color: #333 !important;
		}

		/* telerik styles */
		.custominputs span.buttonlink {
			background-color: #fff;
			border: 1px solid #0063be;
			border-radius: 3px;
			color: #333;
			font-size: 0.8em;
			font-weight: bold;
			height: 30px;
			padding: 10px;
			vertical-align: middle;
		}

		.custominputs input[type="submit"], .custominputs input[type="reset"], a.buttonlink {
			background-color: #fff;
			background-image: none;
			border: 1px solid #0063be;
			border-radius: 3px;
			color: #333;
		  cursor: pointer;
			font-size: 1em;
			font-weight: bold;
			height: auto;
			padding: 10px 20px;
		  text-decoration: none;
			vertical-align: middle;
		}
			.custominputs input[type="reset"] { background-color: #dddddd;}
      
  .custominputs .cta_button {
      background-color: #FF4800 !important;
      border-color: #FF4800 !important;
      color: #fff !important;
  }

			
			label {display:inline-block;}
			fieldset {margin:20px 10px;}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  .custominputs select:focus,
  .custominputs textarea:focus,
  .custominputs input:focus {
    font-size: 16px;
    background: #eee;
  }
}