.opts {
    padding: 2px 3px;
    height: 38px;
}

.has-error {
    color: #de815c !important;
}

td.details-control {
    background: url('../img/jquery.datatables/sort_desc.png') no-repeat center center;
    cursor: pointer;
}

tr.details td.details-control {
    background: url('../img/jquery.datatables/sort_asc.png') no-repeat center center;
}

input.error {
    border: 1px dotted #de815c;
}

label.error {
    color: #de815c;
    font-style: italic;
}

.deleteLine {
    text-decoration: line-through;
}

.danger {
    color: #aaa !important;
}

.content-header-media {
    height: 123px !important;
}

/*.dataTables_wrapper .dt-buttons {
  float:none;  
  text-align:center;
}*/


body {
    font-size: 12px !important;
    background-color: #fff;
}

#login-container {
    position: unset !important;
    margin: 0 auto;
}

#login-logo {
    text-align: center;
    margin: 70px 0px 40px;
}

#login-logo img {
    width: 300px !important;
}

#login-container .block {
    border: 1px solid #dae0e8;
}

table > tbody > tr > td > span.footable-toggle {
    margin-right: 8px;
    opacity: 1 !important;
    color: #00ff21;
    font-weight: bold;
}


@import "compass/css3";

.flex-container {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
}

.flex-item {
    padding: 5px;
    width: 200px;
    height: 140px;
    margin-top: 10px;
    line-height: 35px;
    color: white;
    font-weight: bold;
    font-size: 3em;
    text-align: center;
}
.flex-span{
    color:black !important;
}

.clickable-row{
    cursor:pointer;
    transition: background-color 0.2s;
}

    .clickable-row:hover {
        background-color: #f5f5f5;
    }