.indent-top {
    margin-top: 2%;
}

.text-left{
    text-align: right;
}

#tab{
    width: 50%;
    margin: 0 auto 23px;
}

.tab-el-center{
    width: 67%;
    margin: 0 auto;
}

#bots .delete-bot{
    float: right;
}

#bots {
    font-size: 12px;
}

#msg{
    height: 23px;
}

.err-msg{
    color: red;
    margin: 0;
}

#logo{
    height: 100px;
    margin-bottom: 20px;
}

/* label color */
.input-field label {
    color: #039be5;
}
/* label focus color */
.input-field input[type=text]:focus + label {
    color: #039be5;
}
/* label underline focus color */
.input-field input[type=text]:focus {
    border-bottom: 1px solid #039be5;
    box-shadow: 0 1px 0 0 #039be5;
}
/* valid color */
.input-field input[type=text].valid {
    border-bottom: 1px solid #039be5;
    box-shadow: 0 1px 0 0 #039be5;
}
/* invalid color */
.input-field input[type=text].invalid {
    border-bottom: 1px solid #c62828;
    box-shadow: 0 1px 0 0 #c62828;
}
/* icon prefix focus color */
.input-field .prefix.active {
    color: #039be5;
}

.tabs .tab a {
    color: #039be5;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 24px;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: color .28s ease, background-color .28s ease;
    transition: color .28s ease, background-color .28s ease;
}

.tabs .tab a:focus, .tabs .tab a:focus.active {
    background-color: #e1f5fe;
    outline: none;
}

.tabs .tab a:hover, .tabs .tab a.active {
    background-color: transparent;
    color: #039be5;
}

.tabs .tab.disabled a,
.tabs .tab.disabled a:hover {
    color: #039be5;
    cursor: default;
}

.tabs .indicator {
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: #039be5;
    will-change: left, right;
}