/*******************************************************************************
POLICE
*******************************************************************************/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');

/*******************************************************************************
BODY
*******************************************************************************/
body {
	font-family:'Roboto';
	font-weight:300;
}
/* Hack pour forcer l'apparition de l'ascenseur vertical dont l'absence impacte lourdement et négativement DataTables */
body.fixed {
    overflow-y:scroll;
}

/*******************************************************************************
FORMULAIRES
*******************************************************************************/
/* Divers */
input[type='text'],
input[type='password'],
select:not(.cke_dialog_ui_input_select),
textarea {
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	appearance:none;
}
input::-ms-clear {
	display:none;
}
select:not(.cke_dialog_ui_input_select) {
	background-image:url(/images/down-arrow.png) !important;
	background-repeat:no-repeat;
	background-position:right 10px center;
	padding-right:34px !important;
}
select::-ms-expand {
	display:none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow:0 0 0 30px #fff inset !important;
}
.form-control:focus,
textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
	z-index:2 !important;
	outline:none !important;
	background-color:#fff;
}
/* Disbled option in select list */
select option:disabled:not(:first-of-type) {
    color:#ccc;
}
/* Form control & input-group-addon */
.form-control,
has-success .form-control,
has-error .form-control {
	-webkit-transition:none;
	transition:none;
}
.form-control.mois {
	padding:4px;
}
.input-group.disabled .form-control,
.input-group.disabled .input-group-addon {
	background:#f0f0f0 !important;
}
.form-group.has-success label {
    color:inherit;
}
.form-group.has-success .form-control, .form-group.has-success .input-group-addon {
    border-color:#d2d6de;
}
.has-success .input-group-addon {
    color:#555;
}
.input-group .input-group-addon {
    padding:6px 8px;
	background:#f4f4f4;
}
.input-group *:first-child {
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}
.input-group *:last-child {
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
}
/* Checkboxes */
.styled-checkbox {
	position:absolute;
	opacity:0;
}
.styled-checkbox + label {
	display:inline-block;
	position:relative;
	cursor:pointer;
	padding:0;
}
.styled-checkbox + label span {
	position:relative;
	display:block;
	left:30px;
	padding-right:20px;
}
.styled-checkbox + label:before {
	content:'';
	position:absolute;
	margin-top:-1px;
	margin-right:10px;
	display:block;
	vertical-align:text-top;
	width:20px;
	height:20px;
	background:white;
	border:1px solid #ccc;
	border-radius:3px;
}
.styled-checkbox:hover + label:before {
	background:#fff;
	border:1px solid #000;
}
.styled-checkbox:checked + label:before {
	background:#000;
	border:1px solid #000;
}
.styled-checkbox:disabled + label {
	color:#b8b8b8;
	cursor:auto;
}
.styled-checkbox:disabled + label:before {
	box-shadow:none;
	background:#ddd;
}
.styled-checkbox:checked + label:after {
	content:'';
	position:absolute;
	left:5px;
	top:8px;
	background:white;
	width:2px;
	height:2px;
	box-shadow:2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
	-webkit-transform:rotate(45deg);
		  transform:rotate(45deg);
}

/*******************************************************************************
TEXTE TROP LONG
*******************************************************************************/
.text-break {
	word-break:break-all;	
}

/*******************************************************************************
COULEUR DES POLICES
*******************************************************************************/
.text-good {
	color:#86e096;	
}
.text-bad {
	color:#f00;	
}

/*******************************************************************************
ÉPAISSEUR DES POLICES
*******************************************************************************/
.text-light {
	font-weight:300;	
}
.text-regular {
	font-weight:400;	
}
.text-medium {
	font-weight:500;	
}
.text-bold {
	font-weight:700;	
}

/*******************************************************************************
BACKGROUNDS
*******************************************************************************/
.bg-dark {
    background-color:#353b4b;
}

/*******************************************************************************
LIGNE HORIZONTALE
*******************************************************************************/
hr {
    border-top: 1px solid #ddd;
}

