@font-face {
    font-family: "Nunito";
    src: url(../fonts/gf/Nunito/Nunito-Regular.ttf);
}
@font-face {
    font-family: "Roboto";
    src: url(../fonts/gf/Roboto/Roboto-Regular.ttf);
}

.loading
{
    width: 100%;
    height: 150px;
    background: white url("../images/loading.gif") center no-repeat;
    background-size: 15% auto;
    background-position: center; 
}

.bg-dark {
    background-color: #0f1215;
}

.ui-tooltip
{
    z-index: 999999 !important;
}

.img-circle
{
    border-radius:50%
}

.small-buttons-cats {
    background-color: rgb(215, 215, 215);
    width: 100%;
    height: 30px;
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    bottom: 0px;
    left: 0;
    margin: auto;
}
.hovereffect_none:hover .small-buttons-cats {
    opacity: 1;
}
.small-user-buttons-cats {
    transition: .5s ease;
    opacity: 100;
    padding: 5px;
    float: right;
}
.small-user-buttons-cats > a {
    margin-left: 5px;
}
.hovereffect_none:hover .small-user-buttons-cats {
    opacity: 1;
}

.small-admin-buttons-cats {
    transition: .5s ease;
    opacity: 0;
    padding: 5px;
    float: left;
}
.small-admin-buttons-cats > a {
    margin-left: 5px;
}
.small-admin-buttons-cats > a > i {
    color: rgb(219, 100, 20);
}
.hovereffect_none:hover .small-admin-buttons-cats {
    opacity: 1;
}


.small-buttons {
    background-color: rgb(215, 215, 215);
    width: 100%;
    height: 30px;
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: auto;
}
.hovereffect:hover .small-buttons {
    opacity: 1;
}

.small-user-buttons {
    transition: .5s ease;
    opacity: 0;
    padding: 5px;
    float: right;
}
.small-user-buttons > a {
    margin-left: 5px;
}
.hovereffect:hover .small-user-buttons {
    opacity: 1;
}

.small-admin-buttons {
    transition: .5s ease;
    opacity: 0;
    padding: 5px;
    float: left;
}
.small-admin-buttons > a {
    margin-left: 5px;
}
.small-admin-buttons > a > i {
    color: rgb(219, 100, 20);
}
.hovereffect:hover .small-admin-buttons {
    opacity: 1;
}

.ck-editor__editable {
    min-height: 250px;
    margin-bottom: 15px;
}

.jump1
{
    width: 70px !important;
    height: 35px !important;
}
.jump2
{
    height: 23px !important;
    border: 1px solid rgb(221, 221, 221) !important;
}

/*--/banner-info--*/
.cont-btn a {
    border-radius: 4px;
    border: 2px solid #fff;
    padding: 0.3em 2em;
    color: #fff;
    font-weight: 700;
    font-size: 1.2em;
    letter-spacing: 1px;
}

.cont-btn a:hover {
    background: #28a745;
    border: 2px solid #28a745;
}

.cont-btn {
    margin-top: 1rem;
}

.mian-content {
    position: relative;
}

.top-social-icons {
    border-right: 1px solid #ddd;
}

.top-content-left {
    padding: 0;
    margin-top: 0.5em;
}

ul.header-info-w3ls i {
    margin-right: 5px;
}

.social-icons li {
    list-style: none;
    display: inline-block;
}

ul.social-icons {
    margin-top: 2em;
}

ul.social-icons li a span {
    color: #636161;
    font-size: 13px;
    background: transparent;
    width: 32px;
    height: 32px;
    line-height: 27px;
    text-align: center;
    display: block;
    border: 2px solid #ddd;
    display: inline-block;
    border-radius: 50%;
}

ul.social-icons li a span:hover {
    color: #fbbc05;
}

.land-gd {
    float: left;
    width: 50%;
}

.land-image {
    float: left;
    width: 22%;
}

.land-content {
    float: left;
    width: 73%;
}

.land-content h4 {
    color: #fff;
    font-size: 1.2em;
}

.top-content-right {
    margin-top: 0.5em;
}

.land-image i {
    color: #fbbc05;
    font-size: 1.5em;
}

/*-- /banner-info --*/

@media(max-width:736px)
{
    .slide-window .slide-wrapper .slide .slide-caption h3 {
        margin: 0rem;
        font-size: 2rem;
    }
}

