/* @group Forms basic styles */

input,
textarea,
select {
	font: 100% Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color:#000;
}
::placeholder {
	color: #999;	
}
textarea {
	overflow: auto;
	resize: vertical;
	vertical-align: top;
}
form, fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer; 
}

/* @end */


.form .form-readonly-value {
	font:  100% Arial, Helvetica, sans-serif;
	margin: 0;
    padding: 9px 10px;
    border: 1px solid #eee;
    background: #eee;
    background-clip: padding-box;
    color: #454748;
    display: block;
    float: left;
    box-sizing: border-box;
}

/* @group Form Styles */

/* FORMS
******************************************************/

.form-control {
	width: 100%;
	float: left;
	display: block;
	margin: 0 0 10px 0;
	padding: 0 10px 0 0;
	box-sizing: border-box;
	position: relative;
	
}
.form-control-submit {
	padding-top: 20px;
}
.form-control-submit input {
	display: block;
	float: left;
}
.form-control-submit .reset-button {
	background: none;
	border: none;
	text-decoration: underline;
	color: #e72f31;
	margin-top: 5px;
}

.form-control.two-rows input {
	clear: both;
	margin-bottom: 10px;
}
.form-control.one-row input {
	margin-bottom: 10px;
	margin-right: 20px;
}
.form .columns-fullwidth input {
	width: 100%;
}
.form .columns-1-2 {
	width: 50%;
}
.form .columns-1-1 {
	width: 100%;
}
.form .columns-1-3 {
	width: 33.33%;
}
.form .columns-2-3 {
	width: 66.66%;
}
.form .columns-side {
	width: 100%;
}
.form label {
	font-weight: bold;
}


.form-control span.required {
	color: #f00;
	padding-left: 2px;
}

.form-required>label:after {
	color: #f00;
	padding-left: 2px;
	content: '*';
}



.form select {

	display: inline-block;
	border: 1px solid #bed4db;
	padding: 8px 4px 7px 10px;

	width: 100%;
	font-size: 16px;
	line-height: 19px;
	height: 37px;
	font-weight: bold;
	color: #0869a2;
	background: #fff url(images/select-bg.png) top right !important;
    appearance: none;
	outline: none;
	text-indent: 0.01px;
	border-radius: 4px;
}
.form select option {
	font-size: 16px;
	font-weight: bold;
	color: #0869a2;
	outline: none;
}


input,
textarea {
	margin: 0;
	padding: 9px 10px;
	border: 1px solid #d6dee1;
	background: #fff;
    background-clip: padding-box;
	color: #454748;
	display: block;
	float: left;
	box-sizing: border-box;
}
input[type=checkbox],
input[type=radio] {
	padding: 0;
	border: none;
	background: none;
    border-radius: 0;
}


.form {
	width: 100%;
	box-sizing: content-box;
}

label {
	box-sizing: border-box;
	padding: 8px 14px 0 0;
	margin: 0;

	display: block;
	margin-bottom: 3px;
	color: #595d5d;
	font-size: 14px;
	font-weight: normal;

}
.form input[type=submit] {
	font-size: 17px;
	line-height: 20px;
	height: auto;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	vertical-align: top;
	background: #19c0d3;
	border-radius: 3px;
	padding: 9px 25px 8px;
	border: none;
}

.form input[type=text],
.form textarea {
	width: 100%;
	box-sizing: border-box;

}

.form .socool_recaptcha_wrapper {
	margin-top: 10px;
	margin-bottom: 10px;
}


.help-block {
	
    display: block;
    float: left;
    max-width: 100%;
    color: #000;
    font-size: 13px;
    padding: 10px;
    background-color: #0869a2;
    color: #000;
    width: 120px;
    position: absolute;
    border: none;
    margin-top: 44px;
    border-radius: 3px;
}
.help-block.form-error {
	color: #fff;
}
.help-block:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-width: 8px;
      border-style: solid;