/*******************************************************************************
PADDINGS & MARGINS
*******************************************************************************/
/* Paddings */
.p-0 	{	padding:0 !important; }
.p-5 	{	padding:5px !important; }
.p-10 	{	padding:10px !important; }
.p-25 	{	padding:25px !important; }
.p-50 	{	padding:50px !important; }
.p-75 	{	padding:75px !important; }
.p-100	{	padding:100px !important; }
.p-150	{	padding:150px !important; }
.py-0 	{	padding-top:0 !important; padding-bottom:0 !important; }
.py-5 	{	padding-top:5px !important; padding-bottom:5px !important; }
.py-10 	{	padding-top:10px !important; padding-bottom:10px !important; }
.py-25 	{	padding-top:25px !important; padding-bottom:25px !important; }
.py-50 	{	padding-top:50px !important; padding-bottom:50px !important; }
.py-75 	{	padding-top:75px !important; padding-bottom:75px !important; }
.py-100	{	padding-top:100px !important; padding-bottom:100px !important; }
.py-150	{	padding-top:150px !important; padding-bottom:150px !important; }
.pt-0 	{	padding-top:0 !important; }
.pt-5 	{	padding-top:5px !important; }
.pt-10 	{	padding-top:10px !important; }
.pt-25 	{	padding-top:25px !important; }
.pt-50 	{	padding-top:50px !important; }
.pt-75 	{	padding-top:75px !important; }
.pt-100	{	padding-top:100px !important; }
.pt-150	{	padding-top:150px !important; }
.pb-0 	{	padding-bottom:0 !important; }
.pb-5 	{	padding-bottom:5px !important; }
.pb-10 	{	padding-bottom:10px !important; }
.pb-25 	{	padding-bottom:25px !important; }
.pb-50 	{	padding-bottom:50px !important; }
.pb-75 	{	padding-bottom:75px !important; }
.pb-100	{	padding-bottom:100px !important; }
.pb-150	{	padding-bottom:150px !important; }
/* Margins */
.m-0 	{	margin:0 !important; }
.m-5 	{	margin:5px !important; }
.m-10 	{	margin:10px !important; }
.m-25 	{	margin:25px !important; }
.m-50 	{	margin:50px !important; }
.m-75 	{	margin:75px !important; }
.m-100	{	margin:100px !important; }
.m-150	{	margin:150px !important; }
.my-0 	{	margin-top:0 !important; margin-bottom:0 !important; }
.my-5 	{	margin-top:5px !important; margin-bottom:5px !important; }
.my-10 	{	margin-top:10px !important; margin-bottom:10px !important; }
.my-25 	{	margin-top:25px !important; margin-bottom:25px !important; }
.my-50 	{	margin-top:50px !important; margin-bottom:50px !important; }
.my-75 	{	margin-top:75px !important; margin-bottom:75px !important; }
.my-100	{	margin-top:100px !important; margin-bottom:100px !important; }
.my-150	{	margin-top:150px !important; margin-bottom:150px !important; }
.mt-0 	{	margin-top:0 !important; }
.mt-5 	{	margin-top:5px !important; }
.mt-10 	{	margin-top:10px !important; }
.mt-25 	{	margin-top:25px !important; }
.mt-50 	{	margin-top:50px !important; }
.mt-75 	{	margin-top:75px !important; }
.mt-100	{	margin-top:100px !important; }
.mt-150	{	margin-top:150px !important; }
.mb-0 	{	margin-bottom:0 !important; }
.mb-5 	{	margin-bottom:5px !important; }
.mb-10 	{	margin-bottom:10px !important; }
.mb-25 	{	margin-bottom:25px !important; }
.mb-50 	{	margin-bottom:50px !important; }
.mb-75 	{	margin-bottom:75px !important; }
.mb-100	{	margin-bottom:100px !important; }
.mb-150	{	margin-bottom:150px !important; }

/*******************************************************************************
HIDDEN
*******************************************************************************/
.hidden {
	display:none;
}

