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

.form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
}

.slider-centered {
    left: 15px; top: 8px;
}

.full-height {
    height: 100vh!important;
}
.campaign-bg-creating{
    background-color: #fffb0020
}
.campaign-bg-created{
    background-color: #00b7ff20
}
.campaign-bg-active{
    background-color: #00ff3320
}
.campaign-bg-inactive{
    background-color: #fc200020
}
.campaign-bg-finished{
    background-color: rgba(164, 46, 190, 0.25)
}
.campaign-bg-closed{
    background-color: rgba(246, 223, 78, 0.25)
}
.slow .toggle-group { transition: left 0.7s; -webkit-transition: left 0.7s; }
.fast .toggle-group { transition: left 0.1s; -webkit-transition: left 0.1s; }
.quick .toggle-group { transition: none; -webkit-transition: none; }

.col-fixed { position:relative; min-height:1px; padding-right:15px; padding-left:15px; float:left; width:100%;  }

@media (min-width: 768px) and (max-width: 991px) {
    .col-fixed { width:350px; }
    .col-fluid { width:calc(100% - 350px);}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .col-fixed { width:350px; }
    .col-fluid { width:calc(100% - 350px);}
}

@media (min-width: 1200px) {
    .col-fixed { width:350px; }
    .col-fluid { width:calc(100% - 350px);}
}

.pie-canvas {
    width: 100px;
    height: 100px;
}

.table-hover tbody tr:hover td {
    background: rgba(255, 255, 255, 0.1)
}
.data-operation-validate{
    background-color: rgba(0, 255, 51, 0.05)
}
.data-operation-invalidate{
    background-color: rgba(252, 32, 0, 0.05)
}
.data-operation-deliver{
    background-color: rgba(0, 255, 51, 0.05)
}
.data-operation-undeliver{
    background-color: rgba(252, 32, 0, 0.05)
}
.sidebar-hover{
    box-shadow: 0 0 5pt -1pt #0275d8;
}
.sidebar-left{
    text-align: center;
    border:1px solid transparent;
}