.clearfix {
	float: none;
	clear: both;
}

.itemlabel3{background:#f2f2f2; width:100%; height:210px;  font-family:"Open Sans"; font-size:13px; line-height:15px; overflow:hidden;}
.itemlabel2{background:#f2f2f2; width:80%; height:210px;  font-family:"Open Sans"; font-size:13px; line-height:15px; overflow:hidden;}
.labelright{float:right; height:100%; padding:10px; border-left:1px solid #e8e8e8;}
.labelleft{padding:10px 0 15px 15px;}
.labelleft2{padding:10px 0 15px 15px;font-family:"Open Sans"; font-size:13px; line-height:18px;}

.listitem2{background:#efefef; height:210px; overflow:hidden; position:relative;}
.listitem2 img{ height:100%; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.listitem2:hover img{height:120%; margin-left:-10%; margin-top:-10%; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}

/*PREFERENCE LIST*/
ul.hotelpreferences { display:none; }

.hp_new { position:absolute;top:170px; }
.hn_new { font-size:18px;display:block;height:10px; }

.offset-2 {
    float:left;  
    padding-left: 15px;
    padding-right: 15px;
}
.col-md-4 {
    float:left;  
    width: 23.32%;
}
.col-md-8 { float:left;  width: 76.67%; }

/* Slider */
.jslider .jslider-label {font-size: 10px;top: -14px;}
.jslider .jslider-value {font-size: 10px;top: -15px;}


/* ALERTS & MESSAGES */
.msg { padding: 10px 15px 10px 15px; margin: 15px 0px 15px 0px; } 
.msg p, .blog-content .msg p { margin: 0 !important; }
.default { background: #f4f4f4; color: #1c1c1c; border: 1px solid #dee0e0; }
.default p { color: #1c1c1c; }
.default a { color: #1c1c1c; text-decoration: underline; }
.notice { background: #ffffd5; color: #221f0b; border:1px solid #efefc5; }
.notice p { color: #221f0b; }
.notice a { color: #635a1f; text-decoration: underline; }
.success { background: #dff7ca; color: #4e851b; border:1px solid #cfe7ba; }
.success p { color: #4e851b; }
.success a { color: #64ae23; text-decoration: underline; }
.fail { background: #ffe2e1; color: #c83f39; border:1px solid #efd2d1; }
.fail p { color: #c83f39; }
.fail a { color: #822824; text-decoration: underline; }

.error-message {  color: #c84339; display:inline-block; 
	word-wrap: break-word; 
	white-space: normal;
	font-size:13px;
}

#frmTopLogout {
	display: block;
	height:60px;
	padding-top:24px;
	padding-right:5px;
}
#frmTopLogout a {
	color: #63747c;	
}
#frmTopLogout a:hover {
	color: #71b6f9;
}

H1.center_box_heading,
H2.center_box_heading,
H3.center_box_sub_heading{
background: rgba(250,250,250,1);
background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(232,232,232,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(100%, rgba(232,232,232,1)));
background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(232,232,232,1) 100%);
background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(232,232,232,1) 100%);
background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(232,232,232,1) 100%);
background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(232,232,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e8e8e8', GradientType=0 )
}

H1.center_box_heading 	{ padding:6px 15px 6px 15px; margin:1px; font:bold 15px arial, sans-serif; color:#464646; margin-bottom:9px; }
H2.center_box_heading 	{ padding:6px 15px 6px 15px; margin:1px; font:bold 15px arial, sans-serif; color:#464646; margin-bottom:20px; }
H2.center_box_heading A.cbc	{ font-weight:bold; color:#464646; }
H2.center_box_heading TABLE	{ width:100%; margin:0px auto; font:bold 15px arial, sans-serif; color:#464646; }
H3.center_box_sub_heading  { width:99%; margin-bottom:10px; font:bold 12px arial, sans-serif; color:#464646; text-align:left; line-height:26px; border:1px solid #dedede;}
H3.center_box_sub_heading SPAN { margin-left:15px; }

.right-bar .zmdi-notifications-active{
	font-size:20px;
	color:#ff4b4b;
	margin-left:0px;
}

SPAN.yes   				{ color:green; }
SPAN.no    				{ color:darkred; }
SPAN.gray    			{ color:gray; }
SPAN.lightgray    		{ color:lightgray; }
SPAN.red        		{ font-weight:normal; color:#c30000; }
SPAN.green      		{ font-weight:normal; color:#308330; }
SPAN.darkred    		{ color:darkred; }
SPAN.required    		{ color:#c13a3a; }
.mandatory_star			{ color:#c13a3a; }	

A:link 					{ font-weight:normal; color:#0092c2; text-decoration:none; }
A:visited 				{ font-weight:normal; color:#0092c2; text-decoration:none; }
A:hover 				{ color:#c41200; }

LABEL { font-weight: normal; color: #222222;}
legend { font-size: 16px; }

/* --- Dashboard */
.tbl-dashboard-checkin, .tbl-dashboard-checkout { border:0px; width:100%; border-collapse: collapse; }
.tbl-dashboard-checkin caption, .tbl-dashboard-checkout caption { text-align:left; font-weight:bold; font-size:14px; margin-bottom:5px; }
.tbl-dashboard-checkin thead tr, .tbl-dashboard-checkout thead tr { background-color:#ebebb8; border:1px solid #efefef;}
.tbl-dashboard-checkin thead tr th, .tbl-dashboard-checkout thead tr th { padding:5px; border:0px; }
.tbl-dashboard-checkin tbody tr td, .tbl-dashboard-checkout tbody tr td { padding:5px; border:0px; }
.tbl-dashboard-checkin tbody tr th.left, .tbl-dashboard-checkin tbody tr td.left, .tbl-dashboard-checkout tbody tr th.left, .tbl-dashboard-checkout tbody tr td.left { text-align:left; }
.tbl-dashboard-checkin tbody tr th.center, .tbl-dashboard-checkin tbody tr td.center, .tbl-dashboard-checkout tbody tr th.center, .tbl-dashboard-checkout tbody tr td.center { text-align:center; } 

table.tbl-dashboard-checkin.dataTable tbody tr, table.tbl-dashboard-checkout.dataTable tbody tr {background:none;}
table.tbl-dashboard-checkin.dataTable.no-footer, table.tbl-dashboard-checkout.dataTable.no-footer {border:none;}

/* --- FORM ELEMENTS & :HOVER, :FOCUS ---------------------- */
input[type=text]::-webkit-input-placeholder  { color:#ababab; }
input[type=text]:-moz-placeholder { color:#ababab; }
input[type=text]:-ms-input-placeholder { color:#ababab;}

INPUT[type=checkbox],
INPUT.form_checkbox,
INPUT.form_radio		{ border:0px; width:20px; margin-left:0px; margin-right:0px; }

INPUT 					{ border:1px solid #d7d7d7; padding-left:4px; }
INPUT.readonly          { background-color:#e9e9e9; color:#aaa; }
INPUT.readonly:hover    { background-color:#e9e9e9; color:#aaa; }
INPUT.readonly:active   { background-color:#e9e9e9; color:#aaa; }

INPUT:hover             { border:1px solid #98bcdf; }
INPUT:focus             { border:1px solid #c7c7e7; background-color:#FFFFe7; }

INPUT.form_text			{ border:1px solid #d7d7d7; }
INPUT.form_text:hover   { border:1px solid #98bcdf; }
INPUT.form_text:focus   { border:1px solid #c7c7e7; background-color:#FFFFe7; }

INPUT.button,
INPUT.form_button,
INPUT.form_button_middle,
INPUT.form_button_long  { font-size:12px; font-weight:bold; color:#444444; padding:2px 5px 2px 5px; background-color:#e1e2e3;	border-style:solid; border-color:#9b9b9b; border-top-color:#cdcecf; border-left-color:#cdcecf; border-width:1px; cursor:pointer; background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#d7d7d7)); background: -moz-linear-gradient(top, #f7f7f7, #d7d7d7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7f7f7", endColorstr="#d7d7d7"); }
INPUT.button:hover,
INPUT.form_button:hover,
INPUT.form_button_middle:hover,
INPUT.form_button_long:hover { background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#d2d2d2)); background: -moz-linear-gradient(top, #efefef, #d2d2d2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efefef", endColorstr="#d2d2d2"); }

SELECT                	{ border:1px solid #d7d7d7; }
SELECT:hover          	{ border:1px solid #98bcdf; }
SELECT:focus          	{ border:1px solid #c7c7e7; background-color:#FFFFf9; }

TEXTAREA                { VERTICAL-ALIGN:middle; COLOR:#222222; border:1px solid #d7d7d7; padding-left:4px; resize:none; }
TEXTAREA:hover          { border:1px solid #98bcdf; }
TEXTAREA:focus          { border:1px solid #c7c7e7; background-color:#FFFFe7; }


/* --- MICRO GRID ---------------------- */
INPUT.button-availability,
INPUT.mgrid_button       { font-size:14px; font-weight:bold; color:#444444; padding:2px 6px; background-color:#e1e2e3;	border-style:solid; border-color:#9b9b9b; border-top-color:#cdcecf; border-left-color:#cdcecf; border-width:1px; cursor:pointer; background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#d7d7d7)); background: -moz-linear-gradient(top, #f7f7f7, #d7d7d7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7f7f7", endColorstr="#d7d7d7"); }
INPUT.mgrid_button:hover { background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#d2d2d2)); background: -moz-linear-gradient(top, #efefef, #d2d2d2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efefef", endColorstr="#d2d2d2"); }

SELECT.select_location,
SELECT.payment_type,
SELECT.mgrid_select       { border:1px solid #d7d7d7; padding:2px 2px 1px 2px; }
SELECT.mgrid_select:hover { border:1px solid #98bcdf; }
SELECT.mgrid_select:focus { border:1px solid #c7c7e7; background-color:#FFFFf9; }
SELECT.mgrid_select_date  { margin-right: 3px; }
SELECT.mgrid_select:disabled { background-color : #f1f2f3; cursor:not-allowed; }
SELECT#b_state			  { width:170px; }
SELECT.payment_type		  { width:170px; }
SELECT.form-control		  { width:180px !important; }	

TABLE.mgrid_table 		{ width:100%; }
TABLE.mgrid_table TR TH,
TABLE.mgrid_table TR TD { padding:4px 2px 1px 2px; }

TABLE.mgrid_table TR TH.align_center { text-align:left; }
TABLE.mgrid_table TR TH.align_center { text-align:right; }
TABLE.mgrid_table TR TH.align_center { text-align:center; }


TABLE.mgrid_table TR TH.th_sorted A { text-decoration:underline; } 
TABLE.mgrid_table TR TH LABEL { font-size:13px; color:#555555; }
.mgrid_disabled		 	{ color:#939393; background-color:#f1f2f3; border:1px solid #d7d7d7; }
.mgrid_wrapword         {	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
							white-space: -pre-wrap !important;      /* Opera 4-6 */
							white-space: -o-pre-wrap !important;    /* Opera 7 */
							white-space: pre-wrap !important;       /* css-3 */
							word-wrap: break-word;       /* Internet Explorer 5.5+ */
							word-break: break-all;
							white-space: normal;
						}
.mgrid_label.mgrid_wrapword { max-width:96% !important; } /* fix for scrolling in labels in add/edit modes */

/*--- TEXTBOX */
.mgrid_text,.mgrid_file,.mgrid_select,.select_location,.payment_type,.discount_coupon{
	background-color: #ffffff;
	border: 1px solid #E3E3E3;
	border-radius: 4px;
	color: #454545;
	padding: 3px 7px;height:30px;
	max-width: 100%;
	-webkit-box-shadow: none;box-shadow: none;
	-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;
}

.mgrid_textarea{
	background-color: #ffffff;
	border: 1px solid #E3E3E3;
	border-radius: 4px;
	color: #454545;
	padding: 3px 7px;
	max-width: 100%;
	-webkit-box-shadow: none;box-shadow: none;
	-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;
}

.mgrid_slider{ width:410px; }
.mgrid_slider_from { float:left; }
.mgrid_slider_to { float:right; }


/*button, input, select, textarea {font-family: inherit;font-size: inherit;line-height: inherit;}input {line-height: normal;}button, input, optgroup, select, textarea {margin: 0;font: inherit;color: inherit;}* {outline: none !important;}* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}body {font-family: 'Roboto', sans-serif;color: #797979;}body {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 14px;line-height: 1.42857143;color: #333;}html {font-size: 10px;}html {font-family: sans-serif;-webkit-text-size-adjust: 100%;
}
          background-colorrgb(255, 255, 255)background-imagenoneborder-bottom-colorrgb(227, 227, 227)border-bottom-left-radius4pxborder-bottom-right-radius4pxborder-bottom-stylesolidborder-bottom-width1pxborder-image-outset0 0 0 0border-image-repeatstretch stretchborder-image-slice100% 100% 100% 100%border-image-sourcenoneborder-image-width1 1 1 1border-left-colorrgb(227, 227, 227)border-left-stylesolidborder-left-width1pxborder-right-colorrgb(227, 227, 227)border-right-stylesolidborder-right-width1pxborder-top-colorrgb(227, 227, 227)border-top-left-radius4pxborder-top-right-radius4pxborder-top-stylesolidborder-top-width1pxbox-shadownonebox-sizingborder-boxcolorrgb(86, 86, 86)displayblockfont-family"Roboto",sans-seriffont-feature-settingsnormalfont-kerningautofont-language-overridenormalfont-size14pxfont-size-adjustnonefont-stretchnormalfont-stylenormalfont-synthesisweight stylefont-variantnormalfont-variant-alternatesnormalfont-variant-capsnormalfont-variant-east-asiannormalfont-variant-ligaturesnormalfont-variant-numericnormalfont-variant-positionnormalfont-weight400height38pxline-height20pxmargin-bottom0pxmargin-left0pxmargin-right0pxmargin-top0pxmax-width510.417pxoutline-colorrgb(86, 86, 86)outline-stylenoneoutline-width0pxpadding-bottom7pxpadding-left12pxpadding-right12pxpadding-top7pxtransition-delay0stransition-duration0.3stransition-propertyalltransition-timing-functionlinearwidth510.417px-moz-border-bottom-colorsnone-moz-border-left-colorsnone-moz-border-right-colorsnone-moz-border-top-colorsnone*/


TR.highlight_light:hover,
TR.highlight_dark:hover { background-color:#e7e7e7; }
TR.highlight_light 		{ background-color:#ffffff; }
TR.highlight_dark  		{ background-color:#f1f5f5; }


.help { cursor:help; }

.align_left  { text-align:left; }
.align_right { text-align:right; }

.float_left  { float:left; left:0px; }
.float_right { float:right; right:0px; }

/* --- VOCABULARY --------------- */
.voc_row_edit_left   { background-color:#fbfbee; border:0px; border-left:1px solid #d1d14a; border-top:1px solid #d1d14a; border-bottom:1px solid #d1d14a; }
.voc_row_edit_middle { background-color:#fbfbee; border:0px; border-top:1px solid #d1d14a; border-bottom:1px solid #d1d14a; }
.voc_row_edit_right  { background-color:#fbfbee; border:0px; border-right:1px solid #d1d14a; border-top:1px solid #d1d14a; border-bottom:1px solid #d1d14a; }

.voc_row_update_left   { background-color:#eefbee; border:0px; border-left:1px solid #57dd57; border-top:1px solid #57dd57; border-bottom:1px solid #57dd57; }
.voc_row_update_middle { background-color:#eefbee; border:0px; border-top:1px solid #57dd57; border-bottom:1px solid #57dd57; }
.voc_row_update_right  { background-color:#eefbee; border:0px; border-right:1px solid #57dd57; border-top:1px solid #57dd57; border-bottom:1px solid #57dd57; }

.tabs_table 		{ margin-left:5px; width:97%; }
.code 				{ background-color:#f1f2f3;}
.loading_img 		{ position:absolute; top: 20px; display:none; }


/* --- CHECK AVAILABILITY ------------------------------------------------------- */
INPUT.button             { font-size:12px; font-weight:bold; color:#444444; padding-left:2px; padding-right:2px; padding-bottom:1px; background-color:#e1e2e3; border-style:solid; border-color:#8b8b8b; border-top-color:#cdcecf; border-left-color:#cdcecf; border-width:1px; cursor:pointer; }

/* RESERVATION TABS */
.reservation_tabs         { font-size:14px; margin-bottom:20px; width:97%; }
.reservation_tab          { font-size:14px; font-weight:bold; text-align:center; width:25%; height: 30px; border:1px solid #6699CC; color:#c1c2c3; }
.reservation_tab A        { color:#c1c2c3; }         
.reservation_tab_active   { font-size:14px; font-weight:bold; text-align:center; width:25%; height: 30px; border:1px solid #6699CC; color:#6699cc; background-color:#EBF3FB; }

/* --- ROOM DESCRIPTION --------------- */
TABLE.room_description      { margin:5px 10px 5px 10px; width:700px; }
IMG.room_icon 				{ border:5px solid #6699CC; margin-bottom:5px; }

TABLE.room_prices          { border:1px solid #ccc; width:100%; margin:10px auto 0 auto; border-radius:2px; border-collapse:separate !important; }
TABLE.room_prices TR.header { background-color:#dedede; font-weight:bold;font-size:13px; text-align:right; }
TABLE.room_prices TR.header TH { border:0px; min-width:45px; text-align: center;height:32px; border-bottom:1px solid #ccc}
TABLE.room_prices TR.header TH:last-child { padding-right:5px; }
TABLE.room_prices TR TD    { padding:2px 0; }
TABLE.room_prices TR TD SELECT { width: auto; }


/* --- ROOM AVAILABILITY --------------- */
INPUT.day_a                                 { width:23px; height:19px; font-size:12px; padding:1px 1px 1px 1px; text-align:center; }
INPUT.dc_all, DIV.dc_all                    { border:1px solid #a6e8a6; background-color:#bbffbb; margin:0px; margin-right:1px;}
INPUT.dc_part, DIV.dc_part                  { border:1px solid #d8d863; background-color:#efef76; margin:0px; margin-right:1px;}
INPUT.dc_none, DIV.dc_none                  { border:1px solid #df6666; background-color:#ef7676; margin:0px; margin-right:1px;}

TR.m_even                                   { background-color:#f2f3f4; }
TR.m_even TD.day_td_w                       { background-color:#ffbb55; padding:0px; }
TR.m_even TD.day_td_e                       { background-color:#f0f0f0; padding:0px; } 
TR.m_even TD.day_td                         { background-color:#f2f3f4; padding:0px; border:0px solid #cccccc; }

TR.m_odd                                    { background-color:#ffffff; }
TR.m_odd TD.day_td_w                        { background-color:#ffbb55; padding:0px; }
TR.m_odd TD.day_td_e                        { background-color:#f0f0f0; padding:0px; } 
TR.m_odd TD.day_td                          { background-color:#ffffff; padding:0px; border:0px solid #cccccc; }

TR.m_current                                { background-color:#ffdf7f; }
TR.m_current TD.day_td_w                    { background-color:#ffbb55; padding:0px; }
TR.m_current TD.day_td_e              	      { background-color:#f0f0f0; padding:0px; } 
TR.m_current TD.day_td                      { background-color:#ffdf7f; padding:0px; border:0px solid #cccccc; }
TR.m_current TD.day_td_w.day_td_current,
TR.m_current TD.day_td.day_td_current		{ background-color:#ffa091; font-weight:bold; }
TR.m_current TD.day_td_w.day_td_current,
TR.m_current TD.day_td.day_td_current label { font-weight:bold; }

TD.day_td_w       			                { background-color:#ffbb55; padding:0px; }
LABEL.l_day                                 { font-size:9px;line-height:10px; color:#555555; } 

/* RESERVATION CART */
TABLE.reservation_cart           			{ width:97%; }
TABLE.reservation_cart TR.header 			{ background-color:#EBF3FB; font-weight:bold;font-size:13px; }
TABLE.reservation_cart TR.header TH 		{ font-weight:bold;border-bottom:1px solid #6699CC; border-top:1px solid #6699CC; }
TABLE.reservation_cart TR.header TH.left 	{ border-left:1px solid #6699CC; }
TABLE.reservation_cart TR.header TH.right 	{ border-right:1px solid #6699CC; padding-right:4px; }

TABLE.reservation_cart TR.tr-footer TD.td 	{ font-weight:bold;border-bottom:1px solid #6699CC; border-top:1px solid #6699CC; }
TABLE.reservation_cart TR.tr-footer TD.left { background-color:#EBF3FB; border-left:1px solid #6699CC; padding-left:4px; }
TABLE.reservation_cart TR.tr-footer TD.right { background-color:#EBF3FB; border-right:1px solid #6699CC; padding-right:4px; }
TABLE.reservation_cart #pre_payment_fully 	{ border:0px; }
TABLE.reservation_cart #pre_payment_partially { border:0px; }
TABLE.reservation_cart #discount_coupon 	{ width:170px; }
TABLE.reservation_cart TR TD INPUT.to_date,
TABLE.reservation_cart TR TD INPUT.from_date { min-width:100px;}

.line-hor                 { background:#cbd3db; height:1px; overflow:hidden; font-size:0; line-height:0; margin:21px 0 16px 0;}
.line-ver                 { background-image:url(../images/line-ver.gif); background-repeat:repeat-y; width:100%;}

/* --- COMMENTS ------------------------------------------------------------- */
.comments_form_container  { width:100%;margin-left:0px;margin-top:10px;}
.comments-form            { font-size:12px; margin-bottom:15px; }
.comments-form input[type=text],
.comments-form input[type=password]
                          { padding:2px; }
.comments-form textarea   { padding:2px; width:370px; height:87px; }
DIV.comment               { margin:3px 0px 10px 0px; }

.align_left   { text-align:left; }
.align_right  { text-align:right; }

/* --- CAPTCHA --------------- */
#captcha_image 		 	{ padding:0px; margin:0px;border:1px solid #e4e8eb }

/* --- CALENDAR --------------- */
.calendar_icon          { cursor:pointer; }

/* --- CHECKOUT ------------------------------------------------------------- */
#checkout-form select.extras_ddl { width:40px; }

/* --- Reservation Details ---------------------- */
TABLE.tblReservationDetails { border:1px solid #d1d2d3 }
TABLE.tblReservationDetails THEAD TR { background-color:#e1e2e3;font-weight:bold;font-size:13px; }
TABLE.tblReservationDetails TR TD SPAN { background-color:#e1e2e3; }

/* --- Extras Details ---------------------- */
TABLE.tblExtrasDetails { border:1px solid #d1d2d3 }
TABLE.tblExtrasDetails THEAD TR { background-color:#e1e2e3;font-weight:bold;font-size:13px; }
TABLE.tblExtrasDetails TR TD SPAN { background-color:#e1e2e3; }

/* --- HOME PAGE ALERT --------------- */
#divAlertRequired { padding:10px 27px; float:right; }

#divAlertMessages { padding:5px 5px 5px 0px; }
#divAlertMessages UL { padding-left:30px;margin-top:7px;margin-bottom:7px; }
#divAlertMessages UL LI { argin-bottom:2px; }

#divWelcomeMessages { line-height:18px; }
#divWelcomeMessages UL { padding-left:20px; }
#divWelcomeMessages UL LI { margin-bottom:4px; }
#divWelcomeMessages .site_version { float:right; width:120px; text-align:right; }

/* --- LOGIN PAGE */
h1.login a { background-image: url(../../../images/icons/apphp_logo.png); background-image: none,url(../../../images/icons/apphp_logo.png); background-size: 80px 40px; background-position: center top; background-repeat: no-repeat; color: #999; width: 80px; height: 40px; font-size: 20px; font-weight: 400; line-height: 1.3em; margin: -40px 10px 0 0; padding: 0; text-decoration: none; text-indent: -9999px; outline: 0; overflow: hidden; display: block; float: right; }

.admin-login-box { padding:0 25px; text-align:center; }
.smallscreen .admin-login-box { padding:0 25px; _display:none; visibility:hidden; }
.smallscreen .admin-login-box img { visibility:visible; top:10px; left:12px; position:absolute; width:50px; }

/* --- SETTINGS */
#tabs #container{
	padding:20px 20px 20px 20px;
}
.tabs_table TD {
	padding-bottom:7px;
}

button.form_button,
input[type=submit].button-availability,
input[type=button].form_button,
input[type=button].mgrid_button,
input[type=submit].mgrid_button,
input[type=submit].form_button {
	background:none;
    background-color: #188ae2 !important;
    border: 1px solid #188ae2 !important;
	color: #ffffff !important;
	border-radius: 2px;
	padding: 4px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	font-family: inherit;
	text-transform: none;
	margin: 0 2px 0 2px;	
}
input[type=button].form_button:hover,
input[type=button].mgrid_button:hover,
input[type=submit].form_button:hover {
	color: #eee !important;
	border: 1px solid #1486d9 !important;
}

button.form_button.write,
input[type=button].mgrid_button_reset,
input[type=button].mgrid_button_back,
input[type=button].mgrid_button_cancel{
	background-color: rgba(215, 227, 234, 0.3) !important;
	border-color: rgba(203, 220, 228, 0.5) !important;
	color: #333 !important;
}

button.form_button.write,
input[type=button].mgrid_button_reset:hover,
input[type=button].mgrid_button_back:hover,
input[type=button].mgrid_button_cancel:hover{
	color: #555 !important;
	border-color: rgba(198, 207, 212, 0.5) !important;
}

.checkbox input[type="checkbox"]:checked + label::before {
  background-color: #188ae2;
  border-color: #188ae2;
  color: #ffffff !important;
}
.checkbox input[type="checkbox"]:checked + label::after {
  color: #ffffff;
}

/* RESPONSIVE TABLES */
.table-responsive { width: 100%; }
.table-responsive { min-height:250px !important; }
.table-responsive FORM { min-width:900px; }
.table-responsive.add-mode FORM,
.table-responsive.edit-mode { min-width:600px; }

.checkbox, .radio {
	margin-top: 4px;
    margin-bottom: 2px;	
}

legend {
    margin-bottom: 10px;
    font-size: 17px;
	font-weight:bold;
}

/* PAGINATION */
.pagination>li>a, .pagination>li>span {
	padding: 4px 9px 2px 9px;
}

/* FOOTER */
.footer{
    text-align: center !important;
}


/* CHOSEN */
.chosen-container {text-align:left;}
.chosen-container .chosen-single {min-height:30px;}
.chosen-container .chosen-single span {min-height:30px;line-height:30px;}
.chosen-container-single .chosen-single div b {background-position: 0px 5px;}

/* THE SAME AS .form-control */
.my-form-control {
    background-color: #FFFFFF;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    color: #565656;
    padding: 7px 12px;
    height: 38px;
    max-width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}


@media screen and (max-width: 767px) {
  .table-responsive  {
		padding:5px;
	}
}