/*      border-color: transparent transparent #22526a transparent;*/
      border-color: transparent transparent #0869a2 transparent;

      top: -16px;
      left: 10px;
      right: auto;
      pointer-events: none;
}


.socool-form-validate .help-block {
    display: block;
    /* min-width: 0; */
    max-width: 100%;
    width: auto !important;
    color: #000;
    font-size: 12px;
    padding: 1px 9px 0px 8px;
    background-color: #19C0D3;
    color: #000;
    position: absolute !important;
    border: 1px solid #19C0D3;
    margin-top: 0px;
    position: relative;
    border-radius: 3px;
    clear: both;
    font-weight: bold;
    margin-top: -22px;
    margin-left: 0;
    right: 9px;
    line-height: 16px;
}

.socool-form-validate .help-block.form-error {
	color: #fff;
}
.socool-form-validate .help-block:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-width: 8px;
      border-style: solid;
      border-color:  #19C0D3 transparent transparent transparent;

      top: 16px;
      right: 8px;
      left: auto;
      pointer-events: none;
}


.form .form-error-found {
	border-color: #19C0D3;
}



.form .form-description {
	display: block;
	float: left;
	
	font-size: 11px;
	line-height: 15px;
	color: #666;
	padding: 5px 0px 5px 5px;
	box-sizing: border-box;
	
}


.form-validate-email input {
	background: #fff url(images/form-icons.png) no-repeat left top;
	background-size: 32px 128px;
	padding-left: 35px;
}
.form-validate-phone input,
.form-validate-msisdn input {
	background: #fff url(images/form-icons.png) no-repeat left -40px;
	background-size: 32px 128px;
	padding-left: 35px;
	
}

.form-validate-date input {
	background: #fff url(images/form-icons.png) no-repeat right -86px;
	background-size: 32px 128px;
	padding-right: 35px;
	
}


.form .columns-side .form-input-wrap {
	width: 75%;
	float: left;
	display: block;
}
.form .columns-side label {
	width: 25%;
	float: left;
	display: block;
	text-align: right;
}

.form .columns-1-1 input[type=text],
.form .columns-1-1 input[type=password],
.form .columns-1-1 textarea {
	width: 100%;

}

.form input.address-input-street2 {
	margin-top: 4px;
}
.form input.address-input-country {
	margin-top: 4px;
}
.form input.address-input-postcode {
	width: 49% !important;
	margin-right: 1%;
	float: left;
	margin-top: 4px;
}
.form input.address-input-city {
	width: 50% !important;
	float: left;
	margin-top: 4px;
}

.form input.name-input-first {
	width: 49% !important;
	margin-right: 1%;
	float: left;
	margin-top: 4px;
}
.form input.name-input-last {
	width: 50% !important;
	float: left;
	margin-top: 4px;
}

.form .form-control-upload .fileupload_container,
.form .form-control-upload ul.fileupload_container li {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    margin: 8px 0 0 0;
}
.form .form-control-upload ul.fileupload_container li {
    width: 94%;
    border: 1px solid #ccc;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    background: none !important;
    overflow: hidden;
}
.form .form-control-upload .blue-filename {
    display: block;
    float: left;
    width: 100%;
}
.form .form-control-upload .socool-upload {
    background: #eee;
    display: block;
    float: left;
    width: 100%;
}
.form .form-control-upload .form-input-hidden {
    display: none;
}
.form .form-control-upload .uploaded_image img {
    width: 100%;
    height: auto;
}
.form .form-control-upload .delete_uploaded_file {
    display: block;
    float: left;
    background: #ccc;
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px 5px;
    cursor: pointer;
}
.form .form-control-upload .uploaded_file {
    display: block;
    float: left;
    width: 65%;
}
.form .form-control-upload .uploaded_image {
    display: block;
    float: left;
    width: 30%;
}
.form .form-control-upload .socool-upload .progress-bar {
    display: block;
    float: left;
    width: 100%;
    height: 3px;
    background: #555;
}
.form .form-control-upload .form-upload-button {
    display: block;
    float: left;
    padding: 6px 12px;
    color: #fff;
    background: #19c0d3;
    border-radius: 3px;

}
.form .form-control-upload .form-file-info {
    padding: 5px 10px;
    
}
.form .form-control-upload .form-file-info-filename {
    font-weight: bold;
    margin-bottom: 5px;
}

