/* THEME */
@media only screen and (min-width:320px) and (max-width:960px) { /* smartphones, iPhone, portrait 480x320 phones */
    .ionic-footer a {
        color: rgb(119, 124, 135) !important;
    }

        .ionic-footer a:hover {
            color: rgb(119, 124, 135) !important;
        }

    .ionic-header-color {
        background-color: rgb(255, 255, 255) !important;
    }

    .ionic-header-color-menu {
        background-color: rgb(234, 84, 31) !important;
    }

    .header-span-title-color {
        color: rgb(234, 84, 31) !important;
    }

    .menu-span-color {
        color: rgb(234, 84, 31) !important;
    }

    .div-login-forgot-pasword a {
        color: #eb5521 !important;
    }

        .div-login-forgot-pasword a:hover {
            color: rgb(234, 84, 31) !important;
        }

    .btn-clip-color {
        background-color: rgb(234, 84, 31) !important;
        color: rgb(255, 255, 255) !important;
        border-radius: 50%;
        width: 30px;
        height: 30px;
    }

    .btn-view-post-color-white {
        color: rgb(127, 127, 127) !important;
    }

        .btn-view-post-color-white:hover {
            color: rgb(127, 127, 127) !important;
        }

        .btn-view-post-color-white > .btn-circle {
            border: 1px solid rgb(234, 84, 31) !important;
            border-color: rgb(234, 84, 31);
            background-color: rgb(245, 245, 245) !important;
            color: rgb(234, 84, 31) !important;
        }

    .btn-view-post-color-orange {
        color: rgb(127, 127, 127) !important;
    }

        .btn-view-post-color-orange:hover {
            color: rgb(127, 127, 127) !important;
        }

        .btn-view-post-color-orange > .btn-circle {
            border-color: rgb(234, 84, 31);
            background-color: rgb(234, 84, 31) !important;
        }

    .lbl-target-color {
        color: #8b8b8b !important;
        font-size: 13px;
    }

    .btn-signin-color {
        background-color: #F9885A !important;
        color: #ffffff !important;
    }

    .btn-office365-color {
        background-color: rgb(255, 255, 255) !important;
        color: #eb5521 !important;
    }

        .btn-office365-color:hover {
            background-color: rgb(255, 255, 255) !important;
            color: rgb(234, 84, 31) !important;
        }

    .btn-signup-color {
        background-color: rgb(234, 84, 31) !important;
        color: rgb(255, 255, 255) !important;
    }

    .postDetail-tags a {
        color: rgb(234, 84, 31) !important;
    }

        .postDetail-tags a:hover {
            color: rgb(234, 84, 31) !important;
        }

    /* Profile, Change Password */
    .profile-span-title-color, .profile-boss-color, .profile-email-color {
        color: rgb(234, 84, 31) !important;
    }

    .btn-change-password-color {
        background-color: rgb(255,255,255) !important;
        color: rgb(234, 84, 31) !important;
    }

        .btn-change-password-color:hover {
            color: rgb(234, 84, 31) !important;
        }

    .tbl-change-password .btn-change-password-color {
        background-color: rgb(234, 84, 31) !important;
        color: rgb(255,255,255) !important;
    }

        .tbl-change-password .btn-change-password-color:hover {
            color: rgb(255,255,255) !important;
        }

    .btn-update-profile-color {
        background-color: rgb(234, 84, 31) !important;
        color: rgb(255, 255, 255) !important;
    }

    .btn-move-update-profile-color {
        color: rgb(166, 166, 166) !important;
    }

        .btn-move-update-profile-color:hover {
            color: rgb(166, 166, 166) !important;
        }

    .btn-cancel-color {
        background-color: rgb(191, 191, 191) !important;
        color: rgb(255, 255, 255) !important;
    }

    .span-title-change-password-color {
        color: rgb(234, 84, 31) !important;
    }

    .text-color-gray {
        color: rgb(127, 127, 127) !important;
    }

    .btn-text-color {
        color: rgb(239, 86, 32) !important;
    }

    .title-text-color {
        color: rgb(234, 84, 31) !important;
    }

    .span-tab-active-color, .container-clip .span-link, .container-search-people .span-link, .tbl-search-all .span-link {
        color: rgb(234, 84, 31) !important;
    }
}