/* === Reset === */

body {
    font-family: Helvetica,"Helvetica Neue",Arial,sans-serif !important;
    font-size: 14px !important;
    margin: 0px;
    padding: 0px;
}

/* === Global styles === */
.content-wrapper {
    padding:10px;
}

/* === Login panel styles === */
.login-logo {
    height: 200px;
}

.login-error {
    color: red;
    font-weight: bold;
    margin-bottom: 10px;
    text-align:center;
    font-size:1.2em;
}

/* === hide EasyAdmin side-bar === */

.easyadmin .content-wrapper {
    margin-left: 0px !important;
}

.main-sidebar {
    visibility: hidden;
}

#header-logo {
    margin-left: 15px;
}

/* === Form widget: TimePeriod(s) === */

.field-time_period label {
    display: none;
}

.field-time_period .form-inline {
    float: left;
}

.field-time_period span {
    float: left;
    padding: 5px;
    margin-top: 2px;
}

/* === Style for specific pages === */

#turnover_reporting .currentPeriod {
    font-weight: bolder;
    margin-left: 10px;
    margin-right: 10px;
}

.content-panel {
    padding:15px;
}

/* === Dashboard styles === */

/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    margin:0 5px;
    font-weight:bold;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.activate {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    border: 1px solid #bbb;
    margin:0 5px;
    padding: 12px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

.tablinks {
    font-weight:bold;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

.dashboard_selector {
    background-color:#DDD;
    width:98%;
    margin:10px;
    padding:10px;
}

.dashboard_op_section {
    background-color:#FFF;
    float:left;
    margin-bottom:50px;
    width:98%;
}

.dashboard_date_header {
    text-align:center;
    margin-top:20px;
    margin-bottom:30px;
    clear:both; /* Cancel float attribute from dashboard_header */
}

.dashboard_header {
    background-color:#FFF3CD;
    min-height:30px;
    margin:-12px -12px 10px -12px; /* negative value allow to cancel the parent margin */
    padding:5px 10px;
    border-bottom:2px solid #CCC;
}


.roundCorner {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.filterArea {
    width:100%;
    float:left;
    background-color: #EEE;
    border:1px solid #AAA;
    padding:10px;
    margin-bottom:10px;
}

.filterArea .elem {
    
}

.linkSelected {
    color: #009933;
    font-weight:bold;
    pointer-events: none; # disable link
}

.linkDefault {
    text-decoration:underline;
    color:black;
}

.checklistItem {
    clear:both;
    margin-left:20px;
}

.checklistItem .label {
    font-weight:bold;
    font-size:1.4em;
    padding-right:20px; 
    float:left;
    height:32px;  
    width:80%;
    text-align:left;
}

.checklistItem .res {
    float:left;
    height:32px;
}

.checklistItem .text {
    float:right;
    text-align:right;
    height:32px;
    font-size:1.4em;
    margin-right:20px;
}

/* A few custom styles for date inputs */
.currentPeriod input[type="date"] {
    appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-size: 18px;
    padding:5px;
    background-color:#FFF;
    border:1px solid #000;
}

/**** Datatable overloading styles ***/
.dataTables_wrapper
{
    min-height:150px;
}


.easyadmin-edit-small {
    font-size:0.8em;
    font-weight: normal;
}

.easyadmin-list-small {
    font-size:0.85em;
    font-weight: normal;
}

.easyadmin-list-bold {
    font-weight: bold;
}

.keyword {
    color:#00F;
    font-weight: bold;
}

.filter_bloc {
    border:2px solid #aaa;
    background:#fff url("/images/filter.png") top repeat-x;
    -khtml-border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    padding:8px;
}

.notification_alert {
    background-color:#f8d7da !important;
    border-color : #f5c6cb !important;
}

.notification_alert_div {
    background-color:#f8d7da !important;
    border-color : #f5c6cb !important;
    color: #721c24;
}

tr.notification_alert:hover {
    color: red !important;
}