@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root {
    --bs-blue: #0071A6;
    --bs-red: #A63D00;
    --bs-brown: #A68B00;
    --bs-green: #00A66E;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-gray: #E7E7E7;
    --bs-primary: #003DA6;
    --bs-secondary: #E5EBF6;
    --bs-success: #90DFB0;
    --bs-info: #003DA6;
    --bs-dark: #494949;
    --bs-dark-30rgb: rgba(73, 73, 73, .3);
    --bs-font-sans-serif: 'Lato';
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #494949;
    --bs-body-bg: #FFF
}

html,
body {
    font-family: 'Lato';
}


.uk-link,
a {
    color: var(--bs-primary);
    text-decoration: none;
    cursor: pointer
}

.uk-link-toggle:hover .uk-link,
.uk-link:hover,
a:hover {
    color: var(--bs-gray-500);
    text-decoration: none
}

footer .uk-link:hover,
footer a:hover {
    color: var(--bs-secondary) !important;
    transition: .4s color
}

em {
    color: var(--bs-body-color)
}

.border {
    border: 1px solid;
}

.h1,
.uk-h1,
h1,
.h2,
.uk-h2,
h2,
.h3,
.uk-h3,
h3 {
    font-family: 'Montserrat';
    font-weight: 700
}

.h1,
.uk-h1,
h1,
#member-profile legend, .profile legend {
    font-size: 38px;
    line-height: 48px;
}

.h2,
.uk-h2,
h2 {
    font-size: 30px;
    line-height: 40px;
}

.h3,
.uk-h3,
h3 {
    font-size: 20px;
    line-height: 28px;
}

.h4,
.uk-h4,
h4 {
    font-size: 18px;
    line-height: 32px;
    font-family: 'Lato';
    font-weight: 700
}

.h5,
.uk-h5,
h5 {
    font-size: 18px;
    line-height: 32px;
    font-family: 'Lato';
    font-weight: 400;
}

.h6,
.uk-h6,
h6 {
    font-size: 14px;
    line-height: 24px;
    font-family: 'Lato';
    font-weight: 400;
}

.fa-brands.border {
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    margin-left: 20px;
}

/* INPUT */


#member-profile legend, .profile legend {
    color: var(--bs-primary);
}

#member-profile input {
    margin-right: 10px;
}

input {
    font-size: 1em;
    color: var(--bs-dark);
    background-color: white;
    padding: 12px 20px;
    border: solid 1px var(--bs-gray);
    border-radius: 0;
    text-align:left;
    outline: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none!important;
    appearance: none!important;
    font-family: 'Montserrat'
}
.convertforms .cf-radio-group {
    margin-bottom: 10px
}
input[type="radio"] {
    width: 24px !important;
    height: 24px !important;
    padding: 0 !important
}
input[type="radio"]:checked {
    background:var(--bs-primary);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
}
.form-check-input[type=checkbox] {
    padding: 10px !important;
}
#member-profile fieldset, .profile fieldset {
    margin: 0;
    padding:0;
    border: 0;
    margin-bottom: 70px
}
#jform_actionlogs_actionlogsNotify legend, #jform_joomlatoken_enabled legend, #jform_joomlatoken_reset legend{
    display: none
}
.profile ul {
    list-style: none;
    padding-left: 0;
    text-align: right;
}

/*FORM*/
.control-label {
    margin-bottom: 2px;
}
.controls input,
.btn,
.uk-button {
    border-radius: 0;
}

/* FILE SYSTEM */
joomla-alert {
    display: flex;
    align-items: center;
}
.alert-wrapper {
    display: block;
    width: 100%;
}

joomla-alert .joomla-alert--close,
joomla-alert[type=success] .alert-wrapper .alert-message::before,
joomla-alert[type=warning] .alert-heading .warning::before,
joomla-alert[type=danger] .alert-heading .error::before,
joomla-alert[type=danger] .alert-heading .danger::before,
joomla-alert[type=info] .alert-heading .info::before {
    font-family: 'Font Awesome 6 Pro';
    font-size: 30px;
    font-weight: 600;
}

