﻿.ui-content .content .field .input
{
    margin: 0;
    /*margin-left: 3px;*/
    margin-bottom: 10px;
    /*border: 1px #ccc solid;*/
    padding: 6px 10px;
    width: 100%;
    /*height: 40px;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px; 
    font-family: 'Cabin',sans-serif;
    font-weight: 100;
}



/* Top banner */
.top_banner { position: relative; height: 100px; }
.top_banner .button_area .btn, .top_banner .share_area img { float: left; padding: 20px; }
.top_banner .share_area img { width: 15px; height: 15px; padding: 10px; }
.top_banner .logo_area { float: left; width: 30%; }
.top_banner .button_area { float: left; width: 65%; bottom: 0; }
.top_banner .share_area { position: absolute; right: 0; top: 0; height: 30px; }
.top_banner .button_area .hyperlink_area { margin-top: 20px; }

/* Stage */
.stage_top { position: relative; }
.stage_top img { margin: 0 auto; display: block; }
.ui-content .content .stage_top .section_title { color: #222222; text-align: center; font-size: 25px; }

/* Field */
.field_item { width: 48%; }
.field_item.left { float: left; }
.field_item.right { float: right; }

/* Footer */
.ui-content .content .footer_area { width: 100%; text-align: center; }
.ui-content .content .footer_area .ui-btn { margin: 0 auto!important; }
.ui-content .content .footer_area .ui-btn, .ui-content .content .ad-button .ui-btn { /*float: left; cursor: pointer; padding: 20px; margin: 10px; width: 150px; background-color: white; border-color: #222222;*/ border-radius: unset; }

.hide { display: none; }
.red { color: Red; }
div:focus { outline:0; }
div.valid-error { padding: 5px; }
div.valid-error, input.valid-error, select.valid-error, textarea.valid-error { border-color: red!important; border-style: solid!important; border-width: 1px!important; }
ol.char { list-style-type:lower-alpha; list-style-type: none; counter-reset: item; }
ol.char li:before {
   content: counter(item, lower-alpha) ') ';
   counter-increment: item;
}
label { font-size: 14px; }

.processPanel      
{
    position: fixed;
    left: 50%;
    top: 50%; 
    z-index: 100;
}
.clsValidateBox {
	position: relative;
	background: #fee8d3;
	border: 1px solid #f58d16;
	
	
	-webkit-border-radius: 3px;
    -moz-border-radius:3px;
    border-radius: 3px;
    padding:5px 10px 5px 10px;
    z-index: 1000;
}
.clsValidateBox:after, .clsValidateBox:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.clsValidateBox:after {
	border-color: rgba(213, 187, 170, 0);
	border-bottom-color: #fee8d3;
	border-width: 0 8px 15px 8px;

	margin-left: -15px;
}
.clsValidateBox:before {
	border-color: rgba(245, 141, 22, 0);
	border-bottom-color: #f58d16;
	border-width: 0 9px 16px 9px;
	margin-left: -16px;
}

.clsOpacityBackground {
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 14;
    background-color: Gray;
    opacity: 0.5;
    filter: alpha( opacity=50 );
    -moz-opacity: 0.5;
}
.district, .country { padding: 0px!important; }
div[data-role="page"] { padding: 0px; }
.errorPanel{ position:fixed; top:0px;left:0px;width:100%;height:100%; z-index: 100; }
.errorPanel .Msg{top: calc(50% - 150px);left: calc(50% - 150px);position: absolute;  z-index:999;border:2px solid rgba(0,0,0,1); background-color:#FFFFFF; width:300px; padding:10px;}
.errorPanel .Msg .btn{ text-align:center;}
.errorPanel .Msg .btn input{color:#a9946e;background-color:Transparent;background-repeat:no-repeat;border: 1px solid #a9946e;cursor:pointer;overflow: hidden}
        
.errorRedirectPanel{ position:fixed; top:0px;left:0px;width:100%;height:100%;z-index:9999999;}
.errorRedirectPanel .Msg{top: calc(50% - 150px);left: calc(50% - 150px);position: absolute;  z-index:999;border:2px solid rgba(0,0,0,1); background-color:#FFFFFF; width:300px; padding:10px;}
.errorRedirectPanel .Msg .btn{ text-align:center;}
.errorRedirectPanel .Msg .btn input{color:#a9946e;background-color:Transparent;background-repeat:no-repeat;border: 1px solid #a9946e;cursor:pointer;overflow: hidden }