/****************************************************************************************/
/* Copyright (c) 2017 Koren Lev (Cisco Systems), Yaron Yogev (Cisco Systems) and others */
/*                                                                                      */
/* All rights reserved. This program and the accompanying materials                     */
/* are made available under the terms of the Apache License, Version 2.0                */
/* which accompanies this distribution, and is available at                             */
/* http://www.apache.org/licenses/LICENSE-2.0                                           */
/****************************************************************************************/
/* wizard */
.mdl-dialog {
    width: 90vw !important;
}

.mdl-tabs__panel{
    margin-top: 30px;
}

.mdl-dialog__content {
    border-left: 5px solid #2196F3;
}


/* ======= Home page =======*/
.background-blue{
    background-color: #2196F3;
    color: #f9f9f9;
}
.background-white {
    border-color: #FFF;
}

.background-grey {
    background-color: #f9f9f9;
}

.home-fullscreen {
    /* padding: 25px; */
}

.mtop-50{
    margin-top: 100px;
}

.font20{
    font-size: 20px;
}

.title-border-bottom{
    border-bottom: 5px solid #2196F3;
}
.text-align-center{
    text-align: center;
}

/*
.home_mockups {
    position: relative;
    margin-top: 4rem;
    margin-bottom: -1rem;
    z-index: 3;
}

.home_mockups_1 {
    position: relative;
    animation-delay: 0.5s;
}

.home_mockups_2 {
    animation-delay: 1s;
}

.home_mockups_2, .home_mockups_3 {
    position: absolute;
    margin: 0 auto;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
*/

.box {
    margin: 50px;
}

.box-side{
    margin: 10px 50px;
}
/* ======= End of section =========*/


/* ======= Login - Register pages ======= */
.login-bg-primary {
    width: 100%;
    height: 30vh;
    background-color: #2196F3;
}

.login-bg-accent {
    width: 100%;
    height: 30vh;
    background-color: #9C27B0;
}

.login-card{
    margin-top: -70px;
    padding: 10px;
}
/* ======= End of section =======*/

/*====== Main page =======*/
.logo{
    padding: 10px;
}

.view-100{
    height: 100vh;
}

.user-bar{
    background: #42A5F5;
    color: #fff;
    padding-left: 15px;
}
/* ======= End of section =======*/

/*// Rules for sizing the icon.*/
.material-icons.md-18 { font-size: 21px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
/*// Rules for using icons as black on a light background.*/
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }
/*// Rules for using icons as white on a dark background.*/
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }
/* ======= End of section ===========*/