/*@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300&display=swap');*/



@import url('/cms_css/fonts/roboto/font.css');



body {

    margin: 0;

    font-family: 'Roboto', sans-serif;

    font-weight: 300;

    font-size: 16px;

    line-height: 1.25;

    background-color: #f4f6f9;

    display: flex;

    height: 100vh;

    align-items: center;

    justify-content: center;

}



.tmpl-logo {

    height: 82px;

    padding: 3rem 0;

    border-bottom: none;   

}

.tmpl-logo .logo-wrapper {

    width: 56px;

    height: 56px;

}

.tmpl-logo .logo-wrapper img {

    width: 100%;

    height: 100%;

}



.tmpl-logo > .tmpl-brand {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    color: #15599a !important;

    font-weight: 700;

    font-size: 1.50rem;

    white-space: nowrap;

    flex-shrink: 0;

    transition:

        margin-left .3s linear,

        opacity .3s ease,

        visibility .3s ease;

}

.tmpl-logo > .tmpl-brand > .small {

    color: rgba(255, 255, 255, 0.8);

    line-height: 1;

    font-size: 0.6rem;

    color: #fff;

    align-self: flex-end;

}



.card.authorize-form { 

    width: 300px;

}



/*#authorize-form { 

    display: block;

    position: relative; 

    box-sizing: border-box;

    margin: 32px auto;

    

    padding: 32px 16px;

    border: 2px solid #646464;

    border-radius: 6px;

    background-color: #fff;

    z-index: 1001;

}

#authorize-form input[type="text"],

#authorize-form input[type="password"] { display: block; box-sizing: border-box; border: 1px solid #999; border-radius: 3px; padding: 0 1%; line-height: 23px; width: 100%; margin-bottom: 5px; }

#authorize-form input:last-of-type { margin-bottom: 0; }



#authorize-form input[type="text"]:focus,

#authorize-form input[type="password"]:focus { outline: none; box-shadow: 0 0 5px 0 RGBa(0,0,0,0.15); }



#authorize-form .buttons { margin-top: 16px; }

#authorize-form .buttons button { display: block; padding: 4px 16px; box-sizing: border-box; float: left; width: 49%; margin-right: 2%; cursor: pointer; }

#authorize-form .buttons button:last-of-type { margin-right: 0; }

#authorize-form .fail { display: block; color: #FF3300; padding: 8px 0; }*/