#modal_add, #modal_edit, #modal_edit_user_tags, #modal_add_user, #modal_edit_user, #modal_edit_pics,
#modal_edit_profile, #modal_edit_email, #modal_edit_password, #modal_preview, #modal_reprint_add, #modal_add_cats, #modal_edit_cats
{
    width: 50%;
    margin: auto;
    margin-top: 1%;
    display: none;
    position: fixed;
    z-index: 1000;
    overflow: auto;
}

#modal_edit_cats_archive, #modal_edit_cats_users, #modal_edit_cats_pics, #modal_send_pics, #modal_add_news, #modal_edit_news
{
    width: 60%;
    margin: auto;
    margin-top: 5%;
    display: none;
    position: fixed;
    z-index: 1000;
    overflow: auto;
}

#modal_edit_user_tags_buttons
{
    width: 100%;
    margin: auto;
    padding-top: 35px;
}

#modal_edit_user_tags_btn_add, #modal_edit_user_tags_btn_delete
{
    margin-left: -14px;
    margin-bottom: 5px;
    width: 110px;
    float: left;
}

#modal_delete, #modal_reserve, #modal_give_up, #modal_ask, #modal_ban_user, #modal_delete_cats, #modal_delete_slider,
#modal_unban_user, #modal_delete_user, #modal_delete_pics, #modal_delete_pending_user, #modal_activate_pending_user,
#modal_add_group, #modal_add_rights, #modal_delete_rights, #modal_delete_group, #modal_delete_pics, #modal_delete_all,
#modal_delete_backup, #modal_delete_table, #modal_add_events, #modal_edit_events, #modal_delete_events, #modal_add_tags,
#modal_delete_tags_slider
{
    width: 40%;
    margin: auto;
    top: 20%;
    display: none;
    position: fixed;
    z-index: 1000;
    overflow: auto;
}

#modal_change_status, #modal_change_ask_status
{
    width: 20%;
    margin: auto;
    top: 30%;
    display: none;
    position: fixed;
    z-index: 10;
    overflow: auto;
}

#modal
{
    width: 40%;
    margin: auto;
    top: 30%;
    display: none;
    position: fixed;
    overflow: auto;
    z-index: 9999;
}

@media (max-width: 1364px)
{
    #modal_add, #modal_edit, #modal_edit_user_tags, #modal_add_user, #modal_edit_user, #modal_add_cats, #modal_edit_cats, #modal_delete_cats,
    #modal_edit_profile, #modal_edit_email, #modal_edit_password, #modal_preview, #modal_reprint_add, #modal_edit_pics,
    #modal_add_group, #modal_add_rights, #modal_delete_rights, #modal_delete_group, #modal_edit_cats_archive, #modal_edit_cats_users, #modal_edit_cats_pics,
    #modal_delete_pics, #modal_send_pics, #modal_add_news, #modal_edit_news, #modal_delete_all, #modal_delete_slider,
    #modal_delete_backup, #modal_delete_table, #modal_add_events, #modal_edit_events, #modal_delete_events, #modal_add_tags, #modal_delete_tags_slider
    {
        width: 99%;
        margin: auto;
        margin-top: 1%;
        display: none;
        position: fixed;
        z-index: 1000;
        overflow: auto;
    }

    #modal_edit_user_tags_btn_add, #modal_edit_user_tags_btn_delete
    {
        margin-right: 25px;
        width: 110px;
    }

    #modal_edit_user_tags_buttons
    {
        padding-top: 0px;
        margin: auto;
        margin-left: 15%;
        width: 100%;
    }

    #modal_delete, #modal_reserve, #modal_give_up, #modal_ask, #modal_ban_user, 
    #modal_unban_user, #modal_delete_user, #modal_delete_pics, #modal_delete_pending_user, #modal_activate_pending_user,
    #modal_change_ask_status, #modal_change_status, #modal_delete_vacation
    {
        width: 99%;
        margin: auto;
        top: 10%;
        display: none;
        position: fixed;
        z-index: 1000;
        overflow: auto;
    }

    #modal
    {
        width: 99%;
        margin: auto;
        top: 10%;
        display: none;
        position: fixed;
        overflow: auto;
        z-index: 9999;
    }
}