.form .form-control-radio-option input {
	opacity: 0;
}
.form .form-control-radio .form-input-wrap {
	padding: 0;
	display: block;
	float: left;
	width: 100%;
}
.form .form-control-radio-option {
	display: block;
	float: left;
	position: relative;
	padding: 0;
	margin: 10px 16px 0 0;
}
.form .form-control-radio-option label {
	width: auto;
	float: left;
	padding: 0 0 0 24px;
	box-sizing: border-box;
	cursor: pointer;
	font-weight: normal;
	text-align: left;
}
.form .form-control-radio-option label:before {
	content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #c3d7de;
 
    margin-right: 9px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ecf2f0;
    border-radius: 8px;
    font-size: 18px;
    line-height: 16px;	




}
.form .form-control-radio-option.disabled label {
	opacity: 0.5;	
}

.form .form-control-radio-option.checked label:before {
    background-color: #19c0d3;
    border-color: #19c0d3;
    text-align: center;

}
.form .form-control-radio-option.checked label:after {
	content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    border: 1px solid #19c0d3;
 
    margin-right: 9px;
    position: absolute;
    top: 5px;
    left: 5px;
    background-color: #fff;
    border-radius: 3px;
	
    text-align: center;
}
.form .form-control-radio-option.checked label {
	color: #0869a2;
}




.form .form-control-checkbox-option input {
	display: none;
}
.form .form-control-checkbox .form-input-wrap {
	padding: 0;
	display: block;
	float: left;
	width: 100%;
}
.form .form-control-checkbox-option {
	display: block;
	float: left;
	position: relative;
	padding: 0;
	margin: 10px 16px 0 0;
}
.form .form-control-checkbox-option label {
	width: auto;
	float: left;
	padding: 0 0 0 24px;
	box-sizing: border-box;
	cursor: pointer;
	font-weight: normal;
	text-align: left;
}
.form .form-control-checkbox-option label:before {
	content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #bed4db;
 
    margin-right: 9px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ecf2f0;
    border-radius: 2px;
    font-size: 18px;
    line-height: 16px;	

}
.form .form-control-checkbox-option.checked label:before {
	
    content: "\2713";
    color: #f3f3f3;
    background-color: #19c0d3;
    border-color: #19c0d3;
    text-align: center;
}
.form .form-control-checkbox-option.checked label {
	color: #0869a2;
}




/* Separators */
.form .form-separator-space .form-control-checkbox-option,
.form .form-separator-space .form-control-radio-option {
	display: block;
	float: left;
}

.form .form-separator-widerspace .form-control-checkbox-option,
.form .form-separator-widerspace .form-control-radio-option {
	display: block;
	float: left;
	margin-right: 24px;
}
.form .form-separator-linebreak .form-control-checkbox-option,
.form .form-separator-linebreak .form-control-radio-option {
	clear: both;
}
.form-control-hidden {
	display: none;
}


/* Site specific customizations */

.form .columns-side label {
	font-weight: normal;
}





@media only screen and (max-width: 480px){

.form .columns-1-2 {
	width: 100%;
}
.form .columns-1-1 {
	width: 100%;
}
.form .columns-1-3 {
	width: 100%;
}
.form .columns-2-3 {
	width: 100%;
}
.form .columns-side {
	width: 100%;
}
.form .columns-side label {
	width: 100%;
	text-align: left;
	font-weight: bold;
}
.form .columns-side .form-input-wrap {
	width: 100%;
}
}









