body { color: #586a9e }
hr { border-color: #cccccc; margin: 0; }
.no-margins { margin: 0px; }
.with-margins { margin: 10px; }
.col-centered { float: none; margin: 0 auto; }
#footer-div { color: #666;}
.help-block { color: #e00;}

.bg-gradient-primary {
    background-color: #00a08a;
    background-image: linear-gradient(180deg,#00a08a 10%,#fff);
}
.bg-gradient-primary a { color: #EEE; }
.btn-primary {
    background-color: #00a08a;
    border-color: #009681;
}
.btn-primary.disabled, .btn-primary:disabled {
    background-color: #8a8a8a;
    border-color: #444;
}
.btn-primary:hover {
    background-color: #027b6b;
}
.text-primary {
    color: #00a08a!important;
}
.sidebar .nav-item .collapse .collapse-inner .collapse-item.active, .sidebar .nav-item .collapsing .collapse-inner .collapse-item.active {
    color: #00a08a;
}
.flask-user-form a, .alert a { color: #4e73df; }
.flask-user-form { max-width: 800px; }

.flashes {
    background-color: #ffe267;
    padding: 5px;
}

.flashes > li {
    list-style-type: none;
    padding-left: 5px;
}

.note_warning {
    background: #f90;
    color: #FFF;
    padding: 10px;
    font-size: 1.5em;
}


.switch {
     appearance: none;
     -moz-appearance: none;
     -webkit-appearance: none;
     position: relative;
     width: 52px;
     height: 32px;
     outline: none !important;
     border-radius: 16px;
     border: 1px;
     box-sizing: border-box;
     background-color: #DFDFDF;
     transition: background-color .1s, border .1s;
 }

 .switch::before {
     content: " ";
     position: absolute;
     width: 52px;
     height: 32px;
     border: 1px solid #DFDFDF;
     border-radius: 16px;
     background-color: #FFFFFF;
     transition: transform .35s cubic-bezier(0.45, 1, 0.4, 1);
 }

 .switch::after {
     content: " ";
     position: absolute;
     top: 1px;
     left: 1px;
     width: 30px;
     height: 30px;
     border-radius: 15px;
     background-color: #FFFFFF;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
     transition: transform .35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
 }

 .switch:checked {
     border-color: #00a08a;
     background-color: #009681;
 }

 .switch:checked::before {
     transform: scale(0);
 }

 .switch:checked::after {
     transform: translateX(20px);
 }