405 lines
12 KiB
CSS
405 lines
12 KiB
CSS
div.mainPage { padding: 0; }
|
|
|
|
.center { text-align: center; }
|
|
.right { text-align: right; }
|
|
|
|
.border-left { border-left: 1px solid #ddd; }
|
|
.border-right { border-right: 1px solid #ddd; }
|
|
|
|
.noselect {
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-khtml-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
span.hl_results { font-weight: bold; }
|
|
|
|
.imgContainer {
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
|
|
input[type=date].form-control { padding-right: 3px; }
|
|
|
|
select.form-control { padding-left: 8px!important; }
|
|
|
|
textarea { padding: 4px!important; }
|
|
|
|
.input-group-addon.active { background-color: #5bc0de; }
|
|
|
|
div.intl-tel-input { display: block; }
|
|
|
|
.ui-autocomplete { z-index: 10000; }
|
|
|
|
@media (min-width: 1180px) { .modal-xl { width: 1120px; } }
|
|
|
|
/* MAIN NAV BAR */
|
|
|
|
div.main-navbar { margin-bottom: 0; }
|
|
|
|
div.main-navbar div.container-fluid { padding-right: 0; }
|
|
|
|
div.main-navbar .navbar-collapse { padding-right: 5px; }
|
|
|
|
div.main-navbar a.brand img {
|
|
height: 46px;
|
|
position: relative;
|
|
top: -11px;
|
|
}
|
|
|
|
div.main-navbar button.navbar-toggle { margin-right: 5px; padding: 5px; }
|
|
|
|
div.main-navbar a.btnAdmin {
|
|
background-size: 24px;
|
|
background-position: 12px;
|
|
background-image: url(../img/gears.svg);
|
|
background-repeat: no-repeat;
|
|
padding-left: 42px;
|
|
}
|
|
|
|
/* SECOND BAR */
|
|
|
|
div.secondbar {
|
|
border-top : none;
|
|
background-color: #e7e7e7;
|
|
margin-bottom: 0;
|
|
border-radius: 0;
|
|
}
|
|
|
|
div.secondbar button.navbar-toggle {
|
|
margin: 5px;
|
|
padding: 4px 9px;
|
|
border-color: #CCC;
|
|
}
|
|
|
|
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 div.container-fluid { padding-right: 5px; }
|
|
|
|
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;
|
|
}
|
|
|
|
div.secondbar button.btnClearFiltres { padding: 4px; background-color: #5bc0de; }
|
|
div.secondbar button.btnClearFiltres > img { height: 24px; }
|
|
div.secondbar button.btnClearFiltres > span.txt { display: none; vertical-align: middle; }
|
|
|
|
div.secondbar .form-filtre-search { padding-right: 0; }
|
|
|
|
div.secondbar .form-filtre-search i.btnClearSearch { cursor: pointer; }
|
|
|
|
div.secondbar .form-filtre-search .input-group-addon { padding: 6px; }
|
|
div.secondbar:not(.collapsed) .form-filtre-search select.form-control { padding-left: 4px!important; max-width: 120px; }
|
|
|
|
div.secondbar .form-filtre-search span.separator {
|
|
display: inline-table;
|
|
vertical-align: middle;
|
|
width: 0; height: 30px;
|
|
margin: 0 5px;
|
|
border-left: 1px solid #CCCCCC;
|
|
}
|
|
div.secondbar .form-filtre-search span.clearFiltresSeparator { display: none; }
|
|
|
|
div.secondbar .form-filtre-search button.btnPrint span.txt { display: none; }
|
|
|
|
/* SECOND BAR - COLLASPED */
|
|
|
|
div.secondbar.collapsed { min-height: 0; }
|
|
div.secondbar.collapsed div.container-fluid { padding-right: 0; }
|
|
div.secondbar.collapsed a.brand { height: 40px; padding: 10px; }
|
|
div.secondbar.collapsed a.brand img { height: 34px; }
|
|
|
|
div.secondbar.collapsed div.navbar-collapse.collapse { display: none!important; }
|
|
div.secondbar.collapsed div.navbar-collapse {
|
|
border-top: 1px solid #ccc;
|
|
padding: 0;
|
|
margin-left: -15px;
|
|
margin-right: -15px;
|
|
}
|
|
div.secondbar.collapsed div.navbar-header { float: none; }
|
|
div.secondbar.collapsed button.navbar-toggle { display: block; float: right; }
|
|
|
|
div.secondbar.collapsed .navbar-right {
|
|
margin: 0;
|
|
padding: 10px 15px;
|
|
float: none!important;
|
|
}
|
|
|
|
div.secondbar.collapsed .form-filtre-search .input-group { display: table; width: 100%; }
|
|
div.secondbar.collapsed .form-filtre-search .input-group .input-group-addon { width: 1%; }
|
|
|
|
div.secondbar.collapsed div.navbar-filtre-search { border-top: 1px solid #CCCCCC; padding: 0 5px; }
|
|
div.secondbar.collapsed .form-filtre-search { padding: 5px 0; margin: 0; }
|
|
div.secondbar.collapsed .form-filtre-search > *:not(:last-child) { padding-bottom: 7px; }
|
|
|
|
div.secondbar.collapsed .form-filtre-search span.separator {
|
|
display: block;
|
|
width: 100%; height: 0px;
|
|
border-left: none;
|
|
border-top: 1px solid #CCCCCC;
|
|
margin: 0 0 5px 0;
|
|
}
|
|
|
|
div.secondbar.collapsed button.btnClearFiltres { width: 100%; }
|
|
div.secondbar.collapsed button.btnClearFiltres > span.txt { display: inline; }
|
|
div.secondbar.collapsed .form-filtre-search span.clearFiltresSeparator { display: inline-table; }
|
|
|
|
div.secondbar.collapsed .form-filtre-search button.btnPrint { width: 100%; margin-top: -5px; }
|
|
div.secondbar.collapsed .form-filtre-search button.btnPrint span.txt { display: inline; }
|
|
|
|
@media (max-width: 767px) {
|
|
div.main-navbar a.brand img { height: 40px; }
|
|
div.main-navbar div.container-fluid { padding-right: 15px; }
|
|
|
|
div.secondbar a.brand img { height: 24px!important; margin-right: 2px; margin-top: -2px; }
|
|
div.secondbar.collapsed div.container-fluid { padding-right: 15px; }
|
|
|
|
div.secondbar div.input-group.order {
|
|
display: table!important;
|
|
width: 100%;
|
|
border-top: 1px solid #ccc;
|
|
padding: 7px 0 0 0;
|
|
}
|
|
}
|
|
|
|
/* LIST */
|
|
|
|
table.scrollingTableList { margin: 0; background-color: rgba(51, 122, 183, .2); }
|
|
table.scrollingTableList thead, table.scrollingTableList tbody { background-color: white; }
|
|
|
|
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-top: 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.tarif, table.scrollingTableList td.tarif { width: 140px; }
|
|
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;
|
|
}
|
|
|
|
table.scrollingTableList img.icon {
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: -2px;
|
|
left: -2px;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
.td_btn_action {
|
|
width: 30px;
|
|
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; }
|
|
|
|
@media only screen and (hover: none) and (pointer: coarse){
|
|
table.scrollingTableList:not(.no-scroll) thead { width: 100%!important; }
|
|
}
|
|
|
|
/* MODALS */
|
|
|
|
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; }
|
|
|
|
div.modal-header > h2.modal-title > img { height: 50px; margin-right: 5px; }
|
|
|
|
div.modal-header > .db_ref {
|
|
float: right;
|
|
position: relative;
|
|
top: 28px;
|
|
right: -12px;
|
|
color: #CCCCCC;
|
|
font-style: italic;
|
|
}
|
|
|
|
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; !important }
|
|
table.modal-body tr:last-child th:first-child { border-bottom-left-radius: 6px; !important }
|
|
table.modal-body tr:last-child td:last-child { border-bottom-right-radius: 6px; !important }
|
|
|
|
@media (max-width: 767px) {
|
|
div.modal-header, div.modal-footer { padding: 10px; }
|
|
div.modal-header > h2.modal-title { font-size: 22px; }
|
|
div.modal-header > h2.modal-title > img { height: 35px; }
|
|
div.modal-header > .db_ref { top: 22px; }
|
|
|
|
.modal-body { font-size: 12px; }
|
|
}
|
|
|
|
/* INLINE SELECT MANAGER */
|
|
|
|
div.inlineSelectManager .form-control { height: 35px;}
|
|
div.inlineSelectManager span.input-group-btn { border: none; }
|
|
div.inlineSelectManager span.input-group-btn button { height: 35px;}
|
|
div.inlineSelectManager .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; }
|
|
|
|
@media (max-width: 767px) {
|
|
ul.formTabsBtns > li > a { padding: 10px; }
|
|
}
|
|
|
|
/* 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; }
|
|
|
|
/* CUSTOM COLOR */
|
|
|
|
/* 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 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; }
|