body{padding-top:4.5rem;}

/*
 * Typography
 */

h1 {padding-bottom:9px;margin-bottom:20px;border-bottom:1px solid #eee;}

form{display:block;width:100%;}
form .table thead th,form .table thead td{vertical-align:middle;}
form .table input[type="checkbox"]{margin:7px auto;line-height:normal;}
form .table thead th input[type="checkbox"]{margin:0 auto 5px auto;position:static;}
form .table .transfert > button,form .table .transfert > select{margin-right:10px;}
form .table .transfert > a{float:right;}
form .table.table-striped thead th > a:not(.current):not(.btn){color:inherit;}

/*
 * Sidebar
 */

.sidebar{}
.sidebar ul > li{position:relative}
.sidebar ul > li > a{text-decoration:none;}
.sidebar ul > li > a > span{display:inline-block;vertical-align:top;}
.sidebar ul > li > a > span.caret{position:absolute;right:18px;top:18px;}
.sidebar ul > li > a > span:nth-child(1){width:30px;text-align:center;}
.sidebar ul > li.hasChild > ul.sub-menu{list-style:none;display:none;}
.sidebar ul > li.hasChild:hover > ul.sub-menu,.sidebar ul > li.hasChild.active > ul.sub-menu{display:block;}

.sidebar .nav{margin-bottom:20px;}

.sidebar .nav-item{width:100%;}

.sidebar .nav-item + .nav-item{margin-left:0;}

.sidebar .nav-link{border-radius:0;}

/*
 * Dashboard
 */

/* Placeholders */
.placeholders {padding-bottom:3rem;}
.placeholder img{padding-top:1.5rem;padding-bottom:1.5rem;}


body#page_login{background:#eee;}
.form-signin{width:50%;min-width:300px;max-width:100%;margin:25px auto;border:2px solid white;border-radius:5px;box-sizing:border-box;padding:25px;}
.form-signin-heading{text-align:center;margin-top:0;}
.form-signin input{margin:10px auto;}

#credits{font-size:11px;text-align:center;background:#f5f5f5;margin:0;height:25px;line-height:25px;position:fixed;bottom:0;left:0;right:0;width:100%;}
#credits a{text-decoration:none;}

.bootstrap-datetimepicker-widget{display:block !important;}
#myModal{background:white;max-width:800px;max-height:600px;overflow:auto;padding:0 10px !important;margin:auto !important;}
#myModal .modal-header .close{position:absolute;top:0;right:0;margin:0 !important;display:block;}
#myModal .modal-header h3{display:block;width:100%;}
#myModal .modal-dialog{pointer-events:all;max-width:750px;}