joomla-alert[type=success] .alert-wrapper .alert-message::before {
    content: '\f2f7';
    color: var(--bs-primary);
    margin-right: 10px;
}

joomla-alert[type=success] .alert-link,
joomla-alert[type=warning] .alert-link,
joomla-alert[type=info] .alert-link,
joomla-alert[type=danger] .alert-link {
    color: var(--bs-primary)
}

joomla-alert .joomla-alert--close {
    content: '\f00d';
    order: 1;
    display: flex;
    align-self: flex-start;
}

joomla-alert[type=warning],
joomla-alert[type=info],
joomla-alert[type=danger],
joomla-alert[type=success] {
    background-color: var(--bs-light);
    border-color: var(--bs-secondary);
    color: var(--bs-dark);
    padding: 40px;
}

joomla-alert[type=warning] hr,
joomla-alert[type=info] hr,
joomla-alert[type=danger] hr {
    border-top-color: var(--bs-dark)
}

joomla-alert[type=success] .alert-heading .success,
joomla-alert[type=warning] .alert-heading .visually-hidden,
joomla-alert[type=info] .alert-heading .visually-hidden,
joomla-alert[type=danger] .alert-heading .visually-hidden {
    text-transform: uppercase;
}

joomla-alert .alert-heading .warning,
joomla-alert .alert-heading .info,
joomla-alert .alert-heading .danger {
    background: none !important;
    border: 0;
    padding: 0;
}

joomla-alert[type=warning] .alert-heading .warning::before,
joomla-alert[type=danger] .alert-heading .error::before,
joomla-alert[type=danger] .alert-heading .danger::before,
joomla-alert[type=info] .alert-heading .info::before {
    color: var(--bs-primary);
    margin-right: 10px;
}

joomla-alert[type=warning] .alert-heading .warning::before {
    content: '\f06a';
}

joomla-alert[type=info] .alert-heading .info::before {
    content: '\f05a';
}

joomla-alert[type=danger] .alert-heading .danger::before,
joomla-alert[type=danger] .alert-heading .error::before,
joomla-alert[type=danger] .alert-heading .warning::before,
.product-info .alert-success::before {
    content: '\f06a';
}

/*ACCESSO*/
.loginpage header,
.loginpage footer {
    display: none !important;
}

