@charset "utf-8";
/* CSS Document */

html, body {width:100%;min-height: 100%;width:100%; }
body {width:100%; min-height: 100%; background: url(../img/bgd.png) left 200px repeat-x #f5f5f5;  margin: 0;font-family: 'Open Sans', sans-serif; color: #828181; font-size: 14px; line-height: 20px;  font-weight: 400;}

h1, h2, h3, h4 {font-family: 'PT Sans Narrow', sans-serif; font-weight: 400;color: #E60000}
h2, h3 { margin: 20px 0 40px 0;}
h2 {font-size: 36px;color: #E60000; letter-spacing: -2px;}
h3 {font-size: 28px; letter-spacing: -1px;}
figure, form {margin: 0}
*, input, p {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear {clear:both;font-size:1px;line-height:0;}
a {text-decoration: none}
a:hover {}

/* Transition */
a, .main article.page .dataTables_wrapper table tr, .main article.login, .main article.create_account {-webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.15s ease-in-out;}
/* //Transition */
/****** General ******/
.main, header .content, footer .content  {width: 90%; margin: 0 auto; position: relative}
.shadow {-webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.46); -moz-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.46); box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.46);}
/****** //General ******/

/****** Forms ******/
/*
input[type=text], input[type=password], #Adddialog input {width: 320px;}
input[type=text], input[type=password], select, #Adddialog input {line-height: 40px; font-size: 22px; color: #888; font-family: 'PT Sans Narrow', sans-serif; padding: 0 5px; border: solid 1px #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 5px 0}
input[type=button], input[type=submit], button {line-height: 38px; border: none; background: #E60000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 5px 5px 5px 0; color: #fff; font-family: 'PT Sans Narrow', sans-serif; text-transform: uppercase; font-size: 20px; padding: 0 10px}
input[type=button]:hover, input[type=submit]:hover, button:hover {background: #E60000;}
form label{width: 175px; text-align: right; font-family: 'PT Sans Narrow', sans-serif; font-size: 22px;line-height: 50px;display: block; text-align: right; float: left; padding: 0 20px 0 0}
#Adddialog form label {width: 250px}

//*/

.process-button { line-height: 38px; border: none; background: #828181; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 5px 5px 5px 0; color: #fff; font-family: 'PT Sans Narrow', sans-serif; text-transform: uppercase; font-size: 20px; padding: 0 10px}
.process-button a.ui-button {padding: 5px 20px}
.process-button a.ui-button img {margin: 0 10px 0 0; width: 15px; height: 15px;}
.process-button:hover, input[type=submit]:hover, button:hover, #logdisplay1 .save_link:hover, #logdisplay .save_link:hover {background: #E60000;}
img {vertical-align:middle;}


input[type=text], input[type=password], #Adddialog input, input.hasDatepicker {width: 320px;}
input[type=checkbox] { width: auto !important; margin: 0 5px 0 0 !important; height: auto !important}
input[type=text], input[type=password], select, #Adddialog input, input.hasDatepicker  {height: 40px; font-size: 22px; color: #888; font-family: 'PT Sans Narrow', sans-serif; padding: 0 5px; border: solid 1px #ccc; border: solid 1px #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 5px 0}
input[type=button], input[type=submit], button, .add_button a.ui-button, a.process-button , a.save_link {line-height: 38px; border: none; background: #828181; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 5px 5px 5px 0; color: #fff; font-family: 'PT Sans Narrow', sans-serif; text-transform: uppercase; font-size: 20px; padding: 0 10px}
.add_button a.ui-button {padding: 5px 20px}
.add_button a.ui-button img {margin: 0 10px 0 0; width: 15px; height: 15px;}
input[type=button]:hover, input[type=submit]:hover, button:hover, #logdisplay1 .save_link:hover, #logdisplay .save_link:hover {background: #E60000;}
/*form label{width: 175px; text-align: right; font-family: 'PT Sans Narrow', sans-serif; font-size: 22px;line-height: 50px;display: block; text-align: right; float: left; padding: 0 20px 0 0}*/
#Adddialog form label {width: 250px}


/****** //Forms ******/

/******** Header *******/
header {width: 100%; display: block; height: 200px; background:  #fff; }
header a.logo {position: relative; top: 21px; left: 27px; }
header h1 {font-size: 48px; color: #acacae; position: absolute; top: 0; left: 470px; line-height: 42px; letter-spacing: -2px;}
header h1 br {margin: 0 0 0 30px; display: block} 
/******** //Header *******/

/******** Nav *******/
.menu_nav {width: 100%; display: block; margin: -15px 0 45px 0; height: 52px;
background-image: -ms-linear-gradient(top, #8C8C8C 0%, #070707 100%);
background-image: -moz-linear-gradient(top, #8C8C8C 0%, #070707 100%);
background-image: -o-linear-gradient(top, #8C8C8C 0%, #070707 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8C8C8C), color-stop(1, #070707));
background-image: -webkit-linear-gradient(top, #8C8C8C 0%, #070707 100%);
background-image: linear-gradient(to bottom, #8C8C8C 0%, #070707 100%);}
.menu_nav .content {width: 990px; margin: 0 auto; position: relative; }
.menu_nav .content ul {margin: 0 0 0 -39px; width: 990px;height: 52px;position: relative;}
.menu_nav .content ul li {display: inline-block; border-right:  solid 1px #fff; float: left}
.menu_nav .content ul li:first-child {border-left:  solid 1px #fff;}
.menu_nav .content ul li:first-child a:before {content: '\2302'; font-size: 30px;}
.menu_nav .content ul li.logout {border-left: solid 1px #fff; position: absolute; right: -39px;}
.menu_nav .content ul li.logout a{background: url(../img/pictos/menu_locker.png) right top no-repeat;}
.menu_nav .content ul li.logout a:hover{background: url(../img/pictos/menu_locker.png) right top no-repeat #E60000;}
.menu_nav .content ul li a{display: block; color: #fff; line-height: 52px; font-size: 18px; font-weight: 600; padding: 0 25px;}
.menu_nav .content ul li a:hover {background: #E60000}
/******** //Nav *******/

/******** Home page *******/
.main article.home_intro {width: 100%; height: 225px; display: block; background: #fff; margin: -15px 0 30px 0; position: relative }
.main article.home_intro section{max-width: 500px; padding: 20px; }
.main article.home_intro img{position: absolute; right: 0; bottom: 0 }
.main article.login, .main article.create_account {width: 478px; height: 375px; display: block; margin: 0 0 30px 0; padding: 5px 25px 25px 25px;}
.main article.login form, .main article.create_account form {text-align: right}
.main article.login {float: left; background: url(../img/pictos/locker.png) left bottom no-repeat #fff; }
.main article.create_account {float: right; background: url(../img/pictos/plus.png) 5px 140px no-repeat #fff;  }
.main article.login:hover {background: url(../img/pictos/locker.png) left bottom no-repeat #eee; }
.main article.create_account:hover { background: url(../img/pictos/plus.png) 5px 140px no-repeat #eee;  }
.main article.login form #alert, .main article.create_account form #alert {display: block; text-align: center;}
/******** //Home page *******/

/******** Page content *******/
.main article.page {width: 100%; display: block; background: #fff; margin: -20px 0 30px 0; position: relative ; padding: 35px 25px}
.main article.page .dataTables_wrapper table {width: 100%; border-collapse: collapse; border-bottom: solid 1px #eee; margin: 0 }
.main article.page .dataTables_wrapper table th {padding: 10px 30px; text-align: left; background: #E60000; color: #fff; }
.main article.page .dataTables_wrapper .DataTables_sort_wrapper {padding: 0; position: relative;}
.main article.page .dataTables_wrapper table th .DataTables_sort_wrapper span.ui-icon {position: absolute; top: 4px; left: -20px;}
.main article.page .dataTables_wrapper table th, .main article.page .dataTables_wrapper table td {border-right: solid 1px #fff }
.main article.page .dataTables_wrapper table td {padding: 6px 30px; font-weight: 600; font-size: 16px; color: #333}
.main article.page .dataTables_wrapper table th:first-child {border-left: solid 1px #E60000;} 
.main article.page .dataTables_wrapper table td:first-child {border-left: solid 1px #eee; }
.main article.page .dataTables_wrapper table th:last-child {border-right: solid 1px #E60000;} 
.main article.page .dataTables_wrapper table td:last-child {border-right: solid 1px #eee; padding: 6px 15px !important; max-width: 90px }
.main article.page .dataTables_wrapper table tr:nth-child(even) {background: #eee}
.main article.page .dataTables_wrapper table tr:nth-child(odd) {background: #fff}
.main article.page .dataTables_wrapper table tr:hover {background: #d9d9d9}
.main article.page .dataTables_wrapper table td a {padding: 1px 10px 1px 20px; text-align: center; background: #808183; color: #fff;  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px}
.main article.page .dataTables_wrapper table td a:after {content: "\25B6";margin: 0 0 0 10px}
.main article.page .dataTables_wrapper table td a:hover {background: #686b70; }
.main article.page .dataTables_wrapper .dataTables_length {float: left}
.main article.page .dataTables_wrapper .dataTables_filter {float: right}
.main article.page .dataTables_wrapper .dataTables_paginate {}
.main article.page .dataTables_wrapper .dataTables_paginate .ui-corner-left, .main article.page .dataTables_wrapper .dataTables_paginate .ui-corner-right {float: left; margin: 0 10px 0 0;}
#logdisplay1, #logdisplay {position: relative}
#logdisplay1 .save_link, #logdisplay .save_link {/*float: right; margin: -83px 0 0 0 !important;*/ position: absolute; top: -108px; right: 0}
#logdisplay1 .save_link.xls, #logdisplay .save_link.xls { top: -88px;}
#logdisplay1 .save_link.xls, #logdisplay .save_link.xls { top: -88px;}
/******** //Page content *******/

/******** Reports *******/
ul.list_reports {margin: 0 0 0 20px;}
ul.list_reports li {margin: 10px 20px; display: block; float: left}
ul.list_reports li a {display: block; height: 120px; width: 120px; text-align: center; padding: 80px 1 0; border: solid 1px #eee}
ul.list_reports li a span {line-height: 28px; border: none; background: #828181; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  color: #fff; font-family: 'PT Sans Narrow', sans-serif; font-size: 12px; padding: 0px 0px; display: block;margin: 0 0px; }
ul.list_reports li a.list_reports_1 {background: url(../img/pictos/reports_icons.png) 0px 0px no-repeat}
ul.list_reports li a.list_reports_2 {background: url(../img/pictos/reports_icons.png) -114px 0px no-repeat}
ul.list_reports li a.list_reports_3 {background: url(../img/pictos/reports_icons.png) -260px 0px no-repeat}
ul.list_reports li a.list_reports_4 {background: url(../img/pictos/reports_icons.png) -387px 0px no-repeat}
ul.list_reports li a.list_reports_5 {background: url(../img/pictos/reports_icons.png) -501px 0px no-repeat}
ul.list_reports li a.list_reports_6 {background: url(../img/pictos/reports_icons.png) -501px 0px no-repeat}
ul.list_reports li a.list_reports_7 {background: url(../img/pictos/reports_icons.png) -501px 0px no-repeat}
ul.list_reports li a.list_reports_8 {background: url(../img/pictos/reports_icons.png) -501px 0px no-repeat}
ul.list_reports li a.list_reports_9 {background: url(../img/pictos/reports_icons.png) -501px 0px no-repeat}
ul.list_reports li a.list_reports_10 {background: url(../img/pictos/reports_icons.png) -501px 0px no-repeat}
ul.list_reports li a.list_reports_11 {background: url(../img/pictos/reports_icons.png) -501px 0px no-repeat}
ul.list_reports li a.list_reports_12 {background: url(../img/pictos/reports_icons.png) -501px 0px no-repeat}
ul.list_reports li a.list_reports_13 {background: url(../img/pictos/reports_icons.png) -501px 0px no-repeat}
ul.list_reports li a.list_reports_14 {background: url(../img/pictos/reports_icons.png) -501px 0px no-repeat}
ul.list_reports li a.list_reports_15 {background: url(../img/pictos/reports_icons.png) -501px 0px no-repeat}
ul.list_reports li a.list_reports_16 {background: url(../img/pictos/reports_icons.png) -501px 0px no-repeat}
ul.list_reports li a.list_reports_17 {background: url(../img/pictos/reports_icons.png) -501px 0px no-repeat}
ul.list_reports li a.list_reports_18 {background: url(../img/pictos/reports_icons.png) -501px 0px no-repeat}
ul.list_reports li a.list_reports_19 {background: url(../img/pictos/reports_icons.png) -501px 0px no-repeat}
ul.list_reports li a.list_reports_20 {background: url(../img/pictos/reports_icons.png) -501px 0px no-repeat}
/*
ul.list_reports li:first-child + li + li + li a {background: url(../img/pictos/sprite_icons.png) -460px 26px no-repeat}
ul.list_reports li:first-child + li + li + li+ li a {background: url(../img/pictos/sprite_icons.png) -460px 26px no-repeat}
ul.list_reports li:first-child + li + li + li+ li+ li a {background: url(../img/pictos/sprite_icons.png) -460px 26px no-repeat}
//*/
ul.list_reports li:hover {background-color: #E60000 !important}
#logdisplay form {margin: 0 0 40px 0}
table.choose_date {}
table.choose_date tr th {text-align: left}
table.choose_date td:first-child {width: 150px;}
/******** //Reports *******/

/******** Fancy Form *******/
#inline1 form label{width: 175px; text-align: right; font-family: 'PT Sans Narrow', sans-serif; font-size: 22px;line-height: 50px;display: block; text-align: right; float: left; padding: 0 20px 0 0}
#inline1 form ul {margin: 0 0 0 -40px}
#inline1 form ul li {display: inline-block; float: left;padding: 0 20px 0 0; vertical-align: middle }
#inline1 form ul li:first-child {width: 175px; font-family: 'PT Sans Narrow', sans-serif; font-size: 22px;line-height: 50px;display: block; text-align: right;}
#inline1 form ul li label {float: none !important; text-align: left; line-height: 50px}
#inline1 form ul li input[type=radio] {margin: 0 10px 0 0;}
#inline1 form input.modifier {float: left; margin: 0 0 0 400px;}
/******** //Fancy Form *******/
/******** Configuration *******/
ul.sb_menu {margin: 0 0 0 -40px}
ul.sb_menu li {margin: 0 10px; display: inline-block; float: left}
ul.sb_menu li a {display: block; height: 220px; width: 220px; text-align: center; padding: 160px 0 0; border: solid 1px #eee}
ul.sb_menu li span {line-height: 38px; border: none; background: #1f2557; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  color: #fff; font-family: 'PT Sans Narrow', sans-serif; text-transform: uppercase; font-size: 20px; padding: 5px 10px; display: block;margin: 0 10px; }
ul.sb_menu li:first-child a {background: url(../img/pictos/sprite_icons.png) 27px 26px no-repeat}
ul.sb_menu li:first-child + li a {background: url(../img/pictos/sprite_icons.png) -220px 26px no-repeat}
ul.sb_menu li:first-child + li + li a {background: url(../img/pictos/sprite_icons.png) -975px 30px no-repeat}
ul.sb_menu li:first-child + li + li + li a {background: url(../img/pictos/sprite_icons.png) -1210px 26px no-repeat}
ul.sb_menu li:first-child + li + li + li + li a {background: url(../img/pictos/sprite_icons.png) -1450px 26px no-repeat}
ul.sb_menu li a:hover {background-color: #E60000 !important}
/* remove Status button*/
ul.sb_menu {margin: 0 0 0 40px !important;}
/*ul.sb_menu li:first-child + li + li + li + li  {display: none}*/
/* //remove Status button*/
/******** //Configuration *******/

/******** Table filter *******/
.table_filters {margin: 20px 0;}
.table_filters div label{display: block; width: 180px; float: left; font-size: 16px; line-height: 44px;}
.table_filters div.filter_date table, .table_filters div.filter_cin table {border-collapse: collapse !important;}
.table_filters div.filter_date table td, .table_filters div.filter_cin table td {padding:  0}
.table_filters div.filter_date table td:first-child + td + td label, .table_filters div.filter_cin table td:first-child + td + td label {margin-left: 10px}
.table_filters .rights {display: inline-block; width: 100%; border-bottom: solid 1px #eee; line-height: 40px}
.table_filters .rights input[type=checkbox]{margin: 0 5px 0 20px !important}
.table_filters a.logo.customer_img {float: right; border: solid 1px #ccc; width: 200px; margin: 8px 0; height: auto;}
/******** //Table filter *******/

/******** Footer *******/
footer {width: 100%; display: block; height: 250px; background:  #808183; margin: 0; padding: 20px 10px }
footer .copy {color: #fff}
footer .copy img {margin: 5px 0}
footer .copy a {color: #ccc}
footer .copy a:hover {color: #aaa}
/******** //Footer *******/