body {
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-family: 'Arial', sans-serif;
    line-height: 1.2;
   background: #e8e8e8;
   -webkit-font-smoothing: antialiased;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
*, ::after, ::before {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

html { overflow-y: scroll; } 

/* basics */
.t-200,.t-200 svg,.t-200 .t-div,.t-200 .text  {
    -webkit-transition: all 0.2s ease-in!important;
    -moz-transition: all 0.2s ease-in!important;
    transition: all 0.2s ease-in!important;
}
.t-500,.t-500 svg,.t-500 .t-div,.t-500 .text  {
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

.svg-grey svg {fill: #888!important}
.svg-dgrey svg {fill: #666!important}
.svg-ltgrey svg {fill: #CCC!important}
.svg-ltgrey2 svg {fill: #DDD!important}
.svg-ltgrey3 svg {fill: #AAA!important}



.svg-icon {display: inline-block;;}
.pa-bwhite {background-color: #FFF;z-index: 10;}
.svg-white svg {fill: #FFF}
.svg-black svg {fill: #000!important}

.svg-blue svg {fill: rgb(16, 131, 254)!important}
.svg-blue2 svg {fill: #0975E7!important}

.svg-green svg {fill: green}
.svg-grey svg {fill: #888}
.svg-dblue svg {fill: #0a66c2!important}

.svg-10 svg {width:10px!important;height: 10px!important;}
.svg-p16 {padding: 3px;height: 20px;width: 20px;position: relative;border-radius: 3px;}
.svg-p16 svg {position: absolute;top: 4px;left: 4px;width: 12px!important;height: 12px!important;}
.svg-12 svg {width:12px!important;height: 12px!important;}
.svg-13 svg {width:13px;height: 13px;}
.svg-14 svg {width:14px!important;height: 14px!important;}
.svg-15 svg , .svg-15 {width:15px;height: 15px;}
.svg-16,.svg-16 svg, .svg-16 path {width:16px;height: 16px;}
.svg-18 svg {width:18px;height: 18px;}
.svg-20,.svg-20 svg {width:20px!important;;height: 20px!important;;}
.svg-22, .svg-22 svg {width:22px!important;height: 22px!important;}
.svg-24, .svg-24 svg {width:24px;height: 24px;}
.svg-25, .svg-25 svg {width:25px!important;height: 25px!important;}
.svg-30, .svg-30 svg {width:30px;height: 30px;}
.svg-32, .svg-32 svg {width:32px!important;;height: 32px!important;}
.svg-36, .svg-36 svg {width:36px!important;;height: 36px!important;}
.svg-28, .svg-28 svg {width:28px!important;;height: 28px!important;}

.svg-60, .svg-60 svg {width:60px;height: 60px;}
.svg-100, .svg-100 svg {width:100px;height: 100px;}

.user-pict-50 {background-size: cover;width:50px;height:50px;border-radius:50%;background-color:#EEE;}

.full-div {position: absolute!important;top: 0px!important;left: 0px!important;right: 0px!important;bottom: 0px!important;}
.full-div2 {position: fixed;top: 0px;left: 0px;right: 0px;bottom: 0px;}
.shadow {box-shadow: -4px 8px 24px 0 rgba(131, 164, 255, 0.5)}
.shadow2 {box-shadow: 0px -6px 20px 0px rgba(131, 164, 255, 0.5)}

.center {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.hcenter {position:absolute;left:50%;transform:translate(-50%,0)}
.vcenter {position:absolute;top:50%;transform:translate(0,-50%)}
.square {width: 100%;height: 0;padding-top: 100%;}
.hide,.hide2 {display: none!important}




/* small-scroll  */

.small-scroll {scrollbar-width: thin;overflow-y: auto;}
.small-scroll::-webkit-scrollbar {width: 7px;}
.small-scroll::-webkit-scrollbar-track {background: transparent;}
.small-scroll::-webkit-scrollbar-thumb {background-color: rgba(155, 155, 155, 0.5);border-radius: 20px;border: transparent;}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    color: #000;    
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #888!important;
    border-radius: 6px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-size:16px;width:100%;
    padding:8px 8px 6px 8px;
 outline: none!important;
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-control input {
    display: block;
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    color: #000;    
    background-color: #fff;
    background-clip: padding-box;
    font-size:16px;width:100%;
    outline: none!important;
    border: 0px solid #888!important;
     padding:0px;
}


#dg-win table {
    border-spacing : 0;
    border-collapse : collapse;
    box-sizing: border-box;
}
#dg-win * {
    line-height: 1.2;
    box-sizing: border-box;
    font-size: 14px;
}

textarea.form-control  {
    padding: 6px 6px;
    width: 100%;
    min-height: 200px;
    font-size: 14px;
    font-family: Arial, sans-serif;
    resize: none;
}

.div-form {
    padding: 0px 10px;
}

/* drop-down*/
.drop-down { position:relative;width:100%;margin-right:5px;border-radius:4px;font-size:16px;display:inline-block;border:1pt solid #CCC;}
.drop-down .svg-icon { position:absolute;top:7Px;right:7px;  }

.drop-down-line {padding:5px 8px;}


.drop-down.selected {border:1pt solid #000;color:#000;}
.selected .drop-down-line {border-top: 1px solid #AAA;}
.selected .drop-down-line:first {border-top: 0px solid #AAA}
.selected .drop-down-line.selected {background-color: #CCC;}

/* composant */
#dg-picto {opacity: 0.8;overflow: hidden;border-radius: 8px;z-index: 2000000;width: 50px;height: 50px;position: fixed;bottom: 55px;right: 5px;}

#dg-picto img {width: 100%;height: 100%;}

#dg-picto .notif-counter {display: none} 
#dg-picto .svg-heart svg {width: 36px;height: 36px;} 

#notif-counter {background-color:#E20613;color:#FFF;font-size: 16px;font-weight: bold;}

#dg-picto.notification .notif-counter {display: block;bottom: 2px;} 
#dg-picto.notification .svg-heart svg {width: 20px;height: 20px;}
#dg-picto.notification .svg-heart {top: 20px!important;} 
#dg-picto.notification {opacity: 1;}

#dg-win {color: #000;z-index: 2000001;border: 2.5pt #00A2E8 solid;border-radius: 6px;width: 380px;position: fixed;top: 55px;right: 5px;overflow: hidden;text-align: left;background-color: #FFF;font-size: 14px;font-family: 'Arial', sans-serif!important;line-height: 1.2}
.left-win #dg-win {right: auto;left: 10px;top: 10px;}

#dg-win {box-sizing: border-box;}
#dg-win div,#dg-win input {box-sizing: border-box;}

#dg-win-title {position: relative;height: 36px;overflow: hidden;padding: 0px 1px;background-color: #00A2E8;border-bottom: 1px solid #CCC;}
#dg-win-title-text {position: absolute;top: 8px;left: 8px;font-size: 16px;color: #FFF;font-weight: bold;}
#dg-win-title .dg-button {float: right}

#dg-win-logo {height:28px;margin: 2px 10px 2px 0px;}


#dg-goUp {position:absolute;top:2px;left:165px;border-radius:50%;opacity:0.5}
#dg-Add {position:absolute;top:2px;left:140px;opacity: 1;opacity: 0.7}

#dw-win-content-search {position: absolute;top: 0px;left: 0px;width: 100%;z-index: 100;}
.mode-medit #dg-goUp {display: none}


.dg-button {font-size: 16px;height: 32px;display: inline-block;border-radius: 4px;color: #FFF;padding: 8px 8px;position: relative;}

.dg-button-rpict {padding: 8px 35px 6px 10px}
.dg-button-lpict {padding: 8px 10px 6px 32px}
.dg-button-round {border-radius: 50%;width: 40px;height: 40px;}
.dg-button-round .svg-icon {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);height: 16px;width: 16px;}


.dg-button.dg-button-rpict .svg-icon {float: right;position: absolute;top: 8px;right: 8px;border-radius: 6px}
.dg-button.dg-button-lpict .svg-icon {width: 24px!important;height: 24px!important;float: right;position: absolute;top: 5px;left: 4px;padding: 4px;border-radius: 6px}
.dg-button.dg-button-lpict .svg-icon svg {width: 16px;height: 16px;}

.dg-button svg {width: 16px;height: 16px;fill: #888}
.dg-button-12 svg {width: 12ps;height: 12ps;fill: #FFF}

.dg-button .svg-big.svg-icon {top: 4px;right: 8px;}
.dg-button .svg-big svg {width: 24px;height: 24px;}

.dg-button .svg-small.svg-icon {top: 8px;right: 9px;}
.dg-button .svg-small svg {width: 16px!important;height: 16px!important;}

.dg-big {height:36px;padding:10px 10px;font-size:16px!important;}
.dg-big.dg-button-lpict .svg-icon {top: 8px;left: 8px;}
.dg-big.dg-button-lpict {padding-left: 35px;}

.dg-big.dg-button-rpict .svg-icon {top: 10px;right: 8px;}
.dg-big.dg-button-rpict {padding-right: 35px!important;}

.b-right {float: right;}

.dg-small.dg-button {padding:6px 10px;height: 29px;}
.dg-small.dg-button.dg-button-lpict {padding-left:32px}
.dg-small.dg-button.dg-button-lpict .svg-icon {top: 2px;left: 5px;}

/* backgrounds */
.b-ltblue  {background-color: #e5f3ff!important;}
.b-cyan    {background-color: #CFF!important;}
.b-ltblue2 {background-color: #cce8ff!important;}
.b-ltgreen {background-color: #D9FDD3!important;}
.b-straw   {background-color: #E8E5D5!important;}
.b-yellow  {background-color: #FFD;color: #000;}
.b-yellow2 {background-color: #FFA;color: #000;}
.b-white2  {background-color: #FFF;}



.b-white {background-color: #FFF!important;color: #888!important}
.b-white svg {fill: #000}
.c-white {color: #FFF!important;}

.b-transparent {background-color: transparent;color: #888}
.b-transparent svg {fill: #888}

.b-transparent2 {background-color: transparent;color: #888}
.b-transparent2 svg {fill: #FFF}

.b-transparentb {background-color: transparent;color: #000}
.b-transparentb svg {fill: #000}

.c-grey {color:#888}
.b-blue {background-color: #0975E7!important;color: #FFF!important}
.b-blue .c-red {color: #FFF!important}

.b-blue .c-grey {color: #FFF;}
.b-grey .c-grey {color: #FFF;}

.b-black {background-color: #000!important;color: #FFF!important}
.b-green {background-color: green!important;color: #FFF!important}
.b-red {background-color: #E20613!important;color: #FFF!important}

.c-red {color: #E20613!important}

.b-cblue {background-color: #FFF;color: #00A2E8;font-weight: bold}
.b-cblue svg {fill: #00A2E8}
.b-cblue2 {font-size: 16px;height: 32px;display: inline-block;border-radius: 4px;padding: 8px 10px;position: relative;}
.b-cblue2 svg {fill: #00A2E8;width: 16px;height: 16px;}


.b-dblue {background-color: #0a66c2!important;color: #FFF!important}
.b-dblue svg {fill: #FFF!important}
.c-dblue {color: #0a66c2!important;}

.b-dred {background-color: #CC0000!important;color: #FFF!important}
.b-dred svg {fill: #FFF}

.b-ltgrey  {background-color: #EEE!important;color: #000!important}
.b-ltgrey2 {background-color: #DDD!important;color: #000!important}
.b-ltgrey svg {fill: #888}


.b-grey {background-color: #AAA!important;color: #FFF!important}
.b-dgrey {background-color: #555!important;color: #FFF!important}
.b-dgrey svg {fill: #FFF!important}
.b-round {border-radius:16px} 
.b-round.b-border {border-radius:calc(16px + 1pt)} 

.b-grey2 {background-color: #888!important;color: #FFF!important}
.b-grey2 svg {fill: #FFF!important}

.b-red svg {fill: #FFF!important}

.b-small {font-size: 14px;height: 32px;}
.b-small.b-border {height: calc( 32px + 2pt);}
.b-full-round {width:calc( 32px + 2pt);height:calc( 32px + 2pt);padding-left: 8px;}


.b-blue svg,.b-grey svg,.b-green svg {fill: #FFF!important}
.b-medium {font-size: 16px;height: auto;padding: 10px 12px}
.b-ltgrey svg {fill: #888} 

.b-orange {background-color:darkOrange!important;color: #FFF!important}
.b-orange svg {fill: #000!important}

#dg-menu {z-index: 200;width: 100%;position: absolute;left: 0px;top: 38px;background-color: #FFF;display: none;}
.dg-tagsList {z-index: 200;width: 100%;position: absolute;left: 0px;top: 0px;background-color: #FFF;display: none;}

.dg-menu-line {padding: 10px 20px;font-size: 16px;border-top: 1px solid #CCC;}
.dg-line-small {padding: 7px 15px;font-size: 14px;border-top: 1px solid #CCC;color: #00A2E8}

#dg-win-content {position: absolute;top: 36px;bottom:25px;left: 0px;right: 0px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;}

#dg-win-content {bottom: 0px;}
.dg-feed {padding: 0px 0px 20px;}

#dg-message {color: #888;height: 25px;padding: 4px 8px;border-top: 1px solid #CCC;position: absolute;bottom: 0px;left: 0px;width: 100%;background-color: #EEE;}

/* notifs  */
.notif-line {height: 73px;overflow: hidden;position: relative;padding: 6px 6px 6px 10px;margin-bottom: 3px;border-bottom: 1px solid #CCC}
.notif-line .date {color:#AAA;font-size:12px;position:absolute;top:0px;right:20px;}
.notif-network {border-radius: 5px;z-index: 10px;position:absolute;top:-1px;right:0px;width: 16px;height: 16px;}

.notif-col2 {height:60px;position:relative;margin-left:60px;}

.selected.notif-line {height: auto!important}
.selected .notif-col2 {height: auto!important}


.ellipsis {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.notif-line .message { 
    text-overflow: ellipsis;
    height: 36px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.unread {background-color: #E2F0FE;border-bottom: 0px solid #CCC}


.notif-line.readen {opacity: 0.5;background-color: #CCC}
.notif-line.readen .date {color: #333}
.notif-line.readen svg {fill: #888}

/* différents mode edit */
.on-medit {display: none}
.mode-medit .on-medit {display: block}
.mode-medit .hide-medit {display: none}
.mode-medit #dg-win-title {background-color: #888!important;}
.mode-medit #dg-win {border-color: #888}

.on-edit1 {display: none}
.on-edit2 {display: none}
.on-edit  {display: none}


.mode-medit.mode-edit1 .on-edit1 {display: block!important}
.mode-medit.mode-edit2 .on-edit2 {display: block!important}

.slide-no-medit {display: none;}

.on-edit {display: none}
/*.hide-edit {display: block}*/

.mode-edit .on-edit {display: block!important}
.mode-edit .hide-edit {display: none!important}

/* row */
.dg-label {margin:15px 8px 5px;font-size: 16px;}
.row-buttons {margin: 30px 0px}
.margin-20-mobile {margin: 0px -20px;}


.title1 {
    font-weight: bold;
    font-size: 20px;
    color: #555;
    margin-bottom: 10px;
}

.title2 {
    font-weight: bold;
    font-size: 16px;
    color: #555;
    margin-bottom: 5px;
}

.hide {display: none!important}
.empty-hide:empty {display: none!important}

#chatResponse p {margin-bottom: 8px;}

#chatResponse {padding:10px;background-color:#EEE;line-height: 1.3!important;font-size: 14px!important;font-family: Arial,sans-serif!important;}
#inputQuestion {line-height: 1.3!important;font-size: 15px!important;font-family: Arial,sans-serif!important;border-color: #888}

#chatResponse ol {margin: 10px 0px!important;padding: 15px;}
#chatResponse li {padding-left: 6px:!important;}

.win-openai {top: 5px!important;}
.win-zoom #dg-win {top: 0px!important;right: 0px!important;bottom: 0px!important;width: 500px!important}
.left-win.win-zoom #dg-win {top: 0px!important;left: 0px!important;bottom: 0px!important;width: 500px!important}

.on-zoom {display: none}
.win-zoom .on-zoom {display: block}
.win-zoom .hide-zoom {display: none}

.btn-getContent {max-width:150px;}
.win-zoom .btn-getContent {max-width:250px;}


.folder-line.selected {background-color: #DDD;color: #000!important}

.folder-line.selected .svg-1 svg {fill: #000!important}

.folder-line.folder-check {font-weight: bold;color: #00A2E8!important}

.folder-line.folder-check svg {fill: #00A2E8!important}

.folder-line.folder-check .svg-1 svg {fill: #00A2E8!important}


.grey-line {background-color: #DDD;opacity: 0.5}

.dg-button.selected svg {fill: #000!important;}
.dg-button-menu.selected {background-color: #BBB!important;color: #000!important}

.picto-circle {display: inline-block;height:20px;width:20px;border-radius:50%;padding:0px 3px;border: 2px solid #EEE}
.picto-left {position:absolute;top:32px;left:-6px;}
.picto-circle-grey {height:25px;width:25px;background-color: #EEE;padding: 4px;}
.picto-circle-grey svg { fill : #CCC;}

.picto-right {position:absolute;top:32px;left:25px;}


.isM.eventM {display: block!important;}
.is2.state2 {display: block!important;}
.is1.state1 {display: block!important;}
.is-1.state-1 {display: block!important;}

.dg-fd-line {border-bottom:1px solid #CCC;padding:5px 10px;height:60px;}
.dg-fd-line .col1 {vertical-align:top;width:55px;position:relative;}
.dg-fd-line img {width:45px;height:45px;background-color:#EEE;border-radius:50%}

.dg-fd-line .is1 {background-color:green;display:none}
.dg-fd-line .is2 {background-color:red;display:none}
.dg-fd-line .is-1 {background-color:red;display:none}

.dg-fd-line .svg-mail {position:absolute;top:0px;right:-5px;}
.dg-fd-line .svg-phone {position:absolute;top:0px;right:10px;}
.dg-fd-line .line {width:250px;}

.state-1 .is-1 {background-color:red;}
.state-1 .is-1 svg {fill: #FFF}

.state1 .is1 {background-color:green;}
.state1 .is1 svg {fill: #FFF}

.state2 .is2 {background-color:red;}
.state2 .is2 svg {fill: #FFF}

.pa-toolbar {z-index: 1; position: relative; width: 100%;padding: 10px 0px;background-color: #FFF;}

.pa-tab-page {position:relative;line-height: 1.2;box-shadow: -4px 8px 24px 0 rgba(131, 164, 255, 0.5);display: none;background-color: #FFF;border: 1px solid #AAA;border-radius: 6px;}

.pa-menu {padding: 20px;position: relative;}
.pa-brand {height:15px;}
.pa-tab-write {display: none;height: 344px;}
.pa-tab-prompts {display: none;height: 344px;}
.pa-tab-database {display: none;height: 344px;}

.pa-tab-page .pa-title {padding: 5px 6px;font-weight: bold;font-size: 17px;color: #00A2E8}
.pa-title-black .pa-title {color: #000}

.pa-tab-page .pa-option {padding: 1px 6px;border-radius: 2px;font-size: 16px;line-height: 1.2;color: #000}
.pa-tabs {padding : 10px 0px}
.pa-tab {display: inline-block;padding : 10px 5px;margin-right: 40px;font-size: 18px;border-bottom: 3px solid #FFF}
.pa-tab.selected {border-color: #000;background-color: #FFF;}
.pa-textinput {
    position: relative;
    border: 1px solid #AAA;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    padding: 16px 16px 10px 16px;
    background-color: #FFF;
}
.pa-prompt {
    border: 0px solid #FFF;
    font-size: 16px;
    font-family: 'Arial', sans-serif;
    width: 100%;
    max-height: 200px;
    height: 24px;
    overflow-y: hidden;    
    box-shadow: none;
    resize: none;
    padding: 0px;
    line-height: 1.4;
}




.pa-textinput .svg-chevron {
    position: absolute;
    top: 0px;right: 0px;
    margin: 9px;padding: 8px;
    border-radius: 5px;
}
.pa-textinput .svg-chevron svg {fill: #DDD;}
.text-not-empty .svg-chevron {background-color: #00A2E8;}
.text-not-empty .svg-chevron svg {fill: #FFF;}

.pa-langage-selector {position: absolute; top: 20px; right: 30px;font-size: 18px;}
.pa-langage {display: inline-block;padding: 10px 10px;}
.pa-parameter {vertical-align: top;display: inline-block;margin-right: 30px;}
.pa-option.selected {background-color: #AAA;color: #FFF}
.pa-option.show-more {color: #00A2E8;margin-top: 5px;}

.pa-button {line-height: 1.1;position: relative;display: inline-block;padding: 8px 10px 7px;height: 34px;min-width: 32px;font-size: 16px;border-radius: 6px;border: 1px solid #AAA;color: #000;font-weight: bold;}
.pa-button.pa-selected {background-color: #00A2E8;color: #FFF}

/*.pa-button.pa-selected svg {fill: #FFF!important}*/

.pa-left-col {background: #EEE;padding: 0px 8px 8px;font-size: 16px;color: #FFF;position:fixed;top:0px;left:0px;bottom:0px;width:260px;background: #DDD;}
.pa-right-col {margin-left:260px;background: #FFF;vertical-align: top;}
.pa-lines {padding-bottom: 20px;}
.pa-user-menu {position:absolute;bottom:0px;left:0px;right: 0px;border-top:1px solid #DDD;padding:8px;}

.pict-user-32 {background-size: cover;width:32px;height:32px;border-radius:5px;background-color: #AAA}

/*.input-div {opacity: 1;color:#000;border:1px solid transparent;background-color:transparent;width:100%;} */
.do-edit .input-div {border-color: #000;background-color:#FFF;}

.do-edit .hide-edit {display: none}

.form-title1 {font-size: 16px;font-weight: bold;background-color: #888;color: #FFF;margin-bottom: 10px ;padding: 8px;}
.form-title2 {font-size: 16px;margin: 6px 0px 6px;padding: 0px 5px;color: #888}
.form-subtitle {font-size: 16px;margin: 2px 0px 2px;padding: 0px 0px;color: #888;font-weight: 400}
.form-title3 {font-size: 16px;margin: 15px 0px 6px;padding: 0px 5px;font-weight: bold}

.pa-dialog-content {background-color: #FFF;}
.pa-dialog-content textarea {font-size:15px;min-height:60px;}
.pa-option-list {font-size: 15px;margin: 0px 10px;overflow: hidden;}
/* background-color: #FFF; border: 1px solid #CCC;border-radius: 5px;padding: 6px 0px;*/
.pa-option-list .pa-option {padding:1px 5px;}
.pa-dialog-title {font-size:16px;padding:0px 1px;color:#FFF;background-color:#888;font-weight:bold;height: 40px;border-bottom: 1px solid #CCC;}
.pa-dialog-title .text {padding: 12px 0px;margin: 0px}
.pa-dialog-notitle .pa-dialog-title {display: none;}
/*.pa-dialog-notitle .pa-dialog-buttons {display: none}*/
/*.pa-dialog-notitle .full-div,.pa-dialog-notitle.full-div {bottom: auto!important;position: relative!important} */
.pa-OK {background-color:#555;}
.win-zoom .form-title3 { font-size: 15px!important;padding: 6px 15px 0px;}
.win-zoom .dialog-box textarea {font-size:18px!important;min-height:60px!important;padding: 8px!important;}
.win-zoom .dialog-box input {font-size:18px!important;padding: 8px!important;}
.win-zoom .pa-option-list .pa-option {font-size:16px!important;padding:2px 5px;}
/*
.win-zoom .pa-dialog-title {font-size:36px!important;padding:15px 15px 0px;color:#000;background-color:transparent}
*/
.dialog-border {position:relative;background-color:#FFF;}
.win-zoom .dialog-border {border-color: #FFF!important;} /* background-color: #EEE; */
/*
.win-zoom .dialog-box {right: auto;width: 500px;}
.win-zoom .dialog-frame {background-color: #EEE!important;opacity: 1!important;padding: 20px 20px 20px 540px;font-size: 18px;overflow-y: scroll;}
*/
.win-zoom .dialog-frame {background-color: #FFF!important;opacity: 1!important;}

.win-zoom .pa-message-text {font-size: 17px!important;}
.win-zoom #dg-win h3 {margin: 0px;font-size: 30px!important;}
body.win-zoom:not(.left-win) #dg-win:not(.dialog-open)  {border: 0px #FFF solid!important;border-top: 2.5pt solid #00A2E8!important;border-left: 2.5pt solid #00A2E8!important;border-radius: 0px;}
body.win-zoom:not(.left-win) #dg-win.dialog-open  {border: 0px #FFF solid!important;border-top: 2.5pt solid #888!important;border-left: 2.5pt solid #888!important;border-radius: 0px;}

body.left-win.win-zoom:not(.mode-edit) #dg-win:not(.dialog-open)  {border: 0px #FFF solid!important;border-top: 2.5pt solid #00A2E8!important;border-right: 2.5pt solid #00A2E8!important;border-radius: 0px;}

.left-win.win-zoom #dg-win: not(.dialog-open) {border-left: 0pt solid #00A2E8!important;border-right: 2.5pt solid #00A2E8!important;}

.win-zoom .pa-dialog-c .dg-button {border-radius: 8px;font-size: 18px!important;height: 40px;padding-right: 15px;padding-top: 10px;padding-left: 15px}
.win-zoom .pa-dialog-c .dg-button.dg-button-lpict {padding-left: 30px;}      
.win-zoom .pa-dialog-c .dg-button.dg-button-lpict .svg-icon { top: 12px;left: 10px;}
.win-zoom .pa-dialog-c .pa-OK {background-color: #00A2E8;}

/*.pa-selected.pa-checkbox .svg-icon svg {fill: purple} */


.pa-checkbox  {background-color: #FFF;border: 1px solid #FFF}

/* .pa-selected.pa-checkbox .svg-icon {background-color: #00A2E8} */
.pa-selected.pa-checkbox td {color: #CC0000;font-weight: bold}
.pa-selected.pa-checkbox  {background-color: #EEE;border: 1px solid #AAA}

.pa-checkbox .b-checked {display: none}
.pa-checkbox .b-unchecked {display: block}

.pa-selected.pa-checkbox .b-checked {display: block}
.pa-selected.pa-checkbox .b-unchecked {display: none}


.pa-selected.pa-option {color: #CC0000;background-color: #DDD;}
.pa-light {font-weight: 400;color: #888}


.line-ltgrey.hover.selected {background-color: #CCC!important;color: #CC0000!important}

.pa-lines .pa-message-text{padding:0px 20px;line-height:1.4;font-size: 16px;}

.pa-lines.pa-compact .pa-message-text{padding:0px 10px;line-height:1.2;font-size: 14px;}

.pa-lines.pa-compact {padding-bottom: 30px;}
.pa-line {max-width:800px;padding:15px;color:#000;text-align:left;position:relative;}

.pa-compact .pa-line {padding:10px;}

.pa-conversation-title {text-align:center;padding:20px;font-size:18px;font-weight:bold;}

.pa-compact .pa-conversation-title {padding:15px;font-size:16px;}

.pa-conversation-title .buttons {position:absolute;right:0px;top:10px;border-color:#FFF;}

.pa-compact .pa-conversation-title .buttons {top:-8px;right: -8px;}

.btn-menu.selected {background-color: #EEE!important; color: #000!important}

@keyframes blink {
  0% { opacity: 1; }
  35% { opacity: 1; }
  50% { opacity: 0; }
  65% { opacity: 1; }
  100% { opacity: 1; }
}

.cursor {
  background-color: black;
  animation: blink 1s infinite;
}
.pa-window {display: none;}

.chat-title.selected {background-color: #666!important;}
.on-hover {display: none;opacity: 0}

.pa-window-small {left:260px;}
.pa-window-title {position: relative;background-color: #00A2E8;color: #FFF;text-align:center;padding:20px;font-size:18px;font-weight:bold;}
.pa-window-small .pa-window-title {background-color: #888;}

.pa-left-col .pa-folders {padding-bottom: 0px;background-color: #AAA;margin: 0px -8px 10px;}
/*
.dg-button-small {font-size: 14px;height: 30px;}
.dg-button-small .svg-icon {top: 7px!important;}
*/

.pa-dialog-std .pa-dialog-content {padding: 10px;}

.paRegenerate {background-color:#FFF;color:#AAA;font-size:14px;margin-top:10px;margin-right:10px;border:1px solid #CCC;}


.pa-chat-list .chat-title {color: #000!important}

.chat-title.selected .pa-message {color: #FFF!important}

.chat-title .svg-message {display: none}
.chat-title.selected .svg-message {display: block}
.chat-title.selected .svg-message2 {display: none}



/*.dialog-box {background-color: #FFF;}*/

.result-prompt-big h3 {margin: 0px;}

.dialog-open {border-color: #888!important}
.win-zoom .dialog-open.left-win,.win-zoom.mode-edit #dg-win.left-win  {border: #888 solid 0pt !important;border-right: #888 solid 2.5px !important;border-top: #888 solid 2.5px !important;border-radius: 0px!important;}
.win-zoom .dialog-open:not(.left-win),.win-zoom.mode-edit #dg-win.left-win  {border: #888 solid 0pt !important;border-right: #888 solid 2.5px !important;border-top: #888 solid 2.5px !important;border-radius: 0px!important;}

.win-zoom .dialog-open {}

.win-zoom .dialog-box {padding: 0px 0px;}
.left-win.win-zoom #dg-win-title {padding-left: 2.5pt!important;}

/*.pa-dialog-title .dg-button {background-color: #888!important;}*/

.win-saas #dg-win .dg-close {display: none}


.mode-edit #dg-win {border-color: #888!important}
.mode-edit #dg-win-title {background-color: #888!important}
.mode-edit .dg-zoom {background-color: #888!important}
.mode-edit .dg-close {background-color: #888!important}

.removed {background-color: #DDD;display: none} 
.removed td {color: #CC0000;}

.removed .hide-removed {display: none!important}
.on-removed {display: none!important}
.removed .on-removed {display: block!important}

.mode-edit .removed {display: block}

.win-zoom .font14 {font-size: 16px!important;}

/*
.svg-icon {display: block;}
*/

.on-selected {display: none}
.selected .on-selected {display: block}
.selected.dg-tag {font-weight: bold;color: #00A2E8!important;background-color: #DDD;} 
.selected .hide-selected {display: none}


.dg-opacity {opacity: .15}


.pa-bookmark .b-transparent svg {fill: #BBB!important}

.pa-bookmark .b-transparent.b-blue svg {fill: #FFF!important}
.pa-bookmark .b-transparent.b-red svg {fill: #FFF!important}
.pa-bookmark .b-transparent.b-grey svg {fill: #FFF!important}

.on-left-right {display: none;}
.on-up {display: none;}

.mode-left-right .on-left-right {display: block;}
.mode-up .on-up {display: block;}

.w_290px {width: calc(100% - 90px);}
.w_240px {width:240px; }


.win-zoom .w_290px { width:410px; }

.opacity0 {opacity: 0}

.list-line.selected {background-color: #DDD;}

.b-blue-bold {font-weight: bold;color: #0975E7}
.b-blue .text {color: #FFF}
.b-purple .text {color: #FFF!important}
.b-purple .c-AAA {color: #FFF!important}

.b-blue-bold {font-weight: bold;color: #0975E7}

.tag-check {background-color: #EEE;}
.tag-check .tag-title {color: #00A2E8;font-weight: bold}
.tag-check .svg-check svg {fill: #00A2E8!important}

.tag-minus {background-color: #EEE;}
.tag-minus .tag-title {color: red;font-weight: bold}
.tag-minus .svg-minus svg {fill: red!important}

.tag-question {background-color: #EEE;}
.tag-question .tag-title {color: #000;font-weight: bold}
.tag-question .svg-question svg {fill: #000!important}

.dg-list .no-list {display: none;}

.win-mobile #dg-win {top: 0px!important;left: 0px!important;bottom: 0px!important;height: 100%!important;border-radius: 0px!important;border-right: 0px solid #000;border-left: 0px solid #000;border-bottom: 0px solid #000;width: 100%!important;max-width: 450px;}
.win-mobile .dg-zoom {display: none}
.win-mobile #dg-win-title {padding : 0px 3px!important;}

.dg-mobile .hide-mobile {display: none;}

.on-mobile {display: none!important;}

.dg-mobile .on-mobile {display: block!important;}

.hide-fullscreen {display: none;}
.dg-mobile .hide-fullscreen {display: block;}



@media (max-width: 700px) {
.hide-mobile {display: none;}
.win-mobile #dg-win-title {padding : 0px 3px!important;}
}    

.bbottom {border-bottom:1px solid #CCC}
.bblock {border-radius:0px;display:block;}

.on-b-blue {display: none;}
.b-blue .hide-b-blue {display: none;}
.b-purple .hide-b-blue {display: none;}

.b-blue.on-b-blue {display: block;}
.b-blue .on-b-blue {display: block;}

.b-purple.on-b-blue {display: block;}
.b-purple .on-b-blue {display: block;}

.b-grey.on-b-blue {display: block;}
.b-grey .on-b-blue {display: block;}

.b-red.on-b-blue {display: block;}
.b-red .on-b-blue {display: block;}

.b-ltgrey2.on-b-blue {display: block;}
.b-ltgrey2 .on-b-blue {display: block;}

.dg-button-lpict2 {padding: 8px 10px 6px 32px;overflow: hidden;height: 34px;}
.dg-button.dg-button-lpict2 .svg-icon {float: right;position: absolute;top: 0px;left: 0px;padding: 9px 5px;width: 27px;border-radius: 0px!important}
.dg-button.dg-button-lpict2 .svg-icon svg {width: 14px;height: 14px;}

.on-showphone {display: none;}
.mode-showphone .on-showphone {display: block;}

.mode-showphone .hide-showphone {display: none}

#dg-win.page-open {border-color: #00A2E8 }
#dg-win.page-open #dg-win-title {background-color: #00A2E8!important }
/*
#dg-win.page-open #dg-win-title .b-blue {background-color: purple!important }
*/


.svg-red svg {fill: #E20613!important}
.svg-green svg {fill: green!important}
.svg-orange svg {fill: #FA0!important}
.svg-purple svg {fill: purple!important}

.b-blue svg {fill: #FFF!important}
.b-purple svg {fill: #FFF!important}
.b-orange svg {fill: #FFF!important}
.b-green svg {fill: #FFF!important}
.b-purple svg {fill: #FFF!important}
.b-purple {background-color: purple;color: #FFF}

.b-top.selected {background-color: #E20613!important;color: #FFF!important}
.b-top.selected svg {fill: #FFF!important}

.b-contact.selected {;color: #00A2E8!important}
.b-contact.selected svg {fill: #00A2E8!important}

.b-si.selected {color: #E20613!important}
.b-si.selected svg {fill: #E20613!important}




.list-line.selected {background-color: #cce8ff!important;}


.unselectable {
        -webkit-user-select: none;
        -webkit-touch-callout: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #cc0000;
}


#left-pan-thumb {z-index: 2000002;position:fixed;overflow: hidden;border-top-left-radius: 5px;border-bottom-left-radius: 5px;width:50px;height:50px;right:380px}

#left-pan {z-index: 2000001;position:fixed;border-left: 1px solid #AAA;background-color: #FFF;top:0px;bottom:0px;width: 380px;right:0px;}

#left-pan #dg-win {position: absolute;right: auto!important;width: 380px!important}
.invisible {display: none;}
.import-info {padding: 10px;}


.pa-dialog-full .pa-dialog-buttons {position: absolute;bottom: 0px;background-color: #FFF;right: 0px;left: 0px;border-top:1px solid #CCC;background-color:#EEE}
.pa-dialog-full .pa-dialog-content {position: absolute!important;left: 0px!important;right: 0px!important;bottom: 0px!important;padding-bottom:80px;}

.pa-dialog-content {top:40px!important;}

.pa-dialog-notitle .pa-dialog-content {top:0px!important;}

.btn-user.selected {border: 2pt solid #000!important;opacity: 0.7}

.page3 {padding: 10px;text-align:center;}
.form-label {font-weight:bold;margin:15px 6px 5px;}

.dgMoveUp {z-index: 2000}

/* CALENDAR */

.weekLine {display: flex;justify-content: space-between} 
.weekObj {text-align:center;}
.weekTitle {font-weight:bold;font-size:16px!important;;}
.agdDay.dayDisabled {color:#AAA;}
.agdDayTitle.dayDisabled {color:#888;}
.dayCurrent {border-color:red!important;}

.agdDay {border-radius:50%;background-color:#EEE;}
.agdMonth {font-weight:bold;color:#000;font-size:30px!important;padding-bottom: 20px;text-align: center;}
.agdMonth .agdYear {font-weight:400;color:#888;font-size:24px!important;}

.weekObj {width:50px}
.agdDay {border:2pt solid #FFF;width:40px;height:40px;margin-top:10px;padding-top:10px;font-size:15px!important;;}


.calendarWeek {background-color:#FFF;padding:10px;position:relative;}
#agd_day_header {margin-left:40px;}
#agd_day_header .agdMonth {font-size:24px!important;;}
#agd_day_header .agdYear {font-size:20px!important;;}

.agd_day_30mn {text-align:center;font-size:12px!important;;padding-top:10px;}

.agdDay {}
.agdDay.otherMonth {color:#888;background-color:#FFF;}
.agdDay.selected {background-color:#00A2E8;color:#FFF;border-color: #00A2E8;font-weight:bold;}
.dailyLine {}
.dailyLine .col1 {color:#00A2E8;font-weight:bold;width:40px;padding:10px 4px 0px 0px;text-align:right;font-size:14px!important;;}
.dailyLine .col2 {}
.agdTime {display: inline-block;width: 16.33%;position:relative;border-radius:5px;background-color:#EEE;border:2px solid #FFF;font-size: 16px!important;}
.agdTime.selected {background-color: #00A2E8!important;color: #FFF!important}
.agdTime30 {background-color:#888;height:40px;width:2px;flex-grow: 0;position:relative;}

.agdTime .c1 {display:none;position:absolute;top:2px;left:2px;color:#FFF;font-size:12px!important;;}
.agdTime .c2 {display:none;position:absolute;bottom:2px;right:2px;color:yellow;font-size:12px!important;;}


.agdDay {
    -webkit-transition: all 0.2s ease-in-out,box-shadow 1ms;
    -moz-transition: all 0.2s ease-in-out,box-shadow 1ms;
    transition: all 0.2s ease-in-out,box-shadow 1ms;
}

.agd_area {
    border-radius: 5px;
    padding: 2px 3px;
    font-family: Arial;
    border: 1px solid #AAA;
    height: 74px;
    width: 100%;
    resize: none;
    font-size: 16px!important;;
}

.agd_area:focus {
    outline: none !important;
    border:1px solid #999;
}

/* TRANSITIONS */


.agdDayTitle {font-size: 16px!important}

.dg-button .day {font-size: 16px!important}
.dg-button .month {font-size: 16px!important}

/*.network-list .subtitle {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}*/

.tab-show {font-size: 15px!important;border-color: #FFF!important;font-weight: bold!important;color: #AAA!important}
.tab-hide {font-size: 15px!important;border-color: #000!important;color: #CC0000!important;font-weight: bold!important}

.mode-showphone .tab-show {border-color: #000!important;font-weight: bold!important;;color: #CC0000!important}
.mode-showphone .tab-hide {border-color: #FFF!important;font-weight: bold!important;color: #AAA!important}

.showMore {position: relative;}

.more-open {max-height: none!important;}
.more-open .more-tag {display: none}

.on-phone {display: none;}

.mode-showphone .hide-phone {display: none}
.mode-showphone .on-phone {display: block}

.selected3 {background-color: #cce8ff!important;}

.selected2 {background-color: #e5f3ff!important;}

.selected4 {background-color: #DDD!important;}

.pa-dialog-content {padding-bottom: 15px;}

.b-border {border: 1px solid #CCC}

.b-red svg {fill: #FFF!important}

.c-bold {font-weight: bold}

.disabled {background-color: #EEE;}

.mode-edit .pa-dialog-title {background-color: #888;}
.pa-title-grey .pa-dialog-title {background-color: #FFF;color: #CCC}

.CFFF {color: #FFF}
.CYELLOW {color: yellow }

@media(hover: hover) and (pointer: fine) {
.b-blue.hover:hover .C666 {color: #000}
.b-blue.hover:hover .C888 {color: #000}

.hover:hover .CFFF {color: #000}
.hover:hover .CYELLOW {color: #000 }

.hover:hover .shover_black svg {fill: #000!important }

.b-square-button:hover {cursor: pointer;background-color: #DDD!important;border: 1px solid #000!important }
.b-square-button:hover svg {fill:#000!important }
.b-square-button:hover .text {color:#000!important }

.pa-dialog-title .text:hover {cursor: pointer;}

.hovers:hover {cursor: pointer}
.hovers:hover .hover2 {background-color: #DDD!important;}
.hover:hover .picto-circle {background-color: #EEE!important;}

.hover2:hover .hover2 {background-color: #DDD!important;}

.form-control:hover {}    
.pa-prompt:focus,.pa-prompt:hover {
 outline: none!important;
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.line-ltgrey.hover:hover {background-color: #DDD!important;}

.hover-black.hover:hover {background-color:#333!important;opacity: 0.9;color: #FFF!important}
.hover:hover .on-hover {display: block;opacity: 1}

.paRegenerate:hover svg {fill: #DDD!important;stroke: black;}
.chat-title:hover .pa-message {color: #FFF!important}
.chat-title:hover .svg-message {display: block}
.chat-title:hover .svg-message2 {display: none}

.dg-opacity.hover:hover {opacity: 1;background-color: #888!important;}
.pa-bookmark .b-transparent:hover svg {fill: #000!important}
.b-transparent2:hover svg {fill: #000!important}


.list-line:hover {background-color: #e5f3ff!important;}
.b-red.hover:hover svg {fill: #888!important}
.agdTime:hover,.agdDay:hover {cursor:pointer;background-color:#888;border-color:#888;color:#FFF!important;}
.agdDay.dayDisabled:hover {border-color:#888;background-color: #DDD;}

.hover:hover .svg-grey svg {fill: #000!important}
.hover:hover .svg-ltgrey svg {fill: #000!important}
.b-blue.hover:hover .c-red {color: #000!important}
.b-purple.hover:hover svg {fill: #000!important}
.b-blue.hover:hover svg {fill: #000!important}
.b-cblue2.hover:hover svg {fill: #000;cursor: pointer;}

.mode-medit .notif-line:hover {background-color: #FFF;}
.notif-line:hover {background-color: #EEE;cursor: pointer;}
.hover:hover,.hover:hover ._hover {background-color: #EEE!important;cursor: pointer;color: #000!important;opacity: 1!important}
.hover2:hover {background-color: #DDD!important;cursor: pointer;color: #000!important;opacity: 1!important}

.hover2:hover svg {fill: #000!important}

/*.hover:hover svg {fill: #000!important} */
.drop-down:hover {border-color: #000;color: #000};
.drop-down:hover svg {fill: #000}
#dg-picto:hover {opacity: 1;cursor: pointer;}
#a-logo:hover {opacity: 0.7}
.dg-button.hover:hover {background-color: #DDD!important;}

.b-ltgrey2.hover:hover {background-color: #CCC!important;} 

}

.on-pa {display: none}
.pa-selected .on-pa {display: inline-block}
.pa-selected .not-pa {display: none}

.svg-border {border: 1.5pt solid #000}

.C888 {color: #888}
.b-grey .C888, .b-purple .C888, .b-orange .C888, .b-green .C888, .b-red .C888, .b-blue .C888 {color: #FFF}

.C666 {color: #666}
.b-grey .C666, .b-purple .C666, .b-orange .C666, .b-green .C666, .b-red .C666, .b-blue .C666 {color: #FFF}

.opacity-0 {opacity: 0;}

.no-border-left {border-top-left-radius:0px;border-bottom-left-radius:0px;}
.no-border-right {border-top-right-radius:0px;border-bottom-right-radius:0px;}

.no-border-left-border {border-left: 1px solid #AAA;border-top-left-radius:0px;border-bottom-left-radius:0px;}
.no-border-right-border {border-right: 1px solid #AAA;border-top-right-radius:0px;border-bottom-right-radius:0px;}
.no-border {border-radius:0px;}

.b-rclose .svg-close {display: none}
.b-rclose.b-grey .svg-close {display: inline-block}

.c-grey {color: #888!important}
.c-bold {font-weight: bold!important;}
.c-white svg {fill: #FFF!important}

.dialog-box2 {background-color: #FFF;}
.pa-dialog-buttons {z-index: 2000;}

.b-square-button {position: relative;background-color: #FFF;width: 70px;height: 60px;border: 1px solid #AAA;border-radius: 6px;padding: 14px;}
.b-square-button svg {width: 30px;height: 30px}
.b-square-button .svg-icon {top:8px;width: 30px;height: 30px}
.b-square-button .svg-icon2 {top:4px;width: 36px;height: 36px}
.b-square-button .svg-icon3 {top: 10px;width: 25px;height: 25px}
.b-square-button .svg-icon3 svg {width: 25px;height: 25px}

.b-square-button .text {bottom:2px;font-size:11px;color:#888}
.b-square-button.selected svg {fill: #FFF!important}
.b-square-button.b-blue .text {color: #FFF!important}
.b-square-button.selected .text {color: #FFF!important}
.b-square-button.selected {background-color: #00A2E8!important;}

/* border-top-left-radius: 6px;border-top-right-radius: 6px; */
.tab-menu {background-color: #FFF;text-align: center;border-bottom:2pt solid #DDD;color: #666;padding:10px 20px;display:inline-block;height: 40px;overflow: hidden;}
.tab-menu.selected {background-color: #EEE!important;border-bottom:2pt solid #000;font-weight: 600!important;color: #000;}

.tab-menu.selected svg {fill: #E20613!important}

.tab-compact .title {display: none;}
.tab-compact.selected .title {display: inline-block;}

.dg-mobile .tab-menu { padding:10px 12px;height: 40px;font-size:16px;}

.frame-padding,.contact-line {padding-left: 20px;padding-right: 20px;}
._frame-padding {margin-left: -20px;margin-right: -20px;}

.dg-mobile .frame-padding,.dg-mobile .contact-line {padding-left: 10px;padding-right: 10px;}
.dg-mobile ._frame-padding {margin-left: -10px;margin-right: -10px;}

.cover    {background-size: cover;background-position: 50% 50%;}
.contains {background-size: contain;background-position: 50% 50%;background-repeat: no-repeat;background-color: #000!important}


/*
.tab-menu {text-align: center;border-bottom:2pt solid #EEE;color: #666;padding:10px 20px;display:inline-block;height: 40px;overflow: hidden;}
.tab-menu.selected {background-color: #EEE;border-bottom:2pt solid purple;font-weight: bold;color: purple;}
*/

.dg-mobile .tab-menu { padding:10px 12px;height: 40px;font-size:16px;}
.menu2 {padding:10px 20px 10px 20px;}

table {border-spacing : 0;border-collapse : collapse;}
td {padding: 0px}


.dialog-box,
.dialog-box2,
.dialog-box3,
.dialog-box4,
.alert-box 
{
  width: 100%;
  max-width:780px;
  position: absolute;
  position:absolute;
  left:50%!important;
  transform:translate(-50%,0);
}

.dg-mobile .dialog-box,
.dg-mobile .dialog-box2,
.dg-mobile .dialog-box3,
.dg-mobile .dialog-box4,
.dg-mobile .alert-box 
{
  margin-right: 0px;
  margin-left: 0px;
  left: 50%!important;
  transform: translate(-50%,0);
  max-width: 500px;
}

.svg-white svg {
    fill: #FFF !important;
}

.dg-mobile .dg-big2 {font-size: 14px!important;padding-left: 8px!important;padding-right: 8px!important}
.dg-mobile .dg-big2.dg-button-lpict {padding-left: 30px!important;}
.dg-mobile .dg-big2.dg-button-lpict .svg-icon {left: 4px;}


.dg-mobile .pa-dialog-buttons {padding-top: 7px!important;padding-bottom: 3px!important;height: 50px;}

.dialog_buttons {margin-bottom: 60px;}
.dg-mobile .dialog_buttons {margin-bottom: 50px;}

.tag_selected {font-weight: bold;color:#CC0000;background-color: #FFD;}

.c-AAA {color: #AAA}
.b-blue .c-AAA {color: #FFF}

.dg-button { font-size: 14px;vertical-align:top}

.pa-option-list {margin: 0px 0px 10px;border: 1px solid #AAA;border-radius: 5px;overflow: hidden;}
.pa-option {padding : 10px!important; background-color: #FFF;border-bottom: 1px solid #AAA}
.pa-option.dg-button-lpict {padding-left : 32px!important;}
.pa-option.dg-button-lpict .svg-icon {position: absolute;top: 10px;left: 10px;}

.margin-left-padding {margin-left: 20px;}

.dg-mobile .margin-left-padding {margin-left: 10px;}

.pa-double-notitle .pa-dialog-title {padding-left: 10px!important;height: 65px;}
.pa-double-notitle .pa-dialog-content {top: 65px!important;}

.pa-double-notitle .close1 {display: none}

.pa-triple-notitle .pa-dialog-title {padding-left: 10px!important;height: 95px;}
.pa-triple-notitle .pa-dialog-content {top: 95px!important;}

.pa-triple-notitle .close1 {display: none}

.dg-mobile.dialog-open .dg-content {display: none!important;}

@media (max-width: 700px) {
.hide-mobile {display: none;}
.win-mobile #dg-win-title {padding : 0px 3px!important;}
}    
@media (max-width: 951px) {
    .hide-small-screen {display: none;}
    .go-mobile {display: none;}
}

@media (min-width: 950px) {

/*
body:not(.dg-mobile).dialog-open .dg-content {float: left;width: 450px;left: 0px;margin: 0px!important;}

body:not(.dg-mobile) .dialog-box,
body:not(.dg-mobile) .dialog-box2,
body:not(.dg-mobile) .dialog-box3,
body:not(.dg-mobile) .dialog-box4,
body:not(.dg-mobile) .alert-box 
{
  width: calc(100% - 540px)!important;
  max-width: 100%!important;
  position:fixed!important;
  left:auto!important;
  right: 90px!important;
  transform: none;
  border-left: 1px solid #AAA;
  border-right: 1px solid #AAA;
}
*/
}



.selected {background-color: #DDD!important;}

.spam-line {background-color: #EFEAE2!important;}
.spam-line b {color: #888;}

/*
body:not(.dg-mobile) .go-mobile {bottom: 10px;right: 0px;position: absolute}
*/

.dg-goup {
    z-index: 1000;
    max-width: 780px;
    background-color: #EEE;
    position: fixed;
    top: 0px;
    width: 100%;
    max-width: 500px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
}


.width-60 {width:53px;}
.dg-mobile .width-60 {width:51px;}

.round-36    {border-radius:50%;width:36px;height:36px;background-size: cover;}

.c-red {color: red}
.c-purple {color: purple}
.c-green {color: green}
.c-grey {color: #888}
.c-orange {color: #FA0}
.c-blue {color: #0975E7}

.show-600 {display: none!important}
@media (max-width: 600px) {
.show-600 {display: block!important}
.hide-600 {display: none}
}
.image-33 {vertical-align: top;background-color: #EEE;padding-bottom: 33.333%;width:33.333%;display:inline-block;border: 1px solid #FFF}
.photo-profil-photo {margin: 30px;width:120px;height:120px;border-radius:50%;} 
.photo-profil-title {margin-top: 20px;font-size:18px;color: #333} 
.photo-profil-handle {font-size:11px;display: inline-block;color: #555;border-radius: 8px;background-color:#EEE;padding:2px 6px;}

.photo-profil-table-followers {padding-top:12px;font-size:16px;padding-bottom:12px;}
.photo-profil-table-followers .c1 {display: inline-block;font-weight: 600;padding-right:5px;vertical-align:bottom;}
.photo-profil-table-followers .c2 {display: inline-block;color:#555;font-size:15px;vertical-align:bottom;padding-right: 20px;}
.photo-feed {text-align: center};

.svg-hover:hover svg {fill: #888!important;stroke:  #888!important}
.svg-hover:hover {cursor: pointer}

.photo-navbar {padding:10px;text-align:center;position:fixed;top:0px;left:0px;bottom:0px;width:76px;background-color:#FFF;border-right:1px solid #CCC;}

.photo-navbar .svg-icon {
    width:56px;padding:10px;text-align: center;
}

.photo-navbar .svg-icon svg {width: 24px;height: 24px;;}

@media (max-width: 600px) {
.photo-profil-photo {margin: 10px;width:90px;height:90px;} 
.photo-profil-title {margin-top: 10px;font-size:16px;} 

.photo-profil-table-followers {padding-top:10px;font-size:14px;padding-bottom:10px;}
.photo-profil-table-followers .c1 {display: block;text-align: center}
.photo-profil-table-followers .c2 {display: block;text-align: center;font-size:12px;padding: 5px 10px;}
}

@media (max-width: 700px) {

.photo-navbar {padding:5px;position:fixed;top:auto;right: 0px;width:100%;background-color:#FFF;border-right:1px solid #CCC;}
.photo-navbar .svg-icon svg {width: 16px!important;height: 16px!important;}

.menu-bar {text-align: left;max-width: 600px;}
}

.show-hover {opacity: 0!important;}
.onhover:hover .show-hover {opacity: 1!important;}

.margin-2 {margin: 0px 2px;}

.image-33-png {width: 20px;}
.image-33-text {font-size: 16px;}

.photo-page {font-size: 14px;}
.photo-page .socials .svg-icon svg {height: 26px!important;width: 26px!important}

.dg-mobile .photo-page .socials .svg-icon svg {height: 20px!important;width: 20px!important}

@media (max-width: 600px) {
.image-33-png {width: 15px;}
.image-33-text {font-size: 12px;}
.photo-page {font-size: 14px;}
.photo-page .socials .svg-icon svg {height: 24px!important;width: 24px!important}
}


.dg-button-square {font-size: 14px;font-weight: bord;color: #666!imptant;border-radius:8px;padding:8px 12px;display:inline-block;position:relative;padding-top:38px;}
.dg-button-square .svg-icon {top:10px;position: absolute;left: 50%;transform: translate(-50%,0)}
.dg-button-square .svg-icon svg {width: 24px; height: 24px;}

.no-padding-right {padding-right: 0px!important ;}

.rect32 {
  background-color: black;
  width: 100%;
}
  
.rect32::after {
  content: '';
  display: block;
  padding-bottom: 66.66%;
}

.rect23 {
  background-color: black;
  width: 100%;
}
  
.rect23::after {
  content: '';
  display: block;
  padding-bottom: 150%;
}

.rect23 {
  background-color: black;
  width: 66.66%;
}
  
.rect23::after {
  content: '';
  display: block;
  padding-bottom: 150%;
}

.square {
  background-color: #FFF;
  width: 100%;
}
  
.square::after {
  content: '';
  display: block;
  padding-bottom: 100%;
}

.dialog-box {background-color: #FFF;}

.font-17 {font-size: 17px;}
.dg-mobile .font-17 {font-size: 15px;}

.user-header-pict {top: -105px;left: 20px;width:100px;}
.dg-mobile .user-header-pict {top: -80px;left: 10px;width:75px;}


.size_1 .hand   {width: 100%!important}    /* cm30 */
.size_2 .hand   {width: 58.82%!important}  /* cm51 */
.size_3 .hand   {width: 42.85%!important}  /* cm70 */
.size_4 .hand   {width: 33.33%!important}  /* cm90 */
.size_5 .hand  {width: 25%!important}     /* cm120 */
.size_6 .hand  {width: 20%!important}     /* cm150 */

.frame_1 {padding: 0px!important;}   /* sans cadre */
.frame_2 {padding: 20px!important;}  /* cadre */
.frame_3 {padding: 30px!important;}  /* signature */

.signature {display: none;}
.frame_3 .signature {display: block;}