/*FOND DE FENETRE */
.background,.window-frame {position:absolute;top:0px;bottom:0px;right:0px;left:0px;}
.background {background-color:#FFF;}
.dl-tablet .win-right {left:50%;}
/* FENETRE */
/*.window {background:#FFF;}*/

/* POSITION */
.win-full .window {position:absolute;top:0px;bottom:0px;width:100%;;border-bottom: calc( env(safe-area-inset-bottom) ) solid #FFF;}
.win-bottom .window {position:absolute;bottom:0px;width:100%;border-bottom: calc( env(safe-area-inset-bottom) ) solid #FFF;}
.win-top .window {position:relative;}
.win-center .window {position:absolute;top:50%; transform: translate(0, -50%);;width:100%;}

.win-margin .window {margin:10px;width: calc(100% - 20px)!important;border-radius: 5px;}

/* TYPE DE FENETRES */
#finder {}
#folder {z-index:200;}
#app1 {}
#app2 {}
#dialog1 {z-index:500;}
#finder-buttons {z-index:1000;}
#dialog2 {z-index:2000;}


.w1 {z-index:200;}
.w2 {z-index:300;}
.w3 {z-index:400;}
.w4 {z-index:500;}
.w5 {z-index:600;}
.w6 {z-index:700;}

.w1 .frame {z-index: 199;}
/*
.window-frame {max-height: 100%;}
.window {max-height: 100%;}
*/
#finder-buttons {z-index:1000;}
#dialog2 {z-index:2000;}

/* MODELE DE DIALOG */
.dialog-full .dl-buttons {position: absolute;bottom:0px;width:100%;}
.dialog-full .dl-feed {position: absolute;top:50px;bottom:60px;width:100%;}

.top-position {z-index:2000!important;}

.dl-menu {position:absolute;top:0px;width:100%;}
.dl-menu-buttons {position:absolute;top:0px;right:0px;z-index: 1000;}
.win-full .dl-buttons {position: absolute;bottom:0px;width:100%;}

.win-full .dl-content {position:absolute;top:50px;bottom:60px;width:100%;}
.win-full.no-title .dl-content {top:0px;}
.win-full.no-button .dl-content {bottom:0px;}

.dl-content {min-height:  800px;background-color:#FFF;}
.no-button .dl-content {max-height: calc( 100% - 50px )!important;}
.no-title .dl-content {max-height: calc( 100% - 50px )!important;}
.no-title.no-button .dl-content {max-height: 100%!important;}

/*
.dl-title {padding:7px;height:50px;border-bottom:1px solid transparent;}
.dl-title .title {display:inline-block;padding:4px 10px;font-weight:bold;font-size:18px;}
.dl-title .image {display:inline-block;float:left;border-radius:8px;border:2px solid #FFF;width:35px;height:35px;padding:0px;}
*/

.win-title-grey .dl-title {
   background-color: #EEE;border-bottom:1px solid #CCC;
}

.win-title-white .dl-title {
   background-color: #FFF;border-bottom:1px solid #DDD;
}

.win-title-shadow .dl-title {
   box-shadow: 0px 3px 10px #CCC;
}

.content-padding .dl-content {padding:10px;}

/* BUTTONS */
.dl-buttons {padding:10px;height:80px;background-color:#FFF;border-top:1px solid #CCC;}


#dl-app {z-index:200;}
#dl-dialog2 {z-index:400;}
#dl-dialog {z-index:2000;}

#dl-dialog2 .dl-offset, #dl-dialog .dl-offset {height:50;display:block;}
#dl-dialog2 .dl-menu , #dl-dialog .dl-menu {height:50; display:block;}

#dl-dialog2 .dl-feed , #dl-dialog .dl-feed {padding:10px;background-color:#FFF;}

.digi-label {font-weight:bold;color:#666;line-height: 1.3;}
.digi-label .subtitle {font-weight:400;color:#AAA;}


td,tr {padding:0px;}
table.form {width:100%;}
table.form td {padding:0px 2px 6px;vertical-align:top;}
table.form label {padding-top:8px;margin:0px 0px 0px 5px;}
table.form .form-buttons td {padding:10px 0px;}
table.form .form-title td {padding:0px 0px 20px;font-size:25px;font-weight:bold;color:#00A2E8;}

.text-primary {color:#00A2E8!important;}
.modal-header {background-color:#EEE;padding:12px 16px;color:#000}
.modal-footer {border-top:0px;padding:8px 12px 10px;}
.modal-header h5 {font-weight:bold!important;}

.form-line .form-control {padding-left:2px;padding-right:2px;border-radius:0px;border-top:0px;border-left:0px;border-right:0px;}

.small-danger {color:red;padding:4px 5px}

.form-control::-webkit-input-placeholder {
  color: #BBB;
}
.bg-Warning {background-color:#CC0000!important;}
@media screen and (max-width:450px) {
.modal-dialog {margin:0px!important;}
.modal {padding:0px!important;}
}

#modal-alertMessage {font-size:16px;}

select.form-control {
  background-color: #FFF;
}

.form-red .form-title td {color:red!important;}
.form-red .btn-primary {background-color:#CC0000;border-color:red;}

textarea.form-control {padding:4px!important;}

input::placeholder,textarea::placeholder {color:#CCC!important} 
.is-invalid::placeholder {color:red!important;}
input.is-invalid {color:red!important;}
textarea.is-invalid {color:red!important;}


.col25 {width:25%;position: relative;}
.col40 {width:40%;position: relative;}
.col60 {width:60%;position: relative;}
.col75 {width:75%;position: relative;}
.col1 {width:16.6666%;position: relative;}
.col2 {width:33.3333%;position: relative;}
.col50, .col3 {width:50%;position: relative;}
.col4 {width:66.6666%;position: relative;}
.col5 {width:83.3333%;position: relative;}
.col6 {width:100%;position: relative;}

.btn-right {float:right;margin-left:10px;}

.test {background-color:red;}

.tab-content {padding:0px 0px;0px;}

.dialog-separator {margin:4px 0px;border-bottom:1.5px solid #CCC;height:1px;}

.text-line .digi-label {padding-left:4px;margin-bottom:-1px!important;}

.form-control {line-height: 1.4}

.window_entity .dl-title {background-color : #CC0000;color:#FFF;}
.window_entity .digi-label { color : #CC0000;}

.window_product .dl-title {background-color : #888;color:#FFF;border-bottom:2px solid #FFF;}
.window_product .digi-label { color : green;}

.window_freelance .dl-title {background-color : darkOrange;color:#FFF;}
.window_freelance .digi-label { color : darkOrange;}

.window_person .dl-title {background-color : #22B14C;color:#FFF;}
.window_person .digi-label { color : #22B14C;}

.window_user .dl-title {background-color : #00A2E8;color:#FFF;}
.window_user .digi-label { color : #00A2E8;}



.dl-search.search {padding:5px 0px 3px;border-bottom:1px solid #CCC;margin-bottom:15px;z-index: 200;}
.dl-search.search, .dl-shadow {box-shadow: 0px 3px 10px #CCC;}
.dl-search.isearch {padding-top:50px;}

.list-group-item:hover{ background-color: #EEE;cursor: pointer;}
.list-group-item:hover .image {opacity:0.7;}
.list-group-item:hover .line1 {color:#CC0000;}
.list-group-item:hover .ringGrey {border-color:#CC0000;}


.list-group-item {padding:10px 15px;}

.search-title {font-size:18px;font-weight:bold;color:#00A2E8;position:fixed;top:0px;left:53px;align-items:center;display:flex;height:48px;}
.search-title:empty {display: none;}


.dlb-search {background-position: left;background-repeat: no-repeat; background-size: 31px 31px;background-image:url("../std-img/search.png?n=1");}
.dlb-search input { width : 150px;border:0px solid #EEE;margin-left:35px;padding:5px 0px;font-size:15px;}

.dlb-search input:focus {
    outline: none;
}

.search-activ .search-title { opacity:0;}
.search-activ .dlb-search { width : 200px;opacity:1!important;border-color:red;}

.list-group-item {background-color: transparent;}

.image-col {width:calc(100% - 10px)!important;position: absolute;}

.win-title-grey .dl-content {background-color: #F8F8F8;}

textarea {resize:none;overflow: hidden scroll;overflow-wrap: break-word;}

textarea, .thin-scroll {scrollbar-width: thin;}
textarea::-webkit-scrollbar, .thin-scroll::-webkit-scrollbar {width: 5px;}
textarea::-webkit-scrollbar-thumb, .thin-scroll::-webkit-scrollbar-thumb {background-color: transparent;background: #b3ada7;}

.feed-count {color:#AAA;position: absolute;top:50%;transform: translate(0, -50%)}
.hide {display:none!important;} 

.doSave {display:none;}
#dialog2 .doSave {display:block;}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before{
    background-color:#00A2E8;
}

.custom-checkbox label {color:#00A2E8;font-weight:bold;padding:0px 2px!important;}
.custom-control.custom-checkbox { margin:5px 0px 2px!important; } 
.custom-checkbox {padding-left:10px;font-size:16px;}
.custom-checkbox input {width:16px;height:16px;}
.input-group-text i.im {
    font-size: 20px!important;
    margin: 0px -2px;
}

.input-group-text {
    padding: 6px 6px;
}

.div-small {} /* display:none; */
.content {text-align:left;}
/*.editContent {text-align:left;} */

/*
.editContent {
  padding:8px 5px 0px;
  background-color:#F8F8F8;
}

select.form-control, input.form-control {height:34px!important;padding:4px!important;}
.text-line .digi-label {font-size:18px;color:#555!important;padding:14px 3px 0px;}

*/
.form-control {font-size:18px;border: 1.5px solid #AAA;border-radius:6px;color:#000;}
textarea.form-control  {font-size:16px;padding:4px 6px!important;}

.text-line .digi-label {font-size:16px;color:#CC0000!important;padding:12px 3px 0px;}

.dl-content .editContent {padding:10px;}

.editContent {background-color: #FFF;}

.input-group-text {
    border: 1.5px solid #AAA;
    border-radius: 6px;
}

.dl-footer {text-align:center;margin-top:20px;}


.form-buttons {background-color: #FFF;margin: 0px -10px;padding: 2px 10px;margin-bottom: 50px;}