/*******************************************************************************
PAGE DE LOGIN
*******************************************************************************/
.login-logo img {
	display:block;
	width:90%;
	margin:0 auto 30px auto;
}
.login-page,
.register-page {
	/* Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#61c4e2+22,4582a0+100 */
	background:#61c4e2; /* Old browsers */
	background:-moz-radial-gradient(center, ellipse cover, #61c4e2 22%, #4582a0 100%); /* FF3.6-15 */
	background:-webkit-radial-gradient(center, ellipse cover, #61c4e2 22%,#4582a0 100%); /* Chrome10-25,Safari5.1-6 */
	background:radial-gradient(ellipse at center, #61c4e2 22%,#4582a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#61c4e2', endColorstr='#4582a0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	height: inherit;
    display:flex;
	flex-direction:column;
	justify-content:center;
}
.login-box,
.register-box {
	width:360px;
	margin:0 auto;
}
@media (max-width:768px) {
	.login-box,
	.register-box {
		width:80%;
		margin:0 auto;
	}
}
.login-box-body,
.register-box-body {
	box-shadow:0 2px 8px 0 rgba(0,0,0,.5) ;
	border-radius:6px;
}
.login-box-body .attempts {
	color:#a94442;
}
.login-box-body .attempts.warning {
	display:block;
}
.login-box-body .attempts .text {
	font-size:.9em;
	line-height:1.25em;
}

/*******************************************************************************
LOGO HEADER
*******************************************************************************/
.main-header .logo img {
    padding:0 !important;
}
.main-header .logo-lg img {
	width:100%;
	max-width:240px !important;
}
.main-header .logo-mini img {
	width:30px;
}

/*******************************************************************************
SIDEBAR MENU
*******************************************************************************/
.sidebar {
    padding-bottom: 10px;
    overflow: hidden;
}
    .sidebar-menu > li > a > .fa {
        width:40px;
        margin-left:-10px;
        margin-right:6px;
    }
    .sidebar-menu > li > a > span {
        position:relative;
        top:-5px;
    }
	.skin-custom .sidebar-menu > li > .treeview-menu {
		background:#464b5a !important;
	}
	.skin-custom .sidebar-menu > li > .treeview-menu > li > a {
		padding: 10px 5px 5px 29px !important;
	}

/*******************************************************************************
CONTENT HEADER
*******************************************************************************/
.content-header {
    display:flex;
    position:relative;
    padding:15px 15px 0 5px;
}
    .content-header .breadcrumb {
        position:static;
        flex-grow:1;
        flex-basis:auto;
        background:transparent;
        font-size:12px;
        padding:5px 10px;
        margin-bottom:0;
        border-radius:2px;
        border:1px solid transparent;
    }
        .content-header .breadcrumb li {
            display:inline;
        }
        .content-header .breadcrumb li:before {
            color:#97a0b3;
        }
        .content-header .breadcrumb li.active {
            color:inherit;
        }
            .content-header .breadcrumb li > .fa:first-child {
                margin-right:5px;
            }
            .content-header .breadcrumb li > a {
                display:inherit;
                color:#444;
                text-decoration:none;
            }
            .content-header .breadcrumb li > a:hover {
                color:#000;
                text-decoration:underline;
            }
            .content-header .breadcrumb li + li:before {
                content:'>\00a0';
            }
    .content-header .buttons {
        flex-shrink:1;
        flex-basis:auto;
        white-space:nowrap;
        margin-left:10px;
    }

/*******************************************************************************
CKEDITOR
*******************************************************************************/
.has-error .cke {
    border:1px solid #dd4b39;
}
.cke_reset {
	border-radius:3px;
}
	.cke_reset .cke_top {
		border-top-left-radius:3px;
		border-top-right-radius:3px;
	}

/*******************************************************************************
MODIFICATIONS POUR PASSER LA NAVBAR SUR UNE SEULE LIGNE AU LIEU DE DEUX
*******************************************************************************/
@media (max-width: 767px) {
    .skin-custom .main-header .logo:hover {
		background-color:#39b0d3 !important;
	}
	.skin-custom .main-header .navbar {
		position:absolute;
		top:0;
		background-color:transparent !important;
		pointer-events:none;
	}
	.skin-custom .main-header .navbar .sidebar-toggle {
		pointer-events:all;
	}
	.navbar-custom-menu {
		pointer-events:all;
	}
	.navbar-custom-menu .navbar-nav > li > a {
		padding-top: 15px;
		padding-bottom: 10px;
		line-height: 25px;
	}
	.main-sidebar {
		padding-top:50px;
	}
	.fixed .content-wrapper, 
	.fixed .right-side {
		padding-top:50px;
	}
}

/*******************************************************************************
DROPDOWN
*******************************************************************************/
.dropdown-menu {
    box-shadow:2px 2px 9px rgba(0,0,0,.4) !important;
}

/*******************************************************************************
IMAGE UTILISATEUR NAVBAR
*******************************************************************************/
.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
    height:auto;
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {
    height:150px;
    width:150px;
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
    color:#fff;
}

/*******************************************************************************
CONTROL SIDEBAR
*******************************************************************************/
.control-sidebar-dark, .control-sidebar-dark+.control-sidebar-bg {
    background:#353b4b;
}

/*******************************************************************************
BOUTONS FILTER ET CLOSE
*******************************************************************************/
.btn-filter,
.btn-close {
	cursor:pointer;
}
.btn-close:hover {
	color:#000;
}

/*******************************************************************************
IMAGES
*******************************************************************************/
.img-border {
    max-width:100%;
    border:3px solid #e1e1e1;
	border-radius:8px;
}
.img-circle {
	border-radius:50% !important;
}

/*******************************************************************************
TABS
*******************************************************************************/
.nav-tabs-custom>.nav-tabs {
	display:flex;
	flex-direction:row-reverse;
}
	.nav-tabs-custom>.nav-tabs>li.header {
		flex-grow:1 !important;
	}
		.nav-tabs-custom>.nav-tabs>li.header>.box-header {
			display:flex;
			padding:18px 5px;
		}
			.nav-tabs-custom>.nav-tabs>li.header>.box-header>.fa,
			.nav-tabs-custom>.nav-tabs>li.header>.box-header>.box-title {
				font-size:18px;
			}
	.nav-tabs-custom>.nav-tabs>li {
		flex-shrink:1;
	}
		.nav-tabs-custom>.nav-tabs>li>a {
			padding-top:16px;
			padding-bottom:16px;
		}

/*******************************************************************************
CALLOUT
*******************************************************************************/
.callout-default {
    background:#f8f8f8;
}

/*******************************************************************************
SOLDE
*******************************************************************************/
#solde {
    position:fixed;
    z-index:3;
    background:#00a65a;
    color:#fff;
    bottom:15px;
    right:15px;
    padding:15px;
    font-size:18px;
    border-radius:8px;
    display:none;
}
@media (max-width:768px) {
    #solde {
        width:calc(100% - 30px);
        bottom:54px;
        right:50%;
        transform:translateX(50%);
    }
}

/*******************************************************************************
ALERTS
*******************************************************************************/
.alert-dismissable,
.alert-dismissible {
    padding-right:15px !important;
}
.alert-transferts {
    height:203px;
}
    .alert-transferts a {
        color:#000;
        text-decoration:none;
    }
.alert-pending {
    background:#ffffff;
    color:#bdc5c7
}

/*******************************************************************************
SWEET ALERT 2
*******************************************************************************/
.swal2-popup {
    font-size:1.6rem !important;
}

/*******************************************************************************
PROGRESS BAR
*******************************************************************************/
.progress {
    position:relative;
    background-color:#efeae1;
    border-radius:4px;
}
.progress.progress-blue {
    background-color:#fff;
}
    .progress-bar {
        border-radius:0;
        background-color:#f39c11;
    }
    .progress-blue .progress-bar {
        background-color:#84e7ff;
    }
    .progress-bar-title {
        position:absolute;
        text-align:center;
        line-height:21px; /* Doit être de la même hauteur (enfin presque) que la barre de progression */
        overflow: hidden;
        color:#000;
        right:0;
        left:0;
        top:0;
    }

/*******************************************************************************
FONT AWESOME
*******************************************************************************/
.fa-ul-circle {
    margin-left:3em;
}
    .fa-ul-circle li {
        top:.65em;
        min-height:30px;
        margin-bottom:7px;
    }
        .fa-ul-circle li .fa-li {
            top:-.45em;
            left:-2.2em;
            background:#e8e8e8;
            width:34px;
            height:34px;
            border-radius:50%;
        }
        .fa-ul-circle li .fa-li:before {
            display:block;
            top:10px;
            position:relative;
        }

/*******************************************************************************
FICHIERS
*******************************************************************************/
#etat-transfert {
	display:none;
}
#dropTarget {
    min-height:244px;
    height:auto;
    border-radius:3px;
    padding:0;
}
    #dropTarget #add_file {
        cursor:pointer;
        display:block;
        padding:10px;
        border-top-left-radius:3px;
        border-top-right-radius:3px;
        border-bottom:1px solid #ccc;
        background:#f8f8f8;
    }
    #dropTarget #add_file:hover {
        background:#72afd2;
        color:#fff;
    }
        #dropTarget #add_file .fa-ul {
            margin-left:23px;
            margin-bottom:0;
        }
    #dropTarget .fichier {
        clear:both;
        padding:4px 10px;
        border-bottom:1px solid #ccc;
    }
    #dropTarget .fichier:last-child {
        border-bottom:none;
    }
        #dropTarget .fichier .nom_fichier {
            width: calc(100% - 20px);
            display: inline-block;
        }

