mg-transport-telegram/static/style.css

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}

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

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

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

.docs,
.tab-el-center,
.footer-copyright{
    width: 67%;
    margin: 0 auto;
}

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

#bots .select-wrapper input.select-dropdown,
#bots {
    font-size: 12px;
}

#bots .sel-lang{
    padding: 0;
}

#bots .select-wrapper ul li span{
    color: #039be5;
}

#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;
}

.docs p {
    text-align: center;
    color: #9e9e9e;
}

.footer-copyright {
    border-top: 1px solid #9e9e9e;
    margin-top: 10px;
}

.footer-copyright p {
    color: #9e9e9e;
}

.animate {
    transition: all 0.5s ease;
    animation: rotate 1s linear infinite;
}

@keyframes rotate {
    from {
        transform: rotate(360deg);
    }
}