select,input[type="time"] {
-moz-appearance: none;
-webkit-appearance: none;
-o-appearance: none;
appearance: none;
text-align: center;
text-align-last: center;
-moz-text-align-last: center;
padding: 0;
width: 100%; 
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button 
{
-webkit-appearance: none;
margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


select option {text-align: center;}

.button {
	background-color:#0687ec;
	color:#fff;
	border:none;
	border-radius:4px;
	transition: all .3s ease 0s;
}





.form-control  
{
height: auto;
box-shadow:none;
-webkit-box-shadow:none;
-moz-appearance: none;
-webkit-appearance: none;
-o-appearance: none;
appearance: none;
}

.btn-default.form-control{color:#555}

.datepicker.form-control[disabled], .datepicker.form-control[readonly], 
.timepicker.form-control[disabled], .timepicker.form-control[readonly], 
fieldset[disabled] {background-color:#fff;text-align: center}



/*----- Custom Checkboxes -----*/

label.label-radio ,
label.label-checkbox 
	{cursor: pointer;width:100%;padding:0px;vertical-align: text-top}

input[type=checkbox] { display:none; }
input[type=checkbox] + label:before {font-family: "Font Awesome 6 Free";display: inline-block;font-style: normal;
      font-variant: normal;
      text-rendering: auto; -webkit-font-smoothing: antialiased;font-weight: 400;font-size:20px;height:19px;line-height:19px;vertical-align:inherit;cursor: pointer;}
input[type=checkbox] + label:before { content: "\f0c8"; }
input[type=checkbox] + label:before { letter-spacing: 10px;} 
input[type=checkbox]:checked + label:before { content: "\f14a"; }
input[type=checkbox]:checked + label:before { letter-spacing: 10px;} 



input[type=radio] { display:none; }
input[type=radio] + label {vertical-align: middle}
input[type=radio] + label:before {font-family: "Font Awesome 6 Free";display: inline-block;font-weight: 400;font-size:20px;height:19px;line-height:19px;vertical-align:inherit;cursor: pointer;}
input[type=radio] + label:before { content: "\f111"; } /* unchecked icon */
input[type=radio] + label:before { letter-spacing: 10px;} 
input[type=radio]:checked + label:before { content: "\f192"; } /* checked icon */
input[type=radio]:checked + label:before { letter-spacing: 10px;} 

/*----- Custom Forms -----*/
.underline{border-bottom: 1px solid #E5E3E1;}



.form-group-vertical .form-control {border-radius: 0;margin-top: -1px;z-index: 1;}

.form-group-vertical .form-control label {cursor: pointer}
.form-group-vertical .form-control:first-child, .form-group-vertical .form-control:first-of-type {border-radius: 4px 4px 0 0;}
.form-group-vertical .form-control:last-child, .form-group-vertical .form-control:last-of-type {border-radius: 0 0 4px 4px;}
.form-group-vertical .form-control:focus {position: relative;z-index: 2;}
.form-group-vertical .input-group {margin-top: -1px;}
.form-group-vertical .input-group .form-control {margin-top: 0;}
.form-group-vertical .input-group:first-child .form-control, .form-group-vertical .input-group:first-of-type .form-control {border-radius: 0 4px 0 0;}
.form-group-vertical .input-group:last-child .form-control, .form-group-vertical .input-group:last-of-type .form-control {border-radius: 0 0 4px 0;}
.form-group-vertical .input-group.input-group-icon:first-child .form-control, .form-group-vertical .input-group.input-group-icon:first-of-type .form-control {border-radius: 4px 4px 0 0;}
.form-group-vertical .input-group.input-group-icon:last-child .form-control, .form-group-vertical .input-group.input-group-icon:last-of-type .form-control {border-radius: 0 0 4px 4px;}

.form-group-horizon{display: flex;flex-wrap: wrap;width: 100%;}
.form-group-horizon .form-control{border-radius: 0;margin-right: -1px;z-index: 1;position: relative;max-width:100%;flex-basis: 0;flex-grow: 3;}
.form-group-horizon .form-control:first-child{border-radius: 4px 0 0 4px;}
.form-group-horizon .form-control:last-child  {border-radius: 0 4px 4px 0;}
.form-group-horizon .form-control:focus {position: relative;z-index: 2;}



.form-container{padding-bottom:10px;margin-bottom:10px;vertical-align: top;position: relative}

.form-container strong{width:60px;
/*	display:inline-block;*/
	float:left;padding-top:8px}

.form-container div.flex{top:0px;left:0px;padding-top:5px;padding-left:60px;font-size:12px;line-height:20px}
.form-container div.flex a{color:#4b4e53;text-transform: uppercase}

.form-container .icon {padding-top:10px;color:#5d8ea1;font-size:22px;width:43px;height:43px;display:inline-block;float:left;text-align: center; border: 1px solid #5d8ea1;border-radius:25px}
.form-container .icons {padding-top:10px;font-size:25px;width:45px;height:45px;display:inline-block;float:left;text-align: center; border-right: 1px solid #E5E3E1}

.form-container .square {width:18px;height:18px;line-height:16px;margin-top:10px;display:inline-block;float:left;text-align: center;border-radius:4px;color:#fff}
.form-container .square.que {border: 1px solid #5d8ea1;background-color:#5d8ea1}
.form-container .square.ans {border: 1px solid #9e9e9e;background-color:#9e9e9e}
.form-container div.question{top:0px;left:0px;padding-top:8px;padding-left:30px;line-height:20px;}
.form-container div.question span{font-size:12px;color: #999;}
.form-container div.reviewer {font-size:12px;color: #999;padding-bottom: 5px}
.form-container div.reviewer span{color: #999;color: #4caf50;padding-left:10px}

.form-container strong.fix{padding-top:18px}
.form-container div.fix{top:0px;left:0px;padding-top:8px;padding-left:60px}
.form-container div.fix.blue{color:#5d8ea1;font-weight: bold}

.form-container .datepicker{width:100px}
#plus-outline:before {font-family: "Font Awesome 6 Free";font-weight:900;font-size:20px;height:25px;line-height:25px;vertical-align:inherit;content: "\f055";float:left;padding-left:8px;padding-top: 8px;cursor:pointer}
#kid{float:left;width:170px}
.status:before {font-family: "Font Awesome 6 Free";font-weight:900;font-size:24px;height:18px;line-height:18px;vertical-align:inherit;float:left;padding-top:3px}
.status.available:before{content: "\f058";color:#318506}
.available {color:#000;font-size:18px;padding-left:5px}
.status.advice_by_email:before{content: "\f2f1";color: blue}
.advice_by_email {color:#000;font-size:18px;padding-left:5px}
.status.not_available:before{content: "\f057";color:#cc0000}
.not_available {color:#cc0000;font-size:18px;padding-left:5px}


.form-user{padding-bottom:10px;margin-top:3px;vertical-align: top;position: relative}

.form-user strong{width:140px;display:inline-block;float:left;padding-top:8px}
.form-user strong.fix{padding-top:14px}
.form-user div.fix{top:0px;left:0px;padding-top:8px;padding-left:140px;color:#5d8ea1;max-width:600px}




.form-catalog{margin-bottom:15px;float:left;width:100%;max-width:325px;}
.form-catalog label{width:100%}
.form-catalog select,input{width:100%}

.btn-default{color:#7e8082}
.btn-default.actived{color:#7e8082;background-color:#fff;cursor: default}
.btn-default.actived:hover{border-color:#e5e5e5}
.btn-default.non-actived{color:#ccc;background-color:#f8f8f8}
.btn-default.non-actived:hover{color:#444;background-color:#fff}

.mycapt{width:200px;position: relative;
/*
	    border: 1px solid #e3e3e3;
    border-radius: 3px;
    box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.05);
    background: transparent;
    color: #4b4e53;
    font-size: 14px;
    margin: 0;
    outline: medium none;
    padding: 8px;
	width:210px;color: #fff;background-color:#e9ecef;
*/
	border-radius:4px}
.mycapt div{background-color:#e9ecef;width:75px;position:absolute;right:5px;top:6px;border-radius:3px;text-align: center;vertical-align: middle}

/*--Button-*/

.btn-clear   {display: block;height: 41px;line-height:41px;vertical-align:middle;margin-top: 10px;border: 1px solid #e5e5e5;border-radius: 3px;font-size: 12px;color: #6a7880;font-weight: 600;text-align: center;width:100%;padding:0px}
.btn-clear-l {float: left;width: 39px;height:39px;display: block;border-right: 1px solid #e5e5e5;text-align: center;}
.btn-clear:hover{background: #5d8ea1;color:#fff}

.btn-submit       {display: block;height: 41px;line-height:41px;vertical-align:middle;margin-top: 10px;border: 1px solid #0687ec;border-radius: 3px;font-size: 12px;color: #ffffff;font-weight: 600;text-align: center;background: #0687ec;padding:0px;min-width:200px}
.btn-submit-l     {float: left;width: 39px;height:39px;display: block;border-right: 1px solid #2264da;text-align: center;}
.btn-submit:hover {color: #FFF;text-shadow: 0px 0px 1px #FBFBFB;}

/*--Tour Search-*/
#container-sm-fix-top 
{
width: 100%;
margin-bottom:20px;
padding: 15px; 
background-color: #fff;
}


@media screen and (max-width: 767px)
{
#container-sm-fix-top
{
transition: top 0.3s;
background-color: transparent;
padding: 0; 
}
	
#container-sm-fix-top.container-fixed 
{
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: white;
z-index: 9999; 
box-shadow: 0 1px 15px rgba(0,0,0, .15);
-webkit-box-shadow: 0 1px 15px rgba(0,0,0, .15);
padding: 8px 10px; 
}
	
}

.search-container {position: relative;width: 100%;}
.search-container:focus-within #animated-placeholder {display: none;}
.form-pl-35 {padding-left: 35px;}


.form-icon-glass {position: absolute;left: 10px;top: 50%;transform: translateY(-50%);}
.form-icon-filter {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);color: #5d8ea1;cursor: pointer}

#animated-placeholder 
{
position: absolute;
left: 35px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
transition: opacity 0.5s; color: #bbb
}

.checkbox, .radio {margin-top: 5px; margin-bottom: 5px;}
.checkbox label, .radio label { padding-left: 0; }
.form-control.form-verify{text-align: center;letter-spacing: 7px;font-weight:900;padding:10px;font-size: 30px;line-height:30px; font-family: Arial;margin-bottom: 20px;color:#0687ec}
#btn-title{border-radius: 4px 0 0 4px;margin-right:-1px}


.uploadfile
{
width: 100%;
height: 100px;
background:#ebecf0;
position: relative;
border: 1px solid #d0d4d7;
border-radius: 0.25rem;
display: inline-block;
background-color:#ffffff;-moz-box-shadow: inset 0 0 4px #B8B8B8;-webkit-box-shadow: inset 0 0 4px #B8B8B8;box-shadow: inset 0 0 5px  1px #B8B8B8;
}

.inputfile 
{
width: 100%;
height: 100%;
position: absolute;top:0;left:0;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding:5px;
color:#bebec0;
}	
.uploadfile .uploadicon 
{
font-size:50px; color: #ccc;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
::-webkit-file-upload-button {display: none;}
::file-selector-button {display: none;}