/*  GENERAL */
body {padding-top: 0;overflow: auto;}
.bg-application {background: #fff7e9;font-family: 'PT Sans Narrow', sans-serif;}
/*
#page {overflow: hidden;}
*/

/*  HEADER */
.navbar-bisart .navbar-brand {float: none; padding: 0;height: 80px; display: inline-block;}
@media (max-width: 767px) {
	#page {padding-top: 95px;}
	.navbar-bisart .navbar-brand {margin-left: 10px;}
}
@media (min-width: 768px) {
	.navbar-bisart .navbar-header {float: none;margin-top: 80px; text-align: center;}
}


/*  NAV */
.navbar-bisart .navbar-main > li > a {background-image: url("images/sprites-nav.png"); background-repeat: no-repeat;}
@media (max-width: 767px) {

	.navbar-bisart.navbar-fixed-top .navbar-collapse, 
	.navbar-bisart.navbar-fixed-bottom .navbar-collapse {overflow-y: scroll;}

	.navbar-bisart .navbar-toggle {margin-top: 21px;}
	.navbar-bisart {min-height: 80px;background-color: #fff;}
	.navbar-bisart .navbar-main {margin-top: 0;}
	
	.navbar-bisart .navbar-main > li {border-bottom: 1px solid #eee;}
	.navbar-bisart .navbar-main > li > a {padding-left: 45px;}
	.navbar-bisart .navbar-main > li.active > a {background-color: transparent !important;}

	.navbar-bisart .navbar-main > li.nav-postit > a {background-position: 8px 10px;}
	.navbar-bisart .navbar-main > li.nav-clients > a {background-position: 8px -110px;}
	.navbar-bisart .navbar-main > li.nav-contacts > a {background-position: 8px -231px;}
	.navbar-bisart .navbar-main > li.nav-dossiers > a {background-position: 8px -351px;}
	.navbar-bisart .navbar-main > li.nav-taches > a {background-position: 8px -472px;}
	.navbar-bisart .navbar-main > li.nav-factures > a {background-position: 8px -591px;}
	.navbar-bisart .navbar-main > li.nav-type > a {background-position: 8px -708px;}
	.navbar-bisart .navbar-main > li.nav-fournisseurs > a {background-position: 8px -1797px;}
}
@media (min-width: 768px) {
	.navbar-bisart {position: fixed; left: 0; top: 0; bottom: 0; width: 250px;margin: 0;box-shadow: 0 2px 4px rgba(0,0,0,0.2); background-color: #fff;}
	.navbar-bisart .navbar-main {float: none;position: absolute; bottom: 0; left: 0; right: 0;}
	.navbar-bisart .navbar-main > li {display: block;float: none;text-align: center;font-size: 16px;}
	.navbar-bisart .navbar-main > li > a {color: #8e8e8e;background-color: #e8e8e8;box-shadow: 0px -1px 3px rgba(0,0,0,0.2) inset}
	.navbar-bisart .navbar-main > li > a:hover, 
	.navbar-bisart .navbar-main > li > a:focus {background-color: #f1f0f0;}
	.navbar-bisart .navbar-main > li.nav-postit > a {background-position: 72px 13px;}
	.navbar-bisart .navbar-main > li.nav-clients > a {background-position: 72px -108px;}
	.navbar-bisart .navbar-main > li.nav-contacts > a {background-position: 72px -228px;}
	.navbar-bisart .navbar-main > li.nav-dossiers > a {background-position: 69px -348px;}
	.navbar-bisart .navbar-main > li.nav-taches > a {background-position: 75px -468px;}
	.navbar-bisart .navbar-main > li.nav-factures > a {background-position: 75px -587px;}
	.navbar-bisart .navbar-main > li.nav-type > a {background-position: 61px -704px;}
	.navbar-bisart .navbar-main > li.nav-fournisseurs > a {background-position: 52px -1809px;}
	.navbar-bisart .navbar-main > li.active > a {padding-top: 30px; padding-bottom: 30px;font-size: 20px;font-weight: 700;box-shadow: none;}
	.navbar-bisart .navbar-main > li.nav-postit.active > a {background-color: #004367;color: #fff;background-position: 68px -815px;}
	.navbar-bisart .navbar-main > li.nav-clients.active > a {background-color: #fa731c;color: #fff;background-position: 61px -935px;}
	.navbar-bisart .navbar-main > li.nav-contacts.active > a {background-color: #ffcb5f;color: #004264;background-position: 64px -1056px;}
	.navbar-bisart .navbar-main > li.nav-dossiers.active > a {background-color: #639cb5;color: #fff;background-position: 56px -1176px;}
	.navbar-bisart .navbar-main > li.nav-taches.active > a {background-color: #00b49e;color: #fff;background-position: 67px -1297px;}
	.navbar-bisart .navbar-main > li.nav-factures.active > a {background-color: #f8f8f8;color: #004264;background-position: 69px -1413px;}
	.navbar-bisart .navbar-main > li.nav-type.active > a {background-color: #a8adaf;color: #fff;background-position: 47px -1534px;}
	.navbar-bisart .navbar-main > li.nav-fournisseurs.active > a {background-color: #ff8d8d;color: #fff;background-position: 28px -1676px;}
	.navbar-bisart .navbar-user {position: absolute;top: 0; left: 15px; right: 15px;}
	.navbar-bisart .navbar-user > li > a {padding: 3px;color: #363636;font-size: 12px;}
	.navbar-bisart .navbar-user > li + li {float: right;}

	.navbar-bisart .nav .dropright .dropdown-menu {margin-left: 0;background-color: #f1f0f0;}
	.dropdown-menu > li > a {color: #888;}
}

/*  CONTENT */

@media (min-width: 768px) {
	#main-content {padding: 40px 15px 40px 265px;}
}

/*  POST IT */

#classic-body {left: 275px;}

#board .list {background-color: #e8e8e8;border-radius: 10px;box-shadow: 0 1px 3px rgba(0,0,0,0.2);}
#classic-body textarea.mod-list-name {font-weight: 700;color: #363636; font-size: 16px;}
#classic-body .board-first-list textarea.mod-list-name {font-size: 20px;text-align: center;}

@media (max-width: 767px) {
	.board-wrapper {top: 0;}
	#classic-body {left: 15px;right: 15px;top: 100px;}
}

/*  CLIENTS */

#kd-table-content .table-header {padding: 15px 0;}

.kd-datatable .kd-filter td {border-right: 3px solid transparent;}
.kd-datatable .kd-filter input {border-radius: 0;background-color: #ebebeb;border-color: #ebebeb;box-shadow: none;font-size: 16px;padding: 7px 24px;
background-image: url("images/loupe.png");background-repeat: no-repeat;
background-size: 20px 20px;
background-position: 2px;}
.kd-datatable .kd-title th {border: 0; padding-top: 18px; line-height: 1.1em;}
.kd-datatable .kd-title th:first-child {padding-left: 20px;}
.kd-datatable .kd-title th:last-child {padding-right: 20px;}

.kd-datatable tbody td {border-top: 0 !important;border-bottom: 1px solid #ddd;background-color: #fff; padding: 5px 14px !important; vertical-align: middle !important;}
.kd-datatable tbody tr:last-child td {border-bottom: 0;}
.kd-datatable tbody tr:first-child td:first-child {border-top-left-radius: 10px;}
.kd-datatable tbody tr:first-child td:last-child {border-top-right-radius: 10px;}
.kd-datatable tbody tr:last-child td:first-child {border-bottom-left-radius: 10px;}
.kd-datatable tbody tr:last-child td:last-child {border-bottom-right-radius: 10px;}
.kd-datatable tbody tr td:first-child a {color: #363636; font-size: 15px; font-weight: 700; text-transform: none; line-height: 1.1em;}

.kd-datatable tfoot th {border-top: 0 !important;border-top: 2px solid #ddd !important;background-color: #fff; padding: 5px 14px !important; vertical-align: middle !important;}
.kd-datatable tfoot tr:last-child th {border-bottom: 0;}
.kd-datatable tfoot tr:first-child th:first-child {border-top-left-radius: 10px;}
.kd-datatable tfoot tr:first-child th:last-child {border-top-right-radius: 10px;}
.kd-datatable tfoot tr:last-child th:first-child {border-bottom-left-radius: 10px;}
.kd-datatable tfoot tr:last-child th:last-child {border-bottom-right-radius: 10px;}
.kd-datatable tfoot tr th:first-child a {color: #363636; font-size: 15px; font-weight: 700; text-transform: none; line-height: 1.1em;}

@media (min-width: 480px) {
	.kd-datatable tbody td {padding: 10px 20px !important;}
	.kd-datatable tbody tr td:first-child a {font-size: 20px;}
	.kd-datatable tfoot th {padding: 10px 20px !important;}
	.kd-datatable tfoot tr th:first-child a {font-size: 20px;}
}

.btn-consult {color: #06b0fc;font-size: 15px;white-space: nowrap;}
.btn-consult:hover {color: #06b0fc;}
.btn-consult:after {content: ""; display: inline-block; margin-left: 4px; background:url("images/icon-consult.png") no-repeat 0 0; width: 19px; height: 12px;}
.btn-delete {color: #e02222;font-size: 15px;white-space: nowrap;}
.btn-delete:hover {color: #e02222;}
.btn-delete:after {content: ""; display: inline-block; margin-left: 4px; background:url("images/icon-delete.png") no-repeat 0 0; width: 14px; height: 17px;}

@media (min-width: 480px) {
	.btn-consult, .btn-delete {font-size: 17px;}
}

/*  WELCOME */

.welcome-content > .container {position: relative;}

.welcome-header {text-align: center; color: #004264;margin: 30px 0 25px;}
.welcome-header img {margin-bottom: 15px;}
.welcome-header h1 {font-size: 26px; font-weight: bold;}
.welcome-header p {font-size: 20px;}

.welcome-tools {position: absolute; right: 0; top: 20px;}
.welcome-blocks a {display: block;text-align: center; font-size: 24px; height: 170px; border-radius: 20px;margin-bottom: 30px;box-shadow: 1px 2px 3px rgba(0,0,0,0.2);}
.welcome-blocks a:hover, .welcome-blocks a:focus {text-decoration: none;box-shadow: 1px 2px 3px rgba(0,0,0,0.4);}
.welcome-blocks a img {margin-top: 38px; height: auto; width: 60px; -webkit-transition: all .4s 0s; -moz-transition: all .4s 0s; -ms-transition: all .4s 0s; -o-transition: all .4s 0s; transition: all .4s 0s;}
.welcome-blocks a:hover img, .welcome-blocks a:focus img {margin: 30px 0 10px;}
.welcome-blocks a span {display: block;font-weight: bold;}
.welcome-blocks .block-postit {background-color: #004367; color: #fff !important;}
.welcome-blocks .block-clients {background-color: #fa731c; color: #fff !important;}
.welcome-blocks .block-types {background-color: #a8adaf; color: #fff !important;}
.welcome-blocks .block-contact {background-color: #ffcb5f; color: #004367 !important;}
.welcome-blocks .block-dossiers {background-color: #639cb5; color: #fff !important;}
.welcome-blocks .block-factures {background-color: #f8f8f8; color: #004367 !important;}
.welcome-blocks .block-taches {background-color: #00b49e; color: #fff !important;}
@media (max-width: 767px) {
	.welcome-content {margin-top: -50px;}
	.welcome-tools {left: 15px; right: 15px; top: -20px;}
	.welcome-tools p { float: left; }
	.welcome-tools p + p { float: right; }
}
@media (min-width: 768px) {
	/* .welcome-blocks .block-taches {height: 371px;} */
	/* .welcome-blocks .block-taches img {margin-top: 145px;} */
	/* .welcome-blocks a.block-taches:hover img, .welcome-blocks a.block-taches:focus img {margin: 137px 0 10px;} */
}
@media (min-width: 992px) {
	.welcome-blocks a {font-size: 30px;height: 197px;}
	.welcome-blocks a img {width: auto;}
	/* .welcome-blocks .block-taches {height: 424px;} */
}

/*  LOGIN */

body.action-login .form-box.block { background-color: #fff; border-radius: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.2); margin-bottom: 50px;padding: 60px 30px 50px;}
body.action-login .form-box img {display: inline-block;}
body.action-login .form-box h3 {font-size: 26px; font-weight: bold;margin: 50px 0 30px;}
body.action-login .form-box .form-top-left {text-align: left;}
body.action-login .form-box .form-control {background-color: #f8f8f8; border-color: #f8f8f8; box-shadow: 0 2px 4px rgba(0,0,0,0.2);border-radius: 15px;padding: 8px 15px;height: 39px;}
body.action-login .form-box .form-control:focus {border-color: #eee;}
body.action-login .form-box .form-group {margin-bottom: 20px;}
body.action-login .form-box .btn-primary {padding: 6px 40px;margin-top: 15px;}

/*  BTNS */
.form-control {
  height: 36px;
}
.btn {
  font-size: 16px;
  border-radius: 0;
}
/*
.btn-sm {
  font-size: 15px;
}
*/
.btn-primary {
  background-color: #004367;
  border-color: #004367; 
  font-weight: 700;
  /*
  padding: 4px 20px;
  */
}
.btn-primary:hover, .btn-primary:focus {background-color: #01314b;}
.btn-danger {
  font-weight: 700;
}
.btn-warning {
  font-weight: 700;
}

.btn-add {
  background: #004367 url("images/icon-more.png") no-repeat right 7px;
  padding-right: 40px;
}

btn-sm, .btn-group-sm > .btn {
  border-radius: 0px;
}
/*  EDIT DOCUMENT */

/*
.block {padding: 0; background-color: transparent;}
*/
.block {background-color: transparent;}
.panel-bisart {border: none;box-shadow: 0 1px 3px rgba(0,0,0,0.2);border-radius: 0;}
.panel-bisart > .panel-heading {color: #fff; background-color: #004367; border-color: #004367; border-radius: 0;}
.panel-bisart .panel-title {position: relative;font-weight: bold;}
.panel-bisart .panel-title > .btn {position: absolute; right: -15px; top: -10px; height: 38.6px; line-height: 38.6px; padding: 0 10px; font-size: 18px;}
.panel-bisart .panel-title > .btn-toolbar {position: absolute; right: -15px; top: -10px;}
.panel-bisart .panel-title > .btn-toolbar .btn {height: 38.6px; line-height: 38.6px; padding: 0 10px; font-size: 18px;}

.dl-horizontal {font-size: 13px;}
.dl-horizontal dt {text-align: left;}
.dl-horizontal dt, .dl-horizontal dd {padding: 3px 0;}

/*  FICHE CLIENT */


.nav-bisart .nav-tabs {display: -ms-flexbox; display: flex;border:0;}
.nav-bisart .nav-tabs li {flex: 1; text-align: center;}
.nav-bisart .nav-tabs li a {color: #7f9da8;font-size: 14px; font-weight: bold;border-radius: 0;border:0;}
.nav-bisart .nav-tabs li.active {}
.nav-bisart .nav-tabs li.active a {color: #004367;border-color:transparent !important;box-shadow: 1px -2px 2px rgba(0,0,0,0.1);}
.nav-bisart .nav-tabs li a:hover {background-color: transparent;border:transparent;color: #004367;}

.tab-pane {border:none;box-shadow: 1px 1px 3px rgba(0,0,0,0.2);}
.nav-bisart .nav-tabs li a:hover { border: 1px solid gray !important;} 
.nav-bisart .nav-tabs li a {border: 1px solid #d9d9d9;}

@media (min-width: 480px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1330px) {
}