* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

body {
    display: block;
}

html, body {
    width: 100%;
    display: flex;
    height: 100%;
    margin: 0;
    padding: 0;
}

.task-map {
    height: 100%;
    min-height: -webkit-fill-available;
    width: 70%;
    float: left;
}

.taskPanel {
    width: 30%;
    position: relative;
}

.card {
    padding: 15px;
}

/*         region  login            */

.loginPage .form-control {
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
}


.loginPage .login-form {
    margin-top: 60px;
}

.loginPage form {
    color: #5d5d5d;
    background: #f2f2f2;
    padding: 26px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

    .loginPage form input,
    .loginPage form button {
        font-size: 18px;
        margin: 16px 0;
    }

.logOut {
    padding: 9px;
}

/*         end region  login            */

.navbar {
background: #f2f2f2;
}
    .navbar li {
        line-height: 50px;
        list-style-type: none;
        padding:5px;
    }