/*
	Alamat.com :: 	 forms.css
	---------------------------------------------------------------------------
	App URL		::	 http://alamat.me
	Verson		::	 1.0 [ March 2015]
	Description	::	 Alamat Restuarent
	-------------------------------------------------------------------------------*/


/* Input Styles
-------------------------------------------------------------------------------*/

/*Mozilla dosen't style place holders by default */
input:placeholder {color:red;}
input:-moz-placeholder {color:#a9a9a9;}
textarea:-moz-placeholder {color:#a9a9a9;}

input[type="text"], input[type="number"], input[type="password"], select { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #D1D2D3; border-radius:0; padding: 0 1%; height:26px; line-height:26px; width:98%; font-family: 'calibriregular'; }
select { font-family: 'calibriregular'; width:100%; height:27px; padding:3px 0; }
input:focus, textarea:focus, button:focus { /*box-shadow: 1px 1px 1px #9ecaed inset;*/outline: medium none; }
textarea { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #D1D2D3; border-radius: 0; color: #676767; padding:5px; }
input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="url"]:hover { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #A0A0A0 #B9B9B9 #B9B9B9; border-image: none; border-style: solid; border-width: 1px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; }

.input_style_02 {background: repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border:none !important; border-radius:0; padding:0 !important; height:26px !important; width:98% !important; padding-left:4px !important; border-bottom:1px solid #fff !important; }
.input_style_02:hover, .input_style_02:focus {box-shadow:none !important; border-bottom:1px solid #e4e4e4 !important;}
.input_style_03 { background: repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border:1px solid #e4e4e4 !important;border-radius:0; padding:0 !important; height:26px !important; width:100% !important; padding-left:4px !important;}
.input_calander { background:url(../images/icons/mono-calendar.png) no-repeat right center !important; padding-right:10% !important; width:88% !important; }
.input_calander_02 { background:url(../images/icons/mono-calendar.png) no-repeat right center !important; padding-right:13% !important; width:100% !important; }



/* Check box and Radio button Styles
-------------------------------------------------------------------------------*/
input[type="checkbox"], input[type="radio"] { display:none; }
input[type="checkbox"] + .custom-checkbox { border: 1px solid #cacece; padding: 5.5px; top: -1px; border-radius: 2px; display: inline-block; position: relative; vertical-align:middle; margin-right:5px;}
input[type="checkbox"]:checked + .custom-checkbox:after { content: '\2714'; font-size: 15px; position: absolute; top: -8px; left: 1px; color: #757d83; }
input[type="radio"] + .custom-radio { border: 1px solid #cacece; padding: 7px; top: -1px; border-radius: 30px; display: inline-block; position: relative; vertical-align: middle; }
input[type="radio"]:checked + .custom-radio:after { content: ' '; width:6px; height:6px; border-radius: 50px; position: absolute; top: 4px; background: #333; left: 4px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
input[type="checkbox"]:checked + .custom-checkbox:after{top:-6px;}
}




/*Search style
------------------------------------------------------------*/
.serch_style_01 {background:url(../images/icons/line-arrow.png) no-repeat left center; display:inline-block; padding:0px 10px !important; max-width:170px; margin-left:-1px; height:27px; line-height:27px }
.serch_style_01 input {background:url(../images/icons/srch_icon.png) no-repeat left center !important; border: medium none !important; border-radius: 0; padding-left:20px !important; width:94% !important; border-bottom:solid 1px #fff !important; }
.serch_style_01 input:hover, .serch_style_01 input:focus { box-shadow:none;border-bottom:solid 1px #e4e4e4!important; border: none; }


/**************************Label*************************************/
label { position:relative;cursor:default; line-height:normal;}
.label{ top:0;}





/**************************Button Style********************************/
.save_btn { background: /*url("../images/icons/sprite/checkout-icon.png") no-repeat scroll 4px -88px*/ #fff; border: 1px solid #dbdcde; border-radius: 3px; color: #000; cursor: pointer; display: inline-block; padding:0 8px; height:26px; font-size:14px; }
.save_btn:hover {border: 1px solid #0d80eb; }

.quick_add_btn { background: url(../images/forms/quick_add.jpg)no-repeat 0 0; color: #FFF; font-size: 14px; height: 26px; display:inline-block; padding: 0 23px 0 9px; text-decoration: none !important; border:0 !important; width:120px; } 
.quick_add_btn:hover {background: url(../images/forms/quick_add.jpg)no-repeat 0 -26px; color:#000; text-decoration:none;  height: 26px; width:120px; }

/*Add circle button style*/
.add_circle_btn { background: url(../images/icons/add-plus.png) no-repeat center 5px #fff; border: 1px solid #dbdcde; border-radius: 15px; width:22px; height:22px; display:inline-block; }
.add_circle_btn:hover { border-color:#007aff; background: url(../images/icons/add-plus.png) no-repeat center -28px #fff; }
.add_plus{background: url(../images/icons/add_plus_link.png) no-repeat left center; padding-left:10px;color: #007AFF;
font-size:15px; text-decoration:none !important;  width:auto}
.add_plus:hover{text-decoration:underline !important;}
.blnk_add_btn { background: url(../images/icons/add_plus_link.png) no-repeat scroll left center; border-radius: 3px; color: #000; font-size: 14px; text-decoration: none; color:#007aff; padding-left:10px; font-family: 'calibribold'; }
.blnk_add_btn:hover { text-decoration:underline; ; }

.input_style_2 { background: repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border:none !important; border-radius:0; padding:0 !important; height:26px !important; width:98% !important; padding-left:4px !important; border-bottom:1px solid #fff !important; }
.input_style_2:hover, .input_style_2:focus { box-shadow:none !important; border-bottom:1px solid #007aff !important; }
.send_sms_btn { background: url(../images/icons/send-icon.png) no-repeat scroll 8px 7px #fff; border: 1px solid #dbdcde; border-radius: 2px; color: #000; font-size: 14px; height: 26px; display:inline-block; padding: 0 8px 0 28px; text-decoration: none !important; }
.send_sms_btn:hover { background: url(../images/icons/send-icon.png) no-repeat scroll 8px -14px #fff; border: 1px solid #007aff; }

.close_icon{ background: url(../images/icons/close_02.png) no-repeat left top; width:12px; height:10px; display:inline-block; }
.close_icon:hover{ background-position:left -12px }

.update_btn {background: #FFF;border: 1px solid #DBDCDE;border-radius: 2px;color: #000;height: 26px;
    display: inline-block;padding: 0px 8px;text-decoration: none !important;}
.clear_link {color: #007AFF; line-height: 28px; display:inline-block; position:relative; top:1px; padding:0 2px;}