:root {
        --color-main-backgraund: rgba(92, 60, 121, 0.9);
        --color-content-backgraund: #fffefe;
        --color-content-backgraund-menu: rgba(255, 254, 254, 0);
        --color-akcent: #741caf;
        --color-akcent-05: rgba(116, 28, 175, 0.5);
        --color-akcent-04: rgba(116, 28, 175, 0.4);
        --color-akcent-03: rgba(116, 28, 175, 0.3);
        --color-akcent-02: rgba(116, 28, 175, 0.2);
        --color-akcent-01: rgba(116, 28, 175, 0.1);
        /* table */
        --color-th: #5c3c79; /* var(--color-th) */
        --color-th-r: #d03535; /* var(--color-th-r) */
        --color-th-background: #f8f8f8;
        --color-backgraund-th: #f8f8f8; /* var(--color-backgraund-th) */
        --color-border-table: #ebe3ef;  /* var(--color-border-table) */
        --color-border-line: #d6cbd9;  /* var(--color-border-table) */
        --color-border-line-50: rgba(214, 203, 217, 0.5);  /* var(--color-border-table) */
        /* end table */
        --color-main-red: #d00000;
        --color-main-green: #167a0e;
        --color-main-font: var(--color-main-backgraund);
        --color-button-background: rgb(133, 68, 166);  /* var(--color-button-background) */
        --color-button-background-hover: rgb(133, 68, 166);  /* var(--color-button-background) */
        --color-button-background09: rgba(133, 68, 166, 0.9);  /* var(--color-button-background09) */
        --color-button-background07: rgba(133, 68, 166, 0.7);  /* var(--color-button-background07) */
        --color-button-background05: rgba(133, 68, 166, 0.5);  /* var(--color-button-background05) */
        --color-button-background03: rgba(133, 68, 166, 0.3);  /* var(--color-button-background03) */
        --color-main-hever: var(--color-akcent);
        --font-main: Tahoma, Arial;
        --font-submain: Montserrat, Calibri, Tahoma, Arial;
    }
    .content {
        background-color: var(--color-content-backgraund);
        border: 0px solid #fff;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 30px;
        color: #333;
        font-family: var(--font-main);
        font-size: 13px;
        line-height: 21px;}

    .bp-menu-control{position: absolute; height: auto; width: 266px; background-color: #3c4e79; margin: 0; z-index: 99;
        border-left: solid 6px; border-image: linear-gradient(to bottom, #0090ff, #e048be) 1 100%; display: none; cursor: pointer;}
    .sub-menu-line{float:left; width: 190px; height: 21px; color: #F3F6FF; padding: 9px 8px 7px 8px;
        font: normal 15px Montserrat, Calibri, Tahoma, Arial; transition: 0.4s;}
    .sub-menu-line:hover{transition: 0.4s; background-color: #614D8A; padding: 9px 4px 7px 12px;}
    .sub-menu-hover{float:left; width: 198px; height: 1px;  padding: 0; background: linear-gradient(to left, #3c4e79, #536479);}
    .bp-menu-line{float:left; width: 250px; height: 21px; color: #F3F6FF; padding: 9px 8px 7px 8px; text-align: left;
        font: normal 15px Montserrat, Calibri, Tahoma, Arial; transition: 0.4s;}
    .bp-menu-hover{float:left; width: 198px; height: 1px;  padding: 0; background: linear-gradient(to left, #3c4e79, #536479);}
    .bp-menu-line:hover{transition: 0.4s; background-color: #614D8A; padding: 9px 4px 7px 12px;}

    .items{
        border-spacing: 0px;
    }


    /* Pager */
    .pager {
        margin-top: 15px;
        margin-bottom: 15px;
        text-align: center;
    }

    ul.yiiPager {
        font-size: 11px;
        border: 0;
        margin: 0;
        padding: 0;
        line-height: 100%;
        display: inline;
    }

    ul.yiiPager li {
        display: inline;
    }

    ul.yiiPager a:link,
    ul.yiiPager a:visited {
        border: solid 1px #d8dbe5;
        font-weight: bold;
        color: var(--color-th);
        padding: 6px 11px;
        text-decoration: none;
    }

    ul.yiiPager .page a {
        font-weight: normal;
    }

    ul.yiiPager a:hover, ul.yiiPager .hidden a:hover  {
        border: solid 1px #7784b3;
        background-color: #f3f6ff;
    }

    ul.yiiPager .selected a {
        background-color: #f3f6ff;
        border: solid 1px #7784b3;
        color: var(--color-th);
        font-weight: bold;
    }

    ul.yiiPager .hidden a {
        border: solid 1px #d8dbe5;
        color: var(--color-th);
    }

    /**
     * Hide first and last buttons by default.
     */
    ul.yiiPager .first,
    ul.yiiPager .last {
        display: none;
    }

    /*  */
    .nmclpath{padding:0 5px;height:auto;width:100%;border-left: 1px solid var(--color-border-table);border-right: 1px solid var(--color-border-table);box-sizing: border-box;font-weight: bold;}

    .items tbody .invoice_status_1:nth-child(2n){background: linear-gradient(-90deg, #ffdede, #f6f6f6);}
    .items tbody .invoice_status_1:nth-child(2n+1){background: linear-gradient(-90deg, #ffe3e3, #fff);}
    .items tbody tr:nth-child(2n) { background: linear-gradient(45deg, #f6f6f6, #f2f5f0); box-shadow:  0px -2px 2px rgba(61, 67, 141, 0.1);}
    .items tbody tr:nth-child(2n+1) {  background: linear-gradient(45deg, #fff, var(--color-th-background)); box-shadow:  0px -2px 2px rgba(61, 67, 141, 0.1);}
    .items tbody tr:hover{background: #ffffcc;}
    .items tbody .invoice_status_1:hover{background: #ffffcc;}
    .items thead {
        background-color: var(--color-th-background) !important;
        border-bottom: 2px solid var(--color-border-line);
    }
    .items thead tr th{
        border-bottom: 1px solid var(--color-th);
    }
    .items th {
        color: var(--color-th);
        font-size: 12px;
        text-align: left;
        padding: 5px;
        white-space: nowrap;
    }
    .items td {
        padding: 10px 5px;
    }
    #no-border-spacing, .no-border-spacing {
        border: 1px solid var(--color-border-table);
        border-spacing: 0;
    }
    .tab-border-no-top{ border-left: 1px solid var(--color-border-table);border-right: 1px solid var(--color-border-table);border-bottom: 1px solid var(--color-border-table); border-spacing: 0; }
    .tab-border-no-bottom{ border-left: 1px solid var(--color-border-table);border-right: 1px solid var(--color-border-table);border-top: 1px solid var(--color-border-table); border-spacing: 0; }