.loginpage {
    background-image: url(/images/layout/perano-login.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    background-position: 50% 50%;
    color: var(--bs-body-color) !important;
}

.loginpage .tm-page {
    border-bottom: 0 !important;
}

.loginpage #tm-main,
.loginpage footer .uk-section {
    background: transparent;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.loginpage .com-users-login.login,
.loginpage .com-users-reset,
.loginpage .com-users-remind.remind,
.loginpage .com-users-reset-confirm.reset-confirm {
    background: white;
    border: 0;
    padding: 50px;
}

.loginpage .login-description {
    text-align: center;
    padding-bottom: 20px;
}

.loginpage .login-description::after {
    font-family: 'Montserrat';
    font-weight: 700;
    color: var(--bs-primary);
    font-size: 20px;
    line-height: 28px;
    content: 'entra nella tua area riservata';
    text-transform: uppercase;
    display: block;
    letter-spacing: 0.04rem;
    padding: 20px;
}

.loginpage footer .uk-section {
    color: white;
}

.loginpage .input-password-toggle {
    background-color: white;
    color: var(--bs-secondary);
    font-size: 20px;
    line-height: 1;
    border: 2px solid #e7e8ea;
    border-left: 0px;
}

.loginpage #password {
    border-right: 0
}

.loginpage .btn-primary {
    width: 100%;
}

.loginpage .list-group {
    align-items: flex-start;
    border-radius: 0
}

.loginpage .list-group a {
    border: 0;
    border-bottom: 1px solid;
    padding: 20px 0 4px;
    color: var(--bs-primary);
    width: auto;
    line-height: 0.8;
}

.loginpage .list-group a:hover {
    text-decoration: none;
    color: var(--bs-body-color)
}

.loginpage legend {
    font-size: inherit;
}

/*CARD*/

.uk-card-secondary> :not([class*="uk-card-media"]) .uk-text-primary {
    color: var(--bs-primary) !important
}

.uk-card-secondary:hover,
.uk-card-secondary:hover .uk-text-primary,
.uk-card-secondary:hover .uk-text-small,
.uk-card-secondary:active,
.uk-card-secondary:active .uk-text-primary,
.uk-card-secondary:active .uk-text-small,
.uk-card-secondary:focus,
.uk-card-secondary:focus .uk-text-primary,
.uk-card-secondary:focus .uk-text-small {
    color: white !important;
}

.uk-card-secondary:focus .uk-button-primary {
    border-color: white !important;
}

.uk-card-secondary>:not([class*=uk-card-media]) {
    color: var(--bs-dark) !important
}

/* BUTTON */

.uk-button {
    border-width: 2px !important;
    border-style: solid !important;
}

.uk-button::after, .uk-button.back::before, .logout::after  {
    font-weight: 700;
    font-family: "Font Awesome 6 Pro";
}

.uk-button::after {
    content: '\f178';
    padding-left: 10px;
}
.uk-button.back::before {
    content: '\f177';
    padding-right: 10px;
}

.logout::after {
    content: '\f2f5';
    margin-left: 60px;
    position: absolute;
    right: 30px;
}

.uk-button.back::after {
    display: none;
}

.uk-card-secondary .uk-button-primary {
    background-position: 50% 100%;
    background-size: 0;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0.165, 0.85, 0.45, 1);
}
.uk-card-primary.uk-card-body .uk-button-default,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default,.uk-card-secondary.uk-card-body .uk-button-default,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default,.uk-dropbar .uk-button-default,.uk-light .uk-button-default,.uk-navbar-dropdown .uk-button-default,.uk-notification-message-danger .uk-button-default,.uk-notification-message-primary .uk-button-default,.uk-notification-message-success .uk-button-default,
.uk-notification-message-warning .uk-button-default,.uk-overlay-primary .uk-button-default,.uk-section-primary:not(.uk-preserve-color) .uk-button-default,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default {
    background-color: #fff;
    color: var(--bs-primary);
    background-image: radial-gradient(circle at 50% 100%,var(--bs-secondary) 1%,transparent 1%);
    border-color: transparent
}
.uk-card-secondary:hover .uk-button-primary,
.uk-card-secondary .uk-button-primary:hover {
    background-color: var(--bs-secondary);
    color: var(--bs-primary) !important;
    background-image: radial-gradient(circle at 50% 100%, var(--bs-secondary) 1%, transparent 1%);
    border-color: transparent;
}

.btn {
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    -webkit-appearance: none;
    border-radius: 0;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 30px;
    vertical-align: middle;
    font-size: 14px;
    line-height: 41px;
    text-align: center;
    text-decoration: none;
    transition: .2s ease-in-out;
    transition-property: color,background-color,background-position,background-size,border-color,box-shadow;
    font-family: Lato;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-style: normal;
    border-radius: 0;
    background-origin: border-box;
    background-position: 50% 100%;
    background-size: 0;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0.165,0.85,0.45,1)
}

.btn {
    cursor: pointer
}

.btn::-moz-focus-inner {
    border: 0;
    padding: 0
}

.btn:hover {
    text-decoration: none
}

.btn:hover {
    background-size: 15000%
}

.btn:active {
    transition-duration: 0s
}

.btn-primary {
    background-color: var(--bs-primary);
    color: #fff;
    background-image: radial-gradient(circle at 50% 100%,var(--bs-secondary) 1%,transparent 1%);
    border: 2px solid var(--bs-primary)
}

.btn-primary:hover {
    background-color: var(--bs-secondary);
    color: var(--bs-primary);
    background-color: var(--bs-primary);
    border-color: var(--bs-secondary)
}