/*******************************************************************************
DATATABLES
*******************************************************************************/
table.dataTable {
    border-collapse:collapse !important;
}
.dataTables_wrapper.container-fluid {
    padding-right:0;
    padding-left:0;
}
/* Filtre / recherche */
.search-value {
	cursor:pointer;
}
.search-value:hover {
	text-decoration:underline;
}
.reset-search {
	margin-left:8px;
}
.reset-search .fa,
table.dataTable .btn .fa {
	margin-left:0 !important;
}
/* En-tête et pied */
.table>thead>tr>th {
    border-bottom:2px solid #666;
}
.table>tfoot>tr>td {
    border-top:2px solid #666;
}
/* Cellules */
table.dataTable th,
table.dataTable td {
    border-top:none;
}
table.dataTable td {
	font-weight:inherit;
}
/* Boutons d'actions */
table.dataTable tr .actions {
	white-space:nowrap;
	text-align:right;
}
/* Image */
.table-striped td img {
    min-width:60px !important;
    width:60px !important;
	border:2px solid #eee;
}
/* Alternances de couleur de lignes */
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color:#f8f8f8;
}
/* Nouvelles lignes */
.table-striped>tbody>tr.new-row {
	animation: newrow 2.5s;
	animation-iteration-count: 1;
}
@keyframes newrow{
  from {background-color: #00c0ef;}
  to {background-color: inherit;}
}
/* Couleur de lignes mise en évidence */
.table-striped>tbody>tr.highlighted,
.table-striped>tfoot>tr.highlighted,
.table-striped>tbody>tr.highlighted input {
    font-weight:900;
    color:#000;
}
.table-striped>tbody>tr.highlighted.alert,
.table-striped>tfoot>tr.highlighted.alert,
.table-striped>tbody>tr.highlighted.alert input {
    color:#f00;
}
.table-striped>tbody>tr.highlighted .img-border {
    border-color:#000;
}
.table-striped>tbody>tr.highlighted.alert .img-border {
    border-color:#f00;
}
/* Colonne contenant le nombre de jours */
.table-striped>tbody>tr>td.col-nombre-jours {
    line-height:34px;
    font-size:14px;
}
/* Colonne contenant le détail des fichiers */
.table-striped>tbody>tr>td.col-detail-fichiers > div > div {
    margin:0 !important;
    padding:0 !important;
}
.table-striped>tbody>tr>td.col-detail-fichiers > div > div:first-child {
    border-top:none !important;
}
/* Survol des lignes */
.table-striped>tbody>tr:hover {
    background-color:#eee !important;
}
/* Lignes menant à une url */
.table-striped>tbody>tr[data-href] {
    cursor:pointer;
}
/* Colonne des contrôles */
table.responsive.dataTable.dtr-column>tbody>tr>td.control:before,
table.responsive.dataTable.dtr-column>tbody>tr>th.control:before {
    top:0;
    left:0;
    height:26px;
    width:26px;
    margin-top:auto;
    margin-left:auto;
    display:block;
    position:relative;
    color:white;
    border:2px solid white;
    border-radius:100%;
    box-shadow:none;
    box-sizing:content-box;
    text-align:center;
    font-weight:700;
    font-size:20px;
	line-height:28px;
    content:'+';
    background-color:#f0ad4e;
}
/* FontAwesome plutôt qu'halflings */
table.dataTable thead th {
    position:relative;
    background-image:none !important;
}
table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
    position:absolute;
    bottom:8px;
    right:8px;
    display:block;
    font-family:FontAwesome;
    opacity:1;
}
table.dataTable thead th.sorting:after {
    content:"\f0dc";
    color:#ddd;
    font-size:0.8em;
    padding-top:0.12em;
}
table.dataTable thead th.sorting_asc:after {
    content:"\f160";
    color:#000;
}
table.dataTable thead th.sorting_desc:after {
    content:"\f161";
    color:#000;
}
/* Sous éléments du Wrapper (input, label, etc.) */
div.dataTables_wrapper .form-control {
	border-radius:3px;
}
div.dataTables_wrapper div.dataTables-functions > div {
	display:inline-block;
}
	div.dataTables_wrapper div.dataTables-functions > div label,
	div.dataTables_wrapper div.dataTables-functions > div .dt-buttons {
		margin-bottom:0;
	}
