574 lines
12 KiB
CSS
574 lines
12 KiB
CSS
div.mainPage {
|
|
padding: 0;
|
|
}
|
|
|
|
.icon {
|
|
height: 16px;
|
|
}
|
|
|
|
th.icon,
|
|
td.icon {
|
|
width: 24px;
|
|
}
|
|
|
|
.center {
|
|
text-align: center;
|
|
}
|
|
|
|
.right {
|
|
text-align: right;
|
|
}
|
|
|
|
tr.subLine > td {
|
|
padding-top: 3px !important;
|
|
padding-bottom: 3px !important;
|
|
border: none !important;
|
|
}
|
|
|
|
span.nb_item_list {
|
|
display: block;
|
|
float: right;
|
|
color: darkgrey;
|
|
font-style: italic;
|
|
}
|
|
|
|
span.hl_results {
|
|
font-weight: bold;
|
|
}
|
|
|
|
input[type=date].form-control {
|
|
padding-right: 3px;
|
|
}
|
|
|
|
@media (min-width: 1180px) {
|
|
.modal-xl {
|
|
width: 1120px;
|
|
}
|
|
}
|
|
|
|
/* MAIN NAV BAR */
|
|
div.main-navbar {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.iconTobBar {
|
|
display: block;
|
|
float: left;
|
|
width: 30px;
|
|
height: 30px;
|
|
position: relative;
|
|
top: -5px;
|
|
left: -5px;
|
|
margin-bottom: -15px;
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
|
|
/* SECOND BAR */
|
|
|
|
div.secondbar {
|
|
border-top : none;
|
|
background-color: #e7e7e7;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
div.secondbar a.brand > img {
|
|
display: inline-block;
|
|
height: 46px;
|
|
position: relative;
|
|
top: -13px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
div.secondbar a.brand > span {
|
|
display: inline-block;
|
|
font-size: 18px;
|
|
line-height: 46px;
|
|
position: relative;
|
|
top: -13px;
|
|
}
|
|
|
|
div.secondbar form.navbar_filtre {
|
|
margin-left: auto!important;
|
|
}
|
|
|
|
div.secondbar ul.navbar-nav li > a:hover,
|
|
div.secondbar ul.navbar-nav li.active > a:hover,
|
|
div.secondbar ul.navbar-nav li.active > a {
|
|
background-color: #CFF1FF;
|
|
color: #3296C8;
|
|
}
|
|
|
|
i.btnClearSearch {
|
|
cursor: pointer;
|
|
}
|
|
|
|
div.intl-tel-input { display: block; }
|
|
|
|
.ui-autocomplete { z-index: 10000; }
|
|
|
|
.db_ref {
|
|
float: right;
|
|
position: relative;
|
|
top: 28px;
|
|
right: -12px;
|
|
color: #CCCCCC;
|
|
font-style: italic;
|
|
}
|
|
|
|
/* LIST */
|
|
|
|
table.scrollingTableList { margin: 0; }
|
|
|
|
table.scrollingTableList ::-webkit-scrollbar {
|
|
-webkit-appearance: none;
|
|
width: 16px;
|
|
background-color: rgba(51, 122, 183, .2);
|
|
}
|
|
|
|
table.scrollingTableList ::-webkit-scrollbar-thumb {
|
|
border-radius: 4px;
|
|
background-color: rgba(51, 122, 183, .5);
|
|
box-shadow: 0 0 1px rgba(51, 122, 183, .5);
|
|
}
|
|
|
|
table.scrollingTableList tbody { display: block; overflow: auto; margin: 0; }
|
|
|
|
table.scrollingTableList tbody tr:first-child td { border: none; }
|
|
|
|
table.scrollingTableList thead, table.scrollingTableList tbody tr {
|
|
display: table;
|
|
width: 100%;
|
|
table-layout: fixed;
|
|
}
|
|
|
|
table.scrollingTableList:not(.no-scroll) thead { width: calc( 100% - 16px ); }
|
|
|
|
table.scrollingTableList th.id, table.scrollingTableList td.id { width: 45px; }
|
|
table.scrollingTableList th.groupe, table.scrollingTableList td.groupe { width: 100px; }
|
|
table.scrollingTableList th.valeur, table.scrollingTableList td.valeur { width: 130px; }
|
|
table.scrollingTableList th.tel, table.scrollingTableList td.tel { width: 150px; }
|
|
table.scrollingTableList th.email, table.scrollingTableList td.email { width: 300px; }
|
|
table.scrollingTableList th.contrat_type, table.scrollingTableList td.contrat_type { width: 300px; }
|
|
table.scrollingTableList th.panier_type, table.scrollingTableList td.panier_type { width: 160px; }
|
|
table.scrollingTableList th.date, table.scrollingTableList td.date { width: 140px; }
|
|
table.scrollingTableList th.freq, table.scrollingTableList td.freq { width: 160px; }
|
|
table.scrollingTableList th.lieu, table.scrollingTableList td.lieu { width: 200px; }
|
|
table.scrollingTableList th.items_long, table.scrollingTableList td.items_long { width: 120px; }
|
|
table.scrollingTableList th.items, table.scrollingTableList td.items { width: 55px; }
|
|
table.scrollingTableList th.btn_action, table.scrollingTableList td.td_btn_action { width: 30px; }
|
|
table.scrollingTableList th.btn_action[colspan="2"] { width: 60px; }
|
|
table.scrollingTableList th.btn_action[colspan="3"] { width: 90px; }
|
|
|
|
table.scrollingTableList td.loader {
|
|
background-color: rgba(161, 95, 150, .1);
|
|
height: 100px;
|
|
background-image: url('../img/wait.svg');
|
|
background-position: center;
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
/* FEEDBACKS */
|
|
|
|
span.form-control-feedback { position: absolute; }
|
|
div.form-group.has-feedback > span.form-control-feedback { top: 33px; }
|
|
div.has-feedback > span.form-control-feedback { top: 9px; }
|
|
|
|
.td_btn_action {
|
|
width: 20px;
|
|
text-align: center;
|
|
padding-left: 0!important;
|
|
padding-right: 0!important;
|
|
}
|
|
|
|
.td_btn_action > button {
|
|
text-decoration:none!important;
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
}
|
|
|
|
.td_btn_action li > a:hover,
|
|
|
|
.td_btn_delete > button, .td_btn_delete > a { color: #d9534f; }
|
|
|
|
.td_btn_delete > button:hover, .td_btn_delete > a:hover { color: #c9302c; }
|
|
|
|
.td_btn_archive > button, .td_btn_archive > a { color: #f0ad4e; }
|
|
|
|
.td_btn_archive > button:hover, .td_btn_archive > a:hover { color: #ec971f; }
|
|
|
|
.td_btn_unarchive > button, .td_btn_unarchive > a { color: #5bc0de; }
|
|
|
|
.td_btn_unarchive > button:hover, .td_btn_unarchive > a:hover { color: #269abc; }
|
|
|
|
.imgContainer {
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
|
|
img.icon {
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: -2px;
|
|
left: -2px;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
.input-group-addon.active { background-color: #5bc0de; }
|
|
|
|
/*
|
|
/* NAV TABS PANEL
|
|
/*/
|
|
|
|
.nav-tabs-panel {
|
|
border-radius: 5px 5px 0 0;
|
|
border-bottom: none;
|
|
color: #fff;
|
|
background-color: #3296c8;
|
|
padding-top: 5px;
|
|
padding-left: 5px;
|
|
}
|
|
.nav-tabs-panel>li>a {
|
|
color: white;
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.nav-tabs-panel>li>a:hover {
|
|
color: #2a6496;
|
|
}
|
|
|
|
.tab-content-panel {
|
|
padding: 10px;
|
|
border: 1px solid #ddd;
|
|
border-radius: 0 0 5px 5px;
|
|
}
|
|
|
|
/* END NAV TABS PANEL */
|
|
|
|
.center {
|
|
text-align: center;
|
|
}
|
|
|
|
.align_right {
|
|
text-align: right;
|
|
}
|
|
|
|
.unitCell {
|
|
padding-left: 0 !important;
|
|
width:16px;
|
|
}
|
|
|
|
img.icon {
|
|
width: 20px;
|
|
}
|
|
|
|
.noselect {
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-khtml-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
textarea {
|
|
padding: 4px!important;
|
|
}
|
|
|
|
select.form-control {
|
|
padding-left: 8px!important;
|
|
}
|
|
|
|
thead.fixedHead > tr > td {
|
|
height:0;
|
|
padding:0;
|
|
border:none;
|
|
}
|
|
|
|
thead.fixedHead > tr > th {
|
|
border-width: 0!important;
|
|
}
|
|
|
|
tr.editDisabled > td,
|
|
th.editDisabled,
|
|
td.editDisabled {
|
|
color: #7c7c7c;
|
|
}
|
|
|
|
.img-thumbnail {
|
|
min-width: 30px;
|
|
min-height: 30px;
|
|
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
|
|
/*
|
|
/* EdiTable
|
|
/*/
|
|
|
|
td.ediTable,
|
|
td.editable {
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-khtml-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
-o-text-overflow: ellipsis;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
td.ediTabling {
|
|
padding: 4px!important;
|
|
}
|
|
|
|
input.ediTable {
|
|
width: 100%;
|
|
}
|
|
|
|
select.ediTable {
|
|
display: block;
|
|
width: 100%;
|
|
height: 30px;
|
|
padding: 6px 12px;
|
|
font-size: 14px;
|
|
line-height: 1.42857143;
|
|
color: #555;
|
|
background-color: #fff;
|
|
background-image: none;
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
|
|
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
|
|
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
|
|
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
|
|
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
|
|
}
|
|
|
|
/*
|
|
/* NEW FILE
|
|
/*/
|
|
|
|
.new_file_name {
|
|
color: grey;
|
|
font-size: 0.8em;
|
|
font-style: italic;
|
|
}
|
|
|
|
.new_file_error {
|
|
color: red;
|
|
}
|
|
|
|
#new_doc {
|
|
display: none;
|
|
}
|
|
|
|
/* Panel */
|
|
|
|
.panel-custom {
|
|
border-color: #3296c8;
|
|
}
|
|
.panel-custom > .panel-heading {
|
|
color: #fff;
|
|
background-color: #3296c8;
|
|
border-color: #3296c8;
|
|
}
|
|
.panel-custom > .panel-heading + .panel-collapse .panel-body {
|
|
border-top-color: #3296c8;
|
|
}
|
|
.panel-custom > .panel-footer + .panel-collapse .panel-body {
|
|
border-bottom-color: #3296c8;
|
|
}
|
|
|
|
/* Btn */
|
|
|
|
.btn-custom {
|
|
color: #fff;
|
|
background-color: #3296c8;
|
|
border-color: #357ebd;
|
|
}
|
|
|
|
.btn-custom >a{
|
|
color: #fff;
|
|
}
|
|
|
|
.btn-custom:hover,
|
|
.btn-custom:focus,
|
|
.btn-custom:active,
|
|
.btn-custom.active,
|
|
.open .dropdown-toggle.btn-custom {
|
|
color: #fff;
|
|
background-color: #4687bf;
|
|
border-color: #285e8e;
|
|
}
|
|
.btn-custom:active,
|
|
.btn-custom.active,
|
|
.open .dropdown-toggle.btn-custom {
|
|
background-image: none;
|
|
}
|
|
.btn-custom.disabled,
|
|
.btn-custom[disabled],
|
|
fieldset[disabled] .btn-custom,
|
|
.btn-custom.disabled:hover,
|
|
.btn-custom[disabled]:hover,
|
|
fieldset[disabled] .btn-custom:hover,
|
|
.btn-custom.disabled:focus,
|
|
.btn-custom[disabled]:focus,
|
|
fieldset[disabled] .btn-custom:focus,
|
|
.btn-custom.disabled:active,
|
|
.btn-custom[disabled]:active,
|
|
fieldset[disabled] .btn-custom:active,
|
|
.btn-custom.disabled.active,
|
|
.btn-custom[disabled].active,
|
|
fieldset[disabled] .btn-custom.active {
|
|
background-color: #3296c8;
|
|
border-color: #357ebd;
|
|
}
|
|
.btn-custom .badge {
|
|
color: #3296c8;
|
|
background-color: #fff;
|
|
}
|
|
|
|
/* MODAL VIEW */
|
|
|
|
div.modalView .modal-title > img.photo {
|
|
border: 1px solid #3296c8;
|
|
border-radius: 3px;
|
|
padding: 6px;
|
|
float: left;
|
|
height: 70px;
|
|
}
|
|
|
|
div.modalView .modal-title div.title {
|
|
line-height: 20px;
|
|
padding-top: 25px;
|
|
}
|
|
|
|
div.modalView .modal-title span.title {
|
|
display: inline-block;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
div.modalView .modal-title span.name {
|
|
font-size: 0.8em;
|
|
color: #3296c8;
|
|
}
|
|
|
|
div.modalView .modal-title span.subline {
|
|
display: inline-block;
|
|
font-size: 0.5em;
|
|
color: #777;
|
|
margin-left: 10px;
|
|
line-height: 15px;
|
|
}
|
|
|
|
div.modalView .modal-title span.subline > span.birthday {
|
|
font-weight: 300;
|
|
}
|
|
|
|
div.modaLoader {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
background-color: rgba(64, 64, 64, 0.3);
|
|
background-image: url(../img/wait.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
z-index: 2000;
|
|
display: none;
|
|
}
|
|
div.modaLoader.show { display: block; }
|
|
|
|
table.modal-body { margin-bottom: 0; }
|
|
table.modal-body tr:last-child {
|
|
border-bottom-left-radius: 6px;
|
|
border-bottom-right-radius: 6px;
|
|
}
|
|
table.modal-body tr:last-child td:first-child { border-bottom-left-radius: 6px; }
|
|
table.modal-body tr:last-child th:first-child { border-bottom-left-radius: 6px; }
|
|
table.modal-body tr:last-child td:last-child { border-bottom-right-radius: 6px; }
|
|
|
|
/* INLINE SELECT MANAGER */
|
|
|
|
.btnSecondAction {
|
|
border-radius: 0;
|
|
border-left: none;
|
|
}
|
|
|
|
/* FORM TABS */
|
|
|
|
div.formTabs div.tab:not(.active) { display: none; }
|
|
|
|
div.formTabs div.tab { overflow-y: scroll; }
|
|
|
|
div.formTabs table.modal-body tr:first-child th,
|
|
div.formTabs table.modal-body tr:first-child td { border-top: none; }
|
|
|
|
/* PANIER FORM */
|
|
|
|
.formPanier .btnGroupeSecondAction {
|
|
border-radius: 0;
|
|
border-left: none;
|
|
}
|
|
|
|
.formPanier div.input-group select.form-control,
|
|
.formPanier div.input-group input.form-control,
|
|
.formPanier div.input-group span.input-group-btn {
|
|
box-sizing: border-box;
|
|
height: 35px;
|
|
}
|
|
|
|
/* CONTRAT FORM */
|
|
|
|
.formContrat div.custom_type { margin-top: -10px; }
|
|
|
|
.formContrat .btnLieuSecondAction,
|
|
.formContrat .btnContratTypeSecondAction {
|
|
border-radius: 0;
|
|
border-left: none;
|
|
}
|
|
|
|
.formContrat div.input-group select.form-control,
|
|
.formContrat div.input-group input.form-control,
|
|
.formContrat div.input-group span.input-group-btn {
|
|
box-sizing: border-box;
|
|
height: 35px;
|
|
}
|
|
|
|
/* MODAL VIEW LEGUME */
|
|
|
|
#modalViewLegume table.modal-body tbody th { width: 100px; }
|
|
#modalViewLegume table.modal-body tfoot { background-color: #f2f2f2; }
|
|
|
|
/* MODAL ADMIN CONSOLE */
|
|
|
|
#modalAdminConsole div.modal-body {
|
|
height: 500px;
|
|
overflow-y: scroll;
|
|
background-color: black;
|
|
}
|
|
|
|
#modalAdminConsole div.modal-body > ul {
|
|
width: 100%;
|
|
height: 100%;
|
|
color: white;
|
|
list-style: none;
|
|
padding: 0;
|
|
}
|
|
|
|
#modalAdminConsole div.modal-body > ul > li.mt { margin-top: 10px; }
|
|
|