/* @group datepicker */
.xdsoft_datetimepicker{
	box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.1506);
	background: #FFFFFF;
	border: 1px solid #fff;
	color: #333333;
	display: block;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	padding: 8px;
	padding-left: 0px;
	padding-top: 2px;
	position: absolute;
	z-index: 99999;
	box-sizing: border-box;
	display:none;
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border:none;
}
/*For IE8 or lower*/
.xdsoft_datetimepicker button {
    border:none !important;
}

.xdsoft_noselect{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.xdsoft_noselect::selection { background: transparent; }
.xdsoft_noselect::-moz-selection { background: transparent; }
.xdsoft_datetimepicker.xdsoft_inline{
	display: inline-block;
	position: static;
	box-shadow: none;
}
.xdsoft_datetimepicker *{
	box-sizing: border-box;
	padding:0px;
	margin:0px;
}
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker  .xdsoft_timepicker{
	display:none;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker  .xdsoft_timepicker.active{
	display:block;
}
.xdsoft_datetimepicker .xdsoft_datepicker{
	width: 224px;
	float:left;
	margin-left:8px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker{
	width: 58px;
	float:left;
	text-align:center;
	margin-left:8px;
	margin-top:0px;
}
.xdsoft_datetimepicker  .xdsoft_datepicker.active+.xdsoft_timepicker{
	margin-top:8px;
	margin-bottom:3px
}
.xdsoft_datetimepicker  .xdsoft_mounthpicker{
	position: relative;
	text-align: center;
}

.xdsoft_datetimepicker  .xdsoft_prev, .xdsoft_datetimepicker  .xdsoft_next,.xdsoft_datetimepicker  .xdsoft_today_button{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg0OUYyNTZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg0OUYyNDZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NzE3MjFBN0E2Q0UzMTFBQjJEQjgzMDk5RTNBNTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aQvATgAAAfVJREFUeNrsmr1OwzAQxzGtkPjYEAuvVGAvfQIGRKADE49gdLwDDwBiZ2RhQUKwICQkWLsgFiRQuIBTucFJ/XFp4+hO+quqnZ4uvzj2nV2RpukCW/22yAgYNINmc7du7DcghCjrkqgOKjF1znpt6rZ0AGWQj7TvCU8d9UM+QAGDrhdyc2Bnc1WVVPBev9V8lBnY+rDwncWZThG4xk4lmxtJy2AHgoY/FySgbSBPwPZ8mEXbQx3aDERb0EbYAYFC7pcAtAvkMWwC0D3NX58S9D/YnoGC7nPWr3Dg9JTbtuHhDShBT8D2CBSK/iIEvVXxpuxSgh7DdgwUTL4iA92zmJb6lKB/YTsECmV+IgK947AGDIqgQ/LojsO135Hn51l2cWlov0JdGNrPUceueXRwilSVgkUyom9Rd6gbLfYTDeO+1v6orn0InTogYDGUkYLO3/wc9BdqqTCKP1Tfi+oTIaCBIL2TES+GTyruT9S61p6BHam+99DFEAgLFklYsIBHwSI9QY80H5ta+1rB/6ovaKihBJeEJbgLbBlQgl+j3lDPqA2tfQV1j3pVn8s+oKHGTSVJ+FqDLeR5bCqJ2E/BCycsoLZETXaKGs7rhKVt+9HZScrZNMi88V8P7LlDbvOZYaJVpMMmBCT4n0o8dTBoNgbdWPsRYACs3r7XyNfbnAAAAABJRU5ErkJggg==');
}
.xdsoft_datetimepicker  .xdsoft_prev{
    float: left;
	background-position:-20px 0px;
}
.xdsoft_datetimepicker  .xdsoft_today_button{
    float: left;
	background-position:-70px 0px;
	margin-left:5px;
}

.xdsoft_datetimepicker  .xdsoft_next{
    float: right;
	background-position:0px 0px;
}
.xdsoft_datetimepicker  .xdsoft_next:active,.xdsoft_datetimepicker  .xdsoft_prev:active{
}
.xdsoft_datetimepicker  .xdsoft_next,.xdsoft_datetimepicker  .xdsoft_prev ,.xdsoft_datetimepicker  .xdsoft_today_button{
	background-color: transparent;
	background-repeat: no-repeat;
	border: 0px none currentColor;
	cursor: pointer;
	display: block;
	height: 30px;
	opacity: 0.5;
	outline: medium none currentColor;
	overflow: hidden;
	padding: 0px;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	width: 20px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_next{
	float:none;
	background-position:-40px -15px;
	height: 15px;
	width: 30px;
	display: block;
	margin-left:14px;
	margin-top:7px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev{
	background-position:-40px 0px;
	margin-bottom:7px;
	margin-top:0px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box{
	height:151px;
	overflow:hidden;
	border-bottom:1px solid #DDDDDD;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div{
	background: #F5F5F5;
	border-top:1px solid #DDDDDD;
	color: #666666;
	font-size: 12px;
	text-align: center;
	border-collapse:collapse;
	cursor:pointer;
	border-bottom-width:0px;
	height:25px;
	line-height:25px;
}

.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div > div:first-child{
 border-top-width:0px;
}
.xdsoft_datetimepicker  .xdsoft_today_button:hover,
.xdsoft_datetimepicker  .xdsoft_next:hover,
.xdsoft_datetimepicker  .xdsoft_prev:hover {
    opacity: 1;
}
.xdsoft_datetimepicker  .xdsoft_label{
	display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
	float:left;
	width:182px;
	text-align:center;
	cursor:pointer;
}
.xdsoft_datetimepicker  .xdsoft_label:hover{
	text-decoration:underline;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select{
	border:1px solid #ccc;
	position:absolute;
	display:block;
	right:0px;
	top:30px;
	z-index:101;
	display:none;
	background:#fff;
	max-height:160px;
	overflow-y:hidden;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_monthselect{right:-7px;}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_yearselect{right:2px;}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{
	color: #fff;
    background: #ff8000;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option{
	padding:2px 10px 2px 5px; 
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{
	background: #33AAFF;
	box-shadow: #178FE5 0px 1px 3px 0px inset;
	color:#fff;
	font-weight: 700;
}
.xdsoft_datetimepicker  .xdsoft_month{
	width:90px;
	text-align:right;
}
.xdsoft_datetimepicker  .xdsoft_calendar{
	clear:both;
}
.xdsoft_datetimepicker  .xdsoft_year{
	width:56px;
}
.xdsoft_datetimepicker  .xdsoft_calendar table{
	border-collapse:collapse;
	width:100%;
	
}
.xdsoft_datetimepicker  .xdsoft_calendar td > div{
	padding-right:5px;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
	height: 25px;
}
.xdsoft_datetimepicker  .xdsoft_calendar td,.xdsoft_datetimepicker  .xdsoft_calendar th{
	width:14.2857142%;
	text-align:center;
	background: #F5F5F5;
	border:1px solid #DDDDDD;
	color: #666666;
	font-size: 12px;
	text-align: right;
	padding:0px;
	border-collapse:collapse;
	cursor:pointer;
	height: 25px;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
	background: #F1F1F1;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_today{
	color:#33AAFF;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{
	background: #33AAFF;
	box-shadow: #178FE5 0px 1px 3px 0px inset;
	color:#fff;
	font-weight: 700;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker  .xdsoft_time_box >div >div.xdsoft_disabled{
	opacity:0.5;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{
	opacity:0.2;
}
.xdsoft_datetimepicker  .xdsoft_calendar td:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div:hover{
	color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover{
	color: inherit	!important;
    background: inherit !important;
    box-shadow: inherit !important;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
	font-weight: 700;
	text-align: center;
	color: #999;
	cursor:default;
}
.xdsoft_datetimepicker  .xdsoft_copyright{ color:#ccc !important; font-size:10px;clear:both;float:none;margin-left:8px;}
.xdsoft_datetimepicker  .xdsoft_copyright a{ color:#eee !important;}
.xdsoft_datetimepicker  .xdsoft_copyright a:hover{ color:#aaa !important;}


.xdsoft_time_box{
	position:relative;
	border:1px solid #ccc;
}
.xdsoft_scrollbar >.xdsoft_scroller{
	background:#ccc !important;
	height:20px;
	border-radius:3px;
}
.xdsoft_scrollbar{
	position:absolute;
	width:7px;
	width:7px;
	right:0px;
	top:0px;
	bottom:0px;
	cursor:pointer;
}
.xdsoft_scroller_box{
position:relative;
}


/* @end */







/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px; 
	border: 0px solid #000;
	background: #0B656F;
	color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}








/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}

.tooltipster-fade {
	opacity: 0;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	transform: scale(0,0);
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	transform: scale(1,1);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	transform: rotateZ(0deg);
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	transition-property: top;
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	transition-property: left;
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	transform: scale(1.1, 1.1);
}

/* @group Typeahead */
.typeahead-container button,
.typeahead-container input,
.typeahead-container optgroup,
.typeahead-container select,
.typeahead-container textarea {
    color: inherit; /* 1 */
    font: inherit; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

.typeahead-container button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

.typeahead-container button,
.typeahead-container select {
    text-transform: none;
}


.typeahead-container button,
.typeahead-container input[type="button"], /* 1 */
.typeahead-container input[type="reset"],
.typeahead-container input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}


.typeahead-container button[disabled],
.typeahead-container input[disabled] {
    cursor: default;
}

.typeahead-container button::-moz-focus-inner,
.typeahead-container input::-moz-focus-inner {
    border: 0;
    padding: 0;
}


.typeahead-container input {
    line-height: normal;
}

.typeahead-container {
    position: relative;
    font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
}

.typeahead-container * {
    box-sizing: border-box;
}

.typeahead-query {
    width: 100%;
}

.typeahead-filter {
    position: relative;
}

.typeahead-filter button {
    min-width: 66px;
}

.typeahead-field {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 100%;
}

.typeahead-button {
    position: relative;
    font-size: 0;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
}

.typeahead-field > span {
    display: table-cell;
    vertical-align: top;
}


/*------------------------------------*\
    INPUT, BUTTON, A & DROPDOWN
\*------------------------------------*/

.typeahead-button button {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.typeahead-field input,
.typeahead-select {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #555555;
    background: transparent;
    border: 1px solid #cccccc;
    border-radius: 2px 0 0 2px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.typeahead-field input {
    -webkit-appearance: none;
    box-sizing: border-box;
}

.typeahead-container .typeahead-field input {
    background: #fff;
}

.typeahead-container.hint .typeahead-field input {
    background: transparent;
}

.typeahead-container.hint .typeahead-field input:last-child,
.typeahead-hint {
    background: #fff;
}

.typeahead-container button {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #ccc;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 13px;
    height: 32px;
    line-height: 1.42857143;
    user-select: none;
    color: #333333;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
}

.typeahead-container button:focus,
.typeahead-container button:active {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.typeahead-container button:hover,
.typeahead-container button:focus {
    color: #333333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.typeahead-container button:active,
.typeahead-container button.active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.typeahead-field input.disabled,
.typeahead-field input[disabled],
.typeahead-container button.disabled,
.typeahead-container button[disabled] {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    box-shadow: none;
    background-color: #ffffff;
    border-color: #cccccc;
}

.typeahead-filter button,
.typeahead-button button {
    margin-left: -1px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.typeahead-query {
    position: relative;
    z-index: 2;
}

.typeahead-filter,
.typeahead-button {
    z-index: 1;
}

.typeahead-container.filter .typeahead-filter,
.typeahead-filter:hover,
.typeahead-filter:hover,
.typeahead-filter:active,
.typeahead-filter:focus,
.typeahead-button:hover,
.typeahead-button:active,
.typeahead-button:focus,
.typeahead-button:focus button:focus,
.typeahead-button:active button:active {
    z-index: 1001;
}

.typeahead-list,
.typeahead-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    width: 100%;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 13px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    overflow: hidden;
}
.typeahead-list li span.autocomplete-date {
	color: #777;
	font-size: 11px;
}
.typeahead-result.detached .typeahead-list {
    font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
    position: relative;
    z-index: 1041;
    top: auto;
    left: auto;
}

.typeahead-dropdown {
    right: 0;
    left: auto;
    z-index: 1001;
}

.typeahead-list > li:first-child {
    border-top: none;
}

.typeahead-list > li {
    position: relative;
    border-top: solid 1px rgba(0, 0, 0, 0.15);
}

.typeahead-list > li > a,
.typeahead-dropdown > li > a {
    display: block;
    padding: 6px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
    text-decoration: none;
}

.typeahead-list > li > a:hover,
.typeahead-list > li > a:focus,
.typeahead-list > li.active > a,
.typeahead-dropdown > li > a:hover,
.typeahead-dropdown > li > a:focus,
.typeahead-dropdown > li.active > a {
    background-color: #ebebeb;
    color: #333;
}

.typeahead-list.empty > li > a:hover,
.typeahead-list.empty > li > a:focus,
.typeahead-list.empty > li.active > a {
    background-color: transparent;
}

.typeahead-list.empty > li > a {
    cursor: default;
}

.typeahead-list > li.typeahead-group > a,
.typeahead-list > li.typeahead-group > a:hover,
.typeahead-list > li.typeahead-group > a:focus,
.typeahead-list > li.typeahead-group.active > a {
    border-color: #9cb4c5;
    color: #305d8c;
    background-color: #d6dde7;
    cursor: default;
}

.typeahead-container.result .typeahead-list,
.typeahead-container.filter .typeahead-dropdown,
.typeahead-container.hint .typeahead-hint,
.typeahead-container.backdrop + .typeahead-backdrop {
    display: block !important;
}

.typeahead-container .typeahead-list,
.typeahead-container .typeahead-dropdown,
.typeahead-container .typeahead-hint,
.typeahead-container + .typeahead-backdrop {
    display: none !important;
}


/*------------------------------------*\
    EXTRA
\*------------------------------------*/

.typeahead-dropdown .divider {
    height: 1px;
    margin: 5px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.typeahead-caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.typeahead-search-icon {
    min-width: 40px;
    height: 18px;
    font-size: 13px;
    display: block;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABH0lEQVR4nJ3SvyvFYRTH8deVkkJ3UUZJIbJ8bzJjMtyMym6w2Njs/gCDP0AGCyWjxYDF5GdJYpS6xaIUw/d8771dT7qc+vZ8vs95zvuc5zmnlGWZsG6sYBGjsXeNHWzjQ8JKARjCEUZSh3CJeTy3OjoicxF8hwX0oi/0HSZwiK4UYKUpeBoHeMdb6OnwTWI5BVgMvYZaovwa1kMvpQBjoY8TwVp84ylAO/YV62cKcBt65hfAbKwPKcBu6E2UE8Hl8MF+CrCFG/nwnKKKnviqONOYj6NWQDFIg/I+/3ikFnuUX6d+lY4mR4ZVnMvnoIYLbKCCp0h0otG5egXt2HAED+BFPmAP7bYR7jGHV/RjCjr/AICryFzB3n8ARSX3xc83qRk4q9rDNWcAAAAASUVORK5CYII=) no-repeat scroll center center transparent;
}


/* @end */