/* FixedHeader */
table.dataTable.fixedHeader-floating {
    z-index:2;
}
/* TFoot */
tfoot {
    display:table-row-group; /* Pour imprimer le tfoot uniquement sur la dernière page si l'impression nécessite plusieurs pages. */
}
#cir_table input,
#cir_table select {
	font-size:12px;
	width:100% !important;
}
#cir_table .axe {
    max-width:425px;
    min-width:70px;
}

@media screen and (max-width:991px) {
	div.dataTables_wrapper div.dataTables-functions > div {
		margin-bottom:5px;
	}
	div.dataTables_wrapper div.dataTables-functions > div,
	div.dataTables_wrapper div.dataTables_length,
	div.dataTables_wrapper div.dataTables_filter,
	div.dataTables_wrapper div.dataTables_info,
	div.dataTables_wrapper div.dataTables_paginate {
		display:block;
		clear:both;
		width:100%;
		text-align:center;
	}
	div.dataTables_wrapper div.dataTables-functions > div .dt-buttons {
		width:auto;
	}
}

/*******************************************************************************
IMPRESSION
*******************************************************************************/
@media print {
    body {
        font-size:11px;
        color:#000;
    }
    h1, h2, h3 {
        color:#000;
        line-height:1em;
    }
    h1 {
        font-size:28px;
    }
    h2 {
        font-size:25px;
    }
    h3 {
        font-size:22px;
    }
    a {
        color:#000 !important;
    }
    .dataTables_filter:not(.filled) {
        display:none;
    }
    .main-footer {
        display:none;
    }
    .content-wrapper {
        background-color:#ffffff;
    }
    .box {
        border-radius:0;
        border:none;
        box-shadow:none;
    }
    .avoid-page-break-inside {
        page-break-inside:avoid;
    }
    .box.box-filter {
        display:none;
    }
        .box-header {
            padding:8px 0;
            margin:8px 0;
        }
        .box-first .box-header {
            border:none !important;
            margin-top:0;
            padding-top:0;
        }
        .box-primary .box-header {
            border-bottom:3px solid #3c8dbc;
            color:#3c8dbc;
        }
        .box-info .box-header {
            border-bottom:3px solid #00c0ef;
            color:#00c0ef;
        }
        .box-danger .box-header {
            border-bottom:3px solid #dd4b39;
            color:#dd4b39;
        }
        .box-warning .box-header {
            border-bottom:3px solid #f39c12;
            color:#f39c12;
        }
        .box-success .box-header {
            border-bottom:3px solid #00a65a;
            color:#00a65a;
        }
        .box-default .box-header {
            border-bottom:3px solid #d2d6de;
            color:#d2d6de;
        }
            .box .box-header .box-title {
                color:#000;
            }
        .box-body {
            padding:0;
        }
    .fa-ul-circle {
        margin-bottom:0;
    }
        .fa-ul-circle li {
            top:0;
            left:-.7em;
            min-height:auto;
            margin-bottom:4px;
        }
            .fa-ul-circle li .fa-li {
                top:.14285714em;
                background:transparent;
                width:2.14285714em;
                height:auto;
            }
            .fa-ul-circle li .fa-li:before {
                top:0;
            }
    th.actions, td.actions {
        display:none;
    }
    .table-striped td img {
        min-width:28px !important;
        width:28px !important;
        max-width:28px !important;
        margin-top:-7px;
        margin-bottom:-7px;
    }
    .table-striped td img.img-border {
        border-radius:4px;
    }
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float:left;
    }
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        width:100%;
    }
    .col-md-12 {
        width:100%;
    }
    .col-md-11 {
        width:91.66666667%;
    }
    .col-md-10 {
        width:83.33333333%;
    }
    .col-md-9 {
        width:75%;
    }
    .col-md-8 {
        width:66.66666667%;
    }
    .col-md-7 {
        width:58.33333333%;
    }
    .col-md-6 {
        width:50%;
    }
    .col-md-5 {
        width:41.66666667%;
    }
    .col-md-4 {
        width:33.33333333%;
    }
    .col-md-3 {
        width:25%;
    }
    .col-md-2 {
        width:16.66666667%;
    }
    .col-md-1 {
        width:8.33333333%;
    }
    .hidden-xs {
        display: block !important;
    }
}