.btn-primary:active {
    background-color: #d6dff1;
    color: var(--bs-primary);
    background-image: none;
    border-color: transparent
}

.btn-secondary, #member-profile .btn-danger {
    background-color: var(--bs-secondary);
    color: var(--bs-primary);
    background-image: radial-gradient(circle at 50% 100%,var(--bs-primary) 1%,transparent 1%);
    border: 2px solid transparent
}

.btn-secondary:hover, #member-profile .btn-danger:hover {
    background-color: var(--bs-primary);
    color: #fff;
    background-color: var(--bs-secondary);
    border-color: transparent
}

.btn-secondary:active, #member-profile .btn-danger:active {
    background-color: #003692;
    color: #fff;
    background-image: none;
    border-color: transparent
}
.uk-light .uk-button-default:hover {
    background-image: radial-gradient(circle at 50% 100%,#003692 1%,transparent 1%);
    color: #fff;
    border-color: #fff;
}

/*HEADER*/

.profilo::before, #uk-nav-1::before {
    content: '\f007' !important;
    position: relative !important;
    font-weight: 600;
    font-family: "Font Awesome 6 Pro";
    padding: 0 !important;
    border: 2px solid var(--bs-primary) !important;
    border-radius: 50%;
    bottom: 2px !important;
    height: 40px !important;
    width: 40px;
    min-width: 40px;
    text-align: center;
    line-height: 40px;
    left: 0 !important;
    right: 0 !important;
    margin-right: 10px;
    transition: none !important;
}
.fa-solid.fa-bell {
    position: absolute !important;
    top: 40px;
    font-size: 22px;
    right: 5px;
}

.uk-navbar-nav>li:hover>.profilo::before,
.uk-navbar-nav>li>.profilo[aria-expanded=true]::before {
    background-color: transparent !important
}

.uk-navbar-nav>li .profilo, .uk-navbar-nav>li.uk-active>.profilo {
    color: var(--bs-dark) !important
}

.uk-navbar-nav>li.uk-active>.profilo::before {
    background-color: transparent !important
}

/* FOOTER */

.brands.uk-text-right {
    margin-left: -30px;
}

/* HOMEPAGE */

.uk-card-secondary {
    --uk-inverse: light;
    background-color: var(--bs-secondary);
    color: #fff;
    transition: 0.6s all;
}

.uk-card-secondary .uk-card-title {
    color: var(--bs-primary)
}

.uk-card-secondary:hover,
.uk-card-secondary:focus {
    background-color: var(--bs-primary) !important;
    background-image: none !important;
}

.uk-card-secondary .el-content::before {
    content: '';
    display: block;
    width: 70px;
    height: 24px;
    border-top: 2px solid var(--bs-primary) !important
}

.uk-card-secondary:hover .el-content::before {
    border-color: #fff !important;
}

.uk-card-secondary:hover .el-meta {
    border: 1px solid !important;
}

.uk-card-secondary:hover .el-meta, .uk-card-secondary:hover .uk-button-primary {
    border-color: #fff !important;
    background: transparent !important;
    color: #fff !important;
}

#box-news-homepage .uk-card-title {
    min-height: 110px;
}

/*BLOG*/

.mod-articlescategories li a {
    font-size: 16px;
    line-height: 28px;
}

.mod-articlescategories li {
    border-top: 1px solid var(--bs-gray);
    padding-top: 10px
}

.mod-articlescategories li:first-child {
    border-top: 0;
    padding-top: 0;
}

.rubriche .el-title {
    border-bottom: 2px solid;
    padding-bottom: 20px
}

.testo-intro {
    font-weight: 700;
    font-size: 18px;
    line-height: 32px;
}

.blog .uk-text-meta {
    color: #fff !important;
    padding: 5px 15px;
    display: block;
    width: fit-content;
    block-size: fit-content;
    border-width: 1px;
    border-style: solid;
}

