/* --color-text :#000000 ;  #3F3A3A 
--box-shadow : rgba(0, 0, 0, 0.14); #e6e6e6  */
:root {
    /* black theme  */
   
    /* --white-color : #080808 !important;
    --black-color :  #ffffff !important; 
    
    --color-background : #1a1616ef !important; 
    --color-background2 : #292929ef !important; 
    --color-card-border : #ecececad !important; 
    --color-background-sec :#3d3d3d6e  !important;
    --color-text :#C1BABA  ; 
    --box-shadow : rgba(53, 49, 49, 0.199);
    --box-shadow2 : rgba(85, 85, 85, 0.623);
    --box-shadow-card-info : rgba(255,0,0,0);
    --box-shadow-card-info-top :rgba(32,32,32,0.95);
    --box-color-card-top : rgba(0, 0, 0, 0.4);
    
    --box-color-card-text-header : #ffffff !important; 
    --box-color-card-text-bottom : #ffffff !important;  */

    

    /* white theme */
    
    --mess-talk-other : transparent;
    --mess-talk-me : transparent ;
    --mess-bottom-input : transparent; 
    
    --white-color : #ffffff;
    --black-color : #3b3b3b  ;

    --color-background : #e7edee ; 
    --color-background2 : #ffffff !important; 
    --color-card-border : #9E74D0 !important; 
    --color-background-sec :#e4e4e4e0 ;
    --color-text :#000000 ; 
    --color-text-light :#ffffff ; 
    --box-shadow : rgba(0, 0, 0, 0.14);
    --box-shadow-card-info : rgba(255,0,0,0);
    --box-shadow-card-info-top :rgba(32,32,32,0.95);
    --box-color-card-top : rgba(0, 0, 0, 0.4);

    --box-color-card-text-header : #ffffff !important; 
    --box-color-card-text-bottom : #ffffff !important; 
    
    --none-color : rgba(255,0,0,0);
    --dark-wait-color :#000000a6;
    --box-border-rad : 8px ;
    
    --disable-input-color : #8f8f8f ;

    --main-color : transparent ;
    --main-color-light : transparent ;
    --main-color-very-light : transparent ;
    --main-color-dark : transparent ;
    --main-color-very-dark : transparent ;
    --primary-color : transparent ;
    --primary-color-h : transparent ;
    --primary-color-hover : transparent ;
    --main-color-shadow : transparent ;
    --messenger-primary-color : transparent ;
    --messenger-list-color : transparent ;
    --messenger-talking-histo : transparent ;
    --messenger-icon-color : transparent ; 

    /* 
    --mess-talk-other : #ffffff;
    --mess-talk-me : #fea400  ;
    --mess-bottom-input : #c98200; 
    
    --white-color : #ffffff;
    --black-color : #3b3b3b  ;

    --color-background : #e7edee ; 
    --color-background2 : #ffffff !important; 
    --color-card-border : #9E74D0 !important; 
    --color-background-sec :#e4e4e4e0 ;
    --color-text :#000000 ; 
    --box-shadow : rgba(0, 0, 0, 0.14);
    --box-shadow-card-info : rgba(255,0,0,0);
    --box-shadow-card-info-top :rgba(32,32,32,0.95);
    --box-color-card-top : rgba(0, 0, 0, 0.4);

    --box-color-card-text-header : #ffffff !important; 
    --box-color-card-text-bottom : #ffffff !important; 
    
    --none-color : rgba(255,0,0,0);
    
    --box-border-rad : 8px ;
    
    --disable-input-color : #8f8f8f ;

    --main-color : #ffffff ;
    --main-color-light : #ffffff ;
    --main-color-very-light : #ffffff ;
    --main-color-dark : #ffffff ;
    --main-color-very-dark : #ffffff ;
    --primary-color : rgb(221, 221, 221) ;
    --primary-color-h : #a8a8a8 ;
    --primary-color-hover : #bdd3bbaf ;
    --main-color-shadow : #dcecdbe0 ;
    --messenger-primary-color : #ffffff ;
    --messenger-list-color : rgb(221, 221, 221) ;
    --messenger-talking-histo : #a8a8a8 ;
    --messenger-icon-color : #a8a8a8 ; */

    --s-color-yellow:#f4c63d;
    --s-color-bold-yellow:#ffbf00;
    --s-color-white:#fff;
    --s-color-red :#d70206;
    --s-color-darkest-red :#371a1b;
    --s-color-dark-red :#8e0f11;
    --s-color-orange:#f8991d; /* #d17905 */
    --s-color-dark-orange:#ff6803;
    --s-color-dark-orange:#f05b4f;
    --s-color-brown:#681d1dd9;/* #5f2727; */
    --s-color-green:#59922b;
    --s-color-light-green:#8efd33;
    --s-color-dark-green:#34541a;
    --s-color-blue:#0544d3;
    --s-color-light-blue:#2262f7;
    --s-color-blue-gray:#3e5793;
    --s-color-purple:#6b0392;
    --s-color-pink:#f219bb;
    --s-color-dark-pink:#96055c;
    --s-color-gray:#7c7c7c;


    --grey-color : rgba(73, 73, 73, 0.041);

    --dark-color-background : #3F3A3A ;
    --light-color-background : #C1BABA ;

    --color-text-success-txt : #ffffff;
    --color-text-success:#59922b ;
    --color-text-success-h:#59922b ;
    --color-text-success-background:#5a9728 ;
    --color-text-success-background-h:#458b0c ;

    --rgb-color-text-success-txt : 255, 255, 255;
    --rgb-color-text-success: 89, 146, 43;
    --rgb-color-text-success-h: 89, 146, 43 ;
    --rgb-color-text-success-background: 90, 151, 40 ;
    --rgb-color-text-success-background-h:69, 139, 12 ;

    --color-text-info-txt : #ffffff;
    --color-text-info:#0544d3 ;
    --color-text-info-h:#064be7  ;
    --color-text-info-background: #09369c;
    --color-text-info-background-h: #1d4db8;

    --rgb-color-text-info-txt : 255, 255, 255;
    --rgb-color-text-info: 5, 68, 211 ;
    --rgb-color-text-info-h: 6, 75, 231  ;
    --rgb-color-text-info-background: 9, 54, 156 ;
    --rgb-color-text-info-background-h: 29, 77, 184;

    --color-text-warning-txt : #030303;
    --color-text-warning: #f4c63d;
    --color-text-warning-h: #f4c63d ;
    --color-text-warning-background:#f4c63d;
    --color-text-warning-background-h: #f4c63d ;

    --rgb-color-text-warning-txt : 3, 3, 3;
    --rgb-color-text-warning: 244, 198, 61;
    --rgb-color-text-warning-h: 244, 198, 61 ;
    --rgb-color-text-warning-background:244, 198, 61;
    --rgb-color-text-warning-background-h: 244, 198, 61 ;

    --color-text-danger-txt: #ffffff;
    --color-text-danger: #d70206;
    --color-text-danger-h: #d70206 ;
    --color-text-danger-background: #d70206 ;/* #d70206 */
    --color-text-danger-background-h: #d70206 ;/* #d70206 */
    /* rgb or rgba */
    --rgb-color-text-danger-txt: 255, 255, 255;
    --rgb-color-text-danger: 215, 2, 6;
    --rgb-color-text-danger-h: 215, 2, 6 ;
    --rgb-color-text-danger-background: 215, 2, 6 ;
    --rgb-color-text-danger-background-h: 215, 2, 6 ;
    

    /* for notifications */
    --notif-danger-color : #ff0303;
    --notif-danger-bg : rgba(220, 17, 1, 0.33);
    --notif-danger-bg-hover : rgba(220, 17, 1, 0.7);
    --notif-danger-border : rgba(241, 6, 6, 0.81);
    --notif-danger-box-shadow : #ff0303;
    --notif-primary-color : #2a8599;/* #03d0ff */
    --notif-primary-bg : rgba(1, 204, 220, 0.33);
    --notif-primary-bg-hover : rgba(1, 204, 220, 0.7);
    --notif-primary-border : rgba(6, 241, 226, 0.81);
    --notif-primary-box-shadow : #03fff5;
    --notif-warning-color : #ffb40b;/* #ffb103 */
    --notif-warning-bg : rgba(220, 128, 1, 0.33);
    --notif-warning-bg-hover : rgba(220, 128, 1, 0.7);
    --notif-warning-border : rgba(241, 142, 6, 0.81);
    --notif-warning-box-shadow : #ffb103;
    --notif-info-color : #095060;/* #0396ff */
    --notif-info-bg : rgba(7, 73, 149, 0.35);
    --notif-info-bg-hover : rgba(7, 73, 149, 0.7);
    --notif-info-border : rgba(6, 44, 241, 0.46);
    --notif-info-box-shadow : #28597d;
    --notif-success-color : #285922;/* #0ad406 --#25ff0b*/
    --notif-success-bg : rgba(7, 149, 66, 0.35);
    --notif-success-bg-hover : rgba(7, 149, 66, 0.7);
    --notif-success-border : rgba(36, 241, 6, 0.46);
    --notif-success-box-shadow : #259c08;

    /*  cards  */
    /* card green - colors :  #66b@b6a,#43a@047 */
    --item1-dark-color : #007906 ;
    --item1-light-color : #19af05 ;

    /* card blue - colors :  #39@c3da,#39a2@e9 */
    --item2-dark-color :#0300a3 ;
    --item2-light-color : #5845fe ;

    /* card yellow - colors :  #FFB@C11 */
    --item3-dark-color : #ac0202 ;
    --item3-light-color : #e90000 ;

    /* card orange - colors :   */
    --item4-dark-color : #fc7201 ;
    --item4-light-color : #ffa551 ;

    /* card pink - colors :  #925c@c1,#913@9--s-color-reddd */
    --item5-dark-color : #b803b8 ;
    --item5-light-color : #e90dfd ;

    /* card aliceblue - colors :  #3f@51b5,#1b3@8d7 */
    --item6-dark-color : #803fb5;
    --item6-light-color : #9b1bd7;

    /* card alicerose - colors :  #ec40@7a, #d81b@60 */
    --item7-dark-color : #ec407a ;
    --item7-light-color : #d81b60 ;

    /* card skyeblue - colors :  #3ea21ef, #3ea@1ef */
    --item8-dark-color : #126cb1 ;
    --item8-light-color : #3ea1ef ;

    /* card alicerose2 - colors :  #ec40@7a, #d81b@60 */
    --item10-dark-color : #5f371c ;
    --item10-light-color : #3a2321 ;
    
    /* card red3-dark-color ht-color : #ffa551 ;*/


    --item-color-sec : var(--white-color);
    --item-color-sec-dark : rgba(255@, 255, 255, 0.05);


    /* Front Color */
    --color-base1 :transparent ;
    --color-base2 :transparent ;

    --front-bg-color-1 :#f6ffff ;/* #f6ffff */
    --front-bg-color-2 :#fcfcfc ;/* #fcfcfc */
    --front-bg-color-3 :rgba(255, 255, 255, 0) ;/* rgba(255, 255, 255, 0) */
    --front-bg-color-4 :rgba(255, 255, 255, 1) ;/* rgba(255, 255, 255, 1) */
    --front-bg-color-5 :#f8f8f8 ;/* #f8f8f8 */
    --front-bg-color-6 :#ccc ;/* #ccc */
    /* --front-bg-color-7 :var(--color-base2) ; *//* #ef5662 */
    --front-bg-color-8 :#f5f5f5 ;/* #f5f5f5 */
    /* --front-bg-color-9 :var(--color-base2); *//* #34495e */
    --front-bg-color-10 :hsla(0, 0%, 100%, .21) ;/* hsla(0, 0%, 100%, .21) */
    --front-bg-color-11 :#eceff1 ;/* #eceff1 */
    /* --front-bg-color-12 :var(--color-base2); *//* #5c7ee6 */
    --front-bg-color-13 :hsla(0, 0%, 98%, .9) ;/* #hsla(0, 0%, 98%, .9) */
    --front-bg-color-14 :#fafafa ;/* #fafafa */
    --front-bg-color-15 :#616161 ;/* #616161 */
    --front-bg-color-16 :#f7fafc ;/* #f7fafc */
    --front-bg-color-17 :#e0e1e2 ;/* #e0e1e2 */
    --front-bg-color-18 :rgba(255, 255, 255, .75) ;/* rgba(255, 255, 255, .75) */
    --front-bg-color-19 :rgba(240, 246, 250, .9) ;/* rgba(240, 246, 250, .9) */
    --front-bg-color-20 :#d7d8d9 ;/* #d7d8d9 */
    --front-bg-color-21 :hsla(0, 0%, 75%, .41); /* hsla(0, 0%, 75%, .41) */
    --front-bg-color-22 :rgba(93, 214, 0, .06) ;/* rgba(93, 214, 0, .06) */
    --front-bg-color-23 :rgba(0, 190, 214, .04) ;/* rgba(0, 190, 214, .04) */
    --front-bg-color-24 :#ebffde ;/* #ebffde */
    /* --front-bg-color-25 :var(--color-base1); *//* rgba(255, 80, 98, .89) */
    --front-bg-color-26 :#6ab946 ;/* #6ab946 */
    --front-bg-color-28 :#f4f4f4 ;/* #f4f4f4 */
    --front-bg-color-29 :#8dd4dc ;/* #8dd4dc */
    --front-bg-color-30 :#f3feff ;/* #f3feff */
    --front-bg-color-31 :#ededed ;/* #ededed */
    --front-bg-color-32 :#fbffff ;/* #fbffff */
    --front-bg-color-33 :#b2d879 ;/* #b2d879 */
    --front-bg-color-34 :#ffdddd ;/* #ffdddd */
    --front-bg-color-35 :#888 ;/* #888 */
    --front-bg-color-36 :#eeeeee ;/* #eeeeee */
    /* --front-bg-color-37 :var(--color-base1); *//* #e74c3c */
    --front-bg-color-38 :#2ecc71 ;/* #2ecc71 */
    --front-bg-color-39 :#263238 ;/* #263238 */
    --front-bg-color-40 :rgba(255, 255, 255, .3) ;/* rgba(255, 255, 255, .3) */
   


    --front-txt-color-1: #858585 ; /* #858585 */
    --front-txt-color-2: #939393 ; /* #939393 */
    --front-txt-color-3: #bababa ; /* #bababa */
    --front-txt-color-4: #535353 ; /* #535353 */
    --front-txt-color-5: #7b7b7b ; /* #7b7b7b */
    --front-txt-color-6: #2c2c2c ; /* #2c2c2c */
    --front-txt-color-7: #424242 ; /* #424242 */
    /* --front-txt-color-8:var(--color-base2); */ /* #1ca2bd */
   /*  --front-txt-color-9:var(--color-base2); */ /* #03A9F4 */
    --front-txt-color-10: #4d4d4d ; /* #4d4d4d */
    --front-txt-color-11: #404040 ; /* #404040 */
    --front-txt-color-12: #625f5f ; /* #625f5f */
    --front-txt-color-13: #a7a7a7 ; /* #a7a7a7 */
    --front-txt-color-14: #6f6f6f ; /* #6f6f6f */
    --front-txt-color-15: #c3c3c3 ; /* #c3c3c3 */
    --front-txt-color-16: #a9a9a9 ; /* #a9a9a9 */
    --front-txt-color-17: #717171 ; /* #717171 */
    --front-txt-color-18: #565656 ; /* #565656 */
    /* --front-txt-color-19:var(--color-base1); */ /* #f44336 */
    --front-txt-color-20: #55565a ; /* #55565a */
    /* --front-txt-color-21:var(--color-base1); */ /* #ff637d */
    --front-txt-color-22: #4b4b4b ; /* #4b4b4b */
    --front-txt-color-23: #c1c1c1 ; /* #c1c1c1 */
    /* --front-txt-color-24:var(--color-base2); */ /* #3081fb */
    --front-txt-color-25: #b5b5b5 ; /* #b5b5b5 */
    --front-txt-color-26: #494949 ; /* #494949 */
    --front-txt-color-27: #f2f2f2 ; /* #f2f2f2 */
    --front-txt-color-28: #6a6a6a ; /* #6a6a6a */
    --front-txt-color-29: #cfcfcf ; /* #cfcfcf */
    --front-txt-color-30: #aaa ; /* #aaa */
    --front-txt-color-31: #e6e6e6 ; /* #e6e6e6 */
    /* --front-txt-color-32:var(--color-base1); */ /* #fb3449 */
    --front-txt-color-33: #676767 ; /* #676767 */
    --front-txt-color-34: #a0a0a0 ; /* #a0a0a0 */
    --front-txt-color-35: #777 ; /* #777 */
    --front-txt-color-36: #ababab ; /* #ababab */
    --front-txt-color-37: #999 ; /* #999 */
    --front-txt-color-38: #a8a8a8 ; /* #a8a8a8 */
    --front-txt-color-39: #515151 ; /* #515151 */
    --front-txt-color-40: #474747 ; /* #474747 */
    /* --front-txt-color-41:var(--color-base2); */ /* #008ec9 */
    /* --front-txt-color-42:var(--color-base1); */ /* #f40707 */
    /* --front-txt-color-43:var(--color-base2); */ /* #05b3c7 */
    --front-txt-color-44: #454545 ; /* #454545 */
    --front-txt-color-45: #959595 ; /* #959595 */
    --front-txt-color-46: #666 ; /* #666 */
    --front-txt-color-47: #a0a0a0 ; /* #a0a0a0 */
    --front-txt-color-48: #4a5f73 ; /* #4a5f73 */
    --front-txt-color-49: #212121 ; /* #212121 */
    --front-txt-color-50: #606060 ; /* #606060 */
    --front-txt-color-51: #979898 ; /* #979898 */
    --front-txt-color-52: #727272 ; /* #727272 */
    --front-txt-color-53: #5d5959 ; /* #5d5959 */
    --front-txt-color-54: #656565 ; /* #656565 */
    --front-txt-color-55: #929292 ; /* #929292 */
    --front-txt-color-56: #5c5c5c ; /* #5c5c5c */
    --front-txt-color-57: #444 ; /* #444 */
    --front-txt-color-58: #a37731 ; /* #a37731 */
    --front-txt-color-59: #cecece ; /* #cecece */
    --front-txt-color-60: #3b3b3b ; /* #3b3b3b */
    --front-txt-color-61: #6e6e6e ; /* #6e6e6e */
    --front-txt-color-62: #dadada ; /* #dadada */
    --front-txt-color-63: #737373 ; /* #737373 */
    --front-txt-color-64: #6d6d6d ; /* #6d6d6d */
    /* --front-txt-color-65:var(--color-base2); */ /* #2fc9dc */
    --front-txt-color-66: #a2a2a2 ; /* #a2a2a2 */
    --front-txt-color-67: #489e48 ; /* #489e48 */
    /* --front-txt-color-68:var(--color-base1); */ /* #ff737b */
    --front-txt-color-69: #968097 ; /* #968097 */
    --front-txt-color-70: #0fafdd ; /* #0fafdd */
    --front-txt-color-71: #4d663f ; /* #4d663f */
    /* --front-txt-color-72:var(--color-base1); */ /* #ff747b */
    /* --front-txt-color-73:var(--color-base1); */ /* #ff1744 */
    /* --front-txt-color-74: var(--color-base2) ; */ /* #3633e6 */
    /* --front-txt-color-75: var(--color-base2) ; */ /* #283971 */
    --front-txt-color-76: rgba(255, 255, 255, 0.7) ; /* rgba(255, 255, 255, 0.7) */
    --front-txt-color-77: #7a7a7a ; /* #7a7a7a */
    --front-txt-color-78: #555 ; /* #555 */
    --front-txt-color-79: #5b5b5b ; /* #5b5b5b */

    --front-border-color-1 :#dedede ;/* #dedede */
    --front-border-color-2 :#f1f1f1 ;/* #f1f1f1 */
    --front-border-color-3 :#f3f3f3 ;/* #f3f3f3 */
    --front-border-color-4 :#ebebeb ;/* #ebebeb */
    --front-border-color-5 :#e3e3e3 ;/* #e3e3e3 */
    --front-border-color-6 :#c8c8c8 ;/* #c8c8c8 */
    --front-border-color-7 :#dfdfdf ;/* #dfdfdf */
    --front-border-color-8 :#efefef ;/* #efefef */
    /* --front-border-color-9 : var(--color-base2) ; *//* #148693 */
    --front-border-color-10 :#cacaca ;/* #cacaca */
    --front-border-color-11 :#e4e4e4 ;/* #e4e4e4 */
    --front-border-color-12 :#b8b8b8 ;/* #b8b8b8 */
    --front-border-color-13 :#e7e7e7 ;/* #e7e7e7 */
    --front-border-color-14 :#eaeaea ;/* #eaeaea */
    --front-border-color-15 :#d5dadd ;/* #d5dadd */
    --front-border-color-16 :#c6c6c6 ;/* #c6c6c6 */
    --front-border-color-17 :#f0f0f0 ;/* #f0f0f0 */
    --front-border-color-18 :#e0e0e0 ;/* #e0e0e0 */
    /* --front-border-color-19 :var(--color-base2) ; *//* #05e4ff */
    --front-border-color-20 :#cfd8dc ;/* #cfd8dc */
    --front-border-color-21 :#d7dee0 ;/* #d7dee0 */
    --front-border-color-22 :#e5e5ea ;/* #e5e5ea */
    --front-border-color-23 :#b0bec5 ;/* #b0bec5 */
    --front-border-color-24 :#ececec ;/* #ececec */
    --front-border-color-25 :#d8d8d8 ;/* #d8d8d8 */
    --front-border-color-26 :#b7b7b7 ;/* #b7b7b7 */
    /* --front-border-color-27 :var(--color-base2) ; *//* #1fa4b3 */
    /* --front-border-color-28 :var(--color-base2) ; *//* rgba(0, 190, 214, .13) */
    --front-border-color-29 :#d7e6bb ;/* #d7e6bb */
    --front-border-color-30 :#b0b0b0 ;/* #b0b0b0 */
    --front-border-color-31 :#f6e8a1 ;/* #f6e8a1 */
    --front-border-color-32 :#ebe9e9 ;/* #ebe9e9 */
    --front-border-color-33 :#e8e8e8 ;/* #e8e8e8 */
    --front-border-color-34 :#4aa42e ;/* #4aa42e */
    /* --front-border-color-35 :var(--color-base2) ; *//* #41a7b4 */
    --front-border-color-36 :#c5c5c5 ;/* #c5c5c5 */
    --front-border-color-37 :#8dd4dd ;/* #8dd4dd */

    --front-box-shadow-color-1 :hsla(0, 0%, 71%, .1) ;/* hsla(0, 0%, 71%, .1) */
    --front-box-shadow-color-2 :hsla(0, 0%, 100%, .61) ;/* hsla(0, 0%, 100%, .61) */
    --front-box-shadow-color-3 :rgba(0, 0, 0, 0.14) ;/* rgba(0, 0, 0, 0.14) */
    --front-box-shadow-color-4 :rgba(0, 0, 0, 0.12) ;/* rgba(0, 0, 0, 0.12) */
    --front-box-shadow-color-5 :rgba(0, 0, 0, 0.3) ;/* rgba(0, 0, 0, 0.3) */
    --front-box-shadow-color-6 :hsla(0, 0%, 71%, .11) ;/* hsla(0, 0%, 71%, .11) */
    --front-box-shadow-color-7 :rgba(0, 0, 0, .05) ;/* rgba(0, 0, 0, .05) */
    --front-box-shadow-color-8 :hsla(0, 0%, 71%, .3) ;/* hsla(0, 0%, 71%, .3) */
    --front-box-shadow-color-9 :rgba(0, 0, 0, .08) ;/* rgba(0, 0, 0, .08) */
    --front-box-shadow-color-10 :hsla(0, 0%, 44%, .32) ;/* hsla(0, 0%, 44%, .32) */
    --front-box-shadow-color-11 :rgba(0, 0, 0, .15) ;/* rgba(0, 0, 0, .15) */
    --front-box-shadow-color-12 :rgba(112, 112, 112, .32) ;/* rgba(112, 112, 112, .32) */
    --front-box-shadow-color-13 :rgba(0, 0, 0, .1) ;/* rgba(0, 0, 0, .1) */
    --front-box-shadow-color-14 :rgba(255, 138, 138, .5) ;/* rgba(255, 138, 138, .5) */
    --front-box-shadow-color-15 :rgba(0, 0, 0, .03) ;/* rgba(0, 0, 0, .03) */
    --front-box-shadow-color-16 :rgba(0, 0, 0, .09) ;/* rgba(0, 0, 0, .09) */
    --front-box-shadow-color-17 :hsla(0, 0%, 44.3%, .14) ;/* hsla(0, 0%, 44%, .32) */
    --front-box-shadow-color-18 :rgba(0, 0, 0, .11) ;/* rgba(0, 0, 0, .11) */

    /* End Front Color */

}


/* document.body.style.setProperty('--main-color',"#6c0") */