/* Main */
:root {
    --color1: #395693; /* Page Background */
    --color3: #999; /*  Borders / Outline */
    --color7: #ffc107; /* Selected Sidebar Menu */
    --color8: #ffc107; /* Warning */
    --color9: #007bff; /* Primary */
    --color4: #F5F5F5; /* Breadcom / Sidebar*/
    --color2: #333333; /* Text Color */
    --color5: #fff; /* White */
    --color6: #333; /* Black */
    --size1: 1px; /* outlines */
    --wallpaper: ""; /* Backgrounf Image */
}


  
    .custom-file-input input {
        visibility: hidden;
        width: 100px;
    }
    .custom-file-input:before {
        content: 'انتخاب فایل';
        display: block;
        background: -webkit-linear-gradient( -180deg, #ffdc73, #febf01);
        background: -o-linear-gradient( -180deg, #ffdc73, #febf01);
        background: -moz-linear-gradient( -180deg, #ffdc73, #febf01);
        background: linear-gradient( -180deg, #ffdc73, #febf01);
        border: 3px solid #dca602;
        border-radius: 10px;
        padding: 5px 0px;
        outline: none;
        white-space: nowrap;
        cursor: pointer;
        text-shadow: 1px 1px rgba(255,255,255,0.7);
        font-weight: bold;
        text-align: center;
        font-size: 10pt;
        position: absolute;
        left: 0;
        right: 0;
    }
    .custom-file-input:hover:before {
        border-color: #febf01;
    }
        .custom-file-input:active:before {
        background: #febf01;
    }
    .file-blue:before {
        content: 'Browse File';
        background: -webkit-linear-gradient( -180deg, #99dff5, #02b0e6);
        background: -o-linear-gradient( -180deg, #99dff5, #02b0e6);
        background: -moz-linear-gradient( -180deg, #99dff5, #02b0e6);
        background: linear-gradient( -180deg, #99dff5, #02b0e6);
        border-color: #57cff4;
        color: #FFF;
        text-shadow: 1px 1px rgba(000,000,000,0.5);
    }
    .file-blue:hover:before {
        border-color: #02b0e6;
    }
    .file-blue:active:before {
        background: #02b0e6;
    }