:root {
    /*******************************************************************************/
    /* BRAND
    /*******************************************************************************/
    /*--color-primary:            #34495e;*/
    --color-primary: #47d1ff;
    --color-primary-dark:       #0c141b;
    --color-primary-80:         #34495ecc;
    --color-primary-88:         #34495ee0;
    --color-primary-light-text: #b1c4d6;
    --color-secondary:          #C94F7C;
    --color-navbar:             #399bff;
    --color-leftbar:            #506b81;
    --color-leftbar-25:         #506b8140;

    /*******************************************************************************/
    /* STATUS
    /*******************************************************************************/
    --color-success:            #8BC34A;
    --color-success-light:      #81c784;
    --color-success-selected:   #bdf9a4;
    --color-danger:             #f44336;
    --color-danger-light:       #e57373;
    --color-danger-selected:    #f7b8b8;
    --color-warning:            #ffc107;
    --color-warning-light:      #fff176;
    --color-warning-selected:   #ffed8c;
    --color-info:               #03A9F4;
    --color-info-dark:          #0090d2;
    --color-info-selected:      #b8e7ff;
    --color-active-selected:    #fff4e0;

    /*******************************************************************************/
    /* NEUTRALS
    /*******************************************************************************/
    --color-white:              #ffffff;
    --color-bg-light:           #eee;
    --color-bg-overlay:         rgba(127, 127, 127, 0.6);
    --color-border:             #ddd;
    --color-border-light:       #bbb;
    --color-tab-inactive:       #aaa;
    --color-tab-active:         #ededed;
    --color-tab-active-text:    #666;
    --color-text-dark:          #444;
    --color-text-muted:         #555;
    --color-text-grey:          #666;
    --color-disabled:           #999;
    --color-scrollbar-track:    #bbb;

    /*******************************************************************************/
    /* FORMS
    /*******************************************************************************/
    --color-input-focus:        #818e9a;
    --color-checkbox-bg:        #424e5a;
    --color-input-error-bg:     #fffbfb;

    /*******************************************************************************/
    /* TABLES
    /*******************************************************************************/
    --color-table-main-zone:        #f2655a;
    --color-table-secondary-zone:   #9c27b0;
    --color-table-light-yellow:     #fcfcc5;
    --color-table-light-yellow-hov: #fbfba7;
    --color-table-warning-shadow:   #f9c79d;
    --color-table-warning-shadow-b: #f8b177;
    --color-table-warning-shadow-hov: #f7ba84;
    --color-table-yellow-gray:      #dfdfb2;
    --color-table-yellow-gray-hov:  #c8c8a0;
    --color-table-selected:         #65c8fb;
    --color-table-selected-warning: #ffdc6f;
    --color-table-selected-danger:  #ff7e8c;
    --color-table-selected-success: #b6c976;

    /*******************************************************************************/
    /* ZONAS
    /*******************************************************************************/
    --color-zona-0:  #f44336;
    --color-zona-1:  #9c27b0;
    --color-zona-2:  #3f51b5;
    --color-zona-3:  #03a9f4;
    --color-zona-4:  #009688;
    --color-zona-5:  #8bc34a;
    --color-zona-6:  #ffc107;
    --color-zona-7:  #795548;
    --color-zona-8:  #607d8b;
    --color-zona-9:  #8e0e00;

    /*******************************************************************************/
    /* ZOOM BUTTONS
    /*******************************************************************************/
    --color-zoom-person:        #F44336;
    --color-zoom-person-hov:    #e57373;
    --color-zoom-doc:           #ffeb3b;
    --color-zoom-doc-hov:       #fff176;
    --color-zoom-tangram:       #4CAF50;
    --color-zoom-tangram-hov:   #81c784;
    --color-zoom-report:        #2196F3;
    --color-zoom-report-hov:    #64b5f6;
    --color-zoom-feedback:      #9c27b0;
    --color-zoom-feedback-hov:  #ba68c8;

    /*******************************************************************************/
    /* INFO CARDS
    /*******************************************************************************/
    --color-icard-true:  #5fa019;
    --color-icard-false: #e43e33;
    --color-icard-zero:  #2196f3;
    --color-icard-detail:     #959595;
    --color-icard-detail-hov: #7b7b7b;
}