/*
    Created on : 20-Sep-2017, 23:35:01
    Author     : parviz
*/

/*------- Booking form -----------*/
@import './booking.css';

:lang(ir)
{
    font-family: 'Changa', sans-serif !important;
    /* line-height: 15px; */
}

h3 span:lang(ir)
{
    line-height: 50px;
}

form#login_form div:lang(ir),
.Banner_sec .rightside .Slider .text .Lorem p:lang(ir)
{
    line-height: 30px;
    direction: rtl !important;
}

@media only screen and (max-width: 479px)
{
    .Banner_sec .rightside .Slider .text .Lorem p span:lang(ir)
    {
        display: inline-block;
        float: unset;
    }
}


/* ------ Error place holder ----- */

/* WebKit, Edge */
textarea.error::-webkit-input-placeholder,
input.error::-webkit-input-placeholder
{
  color: deeppink;
  text-transform: uppercase;
}
/* Firefox 4-18 */
textarea.error:-moz-placeholder ,
input.error:-moz-placeholder
{
  color: deeppink;
  opacity: 1;
  text-transform: uppercase;
}
/* Firefox 19+ */
textarea.error::-moz-placeholder ,
input.error::-moz-placeholder
{
  color: deeppink;
  opacity: 1;
  text-transform: uppercase;
}
/* IE 10-11 */
textarea.error:-ms-input-placeholder ,
input.error:-ms-input-placeholder
{
  color: deeppink;
  text-transform: uppercase;
}
/* Edge */
textarea.error::-ms-input-placeholder ,
input.error::-ms-input-placeholder
{
  color: deeppink;
  text-transform: uppercase;
}
/* MODERN BROWSER */
textarea.error::placeholder ,
input.error::placeholder
{
  color: deeppink;
  text-transform: uppercase;
}

/*--------------------------- app Forms -----------------------*/
.app_form
{
    letter-spacing: normal;
    border:1px solid #ddd;
    /*font-weight:bold;*/
    color: #333;
    /*text-shadow:-1px 1px 1px #aaa;*/
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:1px 1px 3px #000;
    -webkit-box-shadow:1px 1px 3px #000;
    box-shadow:1px 1px 3px #000;
    width:50%;
    min-width: 350px;
    padding:6px;
    margin: 3% auto;
}

.app_form .top_title{
    font-size:100%;
    background-color: #9999CC;
    color:#FFF;
    padding:10px;
    margin: 0;
}

.app_form input,
.app_form select
{
    letter-spacing: normal;
    border:1px solid #ddd;
    color: #333;
    font-size:100%;
    text-shadow:-1px 1px 1px #aaa;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:1px 1px 3px #000;
    -webkit-box-shadow:1px 1px 3px #000;
    box-shadow:1px 1px 3px #000;
    padding: revert;
    width: 60%;
    background-color:#FFF;
}

.app_form input[type="radio"]
{
    cursor: pointer;
    width: auto;
    appearance: auto;
    box-shadow: unset;
}

.app_form input[type="checkbox"]
{
    cursor: pointer;
    width: auto;
    appearance: auto;
}

.app_form input:focus,
.app_form select:focus
{
    -moz-box-shadow:0px 0px 8px #e73c00;
    -webkit-box-shadow:0px 0px 8px #e73c00;
    box-shadow:0px 0px 8px #e73c00;
    outline: unset;
}

.app_form label
{
    padding-left: 6px;
    min-width: 170px;
    display: inline-block;
}

.buttons
{
    background-color:#666666;
    font-size:100%;
    padding:10px;
    margin: auto;
}

/* .buttons input[type="checkbox"]
{
    cursor: pointer;
    width: unset;

} */

.buttons label
{
    cursor:pointer;
    display: block;
    margin-bottom: 8px;
    color: #FFF;
    text-shadow:-1px 1px 1px black;
}

a.button
{
    text-decoration: none;
    padding: 4px 6px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    letter-spacing: normal;
    font-weight:bold;
    color: black;
    /*text-shadow:-1px 1px 1px #aaa;*/
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:1px 1px 3px #000;
    -webkit-box-shadow:1px 1px 3px #000;
    box-shadow:1px 1px 3px #000;
    background-color: white;
    border: 2px solid #555555;
}

a.button:hover
{
    background-color: #555555;
    color: white;
    border: 2px solid whitesmoke;
}

form.app_form>div:nth-of-type(odd)
{
    background: #DDDDDD;
    padding: 6px;
}

form.app_form>div:nth-of-type(even)
{
    background: #CCCCCC;
    padding: 6px;
}

.remove_margin
{
    margin: 0 auto;
}

a img { border: 0; }
a, input { outline: none; }
a { color: #F06;  }
a:hover { text-decoration: none; color: rgb(117, 92, 228);}

.required {
    color: red;
    margin-left: 2px;
}

.button,
button.button {
    background: #fff;
    color: #000;
    appearance: none;
    -webkit-appearance: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    padding: 4px 8px;
    border-radius: 5px;
    transition: all 0.25s ease;
}

.button:hover,
button.button:hover {
    transform: translateY(-3px);
}

.button:active,
button.button:active {
    transform: translateY(1px);
}