.mod-articlescategories li a{
    padding-left: 30px;
    position: relative;
    display: block;
}
.mod-articlescategories li a::before {
    content: '';
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 7px;
}
.mod-articlescategories .category-id-news-aziendali a:before {
    background: var(--bs-blue);
    border-color: var(--bs-blue);
}
.mod-articlescategories .category-id-normative-e-sicurezza a:before {
    background: var(--bs-red);
    border-color: var(--bs-red);
}
.mod-articlescategories .category-id-eventi-e-formazione a:before {
    background: var(--bs-brown);
    border-color: var(--bs-brown);
}
.mod-articlescategories .category-id-comunicazioni-operative-per-fornitori a:before {
    background: var(--bs-green);
    border-color: var(--bs-green);
}
.mod-articlescategories .category-id-gestione-e-strategie-aziendali a:before {
    background: var(--bs-pink);
    border-color: var(--bs-pink);
}

.mod-articlescategories .category-id-innovazione-e-sviluppo a:before {
    background: var(--bs-indigo);
    border-color: var(--bs-indigo);
}

.mod-articlescategories .category-id-controllo-qualita-e-procedure a:before {
    background: var(--bs-purple);
    border-color: var(--bs-purple);
}

.mod-articlescategories .category-id-produzione-e-processi-operativi a:before {
    background: var(--bs-orange);
    border-color: var(--bs-orange);
}
.mod-articlescategories .category-id-logistica-e-gestione-materiali a:before {
    background: var(--bs-cyan);
    border-color: var(--bs-cyan);
}
.mod-articlescategories .category-id-linee-guida-per-collaboratori-esterni a:before {
    background: var(--bs-teal);
    border-color: var(--bs-teal);
}
.mod-articlescategories .category-id-hr-e-sviluppo-personale a:before {
    background: black;
    border-color: black;
}

/*DOCUMENTI*/
.docman_category h3 {
    font-size: 30px !important;
    padding-bottom: 30px
}

.k-ui-namespace .k-tree .jqtree-element {
    padding: 4px 0 !important
}

.k-ui-namespace .jqtree-whitespace,
.k-ui-namespace .jqtree-toggler,
.k-ui-namespace .jqtree-icon,
.k-ui-namespace .jqtree-title {
    font-size: 16px !important;
    line-height: 24px !important;
}

.k-ui-namespace .jqtree-toggler::before {
    content: '\f0d7' !important;
    padding: 0 !important;
    border: 0 !important;
    top: 3px !important;
    left: 4px !important;
}

.k-ui-namespace .jqtree-toggler::before,
.k-icon-folder-closed:before,
.k-icon-folder-opened:before,
.docman_track_download:before,
tr .koowa_wrapped_content:before {
    font-family: "Font Awesome 6 Pro" !important;
}

.k-ui-namespace .jqtree-selected>.jqtree-element {
    font-weight: 400 !important;
}

.k-ui-namespace .jqtree-toggler {
    width: 20px !important;
}

.k-icon-folder-closed:before, tr .koowa_wrapped_content:before {
    content: '\e185' !important;
}

.k-icon-folder-opened:before {
    content: '\f07c' !important;
}

.k-icon-document-folder.k-icon--size-medium:before,
.k-ui-namespace .koowa_header__item--image_container,
.docman_item .koowa_wrapped_content:before {
    display: none !important;
}

.k-ui-namespace .table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.k-ui-namespace table tr,
.k-ui-namespace table td {
    padding: 6px 20px 10px;
}

.k-ui-namespace table tr:nth-child(2n+1) td {
    background-color: #f2f2f2;
    margin-top: -4px !important
}

.k-ui-namespace table tr:last-child td {
    border-bottom: 1px solid var(--bs-dark-30rgb) !important;
}

.k-ui-namespace table td {
    border-top: 1px solid var(--bs-dark-30rgb) !important;
    border: 0;
}

.k-ui-namespace table td * {
    font-size: 18px;
    line-height: 32px;
    color: var(--bs-primary) !important;
}

