/* Theme styles which override style.css rules */
/*
@media screen and (max-width: 620px) {
    header {
        background: #fff;
        width: 100%;
    }

    .elem-hide {
        display:none !important;
    }
}
@media screen and (max-width: 578px) {
    header {
        margin: 0 0 30px 0;
        !*height: 290px;*!
    }
    .title {
        font-size: 28px !important;
    }
    .text {
        line-height: 1.35 !important;
        font-size: 17px;
    }
    .wrapper.login .main {
        margin: 2em auto 20% auto !important;
    }
    .btnPrimary {
        width: 100%;
    }
}
@media screen and (max-width: 1024px) {
    .login-form-container {
        margin:0 auto;
        padding: 0 15%;
    }
    .login-graphic {
        display:none !important;
    }
    .login-left-container {
        display:none !important;
        float:none;
    }
    .login-right-container {
        width:100%;
        float:none;
        clear:both;
        padding-right:0 !important;
    }

}
@media screen and (min-width: 1024px) {
    .login.main {
        width: 100% !important;
    }

    .main {
        width: 75% !important;
    }
    .wrapper.login .main {
        margin: 1em auto;
    }

}
@media screen and (min-width: 1024px) and (max-width: 1700px) {
    .login .text {
        margin: 25px 70px;
    }
    .loginForm {
        width:65%;
    }
    .login-form-container {
        margin:0 auto;
        padding: 0 15%;
    }
}
@media screen and (min-width: 1400px) {
    .login-form-container {
        margin:0 auto;
        padding: 0 25%;
    }
}*/
@media screen and (max-width: 1024px) {
    .login-form-container {
        margin:0 auto;
        padding: 0 15%;
    }
    .login-graphic {
        display:none !important;
    }
    .login-left-container {
        display:none !important;
        float:none;
    }
    .login-left-invert {
        display:none !important;
        float:none;
    }
    .login-right-container {
        width:100%;
        float:none;
        clear:both;
        padding-right:0 !important;
    }

    .full-height{
        height: 100%;
    }

}
@media screen and (min-width: 1024px) {
    .login.main {
        width: 100% !important;
    }

    .main {
        width: 75% !important;
    }
    .wrapper.login .main {
        margin: 1em auto;
    }

}
@media screen and (min-width: 1024px) and (max-width: 1700px) {
    .login .text {
        margin: 25px 70px;
    }
    .loginForm {
        width:65%;
    }
    .login-form-container {
        margin:0 auto;
        padding: 0 15%;
    }
}
@media screen and (min-width: 1400px) {
    .login-form-container {
        margin:0 auto;
        padding: 0 25%;
    }
    .login-graphic {
        left:15%;
    }
}
@media screen and (max-width: 992px) {
    .top-menu,
    .second-menu {
        display:none;
    }
    button.mobile-menu {
        display:inline-block;
        margin:40px 20px 10px 0;
    }
    nav.nav {
        text-align: right;
    }
    nav .active,
    nav ul li:hover,
    nav ul li:focus,
    nav ul li:visited {
        border-bottom:none;
    }
    button.mobile-menu.expanded~ul {
        display:block;
    }
    #menuitem_site {
        margin: 40px 15px 0;
    }
    .second-menu li {
        display: block;
    }
    .balance-left {
        border-right:none;
    }
    .overview-center {
        border-right:none;
    }
    .overview-right {
        border-top:1px solid #939393;
    }
    .transaction-row .overview-right {
        border-top:none;
    }
    .transaction-row .overview-center {
        border-right:1px solid #939393;
    }
    .trans-history label,
    .trans-history input,
    .btnGrey {
        display:block;
    }
    .trans-history span {
        display:inline-block;
    }
    .sidebar-expand {
        display: block !important;
    }
    .manage-sidebar {
        display:none;
    }
    .sidebar-expand.expanded~.manage-sidebar {
        display: block !important;
    }
}
@media screen and (max-width: 720px) {
    .logo {
        width: 30%;
        padding-top: 20px;
    }
    .navigation {
        width:70%;
    }
    #menuitem_site {
        margin: 20px 5px 30px;
    }
    .login-form-container,
    .manage-content form {
        padding:0 !important;
        width:100% !important;
    }
    .suspend-notification-image {
        padding: 60px 12px;
    }
    .inputhalf {
        width:100%;
    }
}