/* add by mohadmin */
.fa-15x {
    font-size: 1.3em;
}

.btn-secondary {
    color: #fff !important;
    background-color: #5a6268 !important;
}

.profile-page button:hover, .home.userlogin form input:hover {
    color: #ffffff;
    background-color: #080808;
    border-color: #000000 !important;
}
.form .crud-buttons .btn{
    padding: 13px 20px;
}

.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success{
    color: #ffffff;
    background-color: #080808;
    border-color: #000000 !important;
}

.hand {
    cursor: pointer;
}

.mt-25px {
    margin-top: 25px;
}

.mt-45px {
    margin-top: 45px;
}

div.search .links .link.active h4, div.search .links .link:hover h4 {
    color: #D5A73C;
    background-color: rgba(255, 255, 255, .9);
    border: #D5A73C 1px solid;
}

div.search .links .link.active h4 span, div.search .links .link:hover h4 span {
    border-color: #D5A73C;
}

div.search .links .link.active .fa {
    color: #D5A73C;
}

.form label, .form extralabel {
    text-align: left !important;
}

.switch label, .switch extralabel {
    margin-left: 0;
}

.form .yesno label, .form .yesno extralabel {
    margin-left: 0 !important;
    margin-top: 10px !important;
    text-align: center !important;
    margin-left: -15px !important;
}

.switch label:after, .switch extralabel:after {
    margin-right: 40px;
}

label.switch, extralabel.switch {
    margin-top: 20px;
    margin: 51px auto 0 auto !important;
    width: 30px;
    text-align: center !important;
}

.updateuser label.switch, .updateuser extralabel.switch {
    margin-top: 20px;
    margin: 20px auto 0 auto !important;
    width: 100px;
    text-align: center !important;
}

@media (max-width: 760px) {
    .form .yesno label, .form .yesno extralabel {
        text-align: center !important;
        width: 94px;
        padding: 16px 10px !important;
        height: 52px;
        margin: 0 auto !important;
    }

    .switch label:before, .switch extralabel:before {
        content: attr(data-off);
        display: inline-block;
        position: absolute;
        right: 8px;
        top: 12px;
        text-transform: uppercase;
        font-size: 24px;
        font-weight: 500;
        color: #FFF;
    }

    .switch input[type=checkbox]:checked + label, .switch input[type=checkbox]:checked + extralabel {
        background-color: #D5A73C;
        padding-left: 60px !important;
    }
}

.rotateforever {
    -webkit-animation: rotation 2s infinite linear;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

.refund-items .link {
    color: #000;
    text-transform: uppercase;
    border: 2px solid #AAA;
    padding: 8px;
    margin-left: 22px;
    text-decoration: none;
    font-size: 13px;
    cursor: pointer;
    background-color: transparent;
}

.loading {
    background-attachment: scroll;
    background-clip: border-box;
    background-image: url("../images/other/loading.gif");
    background-origin: padding-box;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 64px;
    min-width: 64px;
}

td.dateforbidden a, #datepickeravailability td.dateforbidden a, #datepickersetting td.dateforbidden a {
    background-color: #D5A73C !important;
    color: #FFFFFF !important;
}

#datepickerreservetime td.dayselectable a {
    background-color: transparent;
    border: #D5A73C 1px solid;
    color: #D5A73C;
}

#datepickerreservetime td.dayselectable.ui-datepicker-current-day a {
    background-color: #D5A73C;
    border: #D5A73C 1px solid;
    color: #FFFFFF;
}

.float-none {
    float: none;
}

.gallery {
    float: left;
    width: auto;
    padding-left: 3px;
    padding-top: 3px;
}

.gallery .smallGaller {
    height: 70px;
    cursor: pointer;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23), 0 0 5px #aaa inset;
    border-radius: 3px;
    margin: 3px;
}

.signup table input {
    width: auto;
}

.form table .btn {
    width: auto;
}

.signup .form input.galleryInput {
    width: 150px;
}

#Image_Gallery {
    float: right;
}

@media (max-width: 760px) {
    #Image_Gallery {
        width: 100%;
        float: right;
        margin-right: 0;
    }

    .gallery {
        float: left;
        width: 100%;
    }
}

.images_container {
    width: 100%;
    margin-top: 20px;
}

.my_big_photos {
    position: relative;
    height: 300px;
    margin: 0 auto;
    text-align: center;
}

.my_big_photos img#big_profile_photo {
    border-radius: 5px;
    height: 300px;
    border: 1px solid #EEE;
}

.myphotos {
}

.profile_photos img {
    position: relative;
    float: left;
    margin-left: 10px;
    cursor: pointer;
}

#mobilecheck {
    position: absolute;
    right: 10px;
    top: 20px;
}

.upperCase {
    text-transform: uppercase;
}

.form-page .button, .profile-page .button.btn-danger {
    background-color: #D5A73C;
    color: white;
}

.form-page .button::placeholder {
    color: white !important;
}

.profile-page .button.btn-success {
    background-color: darkgreen;
    color: white;
}

.profile-page .button.btn-primary {
    background-color: #09508a;
    color: white;
}

.form-page .button, .profile-page .button {
    border: 2px solid #090953;
    margin: 2px;
    display: inline-block;
    padding: 10px 20px;
    transition-property: background, border;
    transition-duration: .4s;
    text-decoration: none;
    font-weight: 400;
    height: 45px;
    border-radius: 4px;
}

@media only screen and (max-width: 800px) {
    .responstable table, .responstable thead, .responstable tbody, .responstable th, .responstable td, .responstable tr {
        display: block !important;
    }

    .responstable thead tr {
        position: absolute !important;
        top: -9999px !important;
        left: -9999px !important;
    }

    .responstable tr {
        border: 1px solid #ccc !important;
    }

    .responstable td {
        border: none !important;
        border-bottom: 1px solid #eee !important;
        position: relative !important;
        padding-left: 50% !important;
        white-space: normal !important;
        text-align: left !important;
        max-width: 100% !important;
    }

    .responstable td:before {
        position: absolute !important;
        top: 6px !important;
        left: 6px !important;
        width: 45% !important;
        padding-right: 10px !important;
        white-space: nowrap !important;
        text-align: left !important;
        font-weight: bold !important;
    }

    .responstable td:before {
        content: attr(data-title);
    }

    #frmSearch select, #frmSearch input {
        width: 98% !important;
    }
}

.boxshadow {
    box-shadow: 6px 12px 9px 1px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}

.width-120px {
    width: 120px;
}

.width-220px {
    width: 220px;
}

.user-image {
    width: 250px;
    height: 350px;
}

.user-image-logo {
    height: 250px;
    background-size: cover;
}

.realname {
    height: 30px;
    overflow: hidden;
}

.text-decoration-none {
    text-decoration: none !important
}

.overflow-hidden {
    overflow: hidden !important
}

.w-98 {
    max-width: 98% !important;
    display: block;
    overflow: hidden;
}

.pagination {
    padding: 0 4px !important;
}

.lowercase {
    text-transform: lowercase !important;
}

.workeffect {
    position: absolute;
    left: 5%;
    bottom: 5%;
    width: auto;
    background-color: #D5A73C;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23), 0 0 5px #aaa inset;
    min-width: 30px;
    color: white;
    border-radius: 5px;
    padding: 3px;
}