.docman_track_download:before {
    content: '\f1c1' !important;
    color: var(--bs-primary) !important;
}
.docman_track_download:before, tr .koowa_wrapped_content:before {
    position: relative;
    top: 2px;
    margin-right: 10px
}

/*CONTATTI*/
.convertforms .cf-btn {
    line-height: 41px;
    padding: 0 30px !important;
}

.convertforms .cf-btn:hover, .convertforms .cf-btn:active {
    opacity: 1 !important;
    color: #fff !important;
    background: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.convertforms .cf-content-wrap,
.convertforms .cf-form-wrap {
    padding: 20px 0px !important;
}

/* RESPONSIVE */

@media (min-width:960px) {
    .docman_list_layout.docman_list_layout--tree {
    }
    .docman_list_layout.docman_list_layout--tree .docman_list__sidebar {
        width:38%;
    }
    .docman_list_layout.docman_list_layout--tree .docman_list__content {
        width: 60%;
    }
    .blog .uk-card-title {
        min-height: 90px;
    }
}
@media (max-width:1199px) {
    .uk-navbar-nav {
        gap: 18px;
    }
    .uk-logo {
        max-width: 230px;
    }
    ul.uk-navbar-nav li {
        white-space: nowrap;
    }
    .uk-navbar-nav>li>a {
        font-size: 15px;
    }
    .profilo::before, #uk-nav-1::before {
        height: 26px !important;
        width: 26px;
        min-width: 26px;
        line-height: 26px;
        margin-right: 3px;
    }
}

@media (max-width: 959px) {

    .h1,
    .uk-h1,
    h1 {
        font-size: 32px;
        line-height: 42px;
    }

    .h2,
    .uk-h2,
    h2 {
        font-size: 24px;
        line-height: 34px;
    }
    .uk-nav-primary li {
        padding: 0 30px
    }
    .uk-nav-primary .uk-nav-sub {
        font-size: 16px;
    }
    .uk-nav-primary .uk-nav-sub li {
        background: var(--bs-secondary);
        padding: 4px 22px
    }
    .uk-nav-primary .uk-nav-sub a {
        color: #404949;
    }
    .uk-nav.uk-nav-primary.uk-nav-accordion>*:last-child {
        background: var(--bs-secondary);
        padding-bottom: 10px
    }
    .uk-navbar-item  a, .uk-navbar-item a:hover {
    margin-right: 30px;
    font-size: 24px;
    }
    .uk-modal-dialog .uk-button.mittpwapush__subscribe {
    display: block !important;
    margin:auto
    }
    .fa-solid.fa-bell, .uk-navbar-item  a {
    display: block !important;
    }
}
@media (max-width: 639.9px) {
    .brands.uk-text-right {
        margin-left: -20px;
    }
    .brands.uk-text-right,
    .credits.uk-text-right {
        text-align: left !important;
    }
    .convertforms [class*=cf-list-].cf-list-3-columns>div {
        -ms-flex-preferred-size: 50% !important;
        flex-basis: 50% !important;
    }
    .pullable-content joomla-alert[type=danger] .alert-heading .visually-hidden{
        display: none;
    }
}
@media (max-width: 575.9px) {

    .loginpage #tm-main,
    .loginpage footer .uk-section {
        padding: 10px;
    }

    .loginpage .com-users-login.login,
    .loginpage .com-users-reset,
    .loginpage .com-users-remind.remind,
    .loginpage .com-users-reset-confirm.reset-confirm {
        padding: 40px 20px;
    }
}

@media (min-width:1200px) and (max-width: 1399px) {
    .custom-blue {
        max-width: 520px;
    }
}

@media (hover: none) {

    .uk-card-secondary,
    .uk-card-secondary .uk-button-primary {
        transition: none;
    }

    .uk-button:not(.uk-button-text):not(.uk-button-link) {
        transition-duration: .5ms;
        transition-timing-function: cubic-bezier(0.165, 0.85, 0.45, 1)
    }
}