/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(882,24): run-time error CSS1039: Token not allowed after unary operator: '-menu-sm-height'
(882,59): run-time error CSS1039: Token not allowed after unary operator: '-menu-sm-width'
(896,17): run-time error CSS1039: Token not allowed after unary operator: '-menu-sm-width'
(920,24): run-time error CSS1039: Token not allowed after unary operator: '-menu-sm-width'
(1179,22): run-time error CSS1039: Token not allowed after unary operator: '-current-brand-theme-color'
(1184,18): run-time error CSS1039: Token not allowed after unary operator: '-menu-sm-height'
(1185,22): run-time error CSS1039: Token not allowed after unary operator: '-menu-sm-height'
(1455,18): run-time error CSS1039: Token not allowed after unary operator: '-menu-sm-height'
(1882,17): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
(3714,22): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-color'
(3715,17): run-time error CSS1039: Token not allowed after unary operator: '-color'
(3719,26): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-color'
(3720,21): run-time error CSS1039: Token not allowed after unary operator: '-color'
(9533,18): run-time error CSS1039: Token not allowed after unary operator: '-menu-sm-height'
(11400,18): run-time error CSS1039: Token not allowed after unary operator: '-menu-sm-height'
(11400,40): run-time error CSS1039: Token not allowed after unary operator: '-menu-sm-width'
(11444,28): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-color'
(11773,21): run-time error CSS1039: Token not allowed after unary operator: '-menu-sm-height'
(11780,17): run-time error CSS1039: Token not allowed after unary operator: '-menu-sm-height'
(11916,18): run-time error CSS1039: Token not allowed after unary operator: '-menu-sm-height'
(11941,23): run-time error CSS1039: Token not allowed after unary operator: '-lic-height'
(11994,29): run-time error CSS1039: Token not allowed after unary operator: '-menu-sm-width'
(11995,18): run-time error CSS1039: Token not allowed after unary operator: '-menu-sm-height'
(12009,17): run-time error CSS1039: Token not allowed after unary operator: '-menu-sm-width'
(12023,17): run-time error CSS1039: Token not allowed after unary operator: '-menu-sm-width'
(12024,18): run-time error CSS1039: Token not allowed after unary operator: '-menu-sm-height'
(12031,18): run-time error CSS1039: Token not allowed after unary operator: '-menu-sm-height'
(12093,17): run-time error CSS1039: Token not allowed after unary operator: '-menu-sm-width'
(12155,18): run-time error CSS1039: Token not allowed after unary operator: '-menu-sm-height'
(12219,32): run-time error CSS1039: Token not allowed after unary operator: '-menu-sm-height'
(12219,56): run-time error CSS1039: Token not allowed after unary operator: '-fotter-menu-count'
(12219,84): run-time error CSS1039: Token not allowed after unary operator: '-menu-sm-height'
(12223,31): run-time error CSS1039: Token not allowed after unary operator: '-menu-sm-height'
(12227,22): run-time error CSS1039: Token not allowed after unary operator: '-menu-sm-width'
(12233,22): run-time error CSS1039: Token not allowed after unary operator: '-menu-sm-width'
(12254,22): run-time error CSS1039: Token not allowed after unary operator: '-menu-sm-width'
(12550,34): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-color'
(12649,26): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-color'
(12779,34): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-color'
(12783,22): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-color'
(12788,22): run-time error CSS1039: Token not allowed after unary operator: '-current-brand-theme-color'
(12839,17): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
(12867,22): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
(12902,35): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
(13070,17): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
(13296,34): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
(13310,63): run-time error CSS1030: Expected identifier, found ','
(13310,68): run-time error CSS1031: Expected selector, found ')'
(13310,68): run-time error CSS1025: Expected comma or open brace, found ')'
(13534,17): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
(13572,22): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
(13589,26): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
(13599,34): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
(13606,22): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-color'
(13756,21): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
(13803,35): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
(13841,28): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-color'
(13842,24): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
(13847,32): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
(13864,28): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
(13873,32): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
(13883,23): run-time error CSS1039: Token not allowed after unary operator: '-lic-height'
(13887,22): run-time error CSS1039: Token not allowed after unary operator: '-menu-sm-width'
(13903,24): run-time error CSS1039: Token not allowed after unary operator: '-menu-sm-height'
(13911,18): run-time error CSS1039: Token not allowed after unary operator: '-menu-sm-height'
(13922,22): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
(13945,35): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
(13957,32): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
(13963,30): run-time error CSS1039: Token not allowed after unary operator: '-menu-sm-height'
(13971,21): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
(14220,22): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
(14291,22): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-color'
(14296,22): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-alpha-510'
(14696,28): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-color'
(14703,22): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
(14782,38): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
(14875,34): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
(14926,35): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
(14944,22): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
(14984,39): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
(14997,39): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
(15007,38): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
(15601,17): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-color'
(15623,22): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
(16406,28): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-color'
(16663,28): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-alpha-410'
(17301,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18050,28): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-color'
(18062,32): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
(18067,28): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-color'
(18077,32): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
(18082,28): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-color'
(18092,32): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
(18097,28): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-color'
(18107,28): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
(18112,28): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-color'
(18122,28): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
(18128,28): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-color'
(18139,28): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
(18252,22): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-color'
(18262,22): run-time error CSS1039: Token not allowed after unary operator: '-current-theme-dark-color'
 */
html {
    --color: #fff;
    --menu-sm-width: 60px;
    --menu-sm-height: 48px;
    --current-theme-color: hsl(214, 79%, 33%);
    --current-theme-dark-color: hsl(210, 71%, 18%);
    --current-brand-theme-color: var(--current-theme-dark-color);
    --current-loader-color: hsl(214, 79%, 33%);
    --current-loader-dark-color: hsl(214, 79%, 33%);
    --fotter-menu-count: 1;
}

    html[data-background] body {
        background-color: inherit !important;
    }

    html[data-background="2"] {
        background-image: url('../site/images/6.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="3"] {
        background-image: url('../site/images/5.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="4"] {
        background-image: url('../site/images/4.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="5"] {
        background-image: url('../site/images/3.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="6"] {
        background-image: url('../site/images/2.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="7"] {
        background-image: url('../site/images/1.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="8"] {
        background-image: url('../site/images/14.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="9"] {
        background-image: url('../site/images/13.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="10"] {
        background-image: url('../site/images/12.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="11"] {
        background-image: url('../site/images/11.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="12"] {
        background-image: url('../site/images/10.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="13"] {
        background-image: url('../site/images/9.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="14"] {
        background-image: url('../site/images/8.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="15"] {
        background-image: url('../site/images/21.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="16"] {
        background-image: url('../site/images/20.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="17"] {
        background-image: url('../site/images/19.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="18"] {
        background-image: url('../site/images/18.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="19"] {
        background-image: url('../site/images/17.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="20"] {
        background-image: url('../site/images/16.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="21"] {
        background-image: url('../site/images/15.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="22"] {
        background-color: #f5e6dd;
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="23"] {
        background-color: #d7ddeb;
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="24"] {
        background-color: #c7c7c7;
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="25"] {
        background-color: #e0e5e7;
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="26"] {
        background-color: #e3d6d3;
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="27"] {
        background-color: #ffdada;
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="28"] {
        background-color: #ECEAE9;
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="29"] {
        background-color: #FFFAF0;
        background-repeat: repeat;
        background-size: 80px;
    }

    /**/
    html[data-background="1"] {
        background-image: url('../site/images/7.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="2"] {
        background-image: url('../site/images/6.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="3"] {
        background-image: url('../site/images/5.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="4"] {
        background-image: url('../site/images/4.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="5"] {
        background-image: url('../site/images/3.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="6"] {
        background-image: url('../site/images/2.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="7"] {
        background-image: url('../site/images/1.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="8"] {
        background-image: url('../site/images/14.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="9"] {
        background-image: url('../site/images/13.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="10"] {
        background-image: url('../site/images/12.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="11"] {
        background-image: url('../site/images/11.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="12"] {
        background-image: url('../site/images/10.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="13"] {
        background-image: url('../site/images/9.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="14"] {
        background-image: url('../site/images/8.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="15"] {
        background-image: url('../site/images/21.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="16"] {
        background-image: url('../site/images/20.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="17"] {
        background-image: url('../site/images/19.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="18"] {
        background-image: url('../site/images/18.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="19"] {
        background-image: url('../site/images/17.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="20"] {
        background-image: url('../site/images/16.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="21"] {
        background-image: url('../site/images/15.png');
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="22"] {
        background-color: #f5e6dd;
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="23"] {
        background-color: #d7ddeb;
        background-repeat: repeat;
        background-size: 80px;
    }

    html[data-background="24"] {
        background-color: #c7c7c7;
        background-repeat: repeat;
        background-size: 80px;
    }

/**/
/**/
div[data-background="1"] {
    background-image: url('../site/images/7.png');
    background-repeat: repeat;
    background-size: 80px;
}

div[data-background="2"] {
    background-image: url('../site/images/6.png');
    background-repeat: repeat;
    background-size: 80px;
}

div[data-background="3"] {
    background-image: url('../site/images/5.png');
    background-repeat: repeat;
    background-size: 80px;
}

div[data-background="4"] {
    background-image: url('../site/images/4.png');
    background-repeat: repeat;
    background-size: 80px;
}

div[data-background="5"] {
    background-image: url('../site/images/3.png');
    background-repeat: repeat;
    background-size: 80px;
}

div[data-background="6"] {
    background-image: url('../site/images/2.png');
    background-repeat: repeat;
    background-size: 80px;
}

div[data-background="7"] {
    background-image: url('../site/images/1.png');
    background-repeat: repeat;
    background-size: 80px;
}

div[data-background="8"] {
    background-image: url('../site/images/14.png');
    background-repeat: repeat;
    background-size: 80px;
}

div[data-background="9"] {
    background-image: url('../site/images/13.png');
    background-repeat: repeat;
    background-size: 80px;
}

div[data-background="10"] {
    background-image: url('../site/images/12.png');
    background-repeat: repeat;
    background-size: 80px;
}

div[data-background="11"] {
    background-image: url('../site/images/11.png');
    background-repeat: repeat;
    background-size: 80px;
}

div[data-background="12"] {
    background-image: url('../site/images/10.png');
    background-repeat: repeat;
    background-size: 80px;
}

div[data-background="13"] {
    background-image: url('../site/images/9.png');
    background-repeat: repeat;
    background-size: 80px;
}

div[data-background="14"] {
    background-image: url('../site/images/8.png');
    background-repeat: repeat;
    background-size: 80px;
}

div[data-background="15"] {
    background-image: url('../site/images/21.png');
    background-repeat: repeat;
    background-size: 80px;
}

div[data-background="16"] {
    background-image: url('../site/images/20.png');
    background-repeat: repeat;
    background-size: 80px;
}

div[data-background="17"] {
    background-image: url('../site/images/19.png');
    background-repeat: repeat;
    background-size: 80px;
}

div[data-background="18"] {
    background-image: url('../site/images/18.png');
    background-repeat: repeat;
    background-size: 80px;
}

div[data-background="19"] {
    background-image: url('../site/images/17.png');
    background-repeat: repeat;
    background-size: 80px;
}

div[data-background="20"] {
    background-image: url('../site/images/16.png');
    background-repeat: repeat;
    background-size: 80px;
}

div[data-background="21"] {
    background-image: url('../site/images/15.png');
    background-repeat: repeat;
    background-size: 80px;
}
/***/
.dpx-site-theme .layout-img p {
    width: 32px !important;
}

.dpx-portal-theme .layout-img p {
    width: 32px !important;
}

/*html[data-background="1"] > body[data-topmenu-background="1"] .nav_menu {
    background-image: url('../site/images/7.png');
    background-repeat: repeat;
    background-size: 80px;
}

html[data-background="2"] > body[data-topmenu-background="1"] .nav_menu {
    background-image: url('../site/images/6.png');
    background-repeat: repeat;
    background-size: 80px;
}

html[data-background="3"] > body[data-topmenu-background="1"] .nav_menu {
    background-image: url('../site/images/5.png');
    background-repeat: repeat;
    background-size: 80px;
}

html[data-background="4"] > body[data-topmenu-background="1"] .nav_menu {
    background-image: url('../site/images/4.png');
    background-repeat: repeat;
    background-size: 80px;
}

html[data-background="5"] > body[data-topmenu-background="1"] .nav_menu {
    background-image: url('../site/images/3.png');
    background-repeat: repeat;
    background-size: 80px;
}

html[data-background="6"] > body[data-topmenu-background="1"] .nav_menu {
    background-image: url('../site/images/2.png');
    background-repeat: repeat;
    background-size: 80px;
}

html[data-background="7"] > body[data-topmenu-background="1"] .nav_menu {
    background-image: url('../site/images/1.png');
    background-repeat: repeat;
    background-size: 80px;
}

html[data-background="8"] > body[data-topmenu-background="1"] .nav_menu {
    background-image: url('../site/images/14.png');
    background-repeat: repeat;
    background-size: 80px;
}

html[data-background="9"] > body[data-topmenu-background="1"] .nav_menu {
    background-image: url('../site/images/13.png');
    background-repeat: repeat;
    background-size: 80px;
}

html[data-background="10"] > body[data-topmenu-background="1"] .nav_menu {
    background-image: url('../site/images/12.png');
    background-repeat: repeat;
    background-size: 80px;
}

html[data-background="11"] > body[data-topmenu-background="1"] .nav_menu {
    background-image: url('../site/images/11.png');
    background-repeat: repeat;
    background-size: 80px;
}

html[data-background="12"] > body[data-topmenu-background="1"] .nav_menu {
    background-image: url('../site/images/10.png');
    background-repeat: repeat;
    background-size: 80px;
}

html[data-background="13"] > body[data-topmenu-background="1"] .nav_menu {
    background-image: url('../site/images/9.png');
    background-repeat: repeat;
    background-size: 80px;
}

html[data-background="14"] > body[data-topmenu-background="1"] .nav_menu {
    background-image: url('../site/images/8.png');
    background-repeat: repeat;
    background-size: 80px;
}

html[data-background="15"] > body[data-topmenu-background="1"] .nav_menu {
    background-image: url('../site/images/21.png');
    background-repeat: repeat;
    background-size: 80px;
}

html[data-background="16"] > body[data-topmenu-background="1"] .nav_menu {
    background-image: url('../site/images/20.png');
    background-repeat: repeat;
    background-size: 80px;
}

html[data-background="17"] > body[data-topmenu-background="1"] .nav_menu {
    background-image: url('../site/images/19.png');
    background-repeat: repeat;
    background-size: 80px;
}

html[data-background="18"] > body[data-topmenu-background="1"] .nav_menu {
    background-image: url('../site/images/18.png');
    background-repeat: repeat;
    background-size: 80px;
}

html[data-background="19"] > body[data-topmenu-background="1"] .nav_menu {
    background-image: url('../site/images/17.png');
    background-repeat: repeat;
    background-size: 80px;
}

html[data-background="20"] > body[data-topmenu-background="1"] .nav_menu {
    background-image: url('../site/images/16.png');
    background-repeat: repeat;
    background-size: 80px;
}

html[data-background="21"] > body[data-topmenu-background="1"] .nav_menu {
    background-image: url('../site/images/15.png');
    background-repeat: repeat;
    background-size: 80px;
}*/
/*body[data-topmenu-background="1"] .nav_menu{
    background-color:inherit !important ;
}*/


.dpx-panel-title h2,
.dpx-widget-title h2,
table.tile_info td p {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.site_title,
.dpx-panel-title h2,
.dpx-widget-title h2,
table.tile_info td p {
    text-overflow: ellipsis;
}

    .detail a,
    .expand,
    .jqstooltip,
    .paging_full_numbers a:hover,
    .site_title:focus,
    .site_title:hover,
    a,
    a:focus
    /*,a:hover*/ {
        text-decoration: none;
    }

.byline,
.main_menu .fa {
    -webkit-font-smoothing: antialiased;
}

.daterangepicker .ranges li {
    color: #73879C;
}

    .daterangepicker .ranges li.active,
    .daterangepicker .ranges li:hover {
        background: #536A7F;
        border: 1px solid #536A7F;
        color: #fff;
    }

.daterangepicker .input-mini {
    background-color: #eee;
    border: 1px solid #ccc;
    box-shadow: none !important;
}

    .daterangepicker .input-mini.active {
        border: 1px solid #ccc;
    }

.daterangepicker select.ampmselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.monthselect,
.daterangepicker select.secondselect,
.daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    margin: 0;
    cursor: default;
    height: 30px;
    border: 1px solid #ADB2B5;
    line-height: 30px;
    border-radius: 0 !important;
}

.daterangepicker select.monthselect {
    margin-right: 2%;
}

.daterangepicker td.in-range {
    background: #E4E7EA;
    color: #73879C;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #536A7F;
    color: #fff;
}

.daterangepicker th.available:hover {
    background: #eee;
    color: #34495E;
}

.daterangepicker:after,
.daterangepicker:before {
    content: none;
}

.daterangepicker .calendar.single {
    margin: 0 0 4px;
}

    .daterangepicker .calendar.single .calendar-table {
        width: 224px;
        padding: 0 0 4px !important;
    }

        .daterangepicker .calendar.single .calendar-table thead tr:first-child th {
            padding: 8px 5px;
        }

        .daterangepicker .calendar.single .calendar-table thead th {
            border-radius: 0;
        }

.daterangepicker.picker_1 {
    color: #fff;
    background: #34495E;
}

    .daterangepicker.picker_1 .calendar-table {
        background: #34495E;
    }

        .daterangepicker.picker_1 .calendar-table thead tr {
            background: #213345;
        }

            .daterangepicker.picker_1 .calendar-table thead tr:first-child {
                background: #1ABB9C;
            }

        .daterangepicker.picker_1 .calendar-table td.off {
            background: #34495E;
            color: #999;
        }

        .daterangepicker.picker_1 .calendar-table td.available:hover {
            color: #34495E;
        }

.daterangepicker.picker_2 .calendar-table thead tr {
    color: #1ABB9C;
}

    .daterangepicker.picker_2 .calendar-table thead tr:first-child {
        color: #73879C;
    }

.daterangepicker.picker_3 .calendar-table thead tr:first-child {
    color: #fff;
    background: #1ABB9C;
}

.daterangepicker.picker_4 .calendar-table thead tr:first-child {
    color: #fff;
    background: #34495E;
}

.daterangepicker.picker_4 .calendar-table td,
.daterangepicker.picker_4 .calendar-table td.off {
    background: #ECF0F1;
    border: 1px solid #fff;
    border-radius: 0;
}

    .daterangepicker.picker_4 .calendar-table td.active {
        background: #34495E;
    }

.calendar-exibit .show-calendar {
    float: none;
    display: block;
    position: relative;
    background-color: #fff;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    border: 1px solid rgba(0, 0, 0, .15);
    overflow: hidden;
}

    .calendar-exibit .show-calendar .calendar {
        margin: 0 0 4px;
    }

    .calendar-exibit .show-calendar.picker_1 {
        background: #34495E;
    }

.calendar-exibit .calendar-table {
    padding: 0 0 4px;
}



#TimeOnItStaff .dpx-pointer-rtl {
    background: #1f95c1;
    color: #fff;
}

#TimeOnStatus .dpx-pointer-rtl {
    background: #1f95c1;
    color: #fff;
}

    #TimeOnStatus .dpx-pointer-rtl:first-child:before {
        background: #1f95c1;
    }

#TimeOnItStaff .dpx-pointer-rtl:first-child:before {
    background: #1f95c1;
}

#TimeOnItStaff .dpx-pointer-rtl:last-child:after {
    background: #1f95c1;
}

#TimeOnItStaff .dpx-pointer-rtl:first-child:hover:before, #TimeOnItStaff .dpx-pointer-rtl.active:first-child:before {
    background: #1f95c1 !important;
}

#TimeOnItStaff .dpx-pointer-rtl:hover:after, #TimeOnItStaff .dpx-pointer-rtl.active:after {
    border-right-color: #1f95c1 !important;
}

#TimeOnItStaff .dpx-pointer-rtl:not(:last-child):after {
    border-right-color: #1f95c1;
}

#TimeOnStatus .dpx-pointer-rtl:not(:last-child):after {
    border-right-color: #1f95c1;
}

#TimeOnStatus .dpx-pointer-rtl:hover:after, #TimeOnStatus .dpx-pointer-rtl.active:after {
    border-right-color: #1f95c1 !important;
}

#TimeOnItStaff .dpx-pointer-rtl:hover:after, #TimeOnItStaff .dpx-pointer-rtl.active:after {
    border-right-color: #1f95c1 !important;
}

#TimeOnItStaff .dpx-pointer-rtl:last-child:hover:after, #TimeOnItStaff .dpx-pointer-rtl.active:last-child:after {
    background: #1f95c1 !important;
}

.quick-alo-ph-circle {
    border: 2px solid #f9f9f9 !important;
}

.quick-alo-ph-circle-fill {
    background-color: rgba(255, 255, 255, 0.5) !important
}

.quick-alo-ph-img-circle {
    border-color: #ffffff !important;
}

.hangup-call {
    /*background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAuJAAALiQE3ycutAABDHWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzIgNzkuMTU5Mjg0LCAyMDE2LzA0LzE5LTEzOjEzOjQwICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgICAgICAgICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgICAgICAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgICAgICAgICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgICAgICAgICAgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyI+CiAgICAgICAgIDx4bXA6Q3JlYXRvclRvb2w+QWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cyk8L3htcDpDcmVhdG9yVG9vbD4KICAgICAgICAgPHhtcDpDcmVhdGVEYXRlPjIwMjAtMDgtMDJUMTA6MzE6MTIrMDM6MzA8L3htcDpDcmVhdGVEYXRlPgogICAgICAgICA8eG1wOk1vZGlmeURhdGU+MjAyMC0wOC0wMlQxMDo1MTozMiswMzozMDwveG1wOk1vZGlmeURhdGU+CiAgICAgICAgIDx4bXA6TWV0YWRhdGFEYXRlPjIwMjAtMDgtMDJUMTA6NTE6MzIrMDM6MzA8L3htcDpNZXRhZGF0YURhdGU+CiAgICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2UvcG5nPC9kYzpmb3JtYXQ+CiAgICAgICAgIDxwaG90b3Nob3A6Q29sb3JNb2RlPjM8L3Bob3Rvc2hvcDpDb2xvck1vZGU+CiAgICAgICAgIDxwaG90b3Nob3A6RG9jdW1lbnRBbmNlc3RvcnM+CiAgICAgICAgICAgIDxyZGY6QmFnPgogICAgICAgICAgICAgICA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDo3NDZjOTE1ZC1kM2YyLTExZWEtYjFiYS1kNzIzZjVmYTUxODg8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaT54bXAuZGlkOkVENTQyQThEMTkwMEVBMTFCRTFGQTY1NDE2ODI1QzUwPC9yZGY6bGk+CiAgICAgICAgICAgIDwvcmRmOkJhZz4KICAgICAgICAgPC9waG90b3Nob3A6RG9jdW1lbnRBbmNlc3RvcnM+CiAgICAgICAgIDx4bXBNTTpJbnN0YW5jZUlEPnhtcC5paWQ6NjY5MTQzYWEtZWI5Yi1jODQyLWEyMzMtNmRmZWEwZTc4ZjA3PC94bXBNTTpJbnN0YW5jZUlEPgogICAgICAgICA8eG1wTU06RG9jdW1lbnRJRD5hZG9iZTpkb2NpZDpwaG90b3Nob3A6YzIyYjUxZDgtZDQ5MC0xMWVhLWI5N2MtYTUyYmIzNzRlZjgwPC94bXBNTTpEb2N1bWVudElEPgogICAgICAgICA8eG1wTU06T3JpZ2luYWxEb2N1bWVudElEPnhtcC5kaWQ6MGI2ZmE0ZDktOGEzMC0wOTRhLTgwNGMtMzY5ODU0M2QwYjkwPC94bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ+CiAgICAgICAgIDx4bXBNTTpIaXN0b3J5PgogICAgICAgICAgICA8cmRmOlNlcT4KICAgICAgICAgICAgICAgPHJkZjpsaSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDphY3Rpb24+Y3JlYXRlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6aW5zdGFuY2VJRD54bXAuaWlkOjBiNmZhNGQ5LThhMzAtMDk0YS04MDRjLTM2OTg1NDNkMGI5MDwvc3RFdnQ6aW5zdGFuY2VJRD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OndoZW4+MjAyMC0wOC0wMlQxMDozMToxMiswMzozMDwvc3RFdnQ6d2hlbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnNvZnR3YXJlQWdlbnQ+QWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cyk8L3N0RXZ0OnNvZnR3YXJlQWdlbnQ+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmFjdGlvbj5jb252ZXJ0ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnBhcmFtZXRlcnM+ZnJvbSBpbWFnZS9wbmcgdG8gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcDwvc3RFdnQ6cGFyYW1ldGVycz4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPnNhdmVkPC9zdEV2dDphY3Rpb24+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDppbnN0YW5jZUlEPnhtcC5paWQ6ZGIwMzA1NzctMmY4ZC03NjRmLTk4NDgtNGQxYTcwYjc1MGZjPC9zdEV2dDppbnN0YW5jZUlEPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6d2hlbj4yMDIwLTA4LTAyVDEwOjQ5OjE3KzAzOjMwPC9zdEV2dDp3aGVuPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6c29mdHdhcmVBZ2VudD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmNoYW5nZWQ+Lzwvc3RFdnQ6Y2hhbmdlZD4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPnNhdmVkPC9zdEV2dDphY3Rpb24+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDppbnN0YW5jZUlEPnhtcC5paWQ6M2JlODdjZGUtOTNhNy03OTRkLTlmMzEtMjBiYjUzMjFlZWQ1PC9zdEV2dDppbnN0YW5jZUlEPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6d2hlbj4yMDIwLTA4LTAyVDEwOjUxOjMyKzAzOjMwPC9zdEV2dDp3aGVuPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6c29mdHdhcmVBZ2VudD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmNoYW5nZWQ+Lzwvc3RFdnQ6Y2hhbmdlZD4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPmNvbnZlcnRlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6cGFyYW1ldGVycz5mcm9tIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AgdG8gaW1hZ2UvcG5nPC9zdEV2dDpwYXJhbWV0ZXJzPgogICAgICAgICAgICAgICA8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDphY3Rpb24+ZGVyaXZlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6cGFyYW1ldGVycz5jb252ZXJ0ZWQgZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZzwvc3RFdnQ6cGFyYW1ldGVycz4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPnNhdmVkPC9zdEV2dDphY3Rpb24+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDppbnN0YW5jZUlEPnhtcC5paWQ6NjY5MTQzYWEtZWI5Yi1jODQyLWEyMzMtNmRmZWEwZTc4ZjA3PC9zdEV2dDppbnN0YW5jZUlEPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6d2hlbj4yMDIwLTA4LTAyVDEwOjUxOjMyKzAzOjMwPC9zdEV2dDp3aGVuPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6c29mdHdhcmVBZ2VudD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmNoYW5nZWQ+Lzwvc3RFdnQ6Y2hhbmdlZD4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgIDwvcmRmOlNlcT4KICAgICAgICAgPC94bXBNTTpIaXN0b3J5PgogICAgICAgICA8eG1wTU06RGVyaXZlZEZyb20gcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICA8c3RSZWY6aW5zdGFuY2VJRD54bXAuaWlkOjNiZTg3Y2RlLTkzYTctNzk0ZC05ZjMxLTIwYmI1MzIxZWVkNTwvc3RSZWY6aW5zdGFuY2VJRD4KICAgICAgICAgICAgPHN0UmVmOmRvY3VtZW50SUQ+eG1wLmRpZDowYjZmYTRkOS04YTMwLTA5NGEtODA0Yy0zNjk4NTQzZDBiOTA8L3N0UmVmOmRvY3VtZW50SUQ+CiAgICAgICAgICAgIDxzdFJlZjpvcmlnaW5hbERvY3VtZW50SUQ+eG1wLmRpZDowYjZmYTRkOS04YTMwLTA5NGEtODA0Yy0zNjk4NTQzZDBiOTA8L3N0UmVmOm9yaWdpbmFsRG9jdW1lbnRJRD4KICAgICAgICAgPC94bXBNTTpEZXJpdmVkRnJvbT4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgICAgPHRpZmY6WFJlc29sdXRpb24+NzUwMDAwLzEwMDAwPC90aWZmOlhSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpZUmVzb2x1dGlvbj43NTAwMDAvMTAwMDA8L3RpZmY6WVJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDxleGlmOkNvbG9yU3BhY2U+NjU1MzU8L2V4aWY6Q29sb3JTcGFjZT4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjQwPC9leGlmOlBpeGVsWERpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxZRGltZW5zaW9uPjQwPC9leGlmOlBpeGVsWURpbWVuc2lvbj4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgCjw/eHBhY2tldCBlbmQ9InciPz58tvFpAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAcoSURBVHja7Jh/jFRXFcc/9703M29mmJn9vcvCbnUByw8LlNZQ20A2VltBm1KrgLElxhYr/qja2NjYGEUSa9Omv1AaW2IVQxVCSmMqFbSFqAVSBClttiKwLMuP3WV/sLuzOz/evPeOf8yd7bgssvxY2j+8ycnNvbnnnO89571zzj1KRPggD4MP+LAukX8esBC4CagDKvWlTwMngN3AH4HtF6tAXYSLZwAPAF8p2jsEtAADgAAxDXhq0ZnfAY8D+y5Im4iMlkpFZJO8N54TkRtGwXediDxdxLdFRGpGq3e04O4qUnDfBVxqOC0TEUfLWXG5ABZuv15EzEsAV0xrtMxfXyrAdVrQvZcJWDEtKXL5RQFcrQUsHANwBZp3Pkuei/FLmvGeMQRXoEVa1/2jBWhpho1XAFyBfql1JkYD8A/6MFeYsiKyZ/j+8ExSD9wGLN/1o+8C4FsKyxEmbj7Omekx3Jsm45dF8WyDcf1GqTQdm223DswK7W+bZKW8KAGD7PholzMhdih7VbwpVx19S8pjA96HKwjsaib8+iECWUhOT9CxbAa52gTmgMOtM+9ZCrwETAYOnyvVParntWelHF+QkIkbC2B3pqeEdrfcFTmVWWi09sw0HD9IyEKCBgiEjicJtfQT/WdHKlcZ2Z+rS2wdvNXc4MYDByVoQMYfKWdsBjxgDXDLuQAuBX47ErdnmyjTjJS9+M662IHuO43eNF40gIwLISELlE5ygFgGmGBkvUj40JkbI/s7boxtb1mZvrrs1Ux5YJkX9bvOkdh+CvxQ53N/eDXzMT0/AqB6U6ieQVR/GjcWBKU+Xb3lRFd8b+ednm2SmxDHT9iIpVA5D6MnhdWVxuxJY/SkUJkcYhl48SDu+Bh+JED03Z4FJfu6O0OnM8vdWAAxlXbPEIan9Hz7SBZcoud3AdxPzkACFtkIjF+95zvh5uSTXtREolbeUobC6BpE9adwJ1Vl3Zm1e52IOm46vmXm1ASzvW+q9a+OEhwHv64CLAM3EUS5QvRI33O5uHlN+72z7vdK7GIL9mg/fF67/L8AzgOOFBZuSQipr6B6a+uXx286+mSuNoYEjPx1xcdq7iI7Z+LB1IrGVZkae4OURt1UVzsh18KqrUb609gD7sfDO5pXBNb8+W4VCyMVcUQ8nHKbkj3d35q08s1U/+TIQ9apXvjV3QXVB4FrRypYa4F/FxY3NNxOwx63vvS+9S+4NeOQoAkCSsBo7aJt0VVrT65bPNVdMne9kfNd81QfgdODWJ2DmB1JjIEMuRm1u9Krv7FMXlu1AF+gJwkq70+nKkzlhqbvx1Oh682F84qt2ASUjQSwQtdzAPTGHTNyoPOJAIJvW5APmnhtnZhPr3gssfmJ5ep4N+6Bw0jWAWNYce4LdJzBaD6EavzEn7y//KTRz2V9HHdIsx+0sFuSP89UB8NFnP1AfCSAqlh+8y+emZ96cct8s3x8HpxWKrksNF6zsY4qrm78AtVT5hAcl4DBDHj5c15pmFxVFHtKA/GG6Xh049fE3lHhCHg6xAh4lTFCu47ODb6897bhUW2kn6QbiBYWE/7aN99Om5VupAi3ZRCwbNIPPru26ZUHZgfwMRIWbuM0cs2teG+n8INRxv39KGrnQbB30Odk8SMWdlPX40EXwy8J5q0LiKlQvkHprtNzgI1aS0xb8SyAbTqKAxB8q+1DEjCHld8g1eVY+47NclY+X5MqjbQb6RzKNDEiYSzfI7Gtidj2FvxIACwTEUEJiOJzfjz0nje0nSRoEmobrCrSMk3/zWe5eCcwZWgVCSjly9BtAYysh9WXxU/YB1JlgVS61CBdZpJKQNLOkKxQmCd7kaCFFwvi2SZ+2MILm3il9iNGfxarJzMU0AvB3Rxwig01FXh7JIC/1yyTtfmf8gPGboy8i5UnuIngsd65lQ8mp5XMyk2M9Tt1MZy6+BBl62N4pWEUKv+3GnkyHR8nbv2s/ZvX3Tw4u3o7rgciqJwPIu0dn6nfoDEkNKZNI7l4p56/B3zNcPz92ZrwV5Uri+0TAxMy9fGTyY+Wvebaaod9LImZ9vCjPobjD31PYnl5iyvO+jRUJkd6dvXrXsQ8Et/mL4i0Ds4E3/Figa19s8u36ZNfL8rLI77qXn6fSq0CpUXkjf9VD07WAJe+D+Bu0bpnFO+P9HDfDjRytqPGepzRkWT6+R7uYX2T56+g9R7TOqtH+2haoRkWXwFwN2tdD1/os/M3mnH+GIKbo3W8dLEP91e1gDvGANyntOw3L7X18YIW9OxlBPfo+Sx3oc2jb2uBfSLyxUsAdoeInNKyfnA5u1uISK2I/E0LT4nIj0WkYRR89SLykIj0aN5/6Hg7Kr0X08C8HngYWFR4HehK/HBRmRQHGoCPAEG9txVYBbwx1h3WwrCBz+oW8LVAlU72CujTbeADwBbgleJq/UoB/H+XH+A/AwB5lqDmV51lawAAAABJRU5ErkJggg==') no-repeat center center;*/
    position: absolute;
    width: 57px;
    height: 55px;
}

/*-----------------------------------------------------
.hangup-call {
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAaCAYAAACtv5zzAAAACXBIWXMAAIppAACKaQGxZbMyAAAKTWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVN3WJP3Fj7f92UPVkLY8LGXbIEAIiOsCMgQWaIQkgBhhBASQMWFiApWFBURnEhVxILVCkidiOKgKLhnQYqIWotVXDjuH9yntX167+3t+9f7vOec5/zOec8PgBESJpHmomoAOVKFPDrYH49PSMTJvYACFUjgBCAQ5svCZwXFAADwA3l4fnSwP/wBr28AAgBw1S4kEsfh/4O6UCZXACCRAOAiEucLAZBSAMguVMgUAMgYALBTs2QKAJQAAGx5fEIiAKoNAOz0ST4FANipk9wXANiiHKkIAI0BAJkoRyQCQLsAYFWBUiwCwMIAoKxAIi4EwK4BgFm2MkcCgL0FAHaOWJAPQGAAgJlCLMwAIDgCAEMeE80DIEwDoDDSv+CpX3CFuEgBAMDLlc2XS9IzFLiV0Bp38vDg4iHiwmyxQmEXKRBmCeQinJebIxNI5wNMzgwAABr50cH+OD+Q5+bk4eZm52zv9MWi/mvwbyI+IfHf/ryMAgQAEE7P79pf5eXWA3DHAbB1v2upWwDaVgBo3/ldM9sJoFoK0Hr5i3k4/EAenqFQyDwdHAoLC+0lYqG9MOOLPv8z4W/gi372/EAe/tt68ABxmkCZrcCjg/1xYW52rlKO58sEQjFu9+cj/seFf/2OKdHiNLFcLBWK8ViJuFAiTcd5uVKRRCHJleIS6X8y8R+W/QmTdw0ArIZPwE62B7XLbMB+7gECiw5Y0nYAQH7zLYwaC5EAEGc0Mnn3AACTv/mPQCsBAM2XpOMAALzoGFyolBdMxggAAESggSqwQQcMwRSswA6cwR28wBcCYQZEQAwkwDwQQgbkgBwKoRiWQRlUwDrYBLWwAxqgEZrhELTBMTgN5+ASXIHrcBcGYBiewhi8hgkEQcgIE2EhOogRYo7YIs4IF5mOBCJhSDSSgKQg6YgUUSLFyHKkAqlCapFdSCPyLXIUOY1cQPqQ28ggMor8irxHMZSBslED1AJ1QLmoHxqKxqBz0XQ0D12AlqJr0Rq0Hj2AtqKn0UvodXQAfYqOY4DRMQ5mjNlhXIyHRWCJWBomxxZj5Vg1Vo81Yx1YN3YVG8CeYe8IJAKLgBPsCF6EEMJsgpCQR1hMWEOoJewjtBK6CFcJg4Qxwicik6hPtCV6EvnEeGI6sZBYRqwm7iEeIZ4lXicOE1+TSCQOyZLkTgohJZAySQtJa0jbSC2kU6Q+0hBpnEwm65Btyd7kCLKArCCXkbeQD5BPkvvJw+S3FDrFiOJMCaIkUqSUEko1ZT/lBKWfMkKZoKpRzame1AiqiDqfWkltoHZQL1OHqRM0dZolzZsWQ8ukLaPV0JppZ2n3aC/pdLoJ3YMeRZfQl9Jr6Afp5+mD9HcMDYYNg8dIYigZaxl7GacYtxkvmUymBdOXmchUMNcyG5lnmA+Yb1VYKvYqfBWRyhKVOpVWlX6V56pUVXNVP9V5qgtUq1UPq15WfaZGVbNQ46kJ1Bar1akdVbupNq7OUndSj1DPUV+jvl/9gvpjDbKGhUaghkijVGO3xhmNIRbGMmXxWELWclYD6yxrmE1iW7L57Ex2Bfsbdi97TFNDc6pmrGaRZp3mcc0BDsax4PA52ZxKziHODc57LQMtPy2x1mqtZq1+rTfaetq+2mLtcu0W7eva73VwnUCdLJ31Om0693UJuja6UbqFutt1z+o+02PreekJ9cr1Dund0Uf1bfSj9Rfq79bv0R83MDQINpAZbDE4Y/DMkGPoa5hpuNHwhOGoEctoupHEaKPRSaMnuCbuh2fjNXgXPmasbxxirDTeZdxrPGFiaTLbpMSkxeS+Kc2Ua5pmutG003TMzMgs3KzYrMnsjjnVnGueYb7ZvNv8jYWlRZzFSos2i8eW2pZ8ywWWTZb3rJhWPlZ5VvVW16xJ1lzrLOtt1ldsUBtXmwybOpvLtqitm63Edptt3xTiFI8p0in1U27aMez87ArsmuwG7Tn2YfYl9m32zx3MHBId1jt0O3xydHXMdmxwvOuk4TTDqcSpw+lXZxtnoXOd8zUXpkuQyxKXdpcXU22niqdun3rLleUa7rrStdP1o5u7m9yt2W3U3cw9xX2r+00umxvJXcM970H08PdY4nHM452nm6fC85DnL152Xlle+70eT7OcJp7WMG3I28Rb4L3Le2A6Pj1l+s7pAz7GPgKfep+Hvqa+It89viN+1n6Zfgf8nvs7+sv9j/i/4XnyFvFOBWABwQHlAb2BGoGzA2sDHwSZBKUHNQWNBbsGLww+FUIMCQ1ZH3KTb8AX8hv5YzPcZyya0RXKCJ0VWhv6MMwmTB7WEY6GzwjfEH5vpvlM6cy2CIjgR2yIuB9pGZkX+X0UKSoyqi7qUbRTdHF09yzWrORZ+2e9jvGPqYy5O9tqtnJ2Z6xqbFJsY+ybuIC4qriBeIf4RfGXEnQTJAntieTE2MQ9ieNzAudsmjOc5JpUlnRjruXcorkX5unOy553PFk1WZB8OIWYEpeyP+WDIEJQLxhP5aduTR0T8oSbhU9FvqKNolGxt7hKPJLmnVaV9jjdO31D+miGT0Z1xjMJT1IreZEZkrkj801WRNberM/ZcdktOZSclJyjUg1plrQr1zC3KLdPZisrkw3keeZtyhuTh8r35CP5c/PbFWyFTNGjtFKuUA4WTC+oK3hbGFt4uEi9SFrUM99m/ur5IwuCFny9kLBQuLCz2Lh4WfHgIr9FuxYji1MXdy4xXVK6ZHhp8NJ9y2jLspb9UOJYUlXyannc8o5Sg9KlpUMrglc0lamUycturvRauWMVYZVkVe9ql9VbVn8qF5VfrHCsqK74sEa45uJXTl/VfPV5bdra3kq3yu3rSOuk626s91m/r0q9akHV0IbwDa0b8Y3lG19tSt50oXpq9Y7NtM3KzQM1YTXtW8y2rNvyoTaj9nqdf13LVv2tq7e+2Sba1r/dd3vzDoMdFTve75TsvLUreFdrvUV99W7S7oLdjxpiG7q/5n7duEd3T8Wej3ulewf2Re/ranRvbNyvv7+yCW1SNo0eSDpw5ZuAb9qb7Zp3tXBaKg7CQeXBJ9+mfHvjUOihzsPcw83fmX+39QjrSHkr0jq/dawto22gPaG97+iMo50dXh1Hvrf/fu8x42N1xzWPV56gnSg98fnkgpPjp2Snnp1OPz3Umdx590z8mWtdUV29Z0PPnj8XdO5Mt1/3yfPe549d8Lxw9CL3Ytslt0utPa49R35w/eFIr1tv62X3y+1XPK509E3rO9Hv03/6asDVc9f41y5dn3m978bsG7duJt0cuCW69fh29u0XdwruTNxdeo94r/y+2v3qB/oP6n+0/rFlwG3g+GDAYM/DWQ/vDgmHnv6U/9OH4dJHzEfVI0YjjY+dHx8bDRq98mTOk+GnsqcTz8p+Vv9563Or59/94vtLz1j82PAL+YvPv655qfNy76uprzrHI8cfvM55PfGm/K3O233vuO+638e9H5ko/ED+UPPR+mPHp9BP9z7nfP78L/eE8/sl0p8zAABZu2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzIgNzkuMTU5Mjg0LCAyMDE2LzA0LzE5LTEzOjEzOjQwICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgICAgICAgICAgIHhtbG5zOmlsbHVzdHJhdG9yPSJodHRwOi8vbnMuYWRvYmUuY29tL2lsbHVzdHJhdG9yLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnBkZj0iaHR0cDovL25zLmFkb2JlLmNvbS9wZGYvMS4zLyIKICAgICAgICAgICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIgogICAgICAgICAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgICAgICAgICAgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiCiAgICAgICAgICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICAgICAgICAgIHhtbG5zOk1pY3Jvc29mdFBob3RvPSJodHRwOi8vbnMubWljcm9zb2Z0LmNvbS9waG90by8xLjAvIgogICAgICAgICAgICB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyI+CiAgICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2UvcG5nPC9kYzpmb3JtYXQ+CiAgICAgICAgIDxkYzpkZXNjcmlwdGlvbj4KICAgICAgICAgICAgPHJkZjpBbHQ+CiAgICAgICAgICAgICAgIDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+aWNvbiBvZiBoYW5nIHVwIHBob25lIGNhbGwsIGZpbmlzaCBwaG9uZSBjYWxsIHZlY3RvciBpbGx1c3RyYXRpb24gZGVzaWduPC9yZGY6bGk+CiAgICAgICAgICAgIDwvcmRmOkFsdD4KICAgICAgICAgPC9kYzpkZXNjcmlwdGlvbj4KICAgICAgICAgPGRjOnN1YmplY3Q+CiAgICAgICAgICAgIDxyZGY6QmFnPgogICAgICAgICAgICAgICA8cmRmOmxpPmNhbGw8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaT5pY29uPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGk+cGhvbmU8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaT5oYW5nPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGk+ZmluaXNoPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGk+dXA8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaT50ZWxlcGhvbmU8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaT5tb2JpbGU8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaT5hcHA8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaT5hcHBsaWNhdGlvbjwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpPmJ1dHRvbjwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpPmNlbGw8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaT5jb21tdW5pY2F0aW9uPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGk+Y29udGFjdDwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpPmRldmljZTwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpPnJpbmc8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaT50YWxrPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGk+dGVjaG5vbG9neTwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpPnVpPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGk+d2ViPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGk+b3V0Z29pbmc8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaT5zbWFydHBob25lPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGk+c2NyZWVuPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGk+dmVjdG9yPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGk+aWxsdXN0cmF0aW9uPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGk+YnVzaW5lc3M8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaT5jZWxscGhvbmU8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaT5jZWxsdWxhcjwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpPmRpc3BsYXk8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaT5pbnRlcm5ldDwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpPm1lc3NhZ2U8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaT5uYXZpZ2F0aW9uPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGk+cHVzaDwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpPnNsaWRlPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGk+c21hcnQ8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaT50b3VjaDwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpPnRvdWNoc2NyZWVuPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGk+d2luZG93PC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGk+ZGVzaWduPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGk+Z3JhcGhpYzwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpPmNhcnRvb248L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaT5mbGF0PC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGk+YmFja2dyb3VuZDwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpPmlzb2xhdGVkPC9yZGY6bGk+CiAgICAgICAgICAgIDwvcmRmOkJhZz4KICAgICAgICAgPC9kYzpzdWJqZWN0PgogICAgICAgICA8ZGM6dGl0bGU+CiAgICAgICAgICAgIDxyZGY6QWx0PgogICAgICAgICAgICAgICA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmljb24gb2YgaGFuZyB1cCBwaG9uZSBjYWxsLCBmaW5pc2ggcGhvbmUgY2FsbDwvcmRmOmxpPgogICAgICAgICAgICA8L3JkZjpBbHQ+CiAgICAgICAgIDwvZGM6dGl0bGU+CiAgICAgICAgIDxkYzpjcmVhdG9yPgogICAgICAgICAgICA8cmRmOlNlcT4KICAgICAgICAgICAgICAgPHJkZjpsaT5WZWN0b3JTdG9jay5jb20vMjgwMTgwOTA8L3JkZjpsaT4KICAgICAgICAgICAgPC9yZGY6U2VxPgogICAgICAgICA8L2RjOmNyZWF0b3I+CiAgICAgICAgIDxpbGx1c3RyYXRvcjpTdGFydHVwUHJvZmlsZT5QcmludDwvaWxsdXN0cmF0b3I6U3RhcnR1cFByb2ZpbGU+CiAgICAgICAgIDxwZGY6UHJvZHVjZXI+QWRvYmUgUERGIGxpYnJhcnkgMTUuMDA8L3BkZjpQcm9kdWNlcj4KICAgICAgICAgPHhtcDpDcmVhdGVEYXRlPjIwMTktMTEtMDVUMTg6MjQ6MTQtMDU6MDA8L3htcDpDcmVhdGVEYXRlPgogICAgICAgICA8eG1wOkNyZWF0b3JUb29sPkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1LjUgKFdpbmRvd3MpPC94bXA6Q3JlYXRvclRvb2w+CiAgICAgICAgIDx4bXA6TWV0YWRhdGFEYXRlPjIwMjAtMDgtMDFUMTY6NDA6MjErMDM6MzA8L3htcDpNZXRhZGF0YURhdGU+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDIwLTA4LTAxVDE2OjQwOjIxKzAzOjMwPC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgICAgPHhtcE1NOkRvY3VtZW50SUQ+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjNkOTg3OTI2LWQzZjgtMTFlYS1hZjJlLTg3Nzc4OWI3N2I0NjwveG1wTU06RG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOkluc3RhbmNlSUQ+eG1wLmlpZDplYzNlMDNlYi1jMWU1LWVlNDYtYTBkYy0yNTRlZGIxMmZlYjg8L3htcE1NOkluc3RhbmNlSUQ+CiAgICAgICAgIDx4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ+dXVpZDo1RDIwODkyNDkzQkZEQjExOTE0QTg1OTBEMzE1MDhDODwveG1wTU06T3JpZ2luYWxEb2N1bWVudElEPgogICAgICAgICA8eG1wTU06UmVuZGl0aW9uQ2xhc3M+cHJvb2Y6cGRmPC94bXBNTTpSZW5kaXRpb25DbGFzcz4KICAgICAgICAgPHhtcE1NOkRlcml2ZWRGcm9tIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgPHN0UmVmOmluc3RhbmNlSUQ+eG1wLmlpZDplODAwZDJhNC0xNzNmLWFiNDAtOTkwZC0wMWRlNDZhOTcyODA8L3N0UmVmOmluc3RhbmNlSUQ+CiAgICAgICAgICAgIDxzdFJlZjpkb2N1bWVudElEPnhtcC5kaWQ6RUQ1NDJBOEQxOTAwRUExMUJFMUZBNjU0MTY4MjVDNTA8L3N0UmVmOmRvY3VtZW50SUQ+CiAgICAgICAgICAgIDxzdFJlZjpvcmlnaW5hbERvY3VtZW50SUQ+dXVpZDo1RDIwODkyNDkzQkZEQjExOTE0QTg1OTBEMzE1MDhDODwvc3RSZWY6b3JpZ2luYWxEb2N1bWVudElEPgogICAgICAgICAgICA8c3RSZWY6cmVuZGl0aW9uQ2xhc3M+cHJvb2Y6cGRmPC9zdFJlZjpyZW5kaXRpb25DbGFzcz4KICAgICAgICAgPC94bXBNTTpEZXJpdmVkRnJvbT4KICAgICAgICAgPHhtcE1NOkhpc3Rvcnk+CiAgICAgICAgICAgIDxyZGY6U2VxPgogICAgICAgICAgICAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmFjdGlvbj5zYXZlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6Y2hhbmdlZD4vPC9zdEV2dDpjaGFuZ2VkPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6aW5zdGFuY2VJRD54bXAuaWlkOjc5ZjY0YTYzLWVkNjEtOTM0Ny05NDRiLWMzOGUwNDk1NjBlODwvc3RFdnQ6aW5zdGFuY2VJRD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnNvZnR3YXJlQWdlbnQ+QWRvYmUgSWxsdXN0cmF0b3IgQ0MgMjMuMCAoV2luZG93cyk8L3N0RXZ0OnNvZnR3YXJlQWdlbnQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDp3aGVuPjIwMTktMDktMDRUMTE6NTA6MDgtMDU6MDA8L3N0RXZ0OndoZW4+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmFjdGlvbj5zYXZlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6aW5zdGFuY2VJRD54bXAuaWlkOmU4MDBkMmE0LTE3M2YtYWI0MC05OTBkLTAxZGU0NmE5NzI4MDwvc3RFdnQ6aW5zdGFuY2VJRD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OndoZW4+MjAyMC0wOC0wMVQxNTo1OToxMiswMzozMDwvc3RFdnQ6d2hlbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnNvZnR3YXJlQWdlbnQ+QWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cyk8L3N0RXZ0OnNvZnR3YXJlQWdlbnQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpjaGFuZ2VkPi88L3N0RXZ0OmNoYW5nZWQ+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmFjdGlvbj5jb252ZXJ0ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnBhcmFtZXRlcnM+ZnJvbSBpbWFnZS9qcGVnIHRvIGltYWdlL3BuZzwvc3RFdnQ6cGFyYW1ldGVycz4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPmRlcml2ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnBhcmFtZXRlcnM+Y29udmVydGVkIGZyb20gaW1hZ2UvanBlZyB0byBpbWFnZS9wbmc8L3N0RXZ0OnBhcmFtZXRlcnM+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmFjdGlvbj5zYXZlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6aW5zdGFuY2VJRD54bXAuaWlkOmM2YzczMmM5LWZiZGUtZTc0NC04OTliLWU2YzFhMDU3NGRhMDwvc3RFdnQ6aW5zdGFuY2VJRD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OndoZW4+MjAyMC0wOC0wMVQxNTo1OToxMiswMzozMDwvc3RFdnQ6d2hlbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnNvZnR3YXJlQWdlbnQ+QWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cyk8L3N0RXZ0OnNvZnR3YXJlQWdlbnQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpjaGFuZ2VkPi88L3N0RXZ0OmNoYW5nZWQ+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmFjdGlvbj5zYXZlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6aW5zdGFuY2VJRD54bXAuaWlkOmVjM2UwM2ViLWMxZTUtZWU0Ni1hMGRjLTI1NGVkYjEyZmViODwvc3RFdnQ6aW5zdGFuY2VJRD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OndoZW4+MjAyMC0wOC0wMVQxNjo0MDoyMSswMzozMDwvc3RFdnQ6d2hlbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnNvZnR3YXJlQWdlbnQ+QWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cyk8L3N0RXZ0OnNvZnR3YXJlQWdlbnQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpjaGFuZ2VkPi88L3N0RXZ0OmNoYW5nZWQ+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICA8L3JkZjpTZXE+CiAgICAgICAgIDwveG1wTU06SGlzdG9yeT4KICAgICAgICAgPE1pY3Jvc29mdFBob3RvOkxhc3RLZXl3b3JkWE1QPgogICAgICAgICAgICA8cmRmOkJhZz4KICAgICAgICAgICAgICAgPHJkZjpsaT5jYWxsPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGk+aWNvbjwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpPnBob25lPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGk+aGFuZzwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpPmZpbmlzaDwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpPnVwPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGk+dGVsZXBob25lPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGk+bW9iaWxlPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGk+YXBwPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGk+YXBwbGljYXRpb248L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaT5idXR0b248L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaT5jZWxsPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGk+Y29tbXVuaWNhdGlvbjwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpPmNvbnRhY3Q8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaT5kZXZpY2U8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaT5yaW5nPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGk+dGFsazwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpPnRlY2hub2xvZ3k8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaT51aTwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpPndlYjwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpPm91dGdvaW5nPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGk+c21hcnRwaG9uZTwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpPnNjcmVlbjwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpPnZlY3RvcjwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpPmlsbHVzdHJhdGlvbjwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpPmJ1c2luZXNzPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGk+Y2VsbHBob25lPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGk+Y2VsbHVsYXI8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaT5kaXNwbGF5PC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGk+aW50ZXJuZXQ8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaT5tZXNzYWdlPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGk+bmF2aWdhdGlvbjwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpPnB1c2g8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaT5zbGlkZTwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpPnNtYXJ0PC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGk+dG91Y2g8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaT50b3VjaHNjcmVlbjwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpPndpbmRvdzwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpPmRlc2lnbjwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpPmdyYXBoaWM8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaT5jYXJ0b29uPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGk+ZmxhdDwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpPmJhY2tncm91bmQ8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaT5pc29sYXRlZDwvcmRmOmxpPgogICAgICAgICAgICA8L3JkZjpCYWc+CiAgICAgICAgIDwvTWljcm9zb2Z0UGhvdG86TGFzdEtleXdvcmRYTVA+CiAgICAgICAgIDxwaG90b3Nob3A6TGVnYWN5SVBUQ0RpZ2VzdD4yQjkxODkzRkEwMDQ1NzJBMTgzNTk3MTVFNEU3MkJDQzwvcGhvdG9zaG9wOkxlZ2FjeUlQVENEaWdlc3Q+CiAgICAgICAgIDxwaG90b3Nob3A6Q29sb3JNb2RlPjM8L3Bob3Rvc2hvcDpDb2xvck1vZGU+CiAgICAgICAgIDxwaG90b3Nob3A6SUNDUHJvZmlsZT5zUkdCIElFQzYxOTY2LTIuMTwvcGhvdG9zaG9wOklDQ1Byb2ZpbGU+CiAgICAgICAgIDxwaG90b3Nob3A6SGVhZGxpbmU+aWNvbiBvZiBoYW5nIHVwIHBob25lIGNhbGwsIGZpbmlzaCBwaG9uZSBjYWxsPC9waG90b3Nob3A6SGVhZGxpbmU+CiAgICAgICAgIDxwaG90b3Nob3A6RG9jdW1lbnRBbmNlc3RvcnM+CiAgICAgICAgICAgIDxyZGY6QmFnPgogICAgICAgICAgICAgICA8cmRmOmxpPnhtcC5kaWQ6RUQ1NDJBOEQxOTAwRUExMUJFMUZBNjU0MTY4MjVDNTA8L3JkZjpsaT4KICAgICAgICAgICAgPC9yZGY6QmFnPgogICAgICAgICA8L3Bob3Rvc2hvcDpEb2N1bWVudEFuY2VzdG9ycz4KICAgICAgICAgPHRpZmY6SW1hZ2VXaWR0aD4xMDAwPC90aWZmOkltYWdlV2lkdGg+CiAgICAgICAgIDx0aWZmOkltYWdlTGVuZ3RoPjEwODA8L3RpZmY6SW1hZ2VMZW5ndGg+CiAgICAgICAgIDx0aWZmOkJpdHNQZXJTYW1wbGU+CiAgICAgICAgICAgIDxyZGY6U2VxPgogICAgICAgICAgICAgICA8cmRmOmxpPjg8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaT44PC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGk+ODwvcmRmOmxpPgogICAgICAgICAgICA8L3JkZjpTZXE+CiAgICAgICAgIDwvdGlmZjpCaXRzUGVyU2FtcGxlPgogICAgICAgICA8dGlmZjpQaG90b21ldHJpY0ludGVycHJldGF0aW9uPjI8L3RpZmY6UGhvdG9tZXRyaWNJbnRlcnByZXRhdGlvbj4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgICAgPHRpZmY6U2FtcGxlc1BlclBpeGVsPjM8L3RpZmY6U2FtcGxlc1BlclBpeGVsPgogICAgICAgICA8dGlmZjpYUmVzb2x1dGlvbj45MDAwMDAwLzEwMDAwPC90aWZmOlhSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpZUmVzb2x1dGlvbj45MDAwMDAwLzEwMDAwPC90aWZmOllSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpSZXNvbHV0aW9uVW5pdD4yPC90aWZmOlJlc29sdXRpb25Vbml0PgogICAgICAgICA8ZXhpZjpFeGlmVmVyc2lvbj4wMjIxPC9leGlmOkV4aWZWZXJzaW9uPgogICAgICAgICA8ZXhpZjpDb2xvclNwYWNlPjE8L2V4aWY6Q29sb3JTcGFjZT4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjI0PC9leGlmOlBpeGVsWERpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxZRGltZW5zaW9uPjI2PC9leGlmOlBpeGVsWURpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6VXNlckNvbW1lbnQ+U1NVQ3YzSDRzSUFBQUFBQUFBQ214UndXN2JNQXo5RlVPbkRiQUh5NDdUMkxlaTZZWjBIVHEwV3k3TkRyU2t4Rm9WMFpEbGJrV1FmeThscHdnSzFDZStwOGYzU1ByQVdoaTBZTTJCYVdQR3dUdndHaTFyZU1xY3NsSTUxdVFwVTFKN2RCcE1SQzE0MFZuWUs5YlkwWmhqeWdZUGZoelVRRDZFQkhpMUkzbkVid0dQaDhDemhqR1NqMjBvanVrSDNKK1V3VTVaOFJLOHlNd3BveUJhUDlMVDB6K3YzUDZVQTZQVUdDS2VVWUFoc2lTeWQxcG91NXNVNkx1d0FjWGdhTDE3bWFJTVlnK3RvZkczMUtaUzFzRXdrRUNlaUxBQ25RTDNrNGxGSCtKRHA2VE5xT0psd1JkMVZSWDV2QzU0WGk4VzdPMEduYWJHRUJRNnFSUlBXcDdHMWVUUGdNL251YWlxckMxbU1wdFZMYzhXdkJaWnBhQ0VHWitWNVh4TFptTnZFS1NQMnczZDZHbnJhTWJDandHSnJUcERYcFJ1T3owWTJGTTBWYzlLMEJobmpWUTlEdHIzSFhxa2NZZ1JhSEIwTGY2UHFFY3JxNGtIRzl1aWxCZ2FmSXR1SDMvVDVCb3ZTQWZ2d1hkRUxwdk5adW13SjZ2azA3Zjc5ZXJoOStYdDU4M214K3JxL3U3aDE5M1Y5eVJMbGpkclV0MnNxZng2ZmJ2NmVUMGhxcE1pNS9VWjVSZGxrblA2NnVUeUhadnhpeTkvK3gwN3ZnSUFBUC8vQXdEMTgwNzNzd0lBQUE9PTwvZXhpZjpVc2VyQ29tbWVudD4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgCjw/eHBhY2tldCBlbmQ9InciPz4sJuZWAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAMkSURBVHja7JVPaFxlFMV/3/cmySQpTdHamKTBBqEQSoNajYW2SCFWUVB0pasG3IgUiuDKjbgQF4ILxYVZCf5BUQuCC7UVrWADVaONrSIUS5wmJBnGTpI2yWTevceFr00yzlRdZCNeeIv33n33nHfvPecLktjIiGxwbDhAbu2Nm9e+T4BtoL0Q7gR6AQEXgTHgFDAL2DrWySrvsHYGdQD2A48BdwBdwObs+TwwnYG8B3z1bwHywOPAk8Dg33ThG2AEeBtYqgXINfjoUeA54JZVKkAIGZN1m3cXcDNQAd78SyVJ1y5LLVhq+yy1cUtNlppcjcMlXc2z1M5aavdYamFtzdo/6AKGCewOMZLxxX4rYqUyurIIMRDa20hu3EKyfSshiQiQ+y7EYeBXoNCoRfuA/hD/7GH1wgyVk6Msf/Yl6c8FVFyGGAk3tZL0d5M/dJD8gb3k+joJMSLzfuAA8E79Ibu/CjwSCT2V0+PMv/QGy8eOo+Y5cr07SDp2gAtbKJBOT8DSJlofHmLzM8O03D2AhzAF+ijG+FT9GUjHJM1VzpzXzH1PaIIeTXYP6fenX9by6LiqpbKqxbIq3/6k8vMjmup7QBN0aWZoWJWxXyRpLqtRfwYBoszj0ocnqHx6ikgH+QcP0vHiEWJL02ri1g6aBnbixTL22gSVE1+z+MFxmgZuDTFJYkOrCDBls5fmV348h1gAhE3OAJ5tp/CspUKkhRkkx7nCytlzpFOly5kAG3rRaGxtLiRd3STt28nt3kXL/ttQJUVX99+FBKRGy72DNA/uIdfWS9LZTWxruQicXke6xq57cH+hOlk8bJNFYnueXM82Qscmak09hIAuL5JOl/BLCySdN5Dr7XxLgWdjjIW6Q3bz4O5DksbWiclcVrW1opKZ14rwjJnfXyu0WKNqyXXS3V+XNO0uZA4S11S3mozMcRdyzbr7COiLzG2v60VVxPuSEuAosPO6ViedF7xC4N3Mj2g4gxq7bgYOAQ8Be4A+YEtme2XgAvAd8DHwCSErrn/mpgArwOdACSgCt2euGbJV/CEr/n095o226P9D/z8I8McAfzcSiU6S4DUAAAAASUVORK5CYII=') no-repeat center center;
    position: absolute;
    width: 60px;
    height: 60px;
    top: 0;
    left: 0;
}*/



/*.overflow_hidden,
.sidebar-widget,
.site_title,
.tile,
.weather-days .col-sm-2,*/
/*.dpx-panel-title h2,*/
table.tile_info td p {
    overflow: hidden;
}


.nav-sm .container.body .right_col {
    /*padding: calc(var(--menu-sm-height) + 15px) calc(var(--menu-sm-width) + 15px) 10px 15px;*/
    /*padding: calc(var(--menu-sm-height) + 0px) calc(var(--menu-sm-width) + 0px) 0px 0px;*/
    /*padding: calc(var(--menu-sm-height) + 15px) calc(var(--menu-sm-width)) 0px 0px;*/
    padding: calc(var(--menu-sm-height) + 15px) calc(var(--menu-sm-width) + 15px) 10px 15px;
    position: relative;
    /*z-index: 2;*/
}

.nav-sm.dpx-body-rtl .right_col {
    margin-right: 70px;
}

.nav-sm.dpx-body-ltr .right_col {
    margin-left: 70px;
}

.nav-sm .navbar.nav_title {
    width: var(--menu-sm-width);
}

    .nav-sm .navbar.nav_title a span {
        /*display: none;*/
    }

    .nav-sm .navbar.nav_title a i {
        /*font-size: 27px;
        margin: 13px 0 0 3px;*/
    }

.site_title i {
    border: 1px solid #EAEAEA;
    padding: 5px 6px;
    border-radius: 50%;
}

.nav-sm .main_container .top_nav {
    display: block;
    /*z-index: 2;*/
}

.nav-sm.dpx-body-rtl .main_container .top_nav {
    margin-right: var(--menu-sm-width);
}

.nav-sm.dpx-body-ltr .main_container .top_nav {
    margin-left: 70px;
}

.nav-sm .nav.side-menu li a {
    text-align: center !important;
    font-weight: 400;
    font-size: 10px;
    padding: 10px 5px;
}

.nav-sm .nav.child_menu li.active,
.nav-sm .nav.side-menu li.active-sm {
    border-right: 5px solid #1ABB9C;
}

    .nav-sm .nav.side-menu li.active-sm ul ul,
    .nav-sm ul.nav.child_menu ul {
        position: static;
        width: 200px;
        background: 0 0;
    }

.nav-sm > .nav.side-menu > li.active-sm > a {
    color: #1ABB9C !important;
}

.nav-sm .nav.side-menu li a i.toggle-up {
    display: none !important;
}

/*.nav-sm .menu_section h3,
.nav-sm .profile_info,
.nav-sm .profile > .profile_pic,
.nav-sm .left_col span.fa {
    display: none;
}*/

.nav-md .profile a > .profile_pic {
    display: none;
}

.nav-sm .nav.side-menu li a:not(.dpx-menuitem-btn) i:not(.dpx-pinunpin-menu) {
    font-size: 25px !important;
    text-align: center;
    width: 100% !important;
    /*margin-bottom: 5px;*/
    display: block;
}

.nav-sm ul.nav.child_menu {
    left: 100%;
    position: absolute;
    top: 0;
    width: 210px;
    /*z-index: 4000;*/
    background: #3E5367;
    display: none;
}

.nav-sm.dpx-body-ltr ul.nav.child_menu {
    left: 100%;
}

.nav-sm.dpx-body-rtl ul.nav.child_menu {
    right: 100%;
}

.nav-sm ul.nav.child_menu li {
    padding: 0 10px;
}

.nav-sm.dpx-body-ltr ul.nav.child_menu li a {
    text-align: left !important;
}

.nav-sm.dpx-body-rtl ul.nav.child_menu li a {
    text-align: right !important;
}

.menu_section {
    margin-bottom: 35px;
}

    .menu_section h3 {
        padding-left: 15px;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: .5px;
        font-weight: 700;
        font-size: 11px;
        margin-bottom: 0;
        margin-top: 0;
        text-shadow: 1px 1px #000;
    }

    .menu_section > ul.category-menu-item {
        margin-top: 10px;
    }



/*.nav-md .profile_pic {
    width: 35%;
}*/

.dpx-userstaus.online {
    background: #37ea37 !important;
}

.dpx-userstaus.offline {
    background: #808080 !important;
}

.dpx-userstaus {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    z-index: 1;
    border: 1px solid #ffffff;
    top: 0;
    left: 0;
}

.top_profile_pic .dpx-userstaus {
    top: 8px;
    left: 8px;
}

/*.nav-sm .profile_pic {
    width: 100%;
}*/



.img-circle.profile_img {
    width: 90px;
    /*  background: #fff;*/
    /*margin-left: 15%;*/
    /*z-index: 1000;*/
    position: inherit;
    /*margin-top: 20px;*/
    border: 1px solid rgba(52, 73, 94, .44);
    padding: 2px;
}

.dpx-body-ltr .img-circle.profile_img {
    margin-left: 15%;
}

.dpx-body-rtl .img-circle.profile_img {
    /*margin-right: 15%;*/
}


.main_menu span.fa {
    float: right;
    text-align: center;
    margin-top: 5px;
    font-size: 10px;
    min-width: inherit;
    color: #C4CFDA;
}

.dpx-body-ltr .main_menu span.fa {
    float: right;
}

.dpx-body-rtl .main_menu span.fa {
    float: left;
}

.dpx-body-ltr .active a span.fa {
    text-align: right !important;
    margin-right: 4px;
}

.dpx-body-rtl .active a span.fa {
    text-align: left !important;
    margin-left: 3px;
}

.nav-sm .menu_section {
    margin: 0;
}

.nav-sm li li span.fa {
    display: inline-block;
}

.nav_menu {
    float: left;
    /*background: #2a3f54;
    border-bottom: 1px solid #172d44;*/
    /*background: rgb(5, 103, 145);
    border-bottom: 1px solid rgb(5, 103, 145);*/
    /*background: #EDEDED;*/
    height: 100%;
    background: #fbfbfb;
    border-bottom: 1px solid #D9DEE4;
    margin-bottom: 10px;
    width: 100%;
    position: relative;
}

@media (min-width:480px) {
    .nav_menu {
        position: static;
    }
}

.dpx-mobile-mode.nav-md .container.body .col-md-3.left_col {
    z-index: 5002;
    min-width: 190px;
    width: 190px;
}

@media (max-width:500px) {
    .dpx-mobile-mode.nav-md .container.body .col-md-3.left_col {
        z-index: 5002;
        min-width: 150px;
        width: 150px;
    }
}

.nav-md.dpx-body-ltr .col-md-3.left_col {
    left: 0;
}

.nav-md.dpx-body-rtl .col-md-3.left_col {
    right: 0;
}


/*body .container.body .right_col {
    background: #F7F7F7;
}*/

.nav-md .container.body .right_col {
    /*padding: 62px 15px 0;*/
    padding: 62px 0 0;
}

.nav-md.dpx-body-rtl .right_col {
    margin-right: 230px;
}

.nav-md.dpx-body-ltr .right_col {
    margin-left: 230px;
}

.nav_title {
    width: 230px;
    float: left;
    /*background: #2A3F54;*/
    background: var(--current-brand-theme-color);
    /*background: #005579;*/
    /*background: #1f95c1;*/
    border-radius: 0;
    /*height: 48px;*/
    height: var(--menu-sm-height);
    min-height: var(--menu-sm-height);
    border-bottom: 1px solid #0000002b;
    transition: width 500ms;
    transition: background 0.5s;
}

#ellips-menu {
    /*display: none;*/
}

    #ellips-menu[aria-expanded="true"] {
        background: #D9DEE4;
    }

#ellips-menu-dropdown {
    width: initial;
    display: block;
}

.dpx-body-rtl .main_container .top_nav {
    margin-right: 230px;
    /*z-index:5002;*/
}

/*.nav-sm .container.body .col-md-3.left_col {
    display: none;
}*/

/*.nav-sm.dpx-body-rtl .main_container .top_nav {
    margin-right: 0;
}*/

.nav-sm.dpx-body-rtl .right_col {
    margin-right: 0;
}

@media (max-width:991px) {
    .nav-md.dpx-body-ltr .right_col,
    .nav-md.dpx-body-ltr .top_nav {
        width: 100%;
        margin: 0;
    }

    .nav-md.dpx-body-rtl .right_col,
    .nav-md.dpx-body-rtl .top_nav {
        width: 100%;
        margin: 0;
    }

    /*.nav-sm .container.body .col-md-3.left_col {
        display: none;
    }*/

    /*.nav-sm.dpx-body-rtl .main_container .top_nav {
        margin-right: 0;
    }*/


    /*.nav-md.dpx-body-rtl .toggle {
        right: 225px;
        position: relative;
    }
    .nav-md.dpx-body-ltr .toggle {
        left: 225px;
        position: relative;
    }*/
    .nav-sm.dpx-body-ltr .main_container .top_nav {
        margin-left: 0;
    }

    /*.nav-sm.dpx-body-rtl .right_col {
        margin-right: 0;
    }*/

    .nav-sm.dpx-body-ltr .right_col {
        margin-left: 0;
    }

    #ellips-menu-dropdown {
        display: none;
    }

        /*#ellips-menu-dropdown {
        width: 220px;
        position: absolute;
        background: white;
        border: 1px solid #D9DEE4;
    }*/

        #ellips-menu-dropdown.ellips-show {
            display: block;
        }

    .dpx-body-rtl #ellips-menu-dropdown {
        left: 0;
    }

    .dpx-body-ltr #ellips-menu-dropdown {
        right: 0;
    }

    /*#ellips-menu {
        display: block;
    }*/

    .nav-md .container.body .right_col {
        width: 100%;
        padding-right: 0;
    }

    /*.right_col {
        padding: 70px 10px 10px 10px !important;
    }*/

    #main_breadcrumb {
        display: none;
    }

    .navbar-right.navbar-main {
        width: calc(100% - 50px);
    }
}

@media (max-width:1200px) {
    /*.dpx-panel-title h2,*/
    .dpx-widget-title h2 {
        width: 62%;
        font-size: 17px;
    }

    .graph,
    .tile {
        zoom: 85%;
        height: inherit;
    }
}

@media (max-width:1270px) and (min-width:192px) {
    .dpx-panel-title h2 small,
    .dpx-widget-title h2 small {
        display: none;
    }
}

.left_col .mCSB_scrollTools {
    width: 6px;
}

.left_col .mCSB_dragger {
    max-height: 400px !important;
}

.blue {
    color: #3498DB;
}

.purple {
    color: #9B59B6;
}

.green {
    color: #1ABB9C;
}

.aero {
    color: #9CC2CB;
}

.red {
    color: #E74C3C;
}

.dark {
    color: #34495E;
}

.border-blue {
    border-color: #3498DB !important;
}

.border-purple {
    border-color: #9B59B6 !important;
}

.border-green {
    border-color: #748290 !important;
}

.border-aero {
    border-color: #9CC2CB !important;
}

.border-red {
    border-color: #E74C3C !important;
}

.border-dark {
    border-color: #34495E !important;
}

.bg-white {
    background: #fff !important;
    border: 1px solid #fff !important;
    color: #73879C;
}

.bg-green {
    background: #fb5d00 !important;
    border: 1px solid #fb5d00 !important;
    color: #fff;
}

.bg-red {
    background: #E74C3C !important;
    border: 1px solid #E74C3C !important;
    color: #fff;
}

.bg-blue {
    background: #3498DB !important;
    border: 1px solid #3498DB !important;
    color: #fff;
}

.bg-orange {
    background: #F39C12 !important;
    border: 1px solid #F39C12 !important;
    color: #fff;
}

.bg-purple {
    background: #9B59B6 !important;
    border: 1px solid #9B59B6 !important;
    color: #fff;
}

.bg-blue-sky {
    background: #50C1CF !important;
    border: 1px solid #50C1CF !important;
    color: #fff;
}

.container {
    width: 100%;
    padding: 0;
}

.top_nav .nav .open > a,
.top_nav .nav .open > a:focus,
.top_nav .nav .open > a:hover,
.top_nav .nav > li > a:focus,
.top_nav .nav > li > a:hover {
    background: #D9DEE4;
}

body {
    color: #2d2d2d;
    background-color: inherit;
    font-family: 'IranSansWeb';
    font-size: 13px !important;
    /*font-weight: 400;*/
    line-height: 1.471;
}

    body.dpx-old-pages *:not(.fa):not(.glyphicon) {
        font-family: 'IranSansWeb' !important;
    }

.main_container .top_nav {
    display: block;
    height: var(--menu-sm-height);
}

.dpx-body-ltr .main_container .top_nav {
    margin-left: 230px;
}


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

.page-title {
    width: 100%;
    height: 65px;
    padding: 10px 0;
}

    .page-title .title_left {
        width: 45%;
        float: left;
        display: block;
    }

        .page-title .title_left h3 {
            margin: 9px 0;
        }

    .page-title .title_right {
        width: 55%;
        float: left;
        display: block;
    }

        .page-title .title_right .pull-right {
            margin: 10px 0;
        }

.fixed_height_320 {
    height: 320px;
}

.fixed_height_390 {
    height: 390px;
}

.fixed_height_200 {
    height: 200px;
}

.progress-bar-dark {
    background-color: #34495E !important;
}

.progress-bar-gray {
    background-color: #BDC3C7 !important;
}

table.no-margin .progress {
    margin-bottom: 0;
}

.main_content {
    padding: 10px 20px;
}

.col-md-55 {
    width: 50%;
    margin-bottom: 10px;
}

@media (min-width:768px) {
    .col-md-55 {
        width: 20%;
    }
}

@media (min-width:992px) {
    .col-md-55 {
        width: 20%;
    }
}

@media (min-width:1200px) {
    .col-md-55 {
        width: 20%;
    }
}

@media (min-width:192px) and (max-width:1270px) {
    table.tile_info span.right {
        margin-right: 7px;
        float: left;
    }
}

.center-margin {
    margin: 0 auto;
    float: none !important;
}


.grid_slider .col-md-6 {
    padding: 0 40px;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}

a {
    color: #5A738E;
}

    .btn.active.focus,
    .btn.active:focus,
    .btn.focus,
    .btn:active.focus,
    .btn:active:focus,
    .btn:focus,
    :active,
    :focus,
    :visited,
    a,
    a:active,
    a:focus,
    a:visited {
        outline: 0;
    }

.navbar {
    margin-bottom: 0;
}

.navbar-header {
    background: #34495E;
}

.navbar-right {
    margin-right: 0;
}

.top_nav .navbar-right,
.top_nav .navbar-ellipse {
    margin: 0;
    float: right;
    height: 100%;
}

.dpx-body-rtl .top_nav .navbar-right,
.dpx-body-rtl .top_nav .navbar-ellipse {
    float: left !important;
}

.dpx-body-ltr .top_nav .navbar-right,
.dpx-body-ltr .top_nav .navbar-ellipse {
    float: right !important;
}

.top_nav .navbar-right > li,
.top_nav .navbar-ellipse > li {
    display: inline-block;
    position: static;
    height: 100%;
    display: flex;
    align-items: center;
}

.dpx-body-rtl .top_nav .navbar-right > li,
.dpx-body-rtl .top_nav .navbar-ellipse > li {
    float: left;
}

.dpx-body-ltr .top_nav .navbar-right > li,
.dpx-body-ltr .top_nav .navbar-ellipse > li {
    float: right;
}

.top_nav .navbar-right li,
.top_nav .navbar-ellipse li {
    position: relative;
}

.top_nav .dropdown-menu li {
    width: 100%;
}

    .top_nav .dropdown-menu li a {
        width: 100%;
        padding: 10px;
    }

.top_nav li a i {
    font-size: 15px;
    /*color: #0e89be;*/
}

.navbar-static-top {
    position: fixed;
    top: 0;
    width: 100%;
}

.sidebar-header {
    border-bottom: 0;
    margin-top: 46px;
}

    .sidebar-header:first-of-type {
        margin-top: 0;
    }

.nav.side-menu > li {
    position: relative;
    display: block;
    cursor: pointer;
}

    .nav.side-menu > li > a {
        margin-bottom: 6px;
    }

        .nav.side-menu > li > a:hover {
            color: #F2F5F7 !important;
        }

        .nav.side-menu > li > a:hover,
        .nav > li > a:focus {
            text-decoration: none;
            background: 0 0;
        }

.nav.child_menu {
    display: none;
}

    .nav.child_menu li.active,
    .nav.child_menu li:hover {
        background-color: rgba(255, 255, 255, .06);
    }

.dpx-body-ltr .nav.child_menu li {
    padding-left: 36px;
}

.dpx-body-rtl .nav.child_menu li {
    padding-right: 36px;
}

.nav-md ul.nav.child_menu li:before {
    background: #425668;
    bottom: auto;
    content: "";
    height: 8px;
    margin-top: 15px;
    position: absolute;
    width: 8px;
    /*z-index: 1;*/
    border-radius: 50%;
}

.nav-md .dpx-body-ltr ul.nav.child_menu li:before {
    left: 23px;
    right: auto;
}

.nav-md.dpx-body-rtl ul.nav.child_menu li:before {
    right: 23px;
    left: auto;
}


.nav-md ul.nav.child_menu li:after {
    border-left: 1px solid #425668;
    bottom: 0;
    content: "";
    position: absolute;
    top: 0;
}

.nav-md.dpx-body-ltr ul.nav.child_menu li:after {
    left: 27px;
}

.nav-md.dpx-body-rtl ul.nav.child_menu li:after {
    right: 27px;
}

.nav.top_menu > li > a,
.nav > li > a {
    position: relative;
    /*display: block;*/
}

.nav.child_menu > li > a,
.nav.side-menu > li > a {
    color: #E7E7E7;
    font-weight: 500;
}

.nav li li.current-page a,
.nav.child_menu li li a.active,
.nav.child_menu li li a:hover {
    color: #fff;
}

.nav.child_menu li li.active,
.nav.child_menu li li:hover {
    background: 0 0;
}

.nav > li > a {
    padding: 13px 15px 12px;
}


.dpx-body-ltr .nav.side-menu > li.active,
.dpx-body-ltr .nav.side-menu > li.current-page {
    border-right: 5px solid #1ABB9C;
}

.dpx-body-rtl .nav.side-menu > li.active,
.dpx-body-rtl .nav.side-menu > li.current-page {
    border-left: 5px solid #1ABB9C;
}

.nav li:not(:first-child).current-page {
    background: rgba(255, 255, 255, .05);
}

.nav li li li.current-page {
    background: 0 0;
}

.navbar-brand,
.nav-navbar > li > a,
.site_title {
    /*color: #ECF0F1 !important;*/
    margin-left: 0 !important;
}

.nav.side-menu > li.active > a {
    text-shadow: rgba(0, 0, 0, .25) 0 -1px 0;
    background: linear-gradient(#334556, #2C4257), #2A3F54;
    box-shadow: rgba(0, 0, 0, .25) 0 1px 0, inset rgba(255, 255, 255, .16) 0 1px 0;
}

.navbar-brand,
.nav-navbar > li > a {
    font-weight: 500;
    line-height: 32px;
}


.nav.nav-navbar > li > a {
    /*color: #fff !important;*/
    color: #767676 !important;
}

.nav.top_menu > li > a {
    padding: 10px 15px;
    color: #34495E !important;
}

.nav > li > a:focus,
.nav > li > a:hover {
    background-color: transparent;
}

.top_search {
    padding: 0;
}

    .top_search .form-control {
        box-shadow: inset 0 1px 0 rgba(0, 0, 0, .075);
        border-radius: 25px 0 0 25px;
        padding-left: 20px;
        border: 1px solid rgba(221, 226, 232, .49);
    }

        .top_search .form-control:focus {
            border: 1px solid rgba(221, 226, 232, .49);
            border-right: 0;
        }

    .top_search .input-group-btn button {
        border-radius: 0 25px 25px 0;
        border: 1px solid rgba(221, 226, 232, .49);
        border-left: 0;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        color: #93A2B2;
        margin-bottom: 0 !important;
    }

.tiles,
.top_tiles {
    margin-bottom: 0;
}

.toggle {
    float: left;
    margin: 0;
    padding-top: 8px;
    width: 131px;
}

.dpx-body-ltr .toggle {
    float: left;
}

.dpx-body-rtl .toggle {
    float: right;
}



.toggle a {
    padding: 15px 15px 0;
    margin: 0;
    cursor: pointer;
    /*color: #fff;*/
    color: var(--current-theme-dark-color);
}

    .toggle a i {
        font-size: 26px;
    }

.nav.child_menu > li > a {
    color: rgba(255, 255, 255, .75);
    font-size: 12px;
    padding: 9px;
}

.dpx-panel-toolbox {
    /*min-width: 70px;*/
}

.dpx-panel.opp-header {
    margin-bottom: 1rem;
}

.dpx-widget-toolbox {
}

.dpx-body-ltr .dpx-widget-toolbox .dropdown-menu {
    right: 0;
    left: auto;
}

.dpx-body-rtl .dpx-widget-toolbox .dropdown-menu {
    left: 0;
    right: auto;
}

.dpx-widget-toolbox .dropdown-menu:after {
    position: absolute;
    content: ' ';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #d5d5d5;
    top: -7px;
    z-index: 10;
}

.dpx-body-rtl .dpx-widget-toolbox .dropdown-menu:after {
    left: 4px;
}

.dpx-body-ltr .dpx-widget-toolbox .dropdown-menu:after {
    right: 4px;
}

.dpx-widget-toolbox .dropdown-menu:before {
    position: absolute;
    content: ' ';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    top: -6px;
    z-index: 11;
}

.dpx-body-rtl .dpx-widget-toolbox .dropdown-menu:before {
    left: 5px;
}

.dpx-body-ltr .dpx-widget-toolbox .dropdown-menu:before {
    right: 5px;
}

.dpx-body-ltr .dpx-panel-toolbox,
.dpx-body-ltr .dpx-widget-toolbox {
    float: right;
}

.dpx-body-rtl .dpx-panel-toolbox,
.dpx-body-rtl .dpx-widget-toolbox {
    float: left;
}

.dpx-panel-toolbox > li,
.dpx-widget-toolbox > li {
    cursor: pointer;
}

.dpx-body-ltr .dpx-panel-toolbox > li,
.dpx-body-ltr .dpx-widget-toolbox > li {
    float: right;
}

.dpx-body-rtl .dpx-panel-toolbox > li,
.dpx-body-rtl .dpx-widget-toolbox > li {
    float: left;
}

.dpx-panel-toolbox > li > a,
.dpx-widget-toolbox > li > a {
    padding: 5px;
    color: #C5C7CB;
    font-size: 14px;
    transition: all 100ms;
}

    .dpx-panel-toolbox > li > a:hover {
        background: #F5F7FA;
    }

    .dpx-widget-toolbox > li > a:hover {
        color: #8c8c8c;
    }

.dpx-body-rtl .dpx-panel-toolbox .dropdown-menu,
.dpx-body-rtl .dpx-widget-toolbox .dropdown-menu {
    left: 0;
    right: auto;
}

.line_30 {
    line-height: 30px;
}

.main_menu_side {
    padding: 0;
}

.bs-docs-sidebar .nav > li > a {
    display: block;
    padding: 4px 6px;
}

footer {
    background: #fff;
    padding: 15px 20px;
    display: block;
}

.nav-sm footer {
    margin-left: 70px;
}

.footer_fixed footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}

.degrees:after,
.dpx-panel-content,
.dpx-widget-content,
.dpx-panel {
    position: relative;
}

@media (min-width:768px) {
    .footer_fixed .nav-sm footer,
    .footer_fixed footer {
        margin-left: 0;
    }
}

.tile-stats.sparkline {
    padding: 10px;
    text-align: center;
}

.jqstooltip {
    background: #34495E !important;
    width: 30px !important;
    height: 22px !important;
}

.tooltip {
    display: block !important;
}

.tiles {
    border-top: 1px solid #ccc;
    margin-top: 15px;
    padding-top: 5px;
}

.top_tiles .tile h2 {
    font-size: 30px;
    line-height: 30px;
    margin: 3px 0 7px;
    font-weight: 700;
}

article.media {
    width: 100%;
}

*,
:after,
:before {
    box-sizing: border-box;
}

#integration-list {
    width: 100%;
    margin: 0 auto;
    display: table;
}

    #integration-list ul {
        padding: 0;
        margin: 20px 0;
        color: #555;
    }

        #integration-list ul > li {
            list-style: none;
            border-top: 1px solid #ddd;
            display: block;
            padding: 15px;
            overflow: hidden;
        }

        #integration-list ul:last-child {
            border-bottom: 1px solid #ddd;
        }

        #integration-list ul > li:hover {
            background: #efefef;
        }

.expand {
    display: block;
    color: #555;
    cursor: pointer;
}

    .expand h2 {
        width: 85%;
        float: left;
    }

h2 {
    font-size: 18px;
    font-weight: 400;
}

#left,
#right {
    display: table;
}

#sup {
    display: table-cell;
    vertical-align: middle;
    width: 80%;
}

.detail a {
    color: #C0392B;
    border: 1px solid #C0392B;
    padding: 6px 10px 5px;
    font-size: 13px;
    margin-right: 7px;
}

.detail {
    margin: 10px 0;
    display: none;
    line-height: 22px;
    height: 150px;
}

    .detail span {
        margin: 0;
    }

.right-arrow {
    width: 10px;
    float: right;
    font-weight: 700;
    font-size: 20px;
}

.accordion .panel {
    margin-bottom: 5px;
    border-radius: 0;
    border-bottom: 1px solid #efefef;
}

.dpx-panel:not(:last-child).maximized-mode {
    margin-bottom: 0 !important;
}

.dpx-panel:not(:last-child),
.dpx-widget,
.dpx-panel-title {
    margin-bottom: 10px !important;
}

    .dpx-panel:not(:last-child).maximized-mode {
        margin-bottom: 0;
    }

.accordion .panel-heading {
    background: #F2F5F7;
    padding: 13px;
    width: 100%;
    display: block;
}

.accordion .panel:hover {
    background: #F2F5F7;
}

.dpx-panel,
.dpx-widget {
    width: 100%;
    padding: 10px 17px;
    display: inline-block;
    background: #fff;
    border: 1px solid #d0d0d0;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    opacity: 1;
    transition: all .2s ease;
    border-radius: 5px;
}

.dpx-fb-form .dpx-panel {
    box-shadow: 0 0 4px 0 rgba(60, 60, 60, 0.22);
    border: 1px solid #d0d0d0;
}

.dpx-widget {
    box-shadow: 2px 2px 3px #e0e0e0;
    border: 0;
}


.dpx-widget-title {
    border-bottom: 0;
}

    .dpx-panel-title:after,
    .dpx-widget-title:after {
        content: "";
        clear: both;
        display: block;
    }

    .dpx-panel-title .filter,
    .dpx-widget-title .filter {
        width: 40%;
        float: right;
    }

.dpx-panel-content,
.dpx-widget-content,
table.tile td ul li a,
table.tile_info {
    width: 100%;
}

.dpx-panel-title h2,
.dpx-widget-title h2 {
    margin: 5px 0 6px;
    display: block;
    color: gray;
    font-family: 'IranSansWeb';
}

.dpx-body-ltr .dpx-panel-title h2,
.dpx-body-ltr .dpx-widget-title h2 {
    float: left;
}

.dpx-body-rtl .dpx-panel-title h2,
.dpx-body-rtl .dpx-widget-title h2 {
    float: right;
}

.dpx-panel-title h2 small,
.dpx-widget-title h2 small {
    margin-left: 10px;
}

.dpx-panel-title span {
    /*color: #BDBDBD;*/
}

.dpx-panel-content,
.dpx-widget-content {
    padding: 0 5px 6px;
    /*float: left;*/
    clear: both;
    margin-top: 5px;
}

.dpx-fb-form .dpx-panel-content,
.dpx-fb-form .dpx-widget-content {
    margin-top: 10px;
    padding-top: 15px;
}

.dpx-widget-content {
    height: calc(100% - 45px);
}

    .dpx-panel-content h4,
    .dpx-widget-content h4 {
        font-size: 16px;
        font-weight: 500;
    }

legend {
    padding-bottom: 7px;
}

.demo-placeholder {
    height: 280px;
}

.profile_details:nth-child(3n) {
    clear: both;
}

.profile_details .profile_view {
    display: inline-block;
    padding: 10px 0 0;
    background: #fff;
}

    .profile_details .profile_view .divider {
        border-top: 1px solid #e5e5e5;
        padding-top: 5px;
        margin-top: 5px;
    }

    .profile_details .profile_view .ratings {
        margin-bottom: 0;
        text-align: left;
        font-size: 16px;
    }

    .profile_details .profile_view .bottom {
        background: #F2F5F7;
        padding: 9px 0;
        border-top: 1px solid #E6E9ED;
    }

    .profile_details .profile_view .left {
        margin-top: 20px;
    }

        .profile_details .profile_view .left p {
            margin-bottom: 3px;
        }

    .profile_details .profile_view .right {
        margin-top: 0;
        padding: 10px;
    }

    .profile_details .profile_view .img-circle {
        border: 1px solid #E6E9ED;
        padding: 2px;
    }

    .profile_details .profile_view h2 {
        margin: 5px 0;
    }

    .profile_details .profile_view .brief {
        margin: 0;
        font-weight: 300;
    }

.profile_details .profile_left {
    background: #fff;
}

.pagination.pagination-split li {
    display: inline-block;
    margin-right: 3px;
}

    .pagination.pagination-split li a {
        border-radius: 4px;
        color: #768399;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

.error-number {
    font-size: 90px;
    line-height: 90px;
    margin: 20px 0;
}

.col-middle {
    margin-top: 5%;
}

.mid_center {
    width: 370px;
    margin: 0 auto;
    text-align: center;
    padding: 10px 20px;
}

h3.degrees {
    font-size: 22px;
    font-weight: 400;
    text-align: center;
}

.degrees:after {
    content: "o";
    top: -12px;
    font-size: 13px;
    font-weight: 300;
}

.daily-weather .day {
    font-size: 14px;
    border-top: 2px solid rgba(115, 135, 156, .36);
    text-align: center;
    border-bottom: 2px solid rgba(115, 135, 156, .36);
    padding: 5px 0;
}

.weather-days .col-sm-2 {
    width: 16.66666667%;
}

.weather .row {
    margin-bottom: 0;
}

.bulk-actions {
    display: none;
}

table.countries_list {
    width: 100%;
}

    table.countries_list td {
        padding: 0 10px;
        line-height: 30px;
        border-top: 1px solid #eee;
    }

.dataTables_paginate a {
    padding: 6px 9px !important;
    background: #ddd !important;
    border-color: #ddd !important;
}

.paging_full_numbers a.paginate_active {
    background-color: rgba(38, 185, 154, .59) !important;
    border-color: rgba(38, 185, 154, .59) !important;
}

a.DTTT_button,
button.DTTT_button,
div.DTTT_button {
    border: 1px solid #E7E7E7 !important;
    background: #E7E7E7 !important;
    box-shadow: none !important;
}

table.jambo_table {
    border: 1px solid rgba(221, 221, 221, .78);
}

    table.jambo_table thead {
        background: rgba(52, 73, 94, .94);
        color: #ECF0F1;
    }

    table.jambo_table tbody tr:hover td {
        background: rgba(38, 185, 154, .07);
        border-top: 1px solid rgba(38, 185, 154, .11);
        border-bottom: 1px solid rgba(38, 185, 154, .11);
    }

    table.jambo_table tbody tr.selected {
        background: rgba(38, 185, 154, .16);
    }

        table.jambo_table tbody tr.selected td {
            border-top: 1px solid rgba(38, 185, 154, .4);
            border-bottom: 1px solid rgba(38, 185, 154, .4);
        }

.dataTables_wrapper {
    position: relative;
    clear: both;
    zoom: 1;
}

.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 14px;
    background-color: #fff;
}

td.details,
td.group {
    background-color: #d1cfd0;
}

.dataTables_length {
    width: 40%;
    float: left;
}

.dataTables_filter {
    width: 50%;
    float: right;
    text-align: right;
}

.dataTables_info {
    width: 60%;
    float: left;
}

.dataTables_paginate {
    float: right;
    text-align: right;
}

.dataTables_empty,
table.display td.center {
    text-align: center;
}

table.dataTable td.focus,
table.dataTable th.focus {
    outline: #1ABB9C solid 2px !important;
    outline-offset: -1px;
}

.paging_full_numbers a:active,
table.display thead td:active,
table.display thead th:active {
    outline: 0;
}

table.display {
    margin: 0 auto;
    clear: both;
    width: 100%;
}

    table.display thead th {
        padding: 8px 18px 8px 10px;
        border-bottom: 1px solid #000;
        font-weight: 700;
        cursor: pointer;
    }

    table.display tfoot th {
        padding: 3px 18px 3px 10px;
        border-top: 1px solid #000;
        font-weight: 700;
    }

    table.display tr.heading2 td {
        border-bottom: 1px solid #aaa;
    }

    table.display td {
        padding: 3px 10px;
    }

.dataTables_scroll {
    clear: both;
}

.dataTables_scrollBody {
    -webkit-overflow-scrolling: touch;
}

.top .dataTables_info {
    float: none;
}

.clear {
    clear: both;
}

tfoot input {
    margin: .5em 0;
    width: 100%;
    color: #444;
}

    tfoot input.search_init {
        color: #999;
    }

td.group {
    border-bottom: 2px solid #A19B9E;
    border-top: 2px solid #A19B9E;
}

td.details {
    border: 2px solid #A19B9E;
}

.example_alt_pagination div.dataTables_info {
    width: 40%;
}

.paging_full_numbers {
    width: 400px;
    height: 22px;
    line-height: 22px;
}

    .paging_full_numbers a.paginate_active,
    .paging_full_numbers a.paginate_button {
        border: 1px solid #aaa;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        padding: 2px 5px;
        margin: 0 3px;
        cursor: pointer;
    }

    .paging_full_numbers a.paginate_button {
        background-color: #ddd;
    }

        .paging_full_numbers a.paginate_button:hover {
            background-color: #ccc;
            text-decoration: none !important;
        }

.login_content .btn-default:hover,
.login_content a,
.tagsinput span.tag a,
.tile-stats > .dash-box-footer,
.tile:hover,
.view a.info,
span.tag {
    text-decoration: none;
}

table.display tr.even.row_selected td {
    background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
    background-color: #9FAFD1;
}

div.box {
    height: 100px;
    padding: 10px;
    overflow: auto;
    border: 1px solid #8080FF;
    background-color: #E5E5FF;
}

ul.msg_list li {
    background: #f7f7f7;
    padding: 5px;
    display: -ms-flexbox;
    display: flex;
    margin: 6px 6px 0;
    width: 96% !important;
}

    ul.msg_list li:last-child {
        margin-bottom: 6px;
        padding: 10px;
    }

    ul.msg_list li a {
        padding: 3px 5px !important;
    }

        ul.msg_list li a .image img {
            border-radius: 2px;
            -webkit-border-radius: 2px;
            width: 11%;
        }

.dpx-body-ltr ul.msg_list li a .image img {
    float: left;
    margin-right: 10px;
}

.dpx-body-rtl ul.msg_list li a .image img {
    float: right;
    margin-left: 10px;
}

ul.msg_list li a .time {
    font-size: 11px;
    font-style: italic;
    font-weight: 700;
    position: absolute;
}

.dpx-body-ltr ul.msg_list li a .time {
    right: 35px;
}

.dpx-body-rtl ul.msg_list li a .time {
    left: 35px;
}

ul.msg_list li a .message {
    display: block !important;
    font-size: 11px;
}

.dropdown-menu.msg_list span {
    white-space: normal;
}

.tile_count .tile_stats_count,
ul.quick-list li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropdown-menu {
    /*box-shadow: none;*/
    display: none;
    float: left;
    font-size: 12px;
    left: 0;
    list-style: none;
    padding: 0;
    position: absolute;
    text-shadow: none;
    top: 100%;
    /*z-index: 9998;*/
    border: 1px solid #D9DEE4;
    border-radius: 0;
    min-width: 200px !important;
}

    /*creat mobile view dropdown menu*/
    /*@media (max-width: 500px){
    .dropdown-menu {*/
    /*box-shadow: none;*/
    /*display: none;
        float: left;
        font-size: 12px;
        left: 0;
        list-style: none;
        padding: 0;
        position: absolute;
        text-shadow: none;
        top: 100%;*/
    /*z-index: 9998;*/
    /*border: 1px solid #D9DEE4;
        border-radius: 0;
        min-width: 200px !important;
        border-top: 4px solid ;
    }
}*/

    .dropdown-menu > li > a {
        color: #000;
        text-align: right !important;
        /*font-size: 12px !important;*/
        font-weight: normal !important;
        /*font-family: 'IranSansWeb';*/
    }

        .dropdown-menu > li > a.btn.dpx-btn.dpx-menu-newItem {
            text-align: center !important;
        }

.nav-navbar .open .dropdown-menu:not(.dropdown-new-menu) {
    position: absolute;
    background: #fff;
    margin-top: 0;
    border: 1px solid #D9DEE4;
    /*-webkit-box-shadow: none;*/
    width: 150px;
    min-width: 150px !important
}

.dpx-body-ltr .nav-navbar .open .dropdown-menu {
    right: 0;
    left: auto;
}

.dpx-body-rtl .nav-navbar .open .dropdown-menu {
    left: 0;
    right: auto;
    border-radius: 5px;
}

.nav-navbar .open .dropdown-menu.msg_list {
    width: 300px;
}

.info-number .badge {
    font-size: 10px;
    font-weight: 400;
    line-height: 13px;
    padding: 2px 6px;
    position: absolute;
    left: 2px;
    top: 8px;
}

ul.to_do {
    padding: 0;
}

    ul.to_do li {
        background: #f3f3f3;
        border-radius: 3px;
        position: relative;
        padding: 7px;
        margin-bottom: 5px;
        list-style: none;
    }

    ul.to_do p {
        margin: 0;
    }

.dashboard-widget {
    background: #f6f6f6;
    border-top: 5px solid #79C3DF;
    border-radius: 3px;
    padding: 5px 10px 10px;
}

    .dashboard-widget .dashboard-widget-title {
        font-weight: 400;
        border-bottom: 1px solid #c1cdcd;
        margin: 0 0 10px;
        padding-bottom: 5px;
        padding-left: 40px;
        line-height: 30px;
    }

        .dashboard-widget .dashboard-widget-title i {
            font-size: 100%;
            margin-left: -35px;
            margin-right: 10px;
            color: #33a1c9;
            padding: 3px 6px;
            border: 1px solid #abd9ea;
            border-radius: 5px;
            background: #fff;
        }

ul.quick-list {
    width: 45%;
    padding-left: 0;
    display: inline-block;
}

    ul.quick-list li {
        padding-left: 10px;
        list-style: none;
        margin: 0;
        padding-bottom: 6px;
        padding-top: 4px;
    }

        ul.quick-list li i {
            padding-right: 10px;
            color: #757679;
        }

.dashboard-widget-content {
    padding-top: 9px;
}

    .dashboard-widget-content .sidebar-widget {
        width: 50%;
        display: inline-block;
        vertical-align: top;
        background: #fff;
        border: 1px solid #abd9ea;
        border-radius: 5px;
        text-align: center;
        float: right;
        padding: 2px;
        margin-top: 10px;
    }

.widget_summary {
    width: 100%;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

    .widget_summary .w_left {
        float: left;
        text-align: left;
    }

    .widget_summary .w_center {
        float: left;
    }

    .widget_summary .w_right {
        float: left;
        text-align: right;
    }

        .widget_summary .w_right span {
            font-size: 20px;
        }

.w_20 {
    width: 20%;
}

.w_25 {
    width: 25%;
}

.w_55 {
    width: 55%;
}

h5.graph_title {
    text-align: left;
    margin-left: 10px;
}

    h5.graph_title i {
        margin-right: 10px;
        font-size: 17px;
    }

span.right {
    float: right;
    font-size: 14px !important;
}

.tile_info a {
    text-overflow: ellipsis;
}

.tile_count {
    margin-bottom: 20px;
    margin-top: 20px;
}

    .tile_count .tile_stats_count {
        border-bottom: 1px solid #D9DEE4;
        padding: 0 10px 0 20px;
        position: relative;
    }

        .tile_count .tile_stats_count:before {
            content: "";
            position: absolute;
            left: 0;
            height: 65px;
            border-left: 2px solid #ADB2B5;
            margin-top: 10px;
        }

@media (min-width:992px) {
    footer {
        margin-left: 230px;
    }

    .tile_count .tile_stats_count {
        margin-bottom: 10px;
        border-bottom: 0;
        padding-bottom: 10px;
    }

        .tile_count .tile_stats_count:first-child:before {
            border-left: 0;
        }
}

.tile_count .tile_stats_count .count {
    font-size: 30px;
    line-height: 47px;
    font-weight: 600;
}

@media (min-width:768px) {
    .tile_count .tile_stats_count .count {
        font-size: 40px;
    }
}

@media (min-width:992px) and (max-width:1100px) {
    .tile_count .tile_stats_count .count {
        font-size: 30px;
    }
}

.tile_count .tile_stats_count span {
    font-size: 12px;
}

@media (min-width:768px) {
    .tile_count .tile_stats_count span {
        font-size: 13px;
    }
}

.tile_count .tile_stats_count .count_bottom i {
    width: 12px;
}

.dashboard_graph {
    background: #fff;
    padding: 7px 10px;
}

    .dashboard_graph .col-md-3,
    .dashboard_graph .col-md-9 {
        padding: 0;
    }

a.user-profile {
    color: #5E6974 !important;
}

.user-profile img {
    width: 29px;
    height: 29px;
    border-radius: 50%;
}

.dpx-body-ltr .user-profile img {
    margin-right: 10px;
}

.dpx-body-rtl .user-profile img {
    margin-left: 10px;
}

ul.top_profiles {
    height: 330px;
    width: 100%;
}

    ul.top_profiles li {
        margin: 0;
        padding: 3px 5px;
    }

        ul.top_profiles li:nth-child(odd) {
            background-color: #eee;
        }

.media .profile_thumb {
    border: 1px solid;
    width: 50px;
    height: 50px;
    margin: 5px 10px 5px 0;
    border-radius: 50%;
    padding: 9px 12px;
}

    .media .profile_thumb i {
        font-size: 30px;
    }

.media .date {
    background: #ccc;
    width: 52px;
    margin-right: 10px;
    border-radius: 10px;
    padding: 5px;
}

    .media .date .day,
    .media .date .month {
        margin: 0;
        text-align: center;
        color: #fff;
    }

    .media .date .day {
        font-size: 27px;
        line-height: 27px;
        font-weight: 700;
    }

.event .media-body a.title {
    font-weight: 700;
}

.event .media-body p {
    margin-bottom: 0;
}

h4.graph_title {
    margin: 7px;
    text-align: center;
}

.fontawesome-icon-list .fa-hover a:hover {
    background-color: #ddd;
    color: #fff;
    text-decoration: none;
}

.fontawesome-icon-list .fa-hover a {
    display: block;
    line-height: 32px;
    height: 32px;
    padding-left: 10px;
    border-radius: 4px;
}

    .fontawesome-icon-list .fa-hover a:hover .fa {
        font-size: 28px;
        vertical-align: -6px;
    }

    .fontawesome-icon-list .fa-hover a .fa {
        width: 32px;
        font-size: 16px;
        display: inline-block;
        text-align: right;
        margin-right: 10px;
    }

.main_menu .fa {
    /*width: 26px;*/
    opacity: .99;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    /*font-weight: 400;*/
    /*font-size: 18px;*/
    -moz-osx-font-smoothing: grayscale;
}

.main_menu .dpx-side-menu-icon {
    width: 26px;
    opacity: .99;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    /*font-weight: 400;*/
    font-size: 18px;
    -moz-osx-font-smoothing: grayscale;
    user-select: none;
}

.tile-stats {
    position: relative;
    display: block;
    margin-bottom: 12px;
    border: 1px solid #E4E4E4;
    -webkit-border-radius: 5px;
    overflow: hidden;
    padding-bottom: 5px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 5px;
    -moz-background-clip: padding;
    border-radius: 5px;
    background: #FFF;
    transition: all .3s ease-in-out;
}

    .tile-stats:hover .icon i {
        animation-name: tansformAnimation;
        animation-duration: .5s;
        animation-iteration-count: 1;
        color: rgba(58, 58, 58, .41);
        animation-timing-function: ease;
        animation-fill-mode: forwards;
        -webkit-animation-name: tansformAnimation;
        -webkit-animation-duration: .5s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: ease;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-name: tansformAnimation;
        -moz-animation-duration: .5s;
        -moz-animation-iteration-count: 1;
        -moz-animation-timing-function: ease;
        -moz-animation-fill-mode: forwards;
    }

    .tile-stats .icon {
        width: 20px;
        height: 20px;
        color: #BAB8B8;
        position: absolute;
        right: 53px;
        top: 22px;
        /*z-index: 1;*/
    }

        .tile-stats .icon i {
            margin: 0;
            font-size: 60px;
            line-height: 0;
            vertical-align: bottom;
            padding: 0;
        }

    .tile-stats .count {
        font-size: 38px;
        font-weight: 700;
        line-height: 1.65857;
    }

    .tile-stats .count,
    .tile-stats h3,
    .tile-stats p {
        position: relative;
        margin: 0 0 0 10px;
        z-index: 5;
        padding: 0;
    }

    .tile-stats h3 {
        color: #BAB8B8;
    }

    .tile-stats p {
        margin-top: 5px;
        font-size: 12px;
    }

    .tile-stats > .dash-box-footer {
        position: relative;
        text-align: center;
        margin-top: 5px;
        padding: 3px 0;
        color: #fff;
        color: rgba(255, 255, 255, .8);
        display: block;
        z-index: 10;
        background: rgba(0, 0, 0, .1);
    }

        .tile-stats > .dash-box-footer:hover {
            color: #fff;
            background: rgba(0, 0, 0, .15);
        }

table.tile_info {
    padding: 10px 15px;
}

    table.tile_info span.right {
        margin-right: 0;
        float: right;
        position: absolute;
        right: 4%;
    }

.tile_header {
    border-bottom: transparent;
    padding: 7px 15px;
    margin-bottom: 15px;
    background: #E7E7E7;
}

.tile_head h4 {
    margin-top: 0;
    margin-bottom: 5px;
}

.tiles-bottom {
    padding: 5px 10px;
    margin-top: 10px;
    background: rgba(194, 194, 194, .3);
    text-align: left;
}

a.star {
    color: #428bca !important;
}

.mail_content {
    background: #FFF;
    border-radius: 4px;
    margin-top: 20px;
    min-height: 500px;
    padding: 10px 11px;
    width: 100%;
}

.list-btn-mail {
    margin-bottom: 15px;
}

    .list-btn-mail.active {
        border-bottom: 1px solid #39B3D7;
        padding: 0 0 14px;
    }

    .list-btn-mail > i {
        float: left;
        font-size: 18px;
        font-style: normal;
        width: 33px;
    }

    .list-btn-mail > .cn {
        background: #39B3D7;
        border-radius: 12px;
        color: #FFF;
        float: right;
        font-style: normal;
        padding: 0 5px;
    }

.byline,
.view p {
    font-style: italic;
}

.button-mail {
    margin: 0 0 15px !important;
    text-align: left;
    width: 100%;
}



.btn-group .btn,
.btn-group-vertical .btn {
    margin-bottom: 0;
    margin-right: 0;
}

.mail_list_column,
.mail_view {
    border-left: 1px solid #DBDBDB;
}

.mail_list {
    width: 100%;
    border-bottom: 1px solid #DBDBDB;
    margin-bottom: 2px;
    display: inline-block;
}

    .mail_list .left {
        width: 5%;
        float: left;
        margin-right: 3%;
    }

    .mail_list .right {
        width: 90%;
        float: left;
    }

    .mail_list h3 {
        font-size: 15px;
        font-weight: 700;
        margin: 0 0 6px;
    }

        .mail_list h3 small {
            float: right;
            color: #ADABAB;
            font-size: 11px;
            line-height: 20px;
        }

    .mail_list .badge {
        padding: 3px 6px;
        font-size: 8px;
        background: #BAB7B7;
    }

@media (max-width:767px) {
    .mail_list {
        margin-bottom: 5px;
        display: inline-block;
    }
}

.mail_heading h4 {
    font-size: 18px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-top: 20px;
}

.attachment {
    margin-top: 30px;
}

    .attachment ul {
        width: 100%;
        list-style: none;
        padding-left: 0;
        display: inline-block;
        margin-bottom: 30px;
    }

        .attachment ul li {
            float: left;
            width: 150px;
            margin-right: 10px;
            margin-bottom: 10px;
        }

            .attachment ul li img {
                height: 150px;
                border: 1px solid #ddd;
                padding: 5px;
                margin-bottom: 10px;
            }

            .attachment ul li span {
                float: right;
            }

    .attachment .file-name {
        float: left;
    }

    .attachment .links {
        width: 100%;
        display: inline-block;
    }

.compose {
    padding: 0;
    position: fixed;
    bottom: 0;
    right: 0;
    background: #fff;
    border: 1px solid #D9DEE4;
    border-right: 0;
    border-bottom: 0;
    border-top-left-radius: 5px;
    z-index: 9999;
    display: none;
}

    .compose .compose-header {
        padding: 5px;
        background: #169F85;
        color: #fff;
        border-top-left-radius: 5px;
    }

        .compose .compose-header .close {
            text-shadow: 0 1px 0 #fff;
            line-height: .8;
        }

    .compose .compose-body .editor.btn-toolbar {
        margin: 0;
    }

    .compose .compose-body .editor-wrapper {
        height: 100%;
        min-height: 50px;
        max-height: 180px;
        border-radius: 0;
        border-left: none;
        border-right: none;
        overflow: auto;
    }

    .compose .compose-footer {
        padding: 10px;
    }

.editor.btn-toolbar {
    zoom: 1;
    background: #F7F7F7;
    margin: 5px 2px;
    padding: 3px 0;
    border: 1px solid #EFEFEF;
}

body:not(.dpx-old-pages) .left_col .input-group {
    margin-bottom: 10px;
}

.ln_solid {
    border-top: 1px solid #e5e5e5;
    color: #fff;
    background-color: #fff;
    height: 1px;
    margin: 20px 0;
}

span.section {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

.form-control {
    border-radius: 0;
    width: 100%;
}

.form-horizontal .control-label {
    padding-top: 8px;
}

.form-control:focus {
    border-color: #CCD0D7;
    box-shadow: none !important;
}

legend {
    font-size: 18px;
    color: inherit;
}

.form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
}

.form-control-feedback {
    margin-top: 8px;
    height: 23px;
    color: #bbb;
    line-height: 24px;
    font-size: 15px;
}

    .form-control-feedback.left {
        border-right: 1px solid #ccc;
        left: 13px;
    }

    .form-control-feedback.right {
        border-left: 1px solid #ccc;
        right: 13px;
    }

.form-control.has-feedback-left {
    padding-left: 45px;
}

.form-control.has-feedback-right {
    padding-right: 45px;
}

.form-group {
    margin-bottom: 10px;
}

.validate {
    margin-top: 10px;
}

.invalid-form-error-message {
    margin-top: 10px;
    padding: 5px;
}

    .invalid-form-error-message.filled {
        border-left: 2px solid #E74C3C;
    }

p.parsley-success {
    color: #468847;
    background-color: #DFF0D8;
    border: 1px solid #D6E9C6;
}

p.parsley-error {
    color: #B94A48;
    background-color: #F2DEDE;
    border: 1px solid #EED3D7;
}

ul.parsley-errors-list {
    list-style: none;
    color: #E74C3C;
    padding-left: 0;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
    background: #FAEDEC;
    border: 1px solid #E85445;
}

.btn-group .parsley-errors-list {
    display: none;
}

.bad input,
.bad select,
.bad textarea {
    border: 1px solid #CE5454;
    box-shadow: 0 0 4px -2px #CE5454;
    position: relative;
    left: 0;
    -moz-animation: .7s 1 shake linear;
    -webkit-animation: .7s 1 shake linear;
}

.item input,
.item textarea {
    transition: .42s;
}

.item .alert {
    float: left;
    margin: 0 0 0 20px;
    padding: 3px 10px;
    color: #FFF;
    border-radius: 3px 4px 4px 3px;
    background-color: #CE5454;
    max-width: 170px;
    white-space: pre;
    position: relative;
    left: -15px;
    opacity: 0;
    z-index: 1;
    transition: .15s ease-out;
}

    .item .alert::after {
        content: '';
        display: block;
        height: 0;
        width: 0;
        border-color: transparent #CE5454 transparent transparent;
        border-style: solid;
        border-width: 11px 7px;
        position: absolute;
        left: -13px;
        top: 1px;
    }

.item.bad .alert {
    left: 0;
    opacity: 1;
}

.inl-bl {
    display: inline-block;
}

.well .markup {
    background: #fff;
    color: #777;
    position: relative;
    padding: 45px 15px 15px;
    margin: 15px 0 0;
    border-radius: 0 0 4px 4px;
    box-shadow: none;
}

    .well .markup::after {
        content: "Example";
        position: absolute;
        top: 15px;
        left: 15px;
        font-size: 12px;
        font-weight: 700;
        color: #bbb;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

.autocomplete-suggestions {
    border: 1px solid #e4e4e4;
    background: #F4F4F4;
    cursor: default;
    overflow: auto;
}

.autocomplete-suggestion {
    padding: 2px 5px;
    font-size: 1.2em;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-selected {
    background: #f0f0f0;
}

.autocomplete-suggestions strong {
    color: #39f;
    font-weight: bolder;
}

.btn {
    border-radius: 0px;
}

a.btn-danger,
a.btn-primary,
a.btn-success,
a.btn-warning {
    color: #fff;
}

.btn-success {
    background: #26B99A;
    border: 1px solid #169F85;
}

.btn-secondary {
    background: var(--current-theme-color);
    color: var(--color);
}

    .btn-secondary:hover {
        background: var(--current-theme-color);
        color: var(--color);
    }

.btn-success.active,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.open .dropdown-toggle.btn-success {
    background: #169F85;
}

.btn-dark {
    color: #E9EDEF;
    background-color: #4B5F71;
}

    .btn-dark.active,
    .btn-dark:active,
    .btn-dark:focus,
    .btn-dark:hover,
    .open .dropdown-toggle.btn-dark {
        color: #FFF;
        background-color: #394D5F;
        border-color: #394D5F;
    }

.btn-round {
    border-radius: 30px;
}

.btn.btn-app {
    position: relative;
    padding: 15px 5px;
    margin: 0 0 10px 10px;
    min-width: 80px;
    height: 60px;
    box-shadow: none;
    border-radius: 0;
    text-align: center;
    color: #666;
    border: 1px solid #ddd;
    background-color: #fafafa;
    font-size: 12px;
}

    .btn.btn-app > .fa,
    .btn.btn-app > .glyphicon,
    .btn.btn-app > .ion {
        font-size: 20px;
        display: block;
    }

    .btn.btn-app:hover {
        background: #f4f4f4;
        color: #444;
        border-color: #aaa;
    }

    .btn.btn-app:active,
    .btn.btn-app:focus {
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    }

    .btn.btn-app > .badge {
        position: absolute;
        top: -3px;
        right: -10px;
        font-size: 10px;
        font-weight: 400;
    }

textarea {
    padding: 10px;
    vertical-align: top;
    width: 200px;
}

    textarea:focus {
        outline-style: solid;
        outline-width: 2px;
    }

a.link-unstyle:hover {
    color: unset;
    text-decoration: unset;
}

.bs-glyphicons {
    margin: 0 -10px 20px;
    overflow: hidden;
}

.bs-glyphicons-list {
    padding-left: 0;
    list-style: none;
}

.bs-glyphicons li {
    float: left;
    width: 25%;
    height: 115px;
    padding: 10px;
    font-size: 10px;
    line-height: 1.4;
    text-align: center;
    background-color: #f9f9f9;
    border: 1px solid #fff;
}

.bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
}

.bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
}

.bs-glyphicons li:hover {
    color: #fff;
    background-color: #1ABB9C;
}

@media (min-width:768px) {
    .bs-glyphicons {
        margin-right: 0;
        margin-left: 0;
    }

        .bs-glyphicons li {
            width: 12.5%;
            font-size: 12px;
        }
}

.social-body,
.social-sidebar,
ul.bar_tabs.right li {
    float: right;
}

.tags_clear {
    clear: both;
    width: 100%;
    height: 0;
}

.not_valid {
    background: #FBD8DB !important;
    color: #90111A !important;
}

ul.bar_tabs {
    overflow: visible;
    background: #F5F7FA;
    height: 25px;
    margin: 21px 0 14px;
    padding-left: 14px;
    position: relative;
    z-index: 1;
    width: 100%;
    border-bottom: 1px solid #E6E9ED;
}

    ul.bar_tabs > li {
        border: 1px solid #E6E9ED;
        color: #333 !important;
        margin-top: -17px;
        margin-left: 8px;
        background: #fff;
        border-bottom: none;
        border-radius: 4px 4px 0 0;
    }

        ul.bar_tabs > li.active {
            border-right: 6px solid #D3D6DA;
            border-top: 0;
            margin-top: -15px;
        }

        ul.bar_tabs > li a {
            padding: 10px 17px;
            background: #F5F7FA;
            margin: 0;
            border-top-right-radius: 0;
        }

            ul.bar_tabs > li a:hover {
                border: 1px solid transparent;
            }

        ul.bar_tabs > li.active a {
            border-bottom: none;
        }

    ul.bar_tabs.right {
        padding-right: 14px;
    }

a:focus {
    outline: 0;
}

ul.timeline li {
    position: relative;
    border-bottom: 1px solid #e8e8e8;
    clear: both;
}

.timeline .block {
    margin: 0 0 0 105px;
    border-left: 3px solid #e8e8e8;
    overflow: visible;
    padding: 10px 15px;
}

.timeline.widget {
    min-width: 0;
    max-width: inherit;
}

    .timeline.widget .block {
        margin-left: 5px;
    }

.timeline .tags {
    position: absolute;
    top: 15px;
    left: 0;
    width: 84px;
}

.timeline .tag {
    display: block;
    height: 30px;
    font-size: 13px;
    padding: 8px;
}

    .timeline .tag span {
        display: block;
        overflow: hidden;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
    }




.timeline h2.title {
    position: relative;
    font-size: 16px;
    margin: 0;
}

    .timeline h2.title:before {
        content: "";
        position: absolute;
        left: -23px;
        top: 3px;
        display: block;
        width: 14px;
        height: 14px;
        border: 3px solid #d2d3d2;
        border-radius: 14px;
        background: #f9f9f9;
    }

.timeline .byline {
    padding: .25em 0;
}

.byline {
    font-size: .9375em;
    line-height: 1.3;
    color: #aab6aa;
}

ul.social li {
    border: 0;
}

.social-sidebar {
    background: #EDEDED;
    width: 22%;
}

.social-body {
    border: 1px solid #ccc;
    width: 78%;
}

.thumb img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.chat .thumb img {
    width: 27px;
    height: 27px;
    border-radius: 50%;
}

.chat .status {
    float: left;
    margin: 16px 0 0 -16px;
    font-size: 14px;
    font-weight: 700;
    width: 12px;
    height: 12px;
    display: block;
    border: 2px solid #FFF;
    z-index: 12312;
    border-radius: 50%;
}

.chart,
.percent {
    display: inline-block;
}

.chat .status.online {
    background: #1ABB9C;
}

.chat .status.away {
    background: #F39C12;
}

.chat .status.offline {
    background: #ccc;
}

.chat .media-body {
    padding-top: 5px;
}

.dashboard_graph .dpx-panel-title,
.dashboard_graph .dpx-widget-title {
    /*padding: 5px 5px 7px;*/
}

    .dashboard_graph .dpx-panel-title h3,
    .dashboard_graph .dpx-widget-title h3 {
        margin: 0;
        font-weight: 400;
    }

.chart {
    position: relative;
    width: 110px;
    height: 110px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}

    .chart canvas {
        position: absolute;
        top: 0;
        left: 0;
    }

.percent {
    line-height: 110px;
    z-index: 2;
    font-size: 18px;
}

    .percent:after {
        content: '%';
        margin-left: .1em;
        font-size: .8em;
    }

.angular {
    margin-top: 100px;
}

    .angular .chart {
        margin-top: 0;
    }

.widget {
    min-width: 250px;
    max-width: 310px;
}

.widget_tally_box .btn-group button {
    text-align: center;
    color: inherit;
    font-weight: 500;
    background-color: #f5f5f5;
    border: 1px solid #e7e7e7;
}

ul.widget_tally,
ul.widget_tally li {
    width: 100%;
}

    ul.widget_tally li {
        padding: 2px 10px 4px;
        border-bottom: 1px solid #ECECEC;
    }

    ul.widget_tally .month {
        width: 70%;
        float: left;
    }

    ul.widget_tally .count {
        width: 30%;
        float: left;
        text-align: right;
    }

.widget_tally_box .flex {
    display: -ms-flexbox;
    display: flex;
}

ul.widget_profile_box {
    width: 100%;
    height: 42px;
    padding: 3px;
    background: #ececec;
    margin-top: 40px;
    margin-left: 1px;
}

    ul.widget_profile_box li:first-child {
        width: 25%;
        float: left;
    }

        ul.widget_profile_box li:first-child a {
            float: left;
        }

    ul.widget_profile_box li:last-child {
        width: 25%;
        float: right;
    }

        ul.widget_profile_box li:last-child a {
            float: right;
        }

    ul.widget_profile_box li a {
        font-size: 22px;
        text-align: center;
        width: 35px;
        height: 35px;
        border: 1px solid rgba(52, 73, 94, .44);
        display: block;
        border-radius: 50%;
        padding: 0;
    }

        ul.widget_profile_box li a:hover {
            color: #1ABB9C !important;
            border: 1px solid #26b99a;
        }

    ul.widget_profile_box li .profile_img {
        width: 85px;
        height: 85px;
        margin: -28px 0 0;
    }

.widget_tally_box p,
.widget_tally_box span {
    text-align: center;
}

.widget_tally_box .name {
    text-align: center;
    margin: 25px;
}

.widget_tally_box .name_title {
    text-align: center;
    margin: 5px;
}

.widget_tally_box ul.legend {
    margin: 0;
}

    .widget_tally_box ul.legend p,
    .widget_tally_box ul.legend span {
        text-align: left;
    }

    .widget_tally_box ul.legend li .icon {
        font-size: 20px;
        float: left;
        width: 14px;
    }

    .widget_tally_box ul.legend li .name {
        font-size: 14px;
        margin: 5px 0 0 14px;
        text-overflow: ellipsis;
        float: left;
    }

    .widget_tally_box ul.legend p {
        display: inline-block;
        margin: 0;
    }

.widget_tally_box ul.verticle_bars li {
    height: 140px;
    width: 23%;
}

.widget .verticle_bars li .progress.vertical.progress_wide {
    width: 65%;
}

ul.count2 {
    width: 100%;
    margin-left: 1px;
    border: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
    padding: 10px 0;
}

    ul.count2 li {
        width: 30%;
        text-align: center;
    }

        ul.count2 li h3 {
            font-weight: 400;
            margin: 0;
        }

        ul.count2 li span {
            font-weight: 300;
        }

.divider {
    border-bottom: 1px solid #ddd;
    margin: 5px 20px;
}

.divider-dashed {
    border-top: 1px dashed #e7eaec;
    background-color: #fff;
    height: 1px;
    margin: 10px 0;
}

ul.messages {
    padding: 0;
    list-style: none;
}

    .tasks li,
    ul.messages li {
        border-bottom: 1px dotted #e6e6e6;
        padding: 8px 0;
    }

        img.avatar,
        ul.messages li img.avatar {
            height: 32px;
            width: 32px;
            float: left;
            display: inline-block;
            border-radius: 2px;
            padding: 2px;
            background: #f7f7f7;
            border: 1px solid #e6e6e6;
        }

        ul.messages li .message_date {
            float: right;
            text-align: right;
        }

        ul.messages li .message_wrapper {
            margin-left: 50px;
            margin-right: 40px;
        }

            ul.messages li .message_wrapper h4.heading {
                font-weight: 600;
                margin: 0 0 10px;
                cursor: pointer;
                line-height: 100%;
            }

            ul.messages li .message_wrapper blockquote {
                padding: 0 10px;
                margin: 0;
                border-left: 5px solid #eee;
            }

ul.user_data li {
    margin-bottom: 6px;
}

    ul.user_data li p {
        margin-bottom: 0;
    }

    ul.user_data li .progress {
        width: 90%;
    }

.project_progress .progress {
    margin-bottom: 3px !important;
    margin-top: 5px;
}

.projects .list-inline {
    margin: 0;
}

.profile_title {
    background: #F5F7FA;
    border: 0;
    padding: 7px 0;
    /*display: -ms-flexbox;
    display: flex;*/
}

ul.stats-overview {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

    ul.stats-overview li {
        display: inline-block;
        text-align: center;
        padding: 0 15px;
        width: 30%;
        font-size: 14px;
        border-right: 1px solid #e8e8e8;
    }

        ul.stats-overview li:last-child {
            border-right: 0;
        }

        ul.stats-overview li .name {
            font-size: 12px;
        }

        ul.stats-overview li .value {
            font-size: 14px;
            font-weight: 700;
            display: block;
        }

        ul.stats-overview li:first-child {
            padding-left: 0;
        }

ul.project_files li {
    margin-bottom: 5px;
}

    ul.project_files li a i {
        width: 20px;
    }

.project_detail p {
    margin-bottom: 10px;
}

    .project_detail p.title {
        font-weight: 700;
        margin-bottom: 0;
    }

.avatar img {
    border-radius: 50%;
    max-width: 45px;
}

.pricing {
    background: #fff;
}

    .pricing .title {
        background: #1ABB9C;
        height: 110px;
        color: #fff;
        padding: 15px 0 0;
        text-align: center;
    }

        .pricing .title h2 {
            text-transform: capitalize;
            font-size: 18px;
            border-radius: 5px 5px 0 0;
            margin: 0;
            font-weight: 400;
        }

.notifications a,
.tabbed_notifications h2,
.view .tools,
.view a.info {
    text-transform: uppercase;
}

.pricing .title h1 {
    font-size: 30px;
    margin: 12px;
}

.pricing .title span {
    background: rgba(51, 51, 51, .28);
    padding: 2px 5px;
}

.pricing_features {
    background: #FAFAFA;
    padding: 20px 15px;
    min-height: 230px;
    font-size: 13.5px;
}

    .pricing_features ul li {
        margin-top: 10px;
    }

.pricing_footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    text-align: center;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

    .pricing_footer p {
        font-size: 13px;
        padding: 10px 0 2px;
        display: block;
    }

.ui-ribbon-container {
    position: relative;
}

    .ui-ribbon-container .ui-ribbon-wrapper {
        position: absolute;
        overflow: hidden;
        width: 85px;
        height: 88px;
        top: -3px;
        right: -3px;
    }

    .ui-ribbon-container.ui-ribbon-primary .ui-ribbon {
        background-color: #5b90bf;
    }

    .ui-ribbon-container .ui-ribbon {
        position: relative;
        display: block;
        text-align: center;
        font-size: 15px;
        font-weight: 700;
        color: #fff;
        transform: rotate(45deg);
        padding: 7px 0;
        left: -5px;
        top: 15px;
        width: 120px;
        line-height: 20px;
        background-color: #555;
        box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    }

    .ui-ribbon-container.ui-ribbon-primary .ui-ribbon:after,
    .ui-ribbon-container.ui-ribbon-primary .ui-ribbon:before {
        border-top: 2px solid #5b90bf;
    }

    .ui-ribbon-container .ui-ribbon:before {
        left: 0;
        bottom: -1px;
        right: 0;
    }

    .ui-ribbon-container .ui-ribbon:after,
    .ui-ribbon-container .ui-ribbon:before {
        position: absolute;
        content: " ";
        line-height: 0;
        border-top: 2px solid #555;
        border-left: 2px solid transparent;
        border-right: 2px solid transparent;
    }

.thumbnail .image {
    height: 120px;
    overflow: hidden;
}

.caption {
    padding: 9px 5px;
    background: #F7F7F7;
}

    .caption p {
        margin-bottom: 5px;
    }

.thumbnail {
    height: 190px;
    overflow: hidden;
}

.view {
    overflow: hidden;
    position: relative;
    text-align: center;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
}

.dropdown-menu a,
.voiceBtn {
    cursor: pointer;
}

.view .content,
.view .mask {
    position: absolute;
    width: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
}

.sideways,
.view .tools,
.view img,
.view p {
    position: relative;
}

.view img {
    display: block;
}

.view .tools {
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 3px;
    background: rgba(0, 0, 0, .35);
    margin: 43px 0 0;
}

.mask.no-caption .tools {
    margin: 90px 0 0;
}

.view .tools a {
    display: inline-block;
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    padding: 0 4px;
}

.view p {
    font-family: Georgia, serif;
    font-size: 12px;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center;
}

.view a.info {
    display: inline-block;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    box-shadow: 0 0 1px #000;
}

.view-first img {
    transition: all .2s linear;
}

.view-first .mask {
    opacity: 0;
    background-color: rgba(0, 0, 0, .5);
    transition: all .4s ease-in-out;
}

.view-first .tools {
    transform: translateY(-100px);
    opacity: 0;
    transition: all .2s ease-in-out;
}

.view-first p {
    transform: translateY(100px);
    opacity: 0;
    transition: all .2s linear;
}

.view-first:hover img {
    transform: scale(1.1);
}

.view-first:hover .mask {
    opacity: 1;
}

.view-first:hover .tools,
.view-first:hover p {
    opacity: 1;
    transform: translateY(0);
}

.view-first:hover p {
    transition-delay: .1s;
}

.form-group.has-feedback span {
    display: block !important;
}

.form-group .btn {
    margin-bottom: -6px;
}

.input-group-btn .btn {
    margin-bottom: 0;
}


/*!
 * bootstrap-vertical-tabs - v1.2.1
 * https://dbtek.github.io/bootstrap-vertical-tabs
 * 2014-11-07
 * Copyright (c) 2014 İsmail Demirbilek
 * License: MIT
 */

.tabs-left,
.tabs-right {
    border-bottom: none;
    padding-top: 2px;
}

.tabs-left {
    border-right: 1px solid #F7F7F7;
}

.tabs-right {
    border-left: 1px solid #F7F7F7;
}

    .tabs-left > li,
    .tabs-right > li {
        float: none;
        margin-bottom: 2px;
    }

.alignleft,
.left {
    float: left;
}

.tabs-left > li {
    margin-right: -1px;
}

    .tabs-left > li > a,
    .tabs-right > li > a {
        margin-right: 0;
        background: #F7F7F7;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.tabs-right > li {
    margin-left: -1px;
}

.tabs-left > li.active > a,
.tabs-left > li.active > a:focus,
.tabs-left > li.active > a:hover {
    border-bottom-color: #F7F7F7;
    border-right-color: transparent;
}

.tabs-right > li.active > a,
.tabs-right > li.active > a:focus,
.tabs-right > li.active > a:hover {
    border-bottom: 1px solid #F7F7F7;
    border-left-color: transparent;
}

.tabs-left > li > a {
    border-radius: 4px 0 0 4px;
    display: block;
}

.tabs-right > li > a {
    border-radius: 0 4px 4px 0;
}

.sideways {
    margin-top: 50px;
    border: none;
}

    .sideways > li {
        height: 20px;
        width: 120px;
        margin-bottom: 100px;
    }

        .sideways > li > a {
            border-bottom: 1px solid #ddd;
            border-right-color: transparent;
            text-align: center;
            border-radius: 4px 4px 0 0;
        }

        .sideways > li.active > a,
        .sideways > li.active > a:focus,
        .sideways > li.active > a:hover {
            border-bottom-color: transparent;
            border-right-color: #ddd;
            border-left-color: #ddd;
        }

    .sideways.tabs-left {
        left: -50px;
    }

    .sideways.tabs-right {
        right: -50px;
    }

        .sideways.tabs-right > li {
            transform: rotate(90deg);
        }

    .sideways.tabs-left > li {
        transform: rotate(-90deg);
    }

.morris-hover {
    position: absolute;
    z-index: 1000;
}

    .morris-hover.morris-default-style {
        padding: 6px;
        color: #666;
        background: rgba(243, 242, 243, .8);
        border: 2px solid rgba(195, 194, 196, .8);
        font-family: sans-serif;
        font-size: 12px;
        text-align: center;
    }

        .morris-hover.morris-default-style .morris-hover-row-label {
            font-weight: 700;
            margin: .25em 0;
        }

        .morris-hover.morris-default-style .morris-hover-point {
            white-space: nowrap;
            margin: .1em 0;
        }

.price {
    font-size: 40px;
    font-weight: 400;
    color: #26B99A;
    margin: 0;
}

.prod_title {
    border-bottom: 1px solid #DFDFDF;
    padding-bottom: 5px;
    margin: 30px 0;
    font-size: 20px;
    font-weight: 400;
}

.product-image img {
    width: 90%;
}

.prod_color li {
    margin: 0 10px;
}

    .prod_color li p {
        margin-bottom: 0;
    }

.prod_size li {
    padding: 0;
}

.prod_color .color {
    width: 25px;
    height: 25px;
    border: 2px solid rgba(51, 51, 51, .28) !important;
    padding: 2px;
    border-radius: 50px;
}

.product_gallery a {
    width: 100px;
    height: 100px;
    float: left;
    margin: 10px;
    border: 1px solid #e5e5e5;
}

    .product_gallery a img {
        width: 100%;
        margin-top: 15px;
    }

.product_price {
    margin: 20px 0;
    padding: 5px 10px;
    background-color: #FFF;
    text-align: left;
    border: 2px dashed #E0E0E0;
}

.price-tax {
    font-size: 18px;
}

.product_social {
    margin: 20px 0;
}

    .product_social ul li a i {
        font-size: 35px;
    }

.login {
    background: #F7F7F7;
}

    .login .fa-paw {
        font-size: 26px;
    }

a.hiddenanchor {
    display: none;
}

.login_wrapper {
    right: 0;
    margin: 5% auto 0;
    max-width: 350px;
    position: relative;
}

.cropper .docs-cropped .modal-body > canvas,
.cropper .docs-cropped .modal-body > img,
.cropper .img-container > img,
.cropper .img-preview > img {
    max-width: 100%;
}

.login_form,
.registration_form {
    position: absolute;
    top: 0;
    width: 100%;
}

.registration_form {
    z-index: 21;
    opacity: 0;
    width: 100%;
}

.login_form {
    z-index: 22;
}

#signin:target ~ .login_wrapper .login_form,
#signup:target ~ .login_wrapper .registration_form {
    z-index: 22;
    animation-name: fadeInLeft;
    animation-delay: .1s;
}

#signin:target ~ .login_wrapper .registration_form,
#signup:target ~ .login_wrapper .login_form {
    animation-name: fadeOutLeft;
}

.animate {
    -webkit-animation-duration: .5s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .5s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -o-animation-duration: .5s;
    -o-animation-timing-function: ease;
    -o-animation-fill-mode: both;
    -ms-animation-duration: .5s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .5s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.login_box {
    padding: 20px;
    margin: auto;
}

.alignleft {
    margin-right: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
}

.clearfix:after,
form:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.login_content {
    margin: 0 auto;
    padding: 25px 0 0;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    min-width: 280px;
}

    .login_content a:hover {
        text-decoration: underline;
    }

    .login_content h1 {
        font: 400 25px Helvetica, Arial, sans-serif;
        letter-spacing: -.05em;
        line-height: 20px;
        margin: 10px 0 30px;
    }

        .login_content h1:after,
        .login_content h1:before {
            content: "";
            height: 1px;
            position: absolute;
            top: 10px;
            width: 20%;
        }

        .login_content h1:after {
            background: #7e7e7e;
            background: linear-gradient(left, #7e7e7e 0, #fff 100%);
            right: 0;
        }

        .login_content h1:before {
            background: #7e7e7e;
            background: linear-gradient(right, #7e7e7e 0, #fff 100%);
            left: 0;
        }

    .login_content form {
        margin: 20px 0;
        position: relative;
    }

        .login_content form input[type=text],
        .login_content form input[type=email],
        .login_content form input[type=password] {
            border-radius: 3px;
            -ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, .08) inset;
            -o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, .08) inset;
            box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, .08) inset;
            border: 1px solid #c8c8c8;
            color: #777;
            margin: 0 0 20px;
            width: 100%;
        }

            .login_content form input[type=text]:focus,
            .login_content form input[type=email]:focus,
            .login_content form input[type=password]:focus {
                -ms-box-shadow: 0 0 2px #ed1c24 inset;
                -o-box-shadow: 0 0 2px #ed1c24 inset;
                box-shadow: 0 0 2px #A97AAD inset;
                background-color: #fff;
                border: 1px solid #A878AF;
                outline: 0;
            }

#username {
    background-position: 10px 10px !important;
}

#password {
    background-position: 10px -53px !important;
}

.login_content form div a {
    font-size: 12px;
    margin: 10px 15px 0 0;
}

.reset_pass {
    margin-top: 10px !important;
}

.login_content div .reset_pass {
    margin-top: 13px !important;
    margin-right: 39px;
    float: right;
}

.separator {
    border-top: 1px solid #D8D8D8;
    margin-top: 10px;
    padding-top: 10px;
}



#content form .submit,
.login_content form input[type=submit] {
    float: left;
    margin-left: 38px;
}

.button a {
    background: url(../../../../cssdeck.com/uploads/media/items/8/8bcLQqF.png) 0 -112px no-repeat;
    color: #7E7E7E;
    font-size: 17px;
    padding: 2px 0 2px 40px;
    text-decoration: none;
    transition: all .3s ease;
}

    .button a:hover {
        background-position: 0 -135px;
        color: #00aeef;
    }

header {
    width: 100%;
}

#nprogress .bar {
    background: #1ABB9C;
}

#nprogress .peg {
    box-shadow: 0 0 10px #1ABB9C, 0 0 5px #1ABB9C;
}

#nprogress .spinner-icon {
    border-top-color: #1ABB9C;
    border-left-color: #1ABB9C;
}

.editor-wrapper {
    min-height: 250px;
    background-color: #fff;
    border-collapse: separate;
    border: 1px solid #ccc;
    padding: 4px;
    box-sizing: content-box;
    box-shadow: rgba(0, 0, 0, .07451) 0 1px 1px 0 inset;
    overflow: scroll;
    outline: 0;
    border-radius: 3px;
}

.voiceBtn {
    width: 20px;
    color: transparent;
    background-color: transparent;
    transform: scale(2, 2);
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    border: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
}

div[data-role=editor-toolbar] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0;
    min-height: 38px;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #73879C;
        padding-top: 5px;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        padding-top: 3px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 36px;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice,
    .select2-container--default .select2-selection--multiple .select2-selection__clear {
        margin-top: 2px;
        border: none;
        border-radius: 0;
        padding: 3px 5px;
    }

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #ccc;
}

.switchery {
    width: 32px;
    height: 20px;
}

    .switchery > small {
        width: 20px;
        height: 20px;
    }

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

.cropper .img-container,
.cropper .img-preview {
    background-color: #f7f7f7;
    width: 100%;
    text-align: center;
}

.cropper .img-container {
    min-height: 200px;
    max-height: 516px;
    margin-bottom: 20px;
}

.cropper .docs-data > .input-group,
.cropper .docs-toggles > .btn,
.cropper .docs-toggles > .btn-group,
.cropper .docs-toggles > .dropdown,
.cropper .img-preview {
    margin-bottom: 10px;
}

@media (min-width:768px) {
    .cropper .img-container {
        min-height: 516px;
    }
}

.cropper .docs-preview {
    margin-right: -15px;
}

.cropper .img-preview {
    float: left;
    margin-right: 10px;
    overflow: hidden;
}

.cropper .preview-lg {
    width: 263px;
    height: 148px;
}

.cropper .preview-md {
    width: 139px;
    height: 78px;
}

.cropper .preview-sm {
    width: 69px;
    height: 39px;
}

.cropper .preview-xs {
    width: 35px;
    height: 20px;
    margin-right: 0;
}

.cropper .docs-data > .input-group > label {
    min-width: 80px;
}

.cropper .docs-data > .input-group > span {
    min-width: 50px;
}

.cropper .docs-buttons > .btn,
.cropper .docs-buttons > .btn-group,
.cropper .docs-buttons > .form-control {
    margin-right: 5px;
    margin-bottom: 10px;
}

.cropper .docs-tooltip {
    display: block;
    margin: -6px -12px;
    padding: 6px 12px;
}

    .cropper .docs-tooltip > .icon {
        margin: 0 -3px;
        vertical-align: top;
    }

.cropper .tooltip-inner {
    white-space: normal;
}

.cropper .btn-toggle .tooltip-inner,
.cropper .btn-upload .tooltip-inner {
    white-space: nowrap;
}

.cropper .btn-toggle {
    padding: 6px;
}

    .cropper .btn-toggle > .docs-tooltip {
        margin: -6px;
        padding: 6px;
    }

@media (max-width:400px) {
    .cropper .btn-group-crop {
        margin-right: -15px !important;
    }

        .cropper .btn-group-crop > .btn {
            padding-left: 5px;
            padding-right: 5px;
        }

        .cropper .btn-group-crop .docs-tooltip {
            margin-left: -5px;
            margin-right: -5px;
            padding-left: 5px;
            padding-right: 5px;
        }
}

.cropper .docs-options .dropdown-menu {
    width: 100%;
}

    .cropper .docs-options .dropdown-menu > li {
        padding: 3px 20px;
    }

        .cropper .docs-options .dropdown-menu > li:hover {
            background-color: #f7f7f7;
        }

        .cropper .docs-options .dropdown-menu > li > label {
            display: block;
        }

.cropper .docs-cropped .modal-body {
    text-align: center;
}

.cropper .docs-diagram .modal-dialog {
    max-width: 352px;
}

.cropper .docs-cropped canvas {
    max-width: 100%;
}

.form_wizard .stepContainer {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    border: 0 solid #CCC;
    overflow-x: hidden;
}

.wizard_horizontal ul.wizard_steps {
    display: table;
    list-style: none;
    position: relative;
    width: 100%;
    margin: 0 0 20px;
}

    .wizard_horizontal ul.wizard_steps li {
        display: table-cell;
        text-align: center;
    }

        .wizard_horizontal ul.wizard_steps li a,
        .wizard_horizontal ul.wizard_steps li:hover {
            display: block;
            position: relative;
            -moz-opacity: 1;
            filter: alpha(opacity=100);
            opacity: 1;
            color: #666;
        }

            .wizard_horizontal ul.wizard_steps li a:before {
                content: "";
                position: absolute;
                height: 4px;
                background: #ccc;
                top: 20px;
                width: 100%;
                z-index: 4;
                left: 0;
            }

            .wizard_horizontal ul.wizard_steps li a.disabled .step_no {
                background: #ccc;
            }

            .wizard_horizontal ul.wizard_steps li a .step_no {
                width: 40px;
                height: 40px;
                line-height: 40px;
                border-radius: 100px;
                display: block;
                margin: 0 auto 5px;
                font-size: 16px;
                text-align: center;
                position: relative;
                z-index: 5;
            }

            .step_no,
            .wizard_horizontal ul.wizard_steps li a.selected:before {
                background: #34495E;
                color: #fff;
            }

            .wizard_horizontal ul.wizard_steps li a.done .step_no,
            .wizard_horizontal ul.wizard_steps li a.done:before {
                background: #1ABB9C;
                color: #fff;
            }

        .wizard_horizontal ul.wizard_steps li:first-child a:before {
            left: 50%;
        }

        .wizard_horizontal ul.wizard_steps li:last-child a:before {
            right: 50%;
            width: 50%;
            left: auto;
        }

.wizard_verticle .stepContainer {
    width: 80%;
    float: left;
    padding: 0 10px;
}

.actionBar {
    width: 100%;
    border-top: 1px solid #ddd;
    padding: 10px 5px;
    text-align: right;
    margin-top: 10px;
}

    .actionBar .buttonDisabled {
        cursor: not-allowed;
        pointer-events: none;
        opacity: .65;
        filter: alpha(opacity=65);
        box-shadow: none;
    }

    .actionBar a {
        margin: 0 3px;
    }

.wizard_verticle .wizard_content {
    width: 80%;
    float: left;
    padding-left: 20px;
}

.wizard_verticle ul.wizard_steps {
    display: table;
    list-style: none;
    position: relative;
    width: 20%;
    float: left;
    margin: 0 0 20px;
}

    .wizard_verticle ul.wizard_steps li {
        display: list-item;
        text-align: center;
    }

        .wizard_verticle ul.wizard_steps li a {
            height: 80px;
        }

            .wizard_verticle ul.wizard_steps li a:first-child {
                margin-top: 20px;
            }

        .wizard_verticle ul.wizard_steps li a,
        .wizard_verticle ul.wizard_steps li:hover {
            display: block;
            position: relative;
            -moz-opacity: 1;
            filter: alpha(opacity=100);
            opacity: 1;
            color: #666;
        }

            .wizard_verticle ul.wizard_steps li a:before {
                content: "";
                position: absolute;
                height: 100%;
                background: #ccc;
                top: 20px;
                width: 4px;
                z-index: 4;
                left: 49%;
            }

            .wizard_verticle ul.wizard_steps li a.disabled .step_no {
                background: #ccc;
            }

            .wizard_verticle ul.wizard_steps li a .step_no {
                width: 40px;
                height: 40px;
                line-height: 40px;
                border-radius: 100px;
                display: block;
                margin: 0 auto 5px;
                font-size: 16px;
                text-align: center;
                position: relative;
                z-index: 5;
            }

.progress.progress_sm,
.progress.progress_sm .progress-bar {
    height: 10px !important;
}

.step_no,
.wizard_verticle ul.wizard_steps li a.selected:before {
    background: #34495E;
    color: #fff;
}

.wizard_verticle ul.wizard_steps li a.done .step_no,
.wizard_verticle ul.wizard_steps li a.done:before {
    background: #1ABB9C;
    color: #fff;
}

.wizard_verticle ul.wizard_steps li:first-child a:before {
    left: 49%;
}

.wizard_verticle ul.wizard_steps li:last-child a:before {
    left: 49%;
    left: auto;
    width: 0;
}

.form_wizard .loader,
.form_wizard .msgBox {
    display: none;
}

.progress {
    border-radius: 0;
}

.progress-bar-info {
    background-color: #3498DB;
}

.progress-bar-success {
    background-color: #26B99A;
}

.progress_summary .progress {
    margin: 5px 0 12px !important;
}

.progress_summary .row {
    margin-bottom: 5px;
}

    .progress_summary .row .col-xs-2 {
        padding: 0;
    }

.progress_summary .data span,
.progress_summary .more_info span {
    text-align: right;
    float: right;
}

.progress_summary p {
    margin-bottom: 3px;
    width: 100%;
}

.progress_title .left {
    float: left;
    text-align: left;
}

.progress_title .right {
    float: right;
    text-align: right;
    font-weight: 300;
}

.progress.progress_sm {
    border-radius: 0;
    margin-bottom: 18px;
}

.dashboard_graph p {
    margin: 0 0 4px;
}

ul.verticle_bars {
    width: 100%;
}

    ul.verticle_bars li {
        width: 23%;
        height: 200px;
        margin: 0;
    }

.progress.vertical.progress_wide {
    width: 35px;
}

.alert-success {
    color: #fff;
    background-color: rgba(38, 185, 154, .88);
    border-color: rgba(38, 185, 154, .88);
}

.alert-info {
    color: #E9EDEF;
    background-color: rgba(52, 152, 219, .88);
    border-color: rgba(52, 152, 219, .88);
}

.alert-warning {
    color: #E9EDEF;
    background-color: rgba(243, 156, 18, .88);
    border-color: rgba(243, 156, 18, .88);
}

.alert-danger,
.alert-error {
    color: #E9EDEF;
    background-color: rgba(231, 76, 60, .88);
    border-color: rgba(231, 76, 60, .88);
}

.ui-pnotify.dark .ui-pnotify-container {
    color: #E9EDEF;
    background-color: rgba(52, 73, 94, .88);
    border-color: rgba(52, 73, 94, .88);
}

.custom-notifications {
    position: fixed;
    margin: 15px;
    right: 0;
    float: right;
    width: 400px;
    z-index: 4000;
    bottom: 0;
}

ul.notifications {
    float: right;
    display: block;
    margin-bottom: 7px;
    padding: 0;
    width: 100%;
}

.notifications li {
    float: right;
    margin: 3px;
    width: 36px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
}

    .notifications li:last-child {
        margin-left: 0;
    }

.notifications a {
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 9px 8px;
}

.tabbed_notifications .text {
    padding: 5px 15px;
    height: 140px;
    border-radius: 7px;
    box-shadow: 6px 6px 6px rgba(0, 0, 0, .3);
}

.tabbed_notifications div p {
    display: inline-block;
}

.tabbed_notifications h2 {
    font-weight: 700;
    width: 80%;
    float: left;
    height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.tabbed_notifications .close {
    padding: 5px;
    color: #E9EDEF;
    float: right;
    opacity: 1;
}

.fc-state-default {
    background: #f5f5f5;
    color: #73879C;
}

.fc-state-active,
.fc-state-down {
    color: #333;
    background: #ccc;
}

.dropzone {
    min-height: 300px;
    border: 1px solid #e5e5e5;
}

.main_menu .label {
    line-height: 11px;
    margin-top: 4px;
}

@media (max-width:460px) {
    .dataTables_wrapper .col-sm-6 {
        width: 100%;
        margin-bottom: 5px;
    }

        .dataTables_wrapper .col-sm-6 .dataTables_filter {
            float: none;
        }

    #StartUpMenuBtn {
        display: none !important;
    }
}

@media (max-width:767px) {
    .dataTables_length {
        float: none;
    }
}

.daterangepicker.xdisplay {
    width: 228px;
}

.dataTables_wrapper > .row {
    overflow: auto !important;
}





.dpx-body-ltr .show-all-icon:before {
    content: "\f105";
}

.dpx-body-rtl .show-all-icon:before {
    content: "\f104";
}


.dpx-body-rtl .dropdown-usermenu .fa.pull-left {
    margin-left: .3em;
}


.dpx-top-qsearch {
    /*max-width: 300px;*/
    padding: 10px 7px;
}

    .dpx-top-qsearch .dpx-qicksearch {
        margin: 0;
    }

    .dpx-top-qsearch .dpx-qicksearch {
    }

.no-border {
    border: none;
}



.left_col .category-menu, .dpx-menu-searchbox {
    /*background: #172d44;*/
    /*background: #005579;*/
    /*background: #2f9cc5;*/
}

.dpx-menu-searchbox, .dpx-menu-titlebox {
    position: relative;
    padding: 10px;
}

.dpx-menu-titlebox {
    position: relative;
}

    .dpx-menu-titlebox span {
        display: inline-block;
        text-align: center;
        /*color: #BAB8B8;*/
        color: #ffffffbf;
    }

.dpx-menu-titlebox-close, .dpx-menu-searchbox-remove {
    position: absolute;
    font-size: 30px;
    top: 4px;
    text-decoration: none;
    display: none;
}

.dpx-body-rtl .dpx-menu-titlebox-close, .dpx-body-rtl .dpx-menu-searchbox-remove {
    left: 15px;
}

.dpx-body-ltr .dpx-menu-titlebox-close, .dpx-body-ltr .dpx-menu-searchbox-remove {
    right: 15px;
}

.nav-md .dpx-menu-titlebox.menu-control-panel .dpx-menu-titlebox-close,
.dpx-menu-searchbox.filtered .dpx-menu-searchbox-remove {
    display: block;
}

.dpx-menu-searchbox.filtered .dpx-menu-searchbox-remove,
.nav-md .dpx-menu-titlebox.menu-control-panel .dpx-menu-titlebox-close {
    color: #ffffff91;
}

    .dpx-menu-searchbox.filtered .dpx-menu-searchbox-remove:after {
        content: "";
        display: inline-block;
        position: absolute;
        top: 50%;
        margin: -3px -25px;
        width: 5px;
        height: 5px;
        background: greenyellow;
        border-radius: 50%;
    }

.dpx-menu-titlebox-close:hover, .dpx-menu-searchbox-remove:hover {
    text-decoration: none;
}

#sidebar-menu .category-menu {
    display: none;
}



.dpx-side-menu-tooltip[role="tooltip"],
.left_col [role="tooltip"], .top_nav [role="tooltip"] {
    width: initial !important;
    white-space: nowrap;
}

.top_nav [role="tooltip"],
.user-profile-menu .tooltip {
    width: auto;
    white-space: nowrap;
}

    .top_nav [role="tooltip"] .tooltip-inner,
    .user-profile-menu .tooltip .tooltip-inner {
        color: #fff;
        background-color: rgb(42, 63, 84);
        border: 1px solid rgb(42, 63, 84);
    }

.dpx-side-menu-tooltip[role="tooltip"] .tooltip-inner,
.left_col [role="tooltip"] .tooltip-inner {
    color: #fff;
    background-color: #185b74;
    border: 1px solid #185b74;
}

.top_nav .tooltip.bottom .tooltip-arrow,
.dpx-side-menu-tooltip[role="tooltip"] .tooltip-arrow,
.user-profile-menu .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #2a3f54;
}

.top_nav .tooltip.right .tooltip-arrow,
.dpx-side-menu-tooltip[role="tooltip"] .tooltip-arrow {
    border-right-color: #2a3f54;
}

.left_col .tooltip.top .tooltip-arrow,
.dpx-side-menu-tooltip[role="tooltip"] .tooltip-arrow {
    border-top-color: #185b74;
}





.nav-sm .dpx-menu-searchbox {
    display: none;
}

.dpx-menu-search-text {
    /*border: 2px solid #2a3f54;
    background: #172d44;*/
    /*border: 1px solid #005a80;*/
    /*background: #005579;*/
    border: none;
    background: #2899c3;
    width: 100%;
    padding: 5px;
    color: #fff;
}

    .dpx-menu-search-text::placeholder {
        color: white;
    }

.fb-fieldtypecontainer {
    position: relative;
}

    .fb-fieldtypecontainer .datetimepickerbottom {
        position: absolute;
        top: 25px !important;
    }

        .fb-fieldtypecontainer .datetimepickerbottom > .arrow {
            display: none;
        }

    .fb-fieldtypecontainer .datetimepickertop {
        position: absolute;
        top: -273px !important;
    }

        .fb-fieldtypecontainer .datetimepickertop > .arrow {
            display: none;
        }

.dpx-scrollspy .nav li {
    position: relative;
    width: 12vw;
    max-width: 180px;
    text-overflow: ellipsis;
    word-break: break-all;
    overflow: hidden;
    white-space: nowrap;
}

    .dpx-scrollspy .nav li:hover {
        overflow: visible;
        white-space: normal;
    }

    .dpx-scrollspy .nav li a {
        color: #0e89be;
        padding: 13px 10px 12px;
        /*text-decoration:underline;*/
    }

        .dpx-scrollspy .nav li a:hover {
            color: #172d44;
        }

.dpx-scrollspy .dpx-scrollspy-actions {
    position: absolute;
    width: 50px;
    left: -45px;
    top: 8px;
}

.bold-label {
    font-family: 'IranSansWebBold';
}

.bdrDashFFF {
    border: 1px dashed #fff;
}

.nav-md .dropdown-usermenu {
    position: absolute;
    background: white;
    padding: 0;
    list-style-type: none;
    width: 170px;
    min-width: 100px !important;
    margin: 0 auto;
}

    .nav-md .dropdown-usermenu:before {
        content: "";
        position: absolute;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        border-top: 5px solid transparent;
        border-bottom: 5px solid #fff;
        top: -10px;
        left: 22px;
        margin-left: -5px;
        z-index: -1;
    }

/*.dpx-help-menu {
    width: 170px;
    min-width: 100px !important;
    margin: 0 auto;
}*/

.dpx-help-menu:before {
    content: "";
    position: absolute;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-top: 10px solid #fff;
    bottom: -18px;
    left: 135px;
    margin-left: -5px;
    z-index: -1;
}

.nav-md .dpx-body-rtl .dropdown-usermenu {
    left: 0;
    right: auto;
}

.nav-md.dpx-body-ltr .dropdown-usermenu {
    right: 0;
    left: auto;
}

.nav-sm.dpx-body-rtl .dropdown-usermenu {
    position: absolute;
    background: white;
    padding: 0;
    list-style-type: none;
    right: 100%;
    left: auto;
    top: 47px;
}

.nav-sm.dpx-body-ltr .dropdown-usermenu {
    position: absolute;
    background: white;
    padding: 0;
    list-style-type: none;
    left: 100%;
    right: auto;
    top: 10px;
}

/*.mCSB_container,.mCustomScrollBox{
        overflow:initial !important;
    }*/



.nav_menu .dpx-top-qsearch .dpx-qicksearch {
    /* background-color: #005579; */
    background-color: #f0f0f0;
    /* border: 1px solid #005579; */
    border: 1px solid #eaeaea;
    padding: 0;
    border-radius: 50px;
}

    .nav_menu .dpx-top-qsearch .dpx-qicksearch .select2-selection__clear,
    .nav_menu .dpx-top-qsearch .dpx-qicksearch .select2-selection__choice {
        display: none !important;
    }

.dpx-body-rtl .nav_menu .dpx-top-qsearch .dpx-qicksearch .input-group-btn {
    /*border-right: 1px solid #32475d;*/
    /*border-right: 1px solid #eaeaea;*/
}

.dpx-body-ltr .nav_menu .dpx-top-qsearch .dpx-qicksearch .input-group-btn {
    /*border-left: 1px solid #32475d;*/
    border-left: 1px solid #eaeaea;
}

.nav_menu .dpx-top-qsearch .dpx-qicksearch .select2-container {
    padding: 5px;
}

.nav_menu .dpx-top-qsearch .dpx-qicksearch .select2-container--bootstrap .select2-selection {
    background-color: transparent;
    border: none;
}

    .nav_menu .dpx-top-qsearch .dpx-qicksearch .select2-container--bootstrap .select2-selection input {
        padding: 0px;
        color: #818381;
        /*background-color: #172d44;*/
    }

        .nav_menu .dpx-top-qsearch .dpx-qicksearch .select2-container--bootstrap .select2-selection input::placeholder {
            color: #767676;
        }


.dpx-pinunpin-menu.fa.fa-star, .dpx-pinunpin-menu-remove {
    position: absolute;
    font-size: 13px;
    opacity: 0;
    transition: all 100ms linear;
    padding: 5px;
    top: 50%;
    margin-top: -12px;
}

.dpx-pinunpin-menu-remove {
    font-size: 20px;
}

.category-menu-item a[role="menuaction"]:hover .dpx-pinunpin-menu.fa.fa-star,
.desk-menu-item-box li a:hover .dpx-pinunpin-menu-remove,
.category-menu-item a[role="menuaction"]:hover .dpx-menuitem-btn {
    opacity: .3;
}

.dpx-body-ltr .dpx-pinunpin-menu.fa.fa-star {
    right: 0;
}

.dpx-body-ltr .dpx-pinunpin-menu-remove {
    right: 5px;
}

.dpx-body-rtl .dpx-pinunpin-menu.fa.fa-star {
    left: 0;
}

.dpx-body-rtl .dpx-pinunpin-menu-remove {
    left: 5px;
}

.dpx-menu-pined .dpx-pinunpin-menu.fa.fa-star {
    color: yellow;
}

.dpx-pinunpin-menu.fa.fa-star:hover, .dpx-pinunpin-menu-remove:hover {
    opacity: 1 !important;
}


.no-padding {
    padding: 0;
}

.data-grid-nodata {
    color: #4b4b4b;
}

.dpx-toolbar .dpx-toolbar-btn-box:not([style*="display: none;"]) + .dpx-toolbar-seprator, .ribbon-tab .dpx-toolbar-seprator {
    height: 60px;
    position: relative;
    width: 0;
    top: -3px;
    margin-top: 3px !important;
}

    .dpx-toolbar .dpx-toolbar-btn-box:not([style*="display: none;"]) + .dpx-toolbar-seprator:after, .ribbon-tab .dpx-toolbar-seprator:after {
        content: "";
        position: absolute;
        top: 0;
        width: 1px;
        height: 100%;
        background: linear-gradient(#f1f1f1,#767676,#f1f1f1);
    }

.dpx-body-rtl .dpx-toolbar .dpx-toolbar-btn-box:not([style*="display: none;"]) + .dpx-toolbar-seprator, .dpx-body-rtl .ribbon-tab .dpx-toolbar-seprator {
    float: right;
    /*border-left: 1px solid #c0dfee !important;*/
    margin: 0 0 0 5px;
}

.dpx-body-ltr .dpx-toolbar .dpx-toolbar-btn-box:not([style*="display: none;"]) + .dpx-toolbar-seprator, .dpx-body-ltr .ribbon-tab .dpx-toolbar-seprator {
    float: left;
    /*border-left: 1px solid #c0dfee !important;*/
    margin: 0 5px 0 0px;
}

.main_container .ribbon-tab {
    width: 100%;
    height: 100%;
    padding: 5px;
}

    .main_container .ribbon-tab .ribbon-button {
        border-radius: unset !important;
    }

        .main_container .ribbon-tab .ribbon-button.ribbon-button-large {
            color: #767676;
        }

.dpx-body-rtl .ribbon-tab .ribbon-button.ribbon-button-large {
    margin-left: 6px;
    float: right !important;
}

.dpx-body-ltr .ribbon-tab .ribbon-button.ribbon-button-large {
    margin-right: 6px;
    float: left !important;
}

.main_container .ribbon-tab .ribbon-button .dropdown-menu a {
    display: block;
    background: none !important;
}

    .main_container .ribbon-tab .ribbon-button .dropdown-menu a spnSurvey {
        display: initial !important;
        background: none !important;
    }

.main_container .ribbon-tab .ribbon-button .dropdown-menu {
    top: 96%;
}

    .main_container .ribbon-tab .ribbon-button .dropdown-menu a:hover {
        background: #337ab7 !important;
        border: 1px solid transparent !important;
        color: #fff !important;
    }
/* -------------------------------------- */
/* ----- OLD VERSION CSS OVVERRIDE ------ */
/* -------------------------------------- */

.dpx-old-pages .jqx-fill-state-normal,
.dpx-old-pages .jqx-widget[role="combobox"] {
    background: white !important;
    border-color: #e6e9ed !important;
}

.jqx-icon-arrow-down-ui-redmond {
    background: url(/Dana/Js/jqwidgets/Css/images/icon-down.png) no-repeat scroll 0 0 !important;
}

.jqx-widget[role="combobox"] .jqx-combobox-content {
    background: transparent !important;
    border-color: transparent !important;
}

.jqx-widget[role="combobox"].jqx-dropdownlist-state-normal {
    background: transparent !important;
    border-color: #e6e9ed !important;
}

.dpx-old-pages .jqx-tabs-headerWrapper {
    border-color: white;
    background: white;
    height: initial !important;
    margin: 0;
    padding: 0;
}

.dpx-old-pages .jqx-tabs {
    border: none;
}

.dpx-old-pages .jqx-tabs-titleWrapper {
    height: initial !important;
    font-size: 15px;
}

.dpx-old-pages .jqx-tabs .jqx-tabs-title-container {
    border-bottom: 1px solid #ddd !important;
    height: initial !important;
    width: 100% !important;
}

    .dpx-old-pages .jqx-tabs .jqx-tabs-title-container:after {
        display: table;
        content: " ";
        clear: both;
    }

    .dpx-old-pages .jqx-tabs .jqx-tabs-title-container li[role="tab"] {
        padding: 13px 15px 12px;
        color: gray;
        cursor: default;
        background-color: #fff;
        border: 1px solid #ddd;
        border-bottom-color: transparent;
        cursor: pointer;
        height: initial !important;
        margin: 0;
        margin-bottom: -1px;
    }

        .dpx-old-pages .jqx-tabs .jqx-tabs-title-container li[role="tab"]:not(.jqx-fill-state-pressed) {
            border-color: #eee #eee #ddd;
            text-decoration: none;
            background-color: #f8f8f8;
        }

.dpx-old-pages .jqx-tabs .jqx-tabs-content-element {
}

.dpx-old-pages .jqx-tabs .jqx-tabs-content {
    border-width: 0px 1px 1px 1px;
    border-color: #dedede !important;
    border-style: solid;
    padding: 10px;
    background: #fff;
    position: relative;
    top: -1px;
}

    .dpx-old-pages .jqx-tabs .jqx-tabs-content:after {
        display: block;
        content: "";
        clear: both;
    }

.dpx-old-pages .right_col input, .dpx-old-pages .right_col .jqx-widget[role="combobox"] *, .dpx-old-pages .right_col .jqx-widget[role="listbox"] * {
    font-size: 13px !important;
}

    .dpx-old-pages .right_col .jqx-widget[role="combobox"]:not(.jqx-editor-dropdownlist), .dpx-old-pages .right_col .tree-input-container, .dpx-old-pages .right_col input:no-button, .dpx-old-pages .right_col #department-tree {
        margin-bottom: 9px !important;
    }

.dpx-old-pages .impulsiveIcon {
    background: url('/Dana/Js/jqwidgets/Css/images/icon-down.png') no-repeat scroll 0 3px;
    padding-left: 30px;
}

.dpx-old-pages .suggestionIcon {
    background: url('/Dana/Js/jqwidgets/Css/images/icon-down.png') no-repeat scroll 0 3px;
    padding-left: 30px;
}

.dpx-old-pages .right_col input.jqx-input, .dpx-old-pages .right_col input.textboxStyle, .dpx-old-pages .right_col textarea.textboxStyle, .dpx-old-pages .right_col .jqx-listbox.jqx-widget-content[role="listbox"], .dpx-old-pages .right_col input {
    border-color: #e6e9ed !important;
}


.dpx-old-pages .right_col .ui-jqgrid.ui-widget .ui-widget-content.jqgrow {
    border-color: #f7f7f7 !important;
    border-width: 1px 0 0 0 !important;
}

.dpx-old-pages .right_col .ui-jqgrid.ui-widget .ui-state-default, .dpx-old-pages .right_col .ui-jqgrid.ui-widget .ui-widget-content .ui-state-default {
    border: none !important;
}

.dpx-old-pages .right_col .ui-jqgrid.ui-widget [role="columnheader"] {
    border: none;
    background-color: #f7f7f7 !important;
    padding: 5px;
    color: gray;
    font-weight: normal;
}

.dpx-old-pages .right_col .ui-jqgrid.ui-widget {
    border: none !important;
    font-family: inherit !important;
    font-size: 13px;
}

    .dpx-old-pages .right_col .ui-jqgrid.ui-widget .ui-jqgrid-labels,
    .dpx-old-pages .right_col .ui-jqgrid.ui-widget .ui-jqgrid-view,
    .dpx-old-pages .right_col .ui-jqgrid.ui-widget .ui-jqgrid-hdiv {
        font-size: inherit;
    }

    .dpx-old-pages .right_col .ui-jqgrid.ui-widget * :not(.fa) {
        font-family: inherit !important;
        font-size: 13px;
    }

    .dpx-old-pages .right_col .ui-jqgrid.ui-widget .ui-jqgrid-pager {
        border-color: #f7f7f7 !important;
        background-color: transparent !important;
        border-radius: unset !important;
        border: 1px solid #f7f7f7 !important;
    }

    .dpx-old-pages .right_col .ui-jqgrid.ui-widget [role="gridcell"] {
        border: none !important;
    }

.dpx-link, div[role="gridcell"] a {
    text-decoration: none !important;
    color: #0e89be;
    /*color: rgba(14, 179, 208, 0.94);*/
    cursor: pointer;
    /*position: absolute;*/
}

.dpx-old-pages .right_col .ui-jqgrid.ui-widget [role="gridcell"] a {
    text-decoration: underline;
    color: #0e89be;
    /*color: rgba(14, 179, 208, 0.94);*/
    cursor: pointer;
}

.dpx-old-pages .right_col .ui-jqgrid.ui-widget [role='row'].myAltRowClass {
    background-color: #f9f9f9 !important;
}


.dpx-old-pages .right_col .nav.dpx-panel-toolbox > li,
.dpx-old-pages .right_col .nav.dpx-widget-toolbox > li {
    position: inherit;
}


.w30 {
    width: 30% !important;
}

.w49 {
    width: 49% !important;
}


.dpx-old-pages input[type="text"].x-form-text.x-form-field {
    height: 28px !important;
}

.ext-strict, .x-grid3-cell-inner, .ext-strict, .x-grid3-hd-inner {
    text-align: inherit !important;
}


.dpx-old-pages .dpx-x-panel .x-toolbar-ct {
    background-color: transparent !important;
}

.dpx-old-pages .dpx-x-panel .x-panel-body {
    overflow: visible !important;
    background-color: transparent !important;
}

.dpx-old-pages .x-form-trigger.x-form-arrow-trigger.x-unselectable {
    display: none;
}


.dpx-old-pages input.x-form-text.x-form-field.x-trigger-noedit.x-unselectable {
    background: url('/Dana/Js/jqwidgets/Css/images/icon-down.png') no-repeat scroll 0 3px;
}

.dpx-old-pages .jqx-editor.jqx-widget {
    border-color: #e6e9ed !important;
    background: #ffffff !important;
}

.dpx-old-pages .jqx-editor-container {
    padding: 0 !important;
}

.dpx-old-pages .jqx-editor-content {
    border-color: #e6e9ed !important;
}

.dpx-old-pages .jqx-editor-toolbar {
    background: #f7f7f7 !important;
}

.dpx-old-pages .jqx-editor-toolbar-button {
    border-radius: unset !important;
}

.dpx-old-pages .labels {
    font-size: 13px !important;
    padding: 6px 4px !important;
    font-family: 'IranSansWeb';
    color: gray;
}

.dpx-old-pages .jqx-tabs-content table:not([role="grid"]):not([role="row"]):not(#tblOtherDevice):not(.x-btn),
.dpx-old-pages .dpx-panel-content table:not([role="grid"]):not([role="row"]):not(#tblOtherDevice):not(.x-btn),
.dpx-old-pages .dpx-widget-content table:not([role="grid"]):not([role="row"]):not(#tblOtherDevice):not(.x-btn) {
    display: table;
    border-collapse: separate;
    border-spacing: 6px;
}

.dpx-old-pages textarea[role="textbox"].multiline-Text {
    border-color: #e6e9ed !important;
}

.dpx-old-pages .ui-jqgrid .ui-jqgrid-pager {
    height: auto;
}

    .dpx-old-pages .ui-jqgrid .ui-jqgrid-pager .ui-pg-input, .dpx-old-pages .ui-jqgrid .ui-search-input input {
        border: 1px solid;
        font-size: 13px;
        height: 24px;
    }


.dpx-menuitem-buttons {
    position: absolute;
    top: 50%;
    margin-top: -6px;
}

a[role='menuaction'] .dpx-menuitem-btn {
    opacity: 0;
    color: rgba(255, 255, 255, .75);
    transition: all 100ms;
    padding: 0 2px;
}

.dpx-body-rtl a[role='menuaction'] .dpx-menuitem-btn {
    float: right;
}

.dpx-body-ltr a[role='menuaction'] .dpx-menuitem-btn {
    float: left;
}

a[role='menuaction'] .dpx-menuitem-btn:hover {
    opacity: 1 !important;
}



.dpx-side-push-menu a[role='menuaction']:hover + .dpx-menuitem-buttons {
    opacity: .3;
}

.dpx-body-rtl .dpx-menuitem-buttons {
    left: 40px;
}

.dpx-body-ltr .dpx-menuitem-buttons {
    right: 40px;
}

.dpx-menuitem-buttons .dpx-menuitem-btn .fa {
    font-size: 13px !important;
    width: initial;
}





/* Dash Builder */
.grid-stack > .grid-stack-item > .ui-resizable-ne {
    cursor: ne-resize;
    width: 10px;
    height: 10px;
    right: 0;
    top: -4px;
    background: #01a9fc;
}

.grid-stack > .grid-stack-item > .ui-resizable-se {
    cursor: se-resize;
    width: 10px;
    height: 10px;
    right: 0;
    bottom: -4px;
    background: #01a9fc;
    transform: none;
}

.grid-stack > .grid-stack-item > .ui-resizable-sw {
    cursor: sw-resize;
    width: 10px;
    height: 10px;
    left: 0;
    bottom: -4px;
    background: #01a9fc;
    transform: none;
}

.grid-stack > .grid-stack-item > .ui-resizable-nw {
    cursor: nw-resize;
    width: 10px;
    height: 10px;
    left: 0;
    top: -4px;
    background: #01a9fc;
}

.grid-stack > .grid-stack-item > .ui-resizable-w {
    cursor: w-resize;
    width: 10px;
    height: 10px;
    left: 0;
    top: 50%;
    margin-top: -5px;
    bottom: 5px;
    background: #01a9fc;
}

.grid-stack > .grid-stack-item > .ui-resizable-s {
    cursor: s-resize;
    width: 10px;
    height: 10px;
    bottom: -4px;
    background: #01a9fc;
}

.dpx-body-rtl .grid-stack > .grid-stack-item > .ui-resizable-s {
    right: 50%;
}

.dpx-body-ltr .grid-stack > .grid-stack-item > .ui-resizable-s {
    left: 50%;
}

.grid-stack > .grid-stack-item > .ui-resizable-e {
    cursor: e-resize;
    width: 10px;
    height: 10px;
    right: 0;
    top: 50%;
    margin-top: -5px;
    bottom: 5px;
    background: #01a9fc;
}

.grid-stack > .grid-stack-item > .ui-resizable-n {
    cursor: n-resize;
    width: 10px;
    height: 10px;
    top: -4px;
    right: 50%;
    background: #01a9fc;
}

.dpx-body-rtl .grid-stack > .grid-stack-item > .ui-resizable-n {
    right: 50%;
}

.dpx-body-ltr .grid-stack > .grid-stack-item > .ui-resizable-n {
    left: 50%;
}

.grid-stack > .grid-stack-item > .grid-stack-item-content {
    /*border: 1px solid #ddd;*/
    background: #fff;
    right: 5px;
    left: 5px;
    cursor: default;
}

.dpx-dash-grid.editable .grid-stack > .grid-stack-item:not(.ui-draggable-disabled) > .grid-stack-item-content {
    /*cursor: url(../../../Resources/Shared/Images/frmBldHandDrag.png),url(../../../Resources/Shared/Images/frmBldHandDrag.cur),move !important;*/
}

.grid-stack > .grid-stack-item.ui-state-disabled > .grid-stack-item-content {
    cursor: default;
}

.grid-stack > .grid-stack-item {
    padding-bottom: 10px;
    box-sizing: content-box;
}

    .grid-stack > .grid-stack-item:not(.ui-resizable-autohide) > .grid-stack-item-content {
        border: 1px solid #01a9fc;
    }

.dpx-dash-grid.editable .dpx-dash-grid-container {
    background-size: 8.33% 80px;
    background-color: #EBEBEB;
    background-size: 8.33% 80px;
    background-image: linear-gradient(to right,#f7f7f7 8.33%,transparent 0),linear-gradient(to top,#f7f7f7 10px,transparent 0);
    background-repeat: repeat;
    padding-bottom: 10px;
}

.grid-stack-placeholder {
    transform: translateY(-10px);
    background-color: #ccc;
    background-repeat: repeat;
    background-image: linear-gradient(to right,#f4f4f4 8.33%,transparent 0),linear-gradient(to bottom,#f4f4f4 10px,transparent 0);
    border: none;
}

.grid-stack-item.grid-stack-placeholder {
    padding-top: 10px;
}

.grid-stack .grid-stack-placeholder > .placeholder-content {
    border: none;
}

.grid-stack-placeholder[data-gs-width="2"] {
    background-size: 50% 80px;
}

.grid-stack-placeholder[data-gs-width="3"] {
    background-size: 33.33% 80px;
}

.grid-stack-placeholder[data-gs-width="4"] {
    background-size: 25% 80px;
}

.grid-stack-placeholder[data-gs-width="5"] {
    background-size: 20% 80px;
}

.grid-stack-placeholder[data-gs-width="6"] {
    background-size: 16.66% 80px;
}

.grid-stack-placeholder[data-gs-width="7"] {
    background-size: 14.28% 80px;
}

.grid-stack-placeholder[data-gs-width="8"] {
    background-size: 12.5% 80px;
}

.grid-stack-placeholder[data-gs-width="9"] {
    background-size: 11.11% 80px;
}

.grid-stack-placeholder[data-gs-width="10"] {
    background-size: 10% 80px;
}

.grid-stack-placeholder[data-gs-width="11"] {
    background-size: 9.09% 80px;
}

.grid-stack-placeholder[data-gs-width="12"] {
    background-size: 8.33% 80px;
}




.grid-stack-item.ui-draggable {
    /*cursor: url(../../../Resources/Shared/Images/frmBldHandDrag.png),url(../../../Resources/Shared/Images/frmBldHandDrag.cur),move !important;*/
}


input.dpx-tab-radio {
    display: none;
}

label.dpx-tab-radio {
    display: inline-block;
    padding: 5px;
    min-width: 100px;
    text-align: center;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: all 200ms;
    margin-bottom: 0;
    position: relative;
    top: 2px;
}

input.dpx-tab-radio:checked + label.dpx-tab-radio {
    border-bottom: 2px solid #337ab7;
}

label.dpx-tab-radio:hover {
    border-bottom: 2px solid #337ab7;
}

.dpx-body-rtl [role="columnheader"].jqx-grid-column-header {
    direction: rtl;
}

.dpx-body-ltr [role="columnheader"].jqx-grid-column-header {
    direction: ltr;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: 1;
}

.dpx-body-rtl .jqx-grid-content *:not(.jqx-grid-cell-left-align):not(.dpx-grid-cell-email):not(.dpx-grid-cell-datetime):not(.dpx-number):not(.dpx-grid-cell-text-ltr) {
    direction: rtl !important;
    /*-webkit-user-modify: read-write-plaintext-only;*/
}

.dpx-body-ltr .jqx-grid-content * {
    direction: ltr !important;
}

.dpx-body-rtl .jqx-grid-content .jqx-grid-cell-left-align {
    direction: ltr !important;
}



/* Palette generated by Material Palette - materialpalette.com/light-blue/cyan */

.dark-primary-color {
    background: #0288D1;
}

.default-primary-color {
    background: #03A9F4;
}

.light-primary-color {
    background: #B3E5FC;
}

.light-primary-text-color {
    color: #B3E5FC !important;
}

.text-primary-color {
    color: #FFFFFF;
}

.accent-color {
    background: #00BCD4;
}

.primary-text-color {
    color: #212121;
}

.secondary-text-color {
    color: #757575;
}

.divider-color {
    border-color: #BDBDBD;
}


.input-group {
    z-index: 0;
}

.input-group {
    z-index: 0;
}


.dpx-cvs-editor {
    border: 1px solid #ebeef0;
    overflow: hidden;
    border-radius: 0.5rem;
}

    .dpx-cvs-editor .fr-wrapper {
        box-shadow: none !important;
    }

.dpx-cvs-popover {
    width: 680px;
    max-width: inherit !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    z-index: 1;
}

    .dpx-cvs-popover.top > .arrow {
        bottom: -11px;
        margin-left: -11px;
        border-top-color: #9e9e9e;
        border-top-color: rgb(103, 103, 103);
        border-bottom-width: 0;
        z-index: 5;
    }

.dpx-body-rtl .dpx-cvs-popover {
    right: 0;
    left: inherit;
    width: auto;
    margin-right: 15px;
}

.dpx-body-ltr .dpx-cvs-popover {
    left: 0;
}

.dpx-body-rtl .dpx-cvs-popover.top > .arrow {
    right: 118px;
}

.modal .dpx-cvs-popover {
    z-index: unset;
}

.dpx-cvs-popover .fr-toolbar {
    border-top: none;
}

.dpx-cvs-actions {
    padding: 3px;
    background-color: #f9f9f9;
    border-top: 1px solid #ebeef0;
}

    .dpx-cvs-actions .dpx-cvs-action svg {
        width: 16px;
        height: 16px;
        fill: #5a6670;
    }

.dpx-cvs[data-source="Notes"] {
    display: flex;
    flex-direction: column-reverse;
}

.dpx-cvs .dpx-cvs-message {
    padding: 10px;
    cursor: text;
    color: rgba(64, 64, 64, 0.76);
    border: 1px solid #ebeef0;
    border-radius: 0.5rem;
}

.dpx-cvs .dpx-cvs-message-reply {
    padding: 10px;
    cursor: text;
}

.dpx-cvs-actions div.tooltip[role="tooltip"] {
    min-width: inherit !important;
    max-width: inherit !important;
    width: auto !important;
}

    .dpx-cvs-actions div.tooltip[role="tooltip"] .tooltip-inner {
        background-color: #1e1e1e;
        border: #1e1e1e;
        color: white;
    }

    .dpx-cvs-actions div.tooltip[role="tooltip"] .tooltip-arrow {
        border-bottom-color: #222222 !important;
        border-top-color: #222222 !important;
    }

.dpx-cvs-messages {
    margin-top: 10px;
}

.dpx-cvs-user-name {
    padding: 5px;
    float: right;
}

.dpx-cvs-date {
    padding: 5px;
    float: right;
}

.dpx-cvs-msg-user-img {
    width: 30px;
    float: right;
}

.area-shadow {
    box-shadow: 0 0 0 4px rgba(141, 141, 141, 0.28);
}

.dpx-cvs-msg-head {
    padding: 5px;
    border-bottom: 1px solid #F8F9FA;
    background-color: #f3f3f3;
    position: relative;
}

.dpx-cvs-msg-body {
    text-align: justify;
    padding: 0 15px 0 15px;
    overflow-x: auto;
}

.dpx-cvs-body-text {
    padding: 10px;
}

.dpx-cvs-msg-item {
    border: 1px solid #ebeef0;
    margin-bottom: 10px;
}

.cvs-msg-item {
    overflow: hidden;
}

    .cvs-msg-item table td,
    .cvs-msg-item table th,
    .dpx-cvs-msg-body table td,
    .dpx-cvs-msg-body table th {
        padding: 3px 5px;
        border: 1px solid #c5c4c4a3 !important;
    }

.dpx-cvs-msg-item:hover .dpx-cvs-goto-replay {
    opacity: 1;
    text-decoration: none;
}

.cvs-msg-item .dpx-cvs-control {
    opacity: 0;
    transition: opacity 0.4s ease-out;
}

.cvs-msg-item:hover .dpx-cvs-control {
    opacity: 1;
    text-decoration: none;
}

.cvs-msg-item .dpx-cvs-goto-replay:hover {
    /*transform: scale(1.3);*/
}

.dpx-cvs-msg-footer {
    margin: 20px 0 5px 0;
    color: #646464;
    font-size: 12px;
}

.dpx-cvs-msg-dot {
    font-size: 14px;
    margin-right: 5px;
    margin-left: 5px;
    color: #c6c6c6;
}

.dpx-note-footer {
    color: #5b5b5b;
    cursor: default;
    font-size: 12px;
}

    .dpx-note-footer i {
        color: #9b9b9b;
    }
/* Start Padding and Margin */
.p-2 {
    padding: 0.5rem;
}

.p-3 {
    padding: 0.75rem;
}

.p-4 {
    padding: 1.5rem;
}

.pr-1 {
    padding-right: 0.25rem;
}

.pl-2 {
    padding-left: 0.25rem;
}

.pr-2 {
    padding-right: 0.5rem;
}

.pr-3 {
    padding-right: 0.75rem;
}

.pr-4 {
    padding-right: 1.5rem;
}

.pl-2 {
    padding-left: 0.5rem;
}

.pl-3 {
    padding-left: 0.75rem;
}

.pl-4 {
    padding-left: 1.5rem;
}

.p-0 {
    padding: 0;
}

.pt-2 {
    padding-top: 0.5rem;
}

.pt-3 {
    padding-top: 0.75rem;
}

.pt-5 {
    padding-top: 1.5rem;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-2 {
    padding-bottom: 0.5rem;
}

.pb-3 {
    padding-bottom: 0.75rem;
}

.pb-4 {
    padding-bottom: 1rem;
}

.pb-5 {
    padding-bottom: 1.5rem;
}

.mr-1 {
    margin-right: 0.25rem;
}

.mr-2 {
    margin-right: 0.5rem;
}

.mr-3 {
    margin-right: 0.75rem;
}

.mr-4 {
    margin-right: 1rem;
}

.ml-2 {
    margin-left: 0.25rem;
}

.ml-2 {
    margin-left: 0.5rem;
}

.ml-3 {
    margin-left: 0.75rem;
}

.ml-4 {
    margin-left: 1rem;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-3 {
    margin-bottom: 1rem;
}

.mb-4 {
    margin-bottom: 1.5rem;
}

.mb-5 {
    margin-bottom: 2rem;
}
/* End Padding and Margin */


.dpx-word-wrap-break {
    word-wrap: break-word;
}

.dpx-text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dpx-text-summary-ellipsis {
    white-space: nowrap;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    /* Transition */
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    -moz-transition: 0.7s ease-in-out;
}

    .dpx-text-summary-ellipsis:hover {
        max-width: 100%;
        overflow: unset;
    }

.dpx-cvs-msg-footer p {
    padding: 5px 0;
    /*border-top: 1px solid #f8f9fa;*/
}

    .dpx-cvs-msg-footer p:empty {
        display: none;
    }

.dpx-body-rtl .dpx-cvs-msg-footer p {
    text-align: left;
}

    .dpx-body-rtl .dpx-cvs-msg-footer p a {
        margin-right: 5px;
    }

.dpx-body-ltr .dpx-cvs-msg-footer p {
    text-align: right;
}

    .dpx-body-ltr .dpx-cvs-msg-footer p a {
        margin-left: 5px;
    }

.dpx-cvs-dropzone {
    height: auto;
    min-height: inherit;
    padding: 10px;
    border: none;
    text-align: left;
}



.dpx-progress {
    position: relative;
    height: 2px !important;
    display: block;
    width: 100%;
    background-color: #acece6;
    border-radius: 2px;
    margin: .5rem 0 1rem 0;
    overflow: hidden;
    border-radius: 0;
}

    .dpx-progress .progress-bar {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        background-color: #26a69a;
        -webkit-transition: width .3s linear;
        transition: width .3s linear;
        background-image: none;
    }

.dpx-cvs-file {
    padding: 7px 15px 0px 15px;
    border: 1px solid #ebeef0;
    height: 45px;
    width: 288px;
    position: relative;
}

    .dpx-cvs-file.data-dz-errormessage .progress-bar.progress-bar-success {
        background-color: red;
    }

    .dpx-cvs-file.data-dz-errormessage + .tooltip {
        width: auto;
        word-wrap: break-word;
    }

        .dpx-cvs-file.data-dz-errormessage + .tooltip .tooltip-arrow {
            border-top-color: lightcoral;
        }

        .dpx-cvs-file.data-dz-errormessage + .tooltip .tooltip-inner {
            border-color: lightcoral;
            background-color: lightcoral;
            color: white;
        }


    .dpx-cvs-file .dpx-progress,
    .dpx-file-dropzone .dpx-progress {
        position: absolute;
        left: 0;
        bottom: 0;
        margin: 0;
    }

    .dpx-cvs-file .name {
        direction: ltr;
        max-width: 145px;
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dpx-cvs-file .size {
        margin: 0 5px;
        display: inline-block;
        white-space: nowrap;
        direction: ltr;
        overflow: hidden;
    }

    .dpx-cvs-file .cancel {
        font-size: 20px;
        position: absolute;
        top: 50%;
    }

        .dpx-cvs-file .cancel:hover {
            text-decoration: none;
            color: #056791;
        }

.dpx-body-rtl .dpx-cvs-file .cancel {
    right: 5px;
}

.dpx-body-ltr .dpx-cvs-file .cancel {
    left: 5px;
}

.dpx-body-ltr .dpx-cvs-file {
    float: left;
    margin-right: 5px;
    direction: ltr;
    background: white;
    margin-bottom: 5px;
}

.dpx-body-rtl .dpx-cvs-file {
    float: right;
    margin-left: 5px;
    direction: ltr;
    background: white;
    margin-bottom: 5px;
}

.dpx-dz-container:after {
    content: "";
    display: block;
    clear: both;
}

.dpx-cvs-file.dz-success.dz-complete .dpx-progress {
    display: none;
}

.dpx-cvs-file-thump {
    width: 100%;
    position: relative;
    overflow: hidden;
}

    .dpx-cvs-file-thump svg {
        width: 13px;
        height: 13px;
        fill: #6f7c87;
    }

    .dpx-cvs-file-thump .app-icon {
        position: relative;
        top: 3px;
        margin-left: 8px;
    }

.dpx-body-rtl .dpx-cvs-file-thump span {
    padding-left: 10px;
}

.dpx-body-ltr .dpx-cvs-file-thump span {
    padding-right: 10px;
}

.dpx-cvs-file-thump:after {
    content: "";
    position: absolute;
    top: 10px;
    width: 100%;
    border-bottom: 1px dashed #c9d1d0;
}

.dpx-body-rtl .dpx-cvs-attach-details {
    margin-right: 40px;
    margin-top: -2px;
}

.dpx-body-ltr .dpx-cvs-attach-details {
    margin-left: 40px;
    margin-top: -2px;
}

.dpx-cvs-attach-item {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    min-width: 200px;
    max-width: 280px;
    padding: 10px;
    border-radius: 3px;
    cursor: pointer;
    transition: .1s ease-in;
    border: 1px solid transparent;
}

    .dpx-cvs-attach-item:hover {
        box-shadow: 0 1px 0 0 #f0f0f0;
        border: 1px solid #dbdfe3;
    }

.dpx-cvs-attach-icon {
    width: 30px;
    height: 30px;
    position: absolute;
    margin-top: 3px;
    color: #c9c8c8;
}

.dpx-body-rtl .dpx-cvs-attach-icon {
    text-align: left;
}

.dpx-body-ltr .dpx-cvs-attach-icon {
    text-align: right;
}

.dpx-body-rtl .dpx-cvs-attach-icon {
    right: 0;
}

.dpx-body-ltr .dpx-cvs-attach-icon {
    left: 0;
}

.dpx-cvs-attach-item-info {
    margin-right: -8px;
    margin-bottom: 1px;
}

.dpx-cvs-attach-icon .fa {
    font-size: 29px;
}

.dpx-cvs-attachname {
    color: #183247;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dpx-cvs-attacsize {
    color: #6f7c87;
}

.dpx-cvs-footer-file {
    margin-top: 6px;
}

.dpx-cvs-attach-actions {
    position: absolute;
    display: flex;
    top: 13px;
    opacity: 0;
    transition: .1s ease-in;
}

.dpx-body-rtl .dpx-cvs-attach-actions {
    left: 5px;
}

.dpx-body-ltr .dpx-cvs-attach-actions {
    right: 5px;
}

.dpx-backlayer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: .1s ease-in;
}

.dpx-body-rtl .dpx-backlayer {
    background-image: linear-gradient(to right,#fff,#fff 47%,rgba(255,255,255,0));
}

.dpx-body-ltr .dpx-backlayer {
    background-image: linear-gradient(to left,#fff,#fff 47%,rgba(255,255,255,0));
}

.dpx-cvs-attach-item:hover .dpx-cvs-attach-actions {
    opacity: 1;
}

.dpx-cvs-attach-item:hover .dpx-backlayer {
    opacity: 1;
}

.dpx-cvs-attach-actions .dpx-cvs-attach-action {
    width: 28px;
    height: 28px;
    padding: 2px 5px;
    border: 0;
    transition: all 0.7s;
}

.dpx-cvs-attach-actions svg {
    width: 16px;
    height: 16px;
    fill: #5a6670;
    position: relative;
    top: 3px;
}

.select2-container--bootstrap .select2-results__option {
    padding: 6px;
    text-overflow: ellipsis;
    overflow: hidden;
}




.dpx-side-push-menu .levelHolderClass[data-level="1"] {
    margin: 0;
    margin-right: 0;
}



/* PUSH MENU  SIDE MENU*/


.dpx-side-push-menu .multilevelpushmenu_wrapper .levelHolderClass {
    /*background: #056791;*/
    /*background: #1f95c1;*/
    background: none;
}

.dpx-side-push-menu .multilevelpushmenu_wrapper li {
    border: 0;
    background: transparent;
}

.dpx-side-push-menu .multilevelpushmenu_wrapper .backItemClass {
    border: 0;
}

.dpx-side-push-menu .levelHolderClass .floatLeft {
    float: right;
}

.dpx-side-push-menu .levelHolderClass .floatRight {
    float: left;
}

.dpx-side-push-menu .levelHolderClass.rtl .dpx-side-menu-push-icon {
    margin-left: 5px;
}

.dpx-side-push-menu .levelHolderClass.ltr .dpx-side-menu-push-icon {
    margin-right: 5px;
}

.dpx-side-push-menu .levelHolderClass.rtl .backItemClass a i {
    margin-left: 10px;
    position: relative;
    top: -3px;
    left: -3px;
}

.dpx-side-push-menu .levelHolderClass.ltr .backItemClass a i {
    margin-right: 10px;
}

.dpx-side-push-menu .levelHolderClass.ltr .iconSpacing_ltr:before {
    content: "\f105";
}

.dpx-side-push-menu .levelHolderClass.ltr .backItemClass a i:before {
    content: "\f104";
}

.dpx-side-push-menu .multilevelpushmenu_wrapper {
    height: inherit !important;
}

    .dpx-side-push-menu .multilevelpushmenu_wrapper a {
        font-size: 13px;
    }

.dpx-side-push-menu .levelHolderClass span:not(.dpx-menuitem-btn):not(.dpx-menuitem-buttons) {
    padding-top: 5px;
    display: inline-block;
}
/* END PUSHMENU*/

.dpx-side-push-menu li[role='menuactionbox'] a, .desk-menu-item-box li[role='menuactionbox'] a {
    position: relative;
}

.dpx-side-push-menu a:hover {
    text-decoration: none;
}

.category-menu li a {
}

/*.dpx-side-push-menu li[role='menuactionbox'].current-page {
    background-color: #2f9cc5;
}*/

.dpx-side-push-menu li.current-page > a {
    background-color: #00000026;
}

.nav-sm .dpx-side-push-menu > div > ul > li > li.current-page > a {
    background: #f4f4f4;
}

.dpx-side-push-menu .multilevelpushmenu_wrapper .backItemClass {
    background-color: transparent;
    padding: 0;
}

    .dpx-side-push-menu .multilevelpushmenu_wrapper .backItemClass a {
        /*color: #BAB8B8;*/
        /*font-size: 11px;*/
        color: #ffffffc7;
    }

        .dpx-side-push-menu .multilevelpushmenu_wrapper .backItemClass a:hover {
            background-color: #00000005;
        }

.dpx-side-push-menu .multilevelpushmenu_wrapper li a:hover {
    background-color: #00000005;
}

.dpx-push-menu.category-menu-item {
    width: 100% !important;
    min-width: 100% !important;
}

    .dpx-push-menu.category-menu-item .multilevelpushmenu_wrapper {
        width: 100% !important;
        min-width: 100% !important;
    }

.dpx-push-menu .multilevelpushmenu_wrapper li {
    padding: 0;
}

    .dpx-push-menu .multilevelpushmenu_wrapper li a:not(.dpx-menuitem-btn) {
        padding: 15px 10px;
    }

.dpx-push-menu .iconSpacing_rtl .fa {
    margin-top: 3px;
}

.dpx-push-menu .iconSpacing_ltr .fa {
    margin-top: 3px;
}


ul.dropdown-menu.dropdown-new-menu li a {
    padding: 6px 3px;
    /*border-radius: 5px;*/
}


.modal.dpx-modal-slideto .modal-dialog {
    margin: 0;
    height: 100%;
}

.modal.dpx-modal-slideto {
    padding: 0;
    padding-right: 0 !important;
}

    .modal.dpx-modal-slideto.dpx-modal-slidetoleft .modal-dialog {
        float: left;
    }

    .modal.dpx-modal-slideto.dpx-modal-slidetoright .modal-dialog {
        float: right;
    }

    .modal.dpx-modal-slideto .modal-dialog .modal-content {
        height: 100%;
    }

.dpx-menu-filter-item {
    /*position: relative;*/
}

    .dpx-menu-filter-item:after {
        content: "";
        display: inline-block;
        position: absolute;
        top: 50%;
        margin: -2px 3px;
        width: 5px;
        height: 5px;
        background: greenyellow;
        border-radius: 50%;
    }

/*.dpx-menu-filter-item:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    margin: -2px 3px;
    width: 2px;
    height: 3px;


    background: greenyellow;
}*/



.modal.dpx-modal-slideto .modal-body {
    height: calc(100% - 56px);
    overflow: auto;
}






.dpx-tab-radio-container {
    border-bottom: 2px solid #e5e5e5;
}



i.fa.fa-donut-chart {
    position: relative;
}

    i.fa.fa-donut-chart:after {
        content: "";
        width: 7px;
        height: 7px;
        border-radius: 50%;
        position: absolute;
        background: white;
        top: 3px;
        right: 4px;
    }


.dpx-widget-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: .7;
}



.dpx-widget-title h2 {
    font-size: 12px;
    font-weight: 600;
}

.dpx-widget-metric {
    font-size: 50px;
    text-align: center;
    color: #4c4c4c;
}

.dpx-widget-wrapper .highcharts-container svg {
    font-family: inherit !important;
}


/*  Bug -> 14716  */
/*.dpx-widget-toolbox {
    opacity: 0;
    transition: all 500ms;
}

    .grid-stack-item-content.dpx-widget:hover .dpx-widget-toolbox,
    .dpx-widget-toolbox.open-lock, .dpx-widget-toolbox.open {
        opacity: 1;
    }*/


.dpx-widget-toolbox {
    display: none;
    transition: all 500ms;
}

    .grid-stack-item-content.dpx-widget:hover .dpx-widget-toolbox,
    .dpx-widget-toolbox.open-lock, .dpx-widget-toolbox.open {
        display: flex;
    }


.dpx-section-container [role="section-col"] {
    min-height: inherit !important;
}

div[role="columnheader"][data-field="_checkboxcolumn"] div[role="checkbox"] {
    margin: -8px 7px !important;
}

.dpx-main-loader {
    position: absolute;
    /* border: 1px solid #dedede; */
    border-radius: 50%;
    border-top: 2px dashed #3189c8;
    width: 80px;
    height: 80px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    /* background: #409abf; */
    left: 3px;
    top: 3px;
}

.dpx-main-loader-container {
    /* قسمت لودیگ بالای صفحه میومد برای همین از ایمپورتنت استفاده کردم*/
    position: fixed !important;
    left: 50%;
    top: 50%;
    z-index: 5022;
    width: 96px;
    height: 96px;
    /* background: #409abf; */
    border-radius: 50px;
    margin-top: -47px;
    margin-left: -47px;
}

    .dpx-main-loader-container img {
        position: absolute;
        width: 50px;
        top: 18px;
        right: 27px;
        z-index: 1;
        -webkit-animation: danalogo 2s linear infinite;
        animation: danalogo 2s linear infinite;
    }

.dpx-grid-cell-email, .jqx-grid-cell .dpx-number {
    direction: ltr !important;
}


div[role="row"]:hover
.jqx-grid-cell:not(.dpx-grid-nodisplaydata-wrapper):not(.jqx-grid-cleared-cell) {
    /*background-color: red !important;*/
    background-color: #f0f0f0 !important;
}

.jqx-grid-cell.jqx-grid-cell-selected:not(.dpx-grid-nodisplaydata-wrapper):not(.jqx-grid-cleared-cell),
.jqx-grid-cell.jqx-grid-cell-selected-metro:not(.dpx-grid-nodisplaydata-wrapper),
.jqx-grid-cell.jqx-fill-state-pressed:not(.dpx-grid-nodisplaydata-wrapper),
.jqx-grid-cell.jqx-fill-state-pressed-metro:not(.dpx-grid-nodisplaydata-wrapper) {
    background-color: #fbec88 !important;
}
/* Safari */
@-webkit-keyframes danalogo {
    0% {
        -webkit-transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(-15deg);
    }

    100% {
        -webkit-transform: rotate(0edg);
    }
}

@keyframes danalogo {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(-15deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.fb-text-link {
    font-family: inherit;
    font-size: 14px;
    height: 22px;
    /*height: 20px;*/
    margin: 3px 7px;
    position: absolute;
    max-width: calc(100% - 15px);
    text-align: right;
    font-weight: bold !important;
    background-color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    padding: 0 3px;
}

div:not(.fb-editor) > a.fb-text-link {
    margin: 3px 0;
    margin-right: 2px;
}

div.fb-fieldtypecontainer .fb-text-link {
    overflow-x: hidden;
}

.fb-user-menu {
    display: none;
    min-width: 280px;
    font-size: 12px;
    right: 0;
    list-style: none;
    padding: 15px;
    position: absolute;
    text-shadow: none;
    top: 100%;
    /* z-index: 9998; */
    border: 1px solid #D9DEE4;
    border-radius: 0;
    z-index: 1000;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    z-index: 1031;
}

.dpx-user-link.openup .fb-user-menu,
.fb-text-link.openup .fb-user-menu {
    top: initial;
    bottom: 100%;
}

.fb-user-menu .loader {
    position: relative;
    display: inline-block;
}

.dpx-user-link, .dpx-user-link-menu {
    position: relative;
}

    .fb-text-link:hover .fb-user-menu,
    .dpx-user-link:hover .fb-user-menu,
    .dpx-user-link-menu:hover .fb-user-menu {
        display: block;
    }


.select2-container[data-select-for="txtQuickSearch"] {
    z-index: 5002 !important;
}

.select2-container[data-select2="txtQuickSearch"] {
    z-index: 5002 !important;
}

.dpx-divider {
    border-bottom: 1px solid #ddd;
    margin: 10px 0;
}


.dpx-body-rtl .dpx-direction-rtl {
    direction: rtl;
    text-align: right;
}

.dpx-body-rtl .dpx-direction-ltr {
    direction: ltr;
    text-align: left;
}

.fb-user-phone {
    position: absolute;
    right: 100%;
    margin-right: -10px;
    margin-top: -3px;
    padding: 3px 7px;
    border: 0;
}


.fb-user-phone-list:hover ul.dropdown-menu {
    display: block;
}

.fb-user-phone-list ul.dropdown-menu {
    margin: 0;
}

    .fb-user-phone-list ul.dropdown-menu li a {
        text-align: left !important;
        direction: ltr;
        padding: 5px 10px;
    }

        .fb-user-phone-list ul.dropdown-menu li a span {
            margin: 0 10px;
        }


#UserAddNewButton:hover ul.dropdown-new-menu-user {
    display: block;
}

#UserAddNewButton:hover .dropdown-new-menu-user {
    margin: 0;
}

#UserAddNewButton:hover ul.dropdown-new-menu-user:empty {
    display: none !important;
}


/*.select2-dropdown { //Comment for firefox bug
    z-index: 0;
}*/

.dpx-select-modal .select2-dropdown {
    z-index: 5002 !important;
}



.dpx-grid-loading .jqx-grid-header #columntablegrid {
    display: none;
}

.dpx-grid-loading .jqx-grid-header {
    width: 100% !important;
}

.dpx-grid-loading .jqx-grid-empty-cell span {
    display: none;
}

    .dpx-grid-loading .jqx-grid-empty-cell span.dpx-grid-column-loading {
        display: block;
    }

.dpx-grid-column-loading {
    height: 100%;
    display: inline-block;
    padding: 2px;
    display: none;
}

.dpx-grid-loading .dpx-grid-column-loading {
    display: inline-block;
}

.dpx-css-loader span {
    width: 100%;
    height: 100%;
    display: inline-block;
    border: 1px solid #f7f7f7;
    border-radius: 5px;
}

/*.dpx-grid-loading .jqx-widget-content {
    height: 100%;
}*/

.dpx-grid-loading [id^="content"] {
    left: inherit !important;
}

.dpx-grid-loading .jqx-widget-header {
    visibility: visible !important;
}

    .dpx-grid-loading .jqx-widget-header div {
        display: none;
    }

        .dpx-grid-loading .jqx-widget-header div.dpx-grid-column-loading, .dpx-grid-loading .jqx-widget-header.jqx-grid-pager div.dpx-grid-column-loading, .dpx-grid-loading .jqx-widget-header.jqx-grid-pager .dpx-grid-pager-loading {
            display: block;
        }

.dpx-grid-pager-loading {
    height: 90%;
}

    .dpx-grid-pager-loading:after {
        content: "";
        display: inline-block;
        clear: both;
    }

.gradient {
    animation-duration: 30s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8 !important;
    background: linear-gradient(to right, #fafafa 8%, #f4f4f4 38%, #fafafa 54%) !important;
    background-size: 1000px 640px;
    position: relative;
}

.dpx-toolbar.dpx-toolbar-lolading .jqx-toolbar-tool[role="button"],
.dpx-toolbar.dpx-toolbar-lolading div.ribbon-button {
    animation-duration: 10s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8 !important;
    background: linear-gradient(to right, #fafafa 8%, #f4f4f4 38%, #fafafa 54%) !important;
    background-size: 1000px 640px;
    position: relative;
    width: 50px;
    pointer-events: none;
    border-radius: 5px !important;
}

    .dpx-toolbar.dpx-toolbar-lolading .jqx-toolbar-tool[role="button"] *,
    .dpx-toolbar.dpx-toolbar-lolading div.ribbon-button * {
        display: none;
    }

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

.dpx-grid-loading .jqx-widget-content .dpx-grid-column-loading {
    position: absolute;
    height: 25px;
    left: 50%;
    top: 50%;
    margin-top: -25px;
    width: 150px;
    margin-left: -75px;
    z-index: 1;
}



.dpx-panel.dpx-toolbar .dpx-gridfilter-view {
    width: auto;
    min-width: 200px;
    max-width: 500px;
    display: flex;
    align-items: center;
}

@media (max-width:500px) {
    .dpx-panel.dpx-toolbar .dpx-gridfilter-view {
        width: 80vw;
        min-width: 200px;
        max-width: 500px;
        display: flex;
        align-items: center;
    }
}

.dpx-gridfilter-view a {
    width: 100%;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.dpx-gridfilter-view-loading {
    width: 100%;
    display: inline-block;
    height: 22px;
}


.dpx-gridfilter-loading a {
    display: none;
}

.dpx-gridfilter-search-loading {
    /*padding :5px;*/
}

.dpx-async-loadItem {
}

.rateHolder {
}

.dpx-kb-path {
    display: none;
}

.dpx-gridfilter-search-loading .input-group,
.dpx-gridfilter-search-loading .input,
.dpx-gridfilter-view-states-loading label input,
.dpx-gridfilter-view-states-loading label i,
.dpx-gridfilter-view-states-loading label img,
.dpx-gridfilter-view-states-loading label input ~ span,
.dpx-gridfilter-search-loading label,
.dpx-gridfilter-search-loading .rateHolder .dpx-async-loadItem a,
.dpx-async-loadItem .bootstrap-select,
.dpx-async-loadItem input,
.dpx-async-loadItem label,
.dpx-async-loadItem textarea,
.dpx-async-loadItem #kbList,
.dpx-async-loadItem .loderHolder,
.dpx-async-loadItem h5,
.dpx-async-loadItem h4,
.dpx-async-loadItem button,
.dpx-async-loadItem .info-title,
.dpx-async-loadItem .rateHolder,
.dpx-async-loadItem .dpx-link,
.dpx-async-loadItem .input-group-addon,
.dpx-async-loadItem .dpx-kb-path,
.dpx-async-loadItem [class^="select2"],
.dpx-async-loadItem img,
.dpx-async-loadItem a,
.dpx-async-loadItem select,
.dpx-async-loadItem table,
.dpx-async-loadItem .specificItem,
.dpx-async-loadItem i,
.dpx-async-loadItem p,
.dpx-async-loadItem .search-form,
.dpx-async-loadItem .dpx-tree-control {
    display: none !important;
}


.dpx-async-custompage .bootstrap-select,
.dpx-async-custompage input,
.dpx-async-custompage label,
.dpx-async-custompage textarea,
.dpx-async-custompage #kbList,
.dpx-async-custompage .loderHolder,
.dpx-async-custompage h5,
.dpx-async-custompage button,
.dpx-async-custompage .info-title,
.dpx-async-custompage .rateHolder,
.dpx-async-custompage .dpx-link,
.dpx-async-custompage .input-group-addon,
.dpx-async-custompage .dpx-kb-path,
.dpx-async-custompage [class^="select2"],
.dpx-async-custompage img,
.dpx-async-custompage a,
.dpx-async-custompage select {
    display: none !important;
}

.dpx-gridfilter-view-states-loading label {
    padding: 0px 10px;
}

.dpx-gridfilter-filter.dpx-gridfilter-loading {
    /*padding: 5px;*/
}

.dpx-gridfilter-view.dpx-gridfilter-loading {
    padding: 0;
}

.dpx-fb-label-loading {
    display: inline-block;
    width: 100%;
    height: 25px;
}


.dpx-fb-loading .dpx-section-container, .dpx-fb-loading .fb-section-container, .dpx-fb-loading .fb-c {
    display: none;
}

    .dpx-fb-loading .dpx-section-container.dpx-fb-section-loading, .dpx-fb-loading .fb-c.fb-c-loading {
        display: block;
    }

.dpx-fb-loading .dpx-sectionlabelfield {
    min-width: 200px;
}

.dpx-field-container .dpx-fb-label-loading {
    margin-bottom: 9px;
}

.dpx-form-label-editor .dpx-fb-label-loading {
    height: 14px;
}

.dpx-Show-DanaLabel {
    padding: 7px 3px 7px 7px;
}

.DanaLabelLink {
    padding: 0px 13px 30px 0px;
}


.dpx-duallist-loading {
    width: 100%;
    display: inline-block;
    height: 22px;
}

.dpx-duallist-select-loading {
    width: 100%;
    height: 20px;
}

.dpx-duallist-loader label,
.dpx-duallist-loader input,
.dpx-duallist-loader button {
    display: none !important;
}

.dpx-duallist-loader select {
    height: 202px !important;
    overflow: hidden;
}

.gradient.slow {
    animation-duration: 20s;
}



.btn .loader {
    position: relative;
    border: 2px solid #2d6ca1;
    border-top: 2px solid #fff;
    width: 20px;
    height: 20px;
    display: inline-block;
    top: 2px;
}

.btn .loader {
    display: none;
}

.btn.btn-loader {
    padding: 2px 12px;
    pointer-events: none;
}

    .btn.btn-loader span {
        display: none;
    }

    .btn.btn-loader .loader {
        display: inline-block;
    }




.bootstrap-duallistbox-container + select {
    display: none;
}


.dpx-site-set {
    position: fixed;
    top: 50%;
    background: #1f95c1;
    padding: 8px;
    z-index: 1;
    border-radius: 0 10px 10px 0;
    box-shadow: 2px 3px 3px #dcdcdc;
    color: #fff;
    width: 100px;
    left: -75px;
    transition: all 500ms;
    overflow: hidden;
    white-space: nowrap;
}

    .dpx-site-set:hover {
        left: 0;
        color: #fff;
    }

    .dpx-site-set span {
        margin: 0px 10px;
    }

    .dpx-site-set i {
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
        font-size: 13px;
        transition: all 500ms;
    }

.crm_UnRead {
    font-weight: bold !important;
}


.fb-section-container[data-labelpos="2"] .fb-field-container .fb-fieldlabelcontainer,
.fb-section-container[data-labelpos="2"] .fb-field-container .fb-fieldlabelcontainer .labelfield {
    padding: 0 !important;
}

.dpx-section-container .dpx-field-container .fb-fieldlabelcontainer {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
}

.dpx-btn-disabled {
    pointer-events: none;
}

/*.dpx-cvs-container {
    padding: 0 35px;
}*/

.dpx-cvs-msg-img img {
    margin-top: 5px;
}

.dpx-simple-loading-container {
    text-align: center;
    width: 100%;
    height: 100%;
    background: #fff;
    display: block;
    position: absolute;
    z-index: 5;
    opacity: 0.8;
    top: 0px;
    left: 0;
}


.dpx-simple-loading {
    top: 46%;
    right: 40%;
}

.dpx-f-value .input-group {
    z-index: 1;
    position: static !important
}

.fb-user-menu *:not(.dpx-link) {
    text-decoration: none;
    color: black;
    font-weight: normal;
}

.fr-popup.fr-desktop {
    z-index: 5003 !important;
}

a[href="/Dana/Shared/Pages/Entity/AttributeIndex.aspx"],
a[href="/Dana/Shared/Pages/Entity/FieldsDependency.aspx"],
a[href="/Dana/Shared/Pages/Entity/FieldsPermission.aspx"],
a[href="/Dana/Shared/Pages/Entity/EntityRelationIndex.aspx"],
a[href="/Dana/Shared/Pages/TemplateAttribute/TemplateAttributeIndex.aspx"],
a[href="/Dana/Shared/Pages/View/ViewIndex.aspx"],
a[href="/Dana/Shared/Pages/TemplatePrint/TemplatePrintIndex.aspx"],
a[href="/Dana/Shared/Pages/Entity/EntityAccessLevel.aspx"] {
    pointer-events: none;
    display: none;
}


.dpx-cvs-goto-replay {
    left: 35px;
    top: 10px;
    opacity: 0;
    transition: opacity 0.2s;
}

ul.dpx-gridfilter-view-box {
    list-style-type: none;
    padding: 0;
    margin: 0;
}


dropdown-menu > li > a {
    color: #5A738E;
    text-align: right !important;
    font-size: 12px !important;
    font-weight: normal !important;
    font-family: 'IranSansWeb';
}


div[role="gridcell"][editable="true"]:not(.jqx-grid-cleared-cell):hover {
    border: 1px dashed #000 !important;
    z-index: 800 !important;
}

.dpx-cvs.fb-cvs-disabled {
    position: relative;
    pointer-events: none;
}

    .dpx-cvs.fb-cvs-disabled:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        background-color: #00000026;
    }


.dpx-cvs-custom-disabled-item.fb-cvs-disabled {
    position: relative;
    pointer-events: none;
}

    .dpx-cvs-custom-disabled-item.fb-cvs-disabled:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        background-color: #00000026;
    }


.dpx-word-wrap {
    white-space: initial;
}


.table .table {
    background-color: initial !important;
}

.dpx-goto-up {
    padding: 4px 11px 0px 0;
    position: fixed;
    bottom: 15px;
    left: 20px;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 1px 2px 10px 0 #000000a6;
}

.dpx-cvs-public-container {
    padding: 0 5px;
}

    .dpx-cvs-public-container label {
        padding-right: 20px !important;
    }


.dpx-cvs-lock {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background-color: #e0e0e0;
}

    .dpx-cvs-lock:before {
        position: relative;
        left: -3px;
        top: 1px;
    }

.dpx-cvs-private,
.dpx-cvs-private .fr-wrapper,
.dpx-cvs-msg-item[data-private="true"] {
    background-color: #fffbdf !important;
}

.dpx-phone-link-popover {
    padding: 5px;
    width: 300px;
    height: 235px;
}

    .dpx-phone-link-popover .popover-content,
    .dpx-phone-link-popover .dpx-phone-popover-content {
        width: 100%;
        height: 100%;
    }

        .dpx-phone-link-popover .dpx-phone-popover-content .loader {
            top: 50%;
            left: 50%;
            margin-left: -20px;
            margin-top: -20px;
        }

.dpx-user-link-popover {
    padding: 5px;
    width: 300px;
    height: 250px;
}

    .dpx-user-link-popover .popover-content,
    .dpx-user-link-popover .dpx-user-popover-content {
        width: 100%;
        height: 100%;
    }

        .dpx-user-link-popover .dpx-user-popover-content .loader {
            top: 50%;
            left: 50%;
            margin-left: -20px;
            margin-top: -20px;
        }

.atwho-view {
    min-width: 250px !important;
}

.fb-sett-dropdown li.fb-sett-dropdown-item a[selected="selected"] {
    background-color: #337ab7 !important;
    color: white;
}

.dpx-cvs-public-button {
    width: 50px;
    text-align: center;
    padding: 5px;
}

.dpx-cvs-at i {
    font-size: 18px;
    color: #647079;
}

.dpx-grid-view {
    border: 0px !important;
    /*margin: 18px;*/
}

.dpx-grid-filter {
    /*border: 0px;
    margin-bottom: 0px;
    padding: 5px 17px;*/
}

.jqx-kanban-column-container {
    border-color: #fff !important;
}

/*.jqx-grid-metro {
    border: none !important;
}*/

.jqx-grid-header-metro {
    border: none !important;
}

.dpx-grid-column-hover {
    background-color: #e5e5e5 !important;
}

select[id*="bootstrap-duallistbox-nonselected-list"] .dpx-dual-col-width {
    display: none;
}


.modal iframe.wff-bs-frame {
    height: 100%;
}

a.dpx-kanban-First:hover,
a.dpx-kanban-First:focus {
    text-decoration: none !important;
}



.select2-results__option--highlighted .dpx-ticket-satifacationrate {
    background-color: transparent !important;
}

.select2-results__option strong.select2-results__group {
    background-color: #e6e6e6;
}

.dpx-ticket-satifacationrate {
    font-size: 35px;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin-top: 22px;
    margin-left: 2px;
}

    .dpx-ticket-satifacationrate:before {
        position: relative;
        top: -3px;
    }

    .dpx-ticket-satifacationrate.verybad {
        color: #fe1d25;
        background-color: #fff;
    }

    .dpx-ticket-satifacationrate.bad {
        color: #ff8d23;
        background-color: #fff;
    }

    .dpx-ticket-satifacationrate.nothing {
        color: #ffca02;
        background-color: #fff;
    }

    .dpx-ticket-satifacationrate.good {
        color: #7fe611;
        background-color: #fff;
    }

    .dpx-ticket-satifacationrate.verygood {
        color: #01d300;
        background-color: #fff;
    }

.jqx-kanban-column-vertical-container .jqx-kanban-column-header-status {
    width: 150px !important;
}

.jqx-kanban-column-header-collapsed-show {
    display: block !important;
    height: 100%;
    box-sizing: border-box;
    width: inherit !important;
    position: relative;
    cursor: pointer;
}

.jqx-kanban-column-header-status-dpx-numeric {
    padding: 10px !important;
    /*left: unset !important;*/
    position: relative !important;
    top: -9px !important;
    width: 100px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: normal;
    text-align: right !important;
}


.select2-selection__rendered .dpx-ticket-satifacationrate {
    position: relative;
    top: 2px;
    left: 0;
    font-size: 22px;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    margin-top: 0;
    margin-left: 0;
}

.select2-selection__rendered span:not(.select2-selection__placeholder) {
    position: relative;
    /*top: -5px;*/
    /*right: 5px;*/
}


.dpx-dd-item-container .dpx-ticket-satifacationrate {
    position: relative;
    float: right;
    margin-top: 0;
    margin-left: 0;
}

    .dpx-dd-item-container .dpx-ticket-satifacationrate + span {
        float: right;
        padding: 0 10px;
    }

.templateAttributeMenu .fa-angle-double-down {
    position: absolute;
    left: 0;
}

.dpx-snooz {
    border-bottom: 1px solid #eee !important;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    padding-bottom: 8px !important;
}

.dpx-menu-newItem {
    color: #128bbe !important;
    padding-top: 5px !important;
}

    .dpx-menu-newItem:hover {
        color: #fff !important;
    }

/*//-----------------------------*/
.circle-stack {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.fa-circle-thin,
.points-indicator {
    position: absolute;
    top: 0;
    left: 0;
}

.fa-circle {
    font-size: 16px;
    color: #c0cff6;
}

.gray {
    color: #80808078 !important;
}

.points-indicator {
    color: #fff;
    font-weight: bold;
    font-size: 12px !important;
    line-height: 16px !important;
    display: inline-block;
    width: 100%;
    text-align: center;
    top: 1px;
}

/*-------------------*/

/*.jqx-grid-cell[role="gridcell"] div < a{
    margin-top:5px;
}*/

.dpx-surveyticket-container {
    position: absolute;
    top: -10px;
    left: 20px;
    width: 30px;
    height: 50px;
    background-color: #e8e8e8;
    border-radius: 0 0 10px 10px;
    text-align: center;
}

    .dpx-surveyticket-container:after,
    .dpx-surveyticket-container:before {
        content: "";
        width: 10px;
        height: 10px;
        position: absolute;
        background-color: #d0d0d0;
    }

    .dpx-surveyticket-container:before {
        right: -10px;
        border-radius: 0 100% 0 0;
    }

    .dpx-surveyticket-container:after {
        left: -10px;
        border-radius: 100% 0 0 0;
    }

div[role=gridcell] .dpx-ticket-satifacationrate {
    font-size: 22px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    margin-left: 0;
    top: 3px;
    position: relative;
}


.jqx-grid[role="grid"] .jqx-scrollbar-thumb-state-normal,
.jqx-grid[role="grid"] .jqx-scrollbar-thumb-state-normal-horizontal {
    border-radius: 50px !important;
}


.jqx-grid[role="grid"]:not(.dpx-grid-loading) .jqx-scrollbar,
.jqx-grid[role="grid"]:not(.dpx-grid-loading) .jqx-grid-bottomright {
    opacity: 0;
    transition: opacity 500ms;
}

.jqx-grid[role="grid"]:not(.dpx-grid-loading):hover .jqx-scrollbar,
.jqx-grid[role="grid"]:not(.dpx-grid-loading):hover .jqx-grid-bottomright {
    opacity: 1 !important;
}

.jqx-grid[role="grid"] .jqx-scrollbar-state-normal-metro {
    background-color: #fff;
}

.jqx-grid[role="grid"] .jqx-grid-bottomright-metro {
    display: none;
}

.jqx-grid[role="grid"] .jqx-scrollbar-button-state-normal {
    background-color: white;
    border-color: white;
}

progress {
    display: inline-block;
    vertical-align: baseline;
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px !important;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}


.disconected-layout .progress {
    position: relative;
    height: 2px;
    display: block;
    width: 100%;
    background-color: #268bb1;
    border-radius: 2px;
    margin: 1rem 0 1rem 0;
    overflow: hidden;
}




.progress .determinate {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #484545;
    -webkit-transition: width .3s linear;
    transition: width .3s linear;
}

.progress .indeterminate {
    background-color: #484545;
}

    .progress .indeterminate:before {
        content: '';
        position: absolute;
        background-color: inherit;
        top: 0;
        left: 0;
        bottom: 0;
        will-change: left, right;
        -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
        animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
    }

    .progress .indeterminate:after {
        content: '';
        position: absolute;
        background-color: inherit;
        top: 0;
        left: 0;
        bottom: 0;
        will-change: left, right;
        -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
        animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
        -webkit-animation-delay: 1.15s;
        animation-delay: 1.15s;
    }

@-webkit-keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%;
    }

    60% {
        left: 100%;
        right: -90%;
    }

    100% {
        left: 100%;
        right: -90%;
    }
}

@keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%;
    }

    60% {
        left: 100%;
        right: -90%;
    }

    100% {
        left: 100%;
        right: -90%;
    }
}

@-webkit-keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%;
    }

    60% {
        left: 107%;
        right: -8%;
    }

    100% {
        left: 107%;
        right: -8%;
    }
}

@keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%;
    }

    60% {
        left: 107%;
        right: -8%;
    }

    100% {
        left: 107%;
        right: -8%;
    }
}




.dpx-cvs-public-popver {
    z-index: 10004;
}


.dpx-ralatedlist-grid-loading {
    width: 100%;
    display: inline-block;
    height: 26px;
}

    .dpx-ralatedlist-grid-loading span.gradient {
        width: 100%;
        display: inline-block;
        height: 100%;
        border-radius: 5px;
    }

.dpx-grid-table-loading {
    border-collapse: collapse;
    padding: 0;
    margin: 0;
}

.dpx-ralatedlist-loading table td {
    padding: 2px !important;
}

.dpx-ralatedlist-loading table > tbody > tr > td {
    border-top: 0 !important;
}

.dpx-ralatedlist-loading div[role=grid],
.dpx-ralatedlist-loading .data-grid-nodata {
    display: none !important;
}

#KBSEARCH_RESULT .kb-search-loading-item {
    display: none;
}

#KBSEARCH_RESULT.dpx-kb-search-loading .kb-search-loading-item {
    display: block;
}

#KBSEARCH_RESULT.dpx-kb-search-loading .kb-search-item {
    display: none;
}

.kb-search-item:first-child {
    margin: 0 0px 20px;
}

.kb-search-item {
    margin: 20px 0px 20px;
}

    .kb-search-item:not(:last-child) {
        border-bottom: 1px solid #d8d8d8;
    }

.dpx-site-theme {
    width: 100%;
    position: absolute;
    left: 0;
    top: -477%;
    z-index: 1;
    padding: 3px 0px;
    background: #000000a6;
    border-top: 1px solid #0000000a;
    border-bottom: 1px solid #0000000a;
    display: none;
}

    .dpx-site-theme:after {
        content: "";
        /*display: inline-block;*/
        clear: both;
    }

.layout-img p {
    padding: 0;
    display: inline-block;
    float: right;
    margin: 0;
    width: 32.85px;
    text-align: center;
    position: relative;
}

    .layout-img p span {
        width: 30px;
    }

    .layout-img p:hover {
        cursor: pointer;
    }

        .layout-img p:hover span {
            border: 1px solid #00000054;
        }

    .layout-img p span {
        display: block;
        background-image: url('../site/images/theme.jpg');
        width: 30px;
        height: 30px;
    }

.dpx-portal-theme {
    width: 260px;
    position: absolute;
    left: -110px;
    top: -477%;
    z-index: 1;
    padding: 3px 0px;
    background: #000000a6;
    border-top: 1px solid #0000000a;
    border-bottom: 1px solid #0000000a;
}

    .dpx-portal-theme:after {
        content: "";
        /*display: inline-block;*/
        clear: both;
    }

    .dpx-portal-theme p {
        padding: 0;
        display: inline-block;
        float: right;
        margin: 0;
        width: 32.85px;
        text-align: center;
        position: relative;
    }

        .dpx-portal-theme p span {
            width: 30px;
        }

        .dpx-portal-theme p:hover {
            cursor: pointer;
        }

            .dpx-portal-theme p:hover span {
                border: 1px solid #00000054;
            }

        .dpx-portal-theme p span {
            display: block;
            background-image: url('../site/images/theme.jpg');
            width: 30px;
            height: 30px;
        }

.layout-img p span {
    display: block;
    background-image: url('../site/images/bg-sp2.png');
    width: 30px;
    height: 30px;
}

.layout-img p:after {
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    left: 3px;
    color: #737070;
    bottom: 3px;
    font-size: 10px;
    opacity: 0;
    transition: all 500ms;
}

.layout-img p.selected:after {
    opacity: 1;
}

#toggle-theme:hover .dpx-site-theme {
    display: block;
}

.dpx-portal-theme p:after {
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    left: 3px;
    color: #737070;
    bottom: 3px;
    font-size: 10px;
    opacity: 0;
    transition: all 500ms;
}

.dpx-portal-theme p.selected:after {
    opacity: 1;
}



.jqx-toolbar-minimized-popup {
    z-index: 1001 !important;
}

@media (max-width:900px) {
    .dpx-fb-form .dpx-panel, .dpx-fb-form, .dpx-fb-form div[class*="col-md-"], .dpx-fb-form .dpx-cvs-container {
        padding: 0px;
    }
}

.jqx-toolbar-minimized-popup {
    z-index: 1001 !important;
}



@media (max-width:900px) {
    .dpx-fb-form .dpx-panel, .dpx-fb-form, .dpx-fb-form div[class*="col-md-"], .dpx-fb-form .dpx-cvs-container {
        padding: 0px;
    }
}

@media (max-width:500px) {
    .dpx-quickinstallpage {
        display: none !important;
    }

    #ellips-menu-dropdown, .dpx-top-qsearch {
        width: 100%;
        max-width: 100%;
    }

    #dpx-pt-searchbox #searchHeader {
        padding: 5px !important;
    }

    #ellips-menu-dropdown:before {
        content: "";
        position: absolute;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        border-top: 10px solid transparent;
        border-bottom: 10px solid #fff;
        top: -18px;
        left: 18px;
        margin-left: -5px;
        z-index: 0;
    }

    #ellips-menu-dropdown:after {
        content: "";
        position: absolute;
        border-right: 9px solid transparent;
        border-left: 9px solid transparent;
        border-bottom: 9px solid #dedede;
        top: -10px;
        left: 19px;
        margin-left: -5px;
        z-index: -2;
    }

    /*#rightNavigationMenuThumbnail {
        display: none;
    }*/

    .dpx-gridfilter-view.pull-left {
        float: none !important;
    }

    .jqx-grid[role="grid"]:not(.dpx-grid-loading) .jqx-scrollbar,
    .jqx-grid[role="grid"]:not(.dpx-grid-loading) .jqx-grid-bottomright {
        opacity: 0.3 !important;
    }

    .jqx-grid[role="grid"] .jqx-scrollbar .jqx-scrollbar-thumb-state-normal-horizontal {
        margin: 10px 0;
        top: -8px !important;
        z-index: 1000;
    }

    .dpx-mobile-mode .jqx-grid[role="grid"] .jqx-scrollbar .jqx-scrollbar-thumb-state-normal-horizontal {
        margin: 5px -20px;
        padding: 0 10px;
    }

    .dpx-gridfilter-filter {
        display: none;
    }

    .dpx-form-splitter:after {
        display: none;
    }

    .dpx-cvs-goto-replay {
        left: 5px;
    }

    .dpx-cvs-popover {
        width: 300px;
    }

    .dpx-body-rtl .dpx-cvs-popover.top > .arrow {
        right: 80px;
    }

    .dpx-user-popover-content .col-md-1,
    .dpx-user-popover-content .col-md-2,
    .dpx-user-popover-content .col-md-3,
    .dpx-user-popover-content .col-md-4,
    .dpx-user-popover-content .col-md-5,
    .dpx-user-popover-content .col-md-6,
    .dpx-user-popover-content .col-md-7,
    .dpx-user-popover-content .col-md-8,
    .dpx-user-popover-content .col-md-9,
    .dpx-user-popover-content .col-md-10,
    .dpx-user-popover-content .col-md-11,
    .dpx-user-popover-content .col-md-12 {
        float: right;
    }

    .dpx-user-popover-content .col-md-12 {
        width: 100%;
    }

    .dpx-user-popover-content .col-md-11 {
        width: 91.66666667%;
    }

    .dpx-user-popover-content .col-md-10 {
        width: 83.33333333%;
    }

    .dpx-user-popover-content .col-md-9 {
        width: 75%;
    }

    .dpx-user-popover-content .col-md-8 {
        width: 66.66666667%;
    }

    .dpx-user-popover-content .col-md-7 {
        width: 58.33333333%;
    }

    .dpx-user-popover-content .col-md-6 {
        width: 50%;
    }

    .dpx-user-popover-content .col-md-5 {
        width: 41.66666667%;
    }

    .dpx-user-popover-content .col-md-4 {
        width: 33.33333333%;
    }

    .dpx-user-popover-content .col-md-3 {
        width: 25%;
    }

    .dpx-user-popover-content .col-md-2 {
        width: 16.66666667%;
    }

    .dpx-user-popover-content .col-md-1 {
        width: 8.33333333%;
    }

    .dpx-sectionlabelfield {
        /*width: 35% !important;*/
        white-space: inherit !important;
        text-indent: 15px;
    }

    #TicketBody .margin-ctrl .col-md-6 {
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-top: 5px;
    }
}

#AddNewButton {
    position: relative;
    /*width: var(--menu-sm-width);*/
    height: var(--menu-sm-height);
    float: left;
    justify-content: center;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 20px;
    line-height: 32px;
    cursor: pointer;
    text-decoration: none;
}

    #AddNewButton .dropdown-new-menu {
        margin-top: 3px !important;
        left: inherit;
        right: 0;
    }



/*#AddNewButton:hover .dropdown-new-menu {
            display: block;
        }*/

.dropdown-new-menu-user:before {
    content: "";
    position: absolute;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid transparent;
    border-bottom: 10px solid #fff;
    top: -18px;
    right: 112px;
    margin-left: -5px;
    z-index: -1;
}

.dropdown-new-menu-user:after {
    content: "";
    position: absolute;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
    border-bottom: 9px solid #dedede;
    top: -10px;
    right: 115px;
    margin-left: -5px;
    z-index: -2;
}

body.dpx-mobile-mode.nav-md {
    overflow: hidden;
}

.dpx-timepicker, .ui-timepicker.ui-widget {
    font-family: "IranSansWebFa" !important;
}


.fr-quick-insert,
.fr-qi-helper {
    left: 10px !important;
    display: none !important;
}

.fr-quick-insert {
    z-index: inherit !important;
    display: none !important;
}

.profile_pic .img-circle.profile_img {
    border: none;
    /*padding:0;*/
}






.dpx-notify-menu {
    width: 360px;
    position: fixed;
    top: 58px;
    bottom: 0;
    background: #e8e8e8;
    border-right: 1px solid #e6e9ed;
    left: -367px;
    z-index: 1010;
    transition: left 500ms;
}

    .dpx-notify-menu.open {
        left: 0;
    }

.dpx-notify-menu-toggle {
    position: absolute;
    top: 45px;
    width: 15px;
    height: 50px;
    left: 100%;
    background: #e8e8e8;
    border-radius: 0px 5px 5px 0;
    box-shadow: 2px 0px 3px #00000017;
    display: none;
}

.dpx-notify-menu.open.open .dpx-notify-menu-toggle {
    display: block;
}

.dpx-notify-menu-toggle i {
    font-size: 20px;
    position: relative;
    top: 15px;
    left: -5px;
}

.dpx-notify-menu-card-container {
    overflow: auto;
    height: 100%;
}

.dpx-notify-menu-card {
    max-width: 400px !important;
    background: white;
    margin-bottom: 20px;
    box-shadow: 0px 0px 10px 0px #b0b0b0;
    cursor: pointer;
    position: relative;
}

.motivation {
    width: 400px !important;
    /*background-image: url(../../../Resources/Shared/Images/motivate.jpg);*/
}


.dpx-notify-menu-card.blueStyle {
    background-color: rgba(82, 131, 160, 0.94);
    color: #fff;
    margin-bottom: 20px;
    box-shadow: 0px 0px 10px 0px #616161;
    cursor: pointer;
    position: relative;
}



.notifyjs-notification-base {
}

.dpx-notify-menu-card-header {
    /*padding: 5px;*/
    padding: 0px !important;
    margin-right: 8px;
    cursor: auto !important;
}

.dpx-notify-menu-card-content {
    padding: 5px 10px;
    max-height: 400px;
    overflow-y: auto;
    text-align: justify;
}


.card-with-icon .dpx-notify-menu-card-content {
    float: right;
    display: inline-block;
    width: 75%;
}

.card-with-icon .dpx-notify-menu-card-header {
    float: right;
    display: inline-block;
    width: 75%;
}

.card-with-icon .dpx-notify-menu-card {
    background: #fafafa;
    margin-bottom: 20px;
    /* box-shadow: 0px 0px 10px 0px #b0b0b0; */
    cursor: pointer;
    position: relative;
}

.card-with-icon .dpx-notify-menu-card-content {
    padding: 5px;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    /* float: right; */
    display: inline-block;
    /* flex-wrap: wrap; */
    width: 75%;
    color: #736f6f;
    font-size: 0.98em;
    line-height: 1.9em;
}

.card-with-icon .dpx-notify-menu-card-icon {
    width: 45px;
    height: 45px !important;
    float: right;
    margin: 1em;
    background-color: #47ad2e;
    border: 1px solid #b1b1b1;
    border-radius: 50%;
    text-align: center;
}

    .card-with-icon .dpx-notify-menu-card-icon.notification {
        background-color: #47ad2e;
    }

    .card-with-icon .dpx-notify-menu-card-icon.reminder {
        background-color: #ffa41a;
    }

    .card-with-icon .dpx-notify-menu-card-icon > span {
        font-sizE: 1.5em;
        line-height: 2em;
        color: #fafafa;
    }


.card-with-icon .dpx-notify-menu-card-header {
    padding: unset;
    /* padding-top: 5px !important;*/
}

.card-with-icon .dpx-link-menu-card-title {
    font-size: .85em;
    color: #000000 !important;
    font-weight: bolder;
}


.dpx-notify-menu-card-content-text > small {
    display: block;
    color: rgba(14, 14, 14, 0.9);
    padding-top: 1em;
}

.dpx-notify-menu-card-content.blueStyle a.main_linkcls {
    color: #e2dddd !important;
}


.dpx-notify-menu-card-footer {
    padding: 5px;
    background: #f8f9fa;
    border-top: 1px solid #f1f1f1;
    cursor: auto !important;
}






    .dpx-notify-menu-card-footer.blueStyle {
        padding: 5px;
        /* background: #f8f9fa; */
        background-color: rgb(62, 99, 121);
        color: #eae8e8;
        border-top: 1px solid #426c86;
    }

.dpx-notify-menu-card-footer-icon {
    float: left;
    padding: 5px;
}

.dpx-notify-menu-card-img {
    width: 30px;
    float: right;
}

#notification .dpx-notify-menu-card-img {
    margin-top: 11px;
}

.dpx-notify-menu-card-title {
    padding: 5px;
    float: right;
}

@media (max-width:500px) {
    .dpx-notify-menu-card-title.dpx-link-menu-card-title {
        margin-right: 40px;
    }
}

.dpx-link-menu-card-title {
    font-family: 'IranSansWebFa' !important;
    text-decoration: none !important;
    color: #0e89be;
    /*color: rgba(14, 179, 208, 0.94);*/
    cursor: pointer;
    margin-top: 15px !important;
    width: auto;
    /*position: absolute;*/
}


    .dpx-link-menu-card-title.blueStyle {
        color: rgba(215, 221, 222, 0.94);
        font-weight: bold;
    }


.dpx-notify-menu-card-date {
    padding: 5px;
    display: inline-block;
    direction: ltr;
    margin-right: 5px;
}




.dpx-btn.dpx-btn-sm {
    min-width: 55px;
    padding: 3px 0;
}

.dpx-gridfilter .dpx-loader {
    z-index: 2;
}

.dpx-notify-menu-card.isseen {
    background: #f8f9fa;
    color: #797979;
}

.dpx-notify-menu-card-container.mCustomScrollbar .mCSB_container {
    margin-left: 0 !important;
    padding: 10px;
}

.dpx-notify-menu-card-container.mCustomScrollbar .mCSB_draggerRail {
    display: none;
}

.dpx-notify-menu-card-container.mCustomScrollbar .mCSB_scrollTools {
    width: 7px;
}

.dpx-notify-menu-card-loading {
    display: none;
}

.dpx-notify-menu.dpx-notify-menu-loading .dpx-notify-menu-card.dpx-notify-menu-card-loading {
    display: block;
}

.dpx-notify-menu.dpx-notify-menu-loading .dpx-notify-menu-card:not(.dpx-notify-menu-card-loading) {
    display: none;
}

.dpx-notify-menu[data-showall ="false"] .dpx-notify-menu-card:not(.dpx-notify-menu-card-loading).isseen {
    display: none;
}

.dpx-notify-menu-card-ellips {
    font-size: 14px;
    font-weight: bold;
}

.dpx-widget-toolbox-holder {
    left: 10px;
}


    .dpx-widget-toolbox-holder:hover {
        background-color: #ddd;
    }


input.dpx-switch {
    display: none;
}

    input.dpx-switch ~ label {
        position: relative;
        width: 30px;
        height: 12px;
        display: inline-block;
        background: #d9dee4;
        border-radius: 25px;
        cursor: pointer;
        margin: 0;
        transition: all 500ms;
    }

        input.dpx-switch ~ label:after {
            content: "";
        }

        input.dpx-switch ~ label:before {
            content: "";
            position: absolute;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background: white;
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
            top: -2px;
            left: 0;
            transition: all 100ms;
        }

    input.dpx-switch:checked ~ label {
        background: #9dd4f0;
    }

    input.dpx-switch ~ label i {
        position: absolute;
        font-size: 10px;
        left: 3px;
        transition: all 100ms;
        color: #d9dee4;
    }

    input.dpx-switch:checked ~ label:after {
        content: "";
    }

    input.dpx-switch:checked ~ label:before {
        left: 100%;
        margin-left: -16px;
        background: #5ab8e9;
        box-shadow: 0 1px 3px 0 #2d667b;
    }


    input.dpx-switch:checked ~ label i {
        left: 100%;
        margin-left: -13px;
        color: white;
    }

.dpx-notify-menu-header {
    padding: 10px;
    text-align: left;
    background: white;
    border-bottom: 1px solid #dedede;
    display: block;
    min-height: 35px;
    margin-bottom: 10px;
}


    .dpx-notify-menu-header.hidden {
        display: none;
    }

.dpx-notify-menu .tooltip {
    width: auto;
}

.dpx-notify-menu .tooltip-inner {
    color: #fff;
    background-color: rgb(42, 63, 84);
    border: 1px solid rgb(42, 63, 84);
    white-space: nowrap;
}

.dpx-notify-menu .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #2a3f54;
}

.dpx-panel-BasicPerformance {
    width: 158px !important;
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.dpx-panel-growth {
    text-align: left !important;
    margin-left: 36px !important;
}

.dpx-panel-growth-overflow {
    /*margin-top: -11px !important;*/
    width: 195px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: left !important;
    margin-left: 36px !important;
}

.dpx-panel-growth-overflow-smallItem {
    margin-top: -11px !important;
    width: 60px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: left !important;
    font-size: 19px;
    color: black;
    right: -10px;
    float: right;
    display: inline-block;
    display: inline-block;
    position: absolute;
}

.highcharts-tooltip > span {
    direction: ltr !important;
}


.dpx-notify-menu-card.selected:after {
    content: "\f14a";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    bottom: 10px;
    left: 10px;
}


.dpx-notify-menu-card.notselected:after {
    content: "\f0c8";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    bottom: 10px;
    left: 10px;
}



.dpx-notify-menu-card.selected {
    border: 2px solid #b8b8b8;
}


.dpx-toolbar.dpx-fix-top {
    z-index: 901;
    border-radius: 0;
}



.left_col {
    height: 100%;
    transition: width 500ms;
}

.dpx-acl-list-item .dpx-acl-list-item-user > img {
    width: 25px;
}


.dpx-gridfilter-view-box.mCustomScrollbar .mCSB_container {
    margin-left: 0px !important;
}



.fb-tab-content.tab-content > .tab-pane:not(.active) {
    position: fixed;
    left: 9999999px;
}

.fb-warehouse-popover div[role=grid] .jqx-widget-header .jqx-grid-column-header[data-field="_checkboxcolumn"] {
    display: none;
}


.dpx-goto-up + .tooltip[role="tooltip"]:not(.popover) {
    width: inherit !important;
}

    .dpx-goto-up + .tooltip[role="tooltip"]:not(.popover) .tooltip-inner {
        color: #fff;
        background-color: rgb(42, 63, 84);
        border: 1px solid rgb(42, 63, 84);
    }

    .dpx-goto-up + .tooltip[role="tooltip"]:not(.popover) .tooltip-arrow {
        border-top-color: #2a3f54;
    }

.dropdown-menu .no-results {
    pointer-events: none;
}


.sticky-dashboard {
    z-index: 1030;
}


.dpx-toolbar-btn.dropdown-toggle {
    box-shadow: none !important;
}

@-webkit-keyframes phone-rining {
    0% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }

    8% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg);
    }

    10% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    18% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    20% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    28% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    30% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    38% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    40% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    48% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    50% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    58% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    60% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    68% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    75% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes phone-rining {
    0% {
        -webkit-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }

    8% {
        -webkit-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
        transform: rotate(12deg);
    }

    10% {
        -webkit-transform: rotate(24deg);
        -ms-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    18% {
        -webkit-transform: rotate(-24deg);
        -ms-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    20% {
        -webkit-transform: rotate(-24deg);
        -ms-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    28% {
        -webkit-transform: rotate(24deg);
        -ms-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    30% {
        -webkit-transform: rotate(24deg);
        -ms-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    38% {
        -webkit-transform: rotate(-24deg);
        -ms-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    40% {
        -webkit-transform: rotate(-24deg);
        -ms-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    48% {
        -webkit-transform: rotate(24deg);
        -ms-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    50% {
        -webkit-transform: rotate(24deg);
        -ms-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    58% {
        -webkit-transform: rotate(-24deg);
        -ms-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    60% {
        -webkit-transform: rotate(-24deg);
        -ms-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    68% {
        -webkit-transform: rotate(24deg);
        -ms-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    75% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@media (max-width:500px) {
    /*hide element form mobile*/
    .jqx-grid-pagenumtext {
        margin-left: 17px !important;
        display: none !important;
    }

    #gridpagerlistgrid {
        display: none !important;
    }
}

.dpx-phone-animated {
    -webkit-animation: phone-rining 2.5s ease infinite;
    animation: phone-rining 2.5s ease infinite;
    transform-origin-x: 90%;
    transform-origin-y: 35%;
    transform-origin-z: initial;
}

.dpx-user-popover-content * {
    font-size: 12px !important;
}

.dpx-lang-en, .dpx-lang-en + .tooltip, .dpx-grid-cell-text-ltr, .dpx-grid-cell-email {
    direction: ltr !important;
    font-family: 'IranSansWeb' !important;
}


.jqx-toolbar-minimized-popup .dropdown-menu a {
    width: 100%;
}

.jqx-toolbar-minimized-popup .dropdown-menu span {
    display: inline-block;
}

.jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal-horizontal {
    height: 10px !important;
}

.jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal {
    width: 10px !important;
}

.dpx-mobile-mode #TicketHeader,
.dpx-mobile-mode #KBPaperHeader,
.dpx-mobile-mode #changeManagementHeader,
.dpx-mobile-mode #AssetHeader,
.dpx-mobile-mode #AccountHeader,
.dpx-mobile-mode #ContactHeader,
.dpx-mobile-mode #LeadHeader,
.dpx-mobile-mode #QuoteHeader,
.dpx-mobile-mode #OpportunityHeader,
.dpx-mobile-mode #WarehouseInvoiceHeader,
.dpx-mobile-mode #CampaignHeader,
.dpx-mobile-mode #WarehousePurchaseOrderHeader,
.dpx-mobile-mode #WarehouseHeader,
.dpx-mobile-mode #WarehouseBillHeader,
.dpx-mobile-mode #WarehouseReceiptHeader {
    display: none !important;
}

.dpx-mobile-mode #OpportunityStep .dpx-pointer {
    width: 40px !important;
}

@media(max-width:990px) {
    .dpx-mobile-mode #OpportunityStep .dpx-pointer {
        width: 13vw !important;
        font-size: 1.4vw !important;
    }
}

@media(max-width:500px) {
    .dpx-mobile-mode #OpportunityStep .dpx-pointer {
        width: 14vw !important;
        font-size: 1.9vw !important;
    }
}

.badge-warning, .badge-info {
    margin: 3px;
}

    .badge-warning.paper-title {
        background-color: #f0ad4e !important;
    }

    .badge-info.paper-title {
        background-color: #5cb85c !important;
    }

.badge.paper-title {
    font-size: 0.7em;
    min-width: 45px;
}

button[data-id="From"] ~ .dropdown-menu {
    font-family: 'iransansweb';
}

.popover[class*="tour-"] {
    min-width: 450px !important;
}

input[type=checkbox][disabled] ~ label {
    cursor: default;
}

.dpx-switch {
    line-height: initial;
}

    .dpx-switch input {
        display: none;
    }

    .dpx-switch label {
        display: inline-block;
        width: 50px;
        max-width: 50px;
        height: 21px;
        background: #e8e8e8;
        border: 1px solid #dedede;
        border-radius: 30px;
        position: relative;
        cursor: pointer;
    }

    .dpx-switch input:checked ~ label {
        background: #e6e8f5;
    }

    .dpx-switch label:after {
        content: attr(data-off);
        position: absolute;
        left: 2px;
        font-size: 10px;
        top: 2px;
        color: #c1c1c1;
    }


    .dpx-switch label:before {
        content: "";
        position: absolute;
        width: 25px;
        height: 19px;
        background: #ffffff;
        border-radius: 25px;
        top: 0px;
        /*box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4);*/
        left: 0;
        transition: left 100ms,margin-left 100ms;
    }


.dpx-switch-sm label {
    width: 38px;
    max-width: 50px;
    height: 19px;
    margin: 0;
}

    .dpx-switch-sm label:after {
        left: 2px;
        font-size: 10px;
        top: 2px;
    }

    .dpx-switch-sm label:before {
        width: 17px;
        height: 17px;
        top: 0px;
        left: 0;
    }

.dpx-switch-sm input:checked ~ label:before {
    margin-left: -18px !important;
}


.dpx-switch input:checked ~ label:after {
    content: attr(data-on);
    position: absolute;
    left: 100%;
    margin-left: -20px;
    color: white;
}

.dpx-switch input:checked ~ label:before {
    background: #3f5eb5;
    left: 100%;
    margin-left: -25px;
}

.chat_script_cls {
    height: 310px !important;
}

.chat_script_popup {
    overflow-y: scroll !important;
}


.dpx-grid-loading .dpx-grid-nodisplaydata {
    display: none !important;
}

.align-items-center {
    align-items: center;
}

.voip-floating {
    float: left;
    width: 30px;
    height: 30px;
    bottom: 38px;
    left: 25px;
    /*background-color: #0C9;*/
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    display: block;
    z-index: 1;
}

    .voip-floating i {
        margin: 9px;
    }

.voip-panel {
    display: block !important;
}

.notifyjs-voip-base label {
    font-family: "IranSansWebFa" !important;
}

.notifyjs-voip-base ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
    background-color: #F5F5F5 !important;
}

.notifyjs-voip-base ::-webkit-scrollbar {
    width: 15px !important;
    background-color: #F5F5F5 !important;
}

.notifyjs-voip-base::-webkit-scrollbar-thumb {
    background-color: #444444 !important;
}

.voip-drp {
    font-size: 11px !important;
    color: #828282 !important;
    padding: 5px 16px !important;
}

.dana-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.dana-scroll::-webkit-scrollbar {
    width: 6px !important;
    ;
    background-color: #F5F5F5 !important;
    ;
}

.dana-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #9e9a9a !important;
}

.dropdown-voip {
    position: relative;
    display: inline-block;
    direction: rtl;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content-voip {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    direction: rtl;
}

    /* Links inside the dropdown */
    .dropdown-content-voip a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        direction: rtl;
    }

        /* Change color of dropdown links on hover */
        .dropdown-content-voip a:hover {
            background-color: #f1f1f1;
        }

/* Show the dropdown menu on hover */
.dropdown-voip:hover .dropdown-content-voip {
    display: block;
    direction: rtl;
}
/*.dpx-tiletext{
    margin:13px !important;
    text-align :center !important;
    font-size:18px !important;
}*/
.dpx-tiletext {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dpx-tiletext-inner {
    align-items: center;
}

.dpx-tiletag {
    display: inline-flex;
    direction: rtl;
    /*border: solid 1px;*/
    border-radius: 5px;
    border-color: #eee !important;
    box-shadow: #eee 1px 2px 3px !important;
    margin: 12px 0px 12px 0px !important;
    min-height: 53px !important;
}

    .dpx-tiletag:hover {
        background-color: #eee !important;
    }

.no-padding-col {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-top: auto !important;
    margin-bottom: auto;
}

.square {
    height: 53px !important;
    width: 53px !important;
    min-height: 53px !important;
    min-width: 53px !important;
    display: block;
    border-radius: 2px;
}

.rectangle {
    height: 53px !important;
    width: 30px !important;
    min-height: 53px !important;
    min-width: 30px !important;
    display: block;
    border-radius: 2px;
}

.kb-circle {
    height: 53px !important;
    width: 53px !important;
    min-height: 53px !important;
    min-width: 53px !important;
    display: block;
    border-radius: 25px;
}

.dpx-tileicon {
    margin: 15px !important;
    font-size: 20px !important;
}

.dpx-rect-tileicon {
    margin-top: 15px !important;
    font-size: 20px !important;
}

#kbContainer {
    padding-top: 20px !important;
    max-width: 1400px;
    margin: 0px auto;
}
/*-----------------phone ringing--------------------*/


.quick-alo-phone .quick-alo-show {
    visibility: visible;
}

.quick-alo-phone {
    position: fixed;
    visibility: hidden;
    background-color: transparent;
    height: 200px;
    width: 82px;
    height: 64px;
    right: 150px;
    top: 60%;
    cursor: pointer;
    z-index: 200000 !important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
}

    .quick-alo-phone .quick-alo-green .quick-alo-ph-circle {
        border-color: #00A1FF;
        opacity: 0.5;
    }

.quick-alo-ph-circle {
    position: absolute;
    width: 75px;
    height: 75px;
    top: -13px;
    left: -3px;
    border: 2px solid #1bd405;
    background-color: transparent;
    border-radius: 100%;
    opacity: .1;
    animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all .5s;
    transform-origin: 50% 50%;
}

.quick-alo-phone .quick-alo-green .quick-alo-ph-circle-fill {
    background-color: rgb(246, 202, 98);
    opacity: .75 !important;
}

.quick-alo-ph-circle-fill {
    position: absolute;
    width: 80px;
    height: 80px;
    top: -13px;
    left: -5px;
    background-color: rgba(25, 183, 6, 0.5);
    border-radius: 100%;
    border: 2px solid #00ff4e00;
    opacity: .1;
    animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all .5s;
    transform-origin: 50% 50%;
}

.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle {
    background-color: #00A1FF;
}

.quick-alo-ph-img-circle {
    position: absolute;
    width: 50px;
    height: 50px;
    /*top: 0;
    left: 0;*/
    /*background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABrklEQVRYR82XjTEEQRCFX0dABlwEiAARkAEyIAJEoERACETARUAIJwIyeOqptfbm5qeP3lpTdVVXVzPd3/R0v+4zTLxsYv/4XwAkrwDsV6JyZmaLyKj1ESB5AOCpYfzazAQZttYFuDWz8zDvwE8OkNwF8NIwvjCz2SgAMkqSDuOzyDxYqgKSrwB2GhBKxHsHqGtLCiDDJ42Tj2Z27LLu2JQCnAK4a5x7M7Nth23XlhRgE8B74+SemempQtaKEpKsPUPo++sGOYCSIIU7zwJ05ficSLLkV6H/CIn7wEi2GRVkOVwFixEoREE/hz9DsR2TVKkp2zeSsI9bBUNnJNV4bhIA5cFhVCk2B5JCWVYhSEopjwAob6qa4QGQOKkqcj1iJSdIpmoqWEHIhr7Ph1BNgC4haxAPAC7UITPOc1UrCOXR12TlAnBAyKhAdHvPUg4pIn6AAYQc1ebG8QC+LXfD66XHU2HP7yKQlKhGODWu1gCTY/g7wCAaendNyltrRCQOIAERjCc/ejV1V4H3dp2ES4jU1vVJpXxpogoHSEE7oOEIp9G+/3c1OkArcpMDfAIqL6EhVS6JOAAAAABJRU5ErkJggg==") no-repeat center center;*/
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .99;
    border-color: #158a07;
    transform-origin: 50% 50%;
}

    .quick-alo-ph-img-circle i {
        top: 0px;
        bottom: 0px;
        position: relative;
        margin: 9px;
        left: 0;
        right: 0;
    }

.is-animating {
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
}

.quick-alo-phone .quick-alo-green .quick-alo-hover .quick-alo-ph-img-circle,
.quick-alo-phone.quick-alo-green:hover .quick-alo-ph-img-circle {
    background-color: #ff0101;
}

@-moz-keyframes quick-alo-circle-anim {
    0% {
        -moz-transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1;
        -moz-opacity: .1;
        -webkit-opacity: .1;
        -o-opacity: .1;
    }

    30% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5;
        -moz-opacity: .5;
        -webkit-opacity: .5;
        -o-opacity: .5;
    }

    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg);
        opacity: .6;
        -moz-opacity: .6;
        -webkit-opacity: .6;
        -o-opacity: .1;
    }
}

@-webkit-keyframes quick-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        -webkit-opacity: .1;
    }

    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        -webkit-opacity: .5;
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: .1;
    }
}

@-o-keyframes quick-alo-circle-anim {
    0% {
        -o-transform: rotate(0) kscale(.5) skew(1deg);
        -o-opacity: .1;
    }

    30% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        -o-opacity: .5;
    }

    100% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        -o-opacity: .1;
    }
}

@-moz-keyframes quick-alo-circle-fill-anim {
    0% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2;
    }

    50% {
        -moz-transform: rotate(0) -moz-scale(1) skew(1deg);
        opacity: .2;
    }

    100% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2;
    }
}

@-webkit-keyframes quick-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2;
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2;
    }

    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2;
    }
}

@-o-keyframes quick-alo-circle-fill-anim {
    0% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2;
    }

    50% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2;
    }

    100% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2;
    }
}

@-moz-keyframes quick-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg);
    }

    10% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        -moz-transform: rotate(0) scale(1) skew(1deg);
    }

    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg);
    }
}

@-webkit-keyframes quick-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
}

@-o-keyframes quick-alo-circle-img-anim {
    0% {
        -o-transform: rotate(0) scale(1) skew(1deg);
    }

    10% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        -o-transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        -o-transform: rotate(0) scale(1) skew(1deg);
    }

    100% {
        -o-transform: rotate(0) scale(1) skew(1deg);
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.dpx-portal-select {
    border-bottom: solid 1px #eee;
    padding: 5px;
}

#portal_DropDown {
    border-radius: 5px !important;
}


.related-list-max-min {
    padding: 3px 5px;
    position: relative;
    border: 1px solid transparent;
    top: 4px;
    right: 5px;
    display: inline-block;
    height: 23px;
    opacity: 2.2;
}

    .related-list-max-min:hover {
        border: 1px solid #dedede;
        background: #dedede;
        opacity: 1;
        color: #fff;
    }

.dpx-section-container {
    transition: all 100ms;
}

    .dpx-section-container .dpx-panel-content {
        border-top: 2px solid #e6e9ed;
    }

    .dpx-section-container.maximized-mode {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 5000;
        margin: 0;
    }

        .dpx-section-container.maximized-mode a.collapse-link {
            display: none;
        }

.dpx-grid-scroll-tooltip {
    width: 50px;
    position: absolute;
    text-align: center;
    direction: rtl;
    background: #ffffc2;
    padding: 5px;
    border-radius: 5px;
    left: 10px;
}

    .dpx-grid-scroll-tooltip:after {
        content: "";
        display: inline-block;
        border-right: 5px dashed #ffffc2;
        border-left: 4px solid\9;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        position: absolute;
        left: -5px;
        top: 50%;
        margin-top: -5px;
    }




/*audioPlayerStyle*/
/*start*/
#waveform {
    position: relative;
}

#progress-bar {
    position: absolute;
    z-index: 10;
    top: 50%;
    margin-top: -10px;
    left: 5%;
    width: 90%;
}

#drop {
    border: 3px dashed #ddd;
    padding: 30px;
}

    #drop.wavesurfer-dragover {
        border-color: #333;
    }



.volume-holder {
    width: 90%;
    height: 30px;
    position: relative;
    margin: 0 auto;
    top: 12px;
}


    .volume-holder i {
        position: absolute;
        margin-top: -3px;
        color: #bbb;
    }

        .volume-holder i.fa-volume-down {
            margin-left: 0;
            left: 0;
        }

        .volume-holder i.fa-volume-up {
            margin-right: 0;
            right: 0;
        }

.volume {
    position: absolute;
    left: 10%;
    margin: 0 auto;
    height: 5px;
    width: 70%;
    background: #fff;
    border-radius: 15px;
}

    .volume .ui-slider-range-min {
        height: 5px !important;
        width: 300px;
        position: absolute !important;
        background: #337ab7 !important;
        border: none !important;
        border-radius: 10px !important;
        outline: none !important;
    }

    .volume .ui-slider-handle {
        top: 0 !important;
        border: 1px solid #97b3cc !important;
        width: 15px !important;
        height: 15px !important;
        border-radius: 15px !important;
        background: #fff !important;
        position: absolute !important;
        margin-left: -6px !important;
        margin-top: -6px !important;
        cursor: pointer !important;
        outline: none !important;
    }







#time {
}



.audio-player-container {
    position: relative;
    height: 40px;
    padding: 5px;
    display: flex;
    align-items: center;
    border: 1px solid #e6e9ed;
}

    .audio-player-container i.audio-player-control {
        cursor: pointer;
    }

        .audio-player-container i.audio-player-control.play-pause {
            color: #337ab7;
            cursor: pointer;
            flex: 1;
            text-align: left;
        }

        .audio-player-container i.audio-player-control.download-file {
            font-size: 1em;
            color: #757575;
            flex: 1;
        }

        .audio-player-container i.audio-player-control.volume-setting {
            font-size: 1em;
            color: #757575;
            flex: 1;
        }


    .audio-player-container .play-button-container {
        flex: 0.2;
        display: flex;
        align-items: center;
        padding: 10px;
    }

    .audio-player-container .time-container {
        text-align: center;
        display: flex;
        align-items: center;
        flex: 0.5;
    }

        .audio-player-container .time-container .time-holder {
            flex: 1;
            color: #bbb;
            padding: 5px;
        }


    .audio-player-container .extra-buttons {
        flex: 1;
        display: flex;
        align-items: center;
    }

    .audio-player-container .waveform-container {
        flex: 4;
    }

.tile-hover-setting ::before {
    width: 100%;
    z-index: 9999;
    background: rgba(255,255,255,0.8);
    position: absolute;
    height: 100%;
    display: block;
    top: 0;
    transition: all 10;
    display: flex;
    align-items: center;
    justify-content: center;
    content: "";
}

.dpx-tile-setting {
    padding: 5px;
    font-size: 15px;
}

.portal-section {
    margin-bottom: 15px !important;
    min-height: 160px !important;
}

.tile-container {
    margin-top: 15px !important;
}
/*end*/

.fix-popover {
    position: fixed;
}

.pt-tile-label {
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 53px;
    line-height: 1.5em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
}


.notification-card .progress {
    height: 5px !important;
    width: 100% !important;
    margin-bottom: 0px !important;
    overflow: hidden;
    background-color: #f5f5f5;
}

.notification-card .progress-bar {
    float: left !important;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #cccccc !important;
}


.fc-content-skeleton .fc-event-container .fc-day-grid-event .fc-content .fc-time {
    display: inline-block;
    float: left;
}

.record-processing .progress {
    position: absolute;
    height: 2px;
    display: block;
    width: 100%;
    background-color: #f1f1f1;
    border-radius: 2px;
    /*margin: 1rem 0 1rem 0;*/
    overflow: hidden;
    bottom: 0;
    margin-bottom: -1px !important;
    margin-right: -17px !important;
    bottom: 0 !important;
}


    .record-processing .progress .indeterminate {
        background-color: rgb(255, 153, 0);
    }


    .record-processing .progress .determinate {
        -webkit-transition: width .7s linear !important;
        transition: width .7s linear !important;
    }

.card-img-top {
    cursor: pointer;
}


.dpx-switch.switch-green input:checked ~ label:before {
    background: #54a521 !important;
}


#sidebar-menu:not(.dpx-menu-load-complete) .menu_section {
    display: none;
}

#sidebar-menu.dpx-menu-load-complete .menu_section_loader {
    display: none;
}


body.nav-sm .main-page-loading {
    margin: var(--menu-sm-height) var(--menu-sm-width) 0 0 !important;
    left: 0 !important;
    right: 0 !important;
}

body.nav-md .main-page-loading {
    margin: 58px 230px 0 0 !important;
    left: 0 !important;
    right: 0 !important;
}

    body.nav-md .main-page-loading + .dpx-main-loader-container {
        margin-left: -183px;
    }


.nav_menu:not(.dpx-nav-menu-load-complete) .navbar-main,
.nav_menu:not(.dpx-nav-menu-load-complete) .nav-toggle-main,
.left_col:not(.dpx-profile-load-complete) .profile-main {
    display: none;
}

.nav_menu.dpx-nav-menu-load-complete .nav_loader,
.nav_menu.dpx-nav-menu-load-complete .nav-toggle-loader,
.left_col.dpx-profile-load-complete .profile-loader {
    display: none;
}

.label-warning {
    font-size: 9px !important;
}


.disabled-chat,
.disabled-chat i {
    color: #dedede !important;
}

    .disabled-chat:hover {
        background-color: transparent !important;
        cursor: default;
    }

.dpx-background {
    background-color: var(--current-theme-color);
    color: #fff;
}

.helpLink {
    background-color: #fff;
    /*max-height: 78px;*/
    min-height: 135px;
    border-radius: 10px;
    position: relative;
    left: 5px;
    /*overflow: auto;*/
    top: -20px;
}

.dpx-notify-menu-card.isseen .close-notificaion-card {
    display: none !important;
}

.disabled {
    color: #e1e1e1 !important;
    pointer-events: none;
}

.dpx-userchatstatus {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    z-index: 1;
    border: 1px solid #ffffff;
}

    .dpx-userchatstatus.offline {
        background: #808080 !important;
    }

    .dpx-userchatstatus.online {
        background: #37ea37 !important;
    }


.dpx-domain-control {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    font-family: tahoma;
}

    .dpx-domain-control input {
        width: 100%;
        padding: 5px;
        border: 1px solid #e6e9ed !important;
        padding-left: 80px;
        padding-right: 30px;
        text-align: left;
        direction: ltr;
    }

    .dpx-domain-control .bootstrap-select {
        position: absolute;
        left: 5px;
        width: 55px !important;
    }

        .dpx-domain-control .bootstrap-select button {
            border: none;
            padding-right: 0px !important;
            padding-left: 0px !important;
            background-color: transparent;
        }

        .dpx-domain-control .bootstrap-select.btn-group .dropdown-toggle .caret {
            right: 0px !important;
            left: inherit !important;
            color: #c1c1c1;
        }

        .dpx-domain-control .bootstrap-select.btn-group .dropdown-toggle .filter-option {
            text-align: left !important;
            font-size: 13px;
            padding: 0px 5px;
        }

    .dpx-domain-control > span {
        position: absolute;
        left: 65px;
        direction: ltr;
    }

    .dpx-domain-control .dropdown-menu {
        left: 0;
        right: auto;
        float: left;
        text-align: left;
        min-width: 70px !important;
    }

        .dpx-domain-control .dropdown-menu > li > a {
            text-align: left !important;
        }

    .dpx-domain-control .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
        right: inherit;
        left: 3px !important;
        margin-top: 3px !important;
    }




/*.sound-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
}*/

.sound-wave {
    width: 100%;
    height: 25px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 25px;
}

    .sound-wave .bar {
        display: block;
        width: 2px;
        margin-right: 1px;
        height: 90px;
        background: #7C93BF;
        animation: sound 0ms -800ms linear infinite alternate;
        transition: height 0.8s;
    }

@keyframes sound {
    0% {
        opacity: .35;
        height: 6px;
    }

    100% {
        opacity: 1;
        height: 46px;
    }
}

.bar:nth-child(1) {
    height: 2px;
    animation-duration: 474ms;
}

.bar:nth-child(2) {
    height: 10px;
    animation-duration: 433ms;
}

.bar:nth-child(3) {
    height: 18px;
    animation-duration: 407ms;
}

.bar:nth-child(4) {
    height: 26px;
    animation-duration: 458ms;
}

.bar:nth-child(5) {
    height: 30px;
    animation-duration: 400ms;
}

.bar:nth-child(6) {
    height: 32px;
    animation-duration: 427ms;
}

.bar:nth-child(7) {
    height: 34px;
    animation-duration: 441ms;
}

.bar:nth-child(8) {
    height: 36px;
    animation-duration: 419ms;
}

.bar:nth-child(9) {
    height: 40px;
    animation-duration: 487ms;
}

.bar:nth-child(10) {
    height: 46px;
    animation-duration: 442ms;
}

.bar:nth-child(11) {
    height: 2px;
    animation-duration: 474ms;
}

.bar:nth-child(12) {
    height: 10px;
    animation-duration: 433ms;
}

.bar:nth-child(13) {
    height: 18px;
    animation-duration: 407ms;
}

.bar:nth-child(14) {
    height: 26px;
    animation-duration: 458ms;
}

.bar:nth-child(15) {
    height: 30px;
    animation-duration: 400ms;
}

.bar:nth-child(16) {
    height: 32px;
    animation-duration: 427ms;
}

.bar:nth-child(17) {
    height: 34px;
    animation-duration: 441ms;
}

.bar:nth-child(18) {
    height: 36px;
    animation-duration: 419ms;
}

.bar:nth-child(19) {
    height: 40px;
    animation-duration: 487ms;
}

.bar:nth-child(20) {
    height: 46px;
    animation-duration: 442ms;
}










.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}

#Domain_Container {
}

.dpx-domain-control > a {
    position: absolute;
    z-index: 3;
    font-size: 18px;
    color: lightcoral;
    top: 0px;
    right: 5px;
    padding: 3px 5px 1px 5px;
    cursor: pointer;
    opacity: 0.3;
    transition: opacity 200ms;
}

    .dpx-domain-control > a:hover {
        opacity: 1;
    }

#chatLicenseInfoContainer {
    width: 100%;
    height: 45px;
    z-index: 5002;
    background-color: #102442;
    padding: 10px 15px;
    color: rgb(228,228,228);
    position: fixed;
    left: 0;
}

.dpx-chat-visitorinfo {
    height: 100%;
    border-right: 1px solid #dddddd;
    position: relative;
}

.dpx-visitor-info-expand .dpx-chat-visitorinfo {
    width: 30%;
    display: block;
    float: left;
    background: white;
    overflow-x: hidden;
    overflow-y: auto;
}


.top_profile_pic {
    position: relative;
    padding: 9px;
}


    .top_profile_pic img {
        width: 28px;
    }

    .top_profile_pic .dpx-userstaus {
    }


.top_nav .navbar-right > li > a,
.top_nav .navbar-ellipse > li > a {
    padding: 0 10px;
    height: 100%;
    display: flex;
    align-items: center;
    min-width: var(--menu-sm-height);
    text-align: center;
    justify-content: center;
}


.quick_search_box {
    width: var(--menu-sm-height);
    /*overflow: hidden;*/
    transition: width 500ms;
}

    .quick_search_box.open {
        width: 452px;
    }

        .quick_search_box.open #ellips-menu {
            display: none;
        }

.navbar-fixed-top {
    transition: margin-right 500ms;
}




.quick_search_box .select2-search.select2-search--inline,
.quick_search_box .select2-search__field {
    width: 100% !important;
}

[data-select2="txtQuickSearch"] {
    /*margin-left: -1px !important;
    top: 43px !important;*/
}

.right_col {
    transition: margin-right 500ms;
}


.dropdown-new-menu {
    user-select: none;
    right: 100%;
    top: 45px;
    min-width: 175px !important;
    height: auto;
    border-radius: 5px !important;
}


    /*.dropdown-new-menu:before {
    content: "";
    position: absolute;
    border-right: 5px solid transparent;
    border-left: 5px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    top: 15px;
    right: -10px;
    margin-left: -5px;
    z-index: -1;
}

.dropdown-new-menu:after {
    content: "";
    position: absolute;
    border-right: 5px solid transparent;
    border-left: 5px solid #dedede;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    top: 15px;
    right: -11px;
    margin-left: -5px;
    z-index: -2;
}*/
    .dropdown-new-menu li {
        /*width: 80px !important;*/
        /*float: right !important;
        height: 80px !important;*/
    }

    .dropdown-new-menu a {
        width: 100%;
        height: 100%;
        display: flex !important;
        /*flex-flow: row wrap;*/
        align-items: center;
        /*justify-content: center;*/
    }

        .dropdown-new-menu a i,
        .dropdown-new-menu a span {
            /*width: 100%;
            text-align: center;*/
        }

        .dropdown-new-menu a span {
            font-size: 12px;
        }

        .dropdown-new-menu a i {
            font-size: 15px !important;
            color: #000 !important;
            width: 25px;
            height: 15px;
            display: inline-block;
            text-align: center;
        }



.nav-md #logo {
    display: initial;
}

.nav-md #logo_alt {
    display: none;
}

.nav-sm #logo {
    display: none;
}

.nav-sm #logo_alt {
    display: initial;
}

#logo {
    width: 62px;
}

#logo_alt {
    width: 38px;
}

.site_title {
    font-weight: 400;
    font-size: 22px;
    line-height: 59px;
    display: flex;
    align-items: center;
    height: var(--menu-sm-height);
    margin: 0;
    float: right;
}

.nav-sm .site_title {
    width: 100%;
    justify-content: center;
}

.dpx-body-rtl .site_title {
    text-align: center;
}

.dpx-body-ltr .site_title {
    padding-left: 10px;
}

.dpx-body-rtl.nav-md .site_title {
    padding-right: 10px;
}



.sidebar-footer {
    bottom: calc(var(--lic-height) + 10px);
    clear: both;
    display: block;
    padding: 5px 0 0;
    position: absolute;
    width: 100%;
    /* background: #172d44; */
    /* background: #005579; */
    /* background: #2f9cc5; */
    /*background: var(--current-theme-color);*/
    list-style-type: none;
    margin: 0;
    padding: 0;
    transition: background 0.5s;
}

    .sidebar-footer > li {
        width: 25%;
    }

.dpx-body-ltr .sidebar-footer > li {
    float: right;
}

.dpx-body-rtl .sidebar-footer > li {
    float: left;
}

.footer-link {
    font-size: 13px !important;
}

.sidebar-footer > a {
    text-align: center;
    font-size: 20px;
    display: block;
    /*background: #00000005;*/
    cursor: pointer;
    /*color: #1c8ab3;*/
    color: #fff;
}

    .sidebar-footer > a:hover,
    .sidebar-footer > a.active {
        background: #0000001a;
        color: #fff;
    }


.sidebar-footer .fotter_title {
    float: right;
    display: flex;
    align-items: center;
    width: calc(100% - var(--menu-sm-width));
    height: var(--menu-sm-height);
    padding: 10px;
}

    .sidebar-footer .fotter_title svg {
        transition: all 500ms;
    }

    .sidebar-footer .fotter_title:hover svg {
        transform: rotate(60deg);
    }

.nav-sm .sidebar-footer .fotter_title {
    justify-content: center;
    width: var(--menu-sm-width);
}

    .nav-sm .sidebar-footer .fotter_title span {
        display: none;
    }

.sidebar-footer .fotter_title span {
    padding-right: 10px;
    font-size: 14px;
}

.sidebar-footer #menu_toggle {
    float: left;
    width: var(--menu-sm-width);
    height: var(--menu-sm-height);
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar-footer #app_toggle {
    height: var(--menu-sm-height);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .sidebar-footer #app_toggle span {
        width: 25px;
        height: 25px;
        display: inline-block;
        position: relative;
    }

    .sidebar-footer #app_toggle > span {
        overflow: hidden;
    }

        .sidebar-footer #app_toggle > span > span {
            width: 50px;
            position: absolute;
            top: 0;
            left: -25px;
            transition: all 100ms;
        }

.app-toggle-icon {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
    color: #fff;
    background-image: url(../../../Resources/Shared/Images/apps.svg);
    background-repeat: no-repeat;
}

.sidebar-footer a {
    text-decoration: none;
}




/*.nav-sm .hidden-small {
    visibility: hidden;
}*/

.container.body .col-md-3.left_col {
    min-height: 100%;
    height: 100%;
    position: fixed;
    z-index: 1431;
    padding: 0;
}


.nav-md .container.body .col-md-3.left_col {
    width: 230px;
}

.nav-sm .container.body .col-md-3.left_col {
    width: var(--menu-sm-width);
}

.nav-sm.dpx-body-ltr .col-md-3.left_col.menu_fixed {
    left: 0;
}

.nav-sm.dpx-body-rtl .col-md-3.left_col.menu_fixed {
    right: 0;
}

.nav-sm .container.body .col-md-3.left_col .mCSB_container,
.nav-sm .container.body .col-md-3.left_col .mCustomScrollBox {
    overflow: visible;
}

.dpx-side-push-menu {
    width: 100%;
    height: 100%;
}

body.dpx-mobile-mode .dpx-side-push-menu {
    position: inherit;
}


.dpx-side-push-menu.mCustomScrollbar .mCSB_container {
    margin-left: 0 !important;
}

.dpx-push-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

@media (max-width:500px) {
    .dpx-push-menu ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
        height: 100vh;
    }
}

.nav-sm .dpx-push-menu > ul > li {
    position: relative;
}

.dpx-push-menu > ul > li > div ul.child-menu-ul ul {
    display: none;
}

.nav-sm .dpx-push-menu > ul > li > ul {
    display: none;
}

.dpx-push-menu > ul > li > a,
.nav-md .dpx-push-menu > ul > li a {
    display: flex;
    align-items: center;
    width: 100%;
    height: var(--menu-sm-height);
    padding: 10px;
}

.nav-sm .dpx-push-menu > ul > li.open > div a {
    display: flex;
    align-items: center;
    width: 100%;
    height: 38px;
    padding: 10px;
}

.dpx-push-menu > ul > li > a,
.nav-md .dpx-push-menu > ul > li a {
    color: #fff;
}

.nav-sm .dpx-push-menu > ul > li.open > div a:hover,
.nav-sm .dpx-push-menu > ul > li.open > div li.active > a,
.nav-sm .dpx-push-menu > ul > li.open > div li.current-page > a {
    background: #f4f4f4;
}

.nav-sm .dpx-push-menu > ul > li.open > div a {
    color: #000;
}

.nav-sm .dpx-push-menu > ul > li > a {
    justify-content: center;
    text-align: center;
}

.nav-sm .dpx-push-menu > ul > li > .child-menu a span,
.nav-sm .dpx-push-menu > ul > li > .child-menu a i,
.nav-sm .dpx-push-menu > ul > li a i:last-child {
    display: none;
}

.nav-sm .dpx-push-menu > ul > li.open > div a span:not(.menu-hotkey),
.nav-sm .dpx-push-menu > ul > li.open > div a i,
.nav-sm .dpx-push-menu > ul > li.open > div a i:last-child {
    display: inherit;
}

.nav-sm .dpx-push-menu > ul > li.open > div > nav > ul ul,
.nav-md .dpx-push-menu > ul > li > div {
    display: none;
}

.dpx-push-menu > ul > li {
    box-sizing: border-box;
    border-right: 3px solid transparent;
}

    .dpx-push-menu > ul > li.dpx-side-push-menuitem.open,
    .dpx-push-menu > ul > li.dpx-side-push-menuitem.expand,
    .dpx-push-menu > ul > li.dpx-side-push-menuitem.current-page,
    .nav-md .dpx-push-menu > ul > li.dpx-side-push-menuitem.active > .child-menu [role="menuactionbox"].active > a {
        background: #0000001c;
        border-right: 3px solid #00000038;
    }


#sidebar-menu {
    height: calc(100vh - (var(--menu-sm-height) * var(--fotter-menu-count)) - var(--menu-sm-height) );
}

.nav-sm #sidebar-menu {
    height: calc(100vh - var(--menu-sm-height) - 96px - 10px);
}

.nav-sm .dpx-push-menu > ul > li > div {
    right: calc(var(--menu-sm-width) - 10px);
}

.nav-sm .dpx-push-menu > ul > li.open > div {
    position: absolute;
    top: 0;
    right: calc(var(--menu-sm-width) - 5px);
    width: 180px;
    max-height: 230px;
    background: #fff;
    box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, .132), 0 1.2px 3.6px 0 rgba(0, 0, 0, .108);
    overflow: hidden !important;
    border-radius: 5px;
    transition: right 200ms;
    z-index: 1;
}


.nav-sm .dpx-push-menu > ul > li.open > div {
    display: block !important;
}

.nav-sm .dpx-push-menu > ul > li.open.over-elips-menu > div {
    position: absolute;
    top: unset;
    /*عدم نمایش "گزارش" در برخی از مانتیور ها - 25467*/
    bottom: 0;
    right: calc(var(--menu-sm-width) - 5px);
    width: 180px;
    max-height: 230px;
    background: #fff;
    box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, .132), 0 1.2px 3.6px 0 rgba(0, 0, 0, .108);
    overflow: hidden !important;
    border-radius: 5px;
    transition: right 200ms;
    z-index: 1;
}

.nav-sm .dpx-push-menu > ul > li.open > div .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#cpanel-menu .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#view_DropDown .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#Email_DropDown #SMS_DropDown .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.view_DropDown .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#dashboard_DropDown .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #c1c0c0;
}

.breadcrumb {
    margin: 0;
    display: inline-flex;
    height: 100%;
    align-items: center;
    background: none;
}

    .breadcrumb > li + li:before {
        content: "\005C";
    }

    .breadcrumb a {
        color: #777;
        text-decoration: none;
    }

        .breadcrumb a:hover {
            background: #dedede;
        }

.push-icon,
.back-icon {
    position: absolute;
}

.push-icon {
    left: 15px;
}

.back-icon {
    right: 10px;
}

.nav-md .dpx-push-menu .child-menu {
    position: relative;
}

.dpx-push-menu > ul > li.open .toggle-push-menu.pushed ~ ul,
.dpx-push-menu > ul > li.open .toggle-push-menu.pushed ~ div.child-menu {
    width: 100%;
    height: 100%;
    /*position: absolute;*/
    top: 0;
    left: 0;
    background: #fff;
    z-index: 1;
}

.nav-md .dpx-push-menu > ul > li.expand .toggle-push-menu.pushed ~ ul {
    /*position: absolute;*/
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #414c7c;
    z-index: 1;
}

.back-menu-item {
}

    .back-menu-item span {
        padding-right: 10px;
    }

.toggle-push-menu.pushed ~ ul,
.toggle-push-menu.pushed ~ div.child-menu > nav > ul {
    display: block !important;
}


.left_col {
    background: linear-gradient(0deg, rgb(34,91,167) 25%, rgba(18,75,152,1) 89%) !important;
    transition: background 0.5s;
}

.dpx-push-menu > ul > li a .dpx-side-menu-icon {
    /*width: var(--menu-sm-height);
    height: var(--menu-sm-height);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;*/
}

.category-menu-item,
.dpx-side-push-menu .dpx-accordion-menu.cpanel-menu {
    display: none;
}

    .category-menu-item.cat-menu-active {
        display: block;
    }


.cpanel-open .right_col {
    /*display: flex;*/
}

#cpanel-menu {
    width: 250px;
    /*height: calc(100vh - var(--menu-sm-height) - 15px);*/
    float: right;
    display: none;
    position: relative;
    padding-left: 15px;
}

body.cpanel-open #cpanel-menu {
    display: block
}

body.cpanel-open #dpx-main[role='main'] {
    width: calc(100% - 250px);
    float: left;
}

.dpx-accordion-menu.cpanel-menu .child-menu {
    display: none;
}

.dpx-accordion-menu.cpanel-menu ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.dpx-accordion-menu.cpanel-menu a {
    display: inline-flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 8px;
    text-decoration: none;
}

.dpx-accordion-menu.cpanel-menu .accordion-icon {
    position: absolute;
    padding-left: 8px;
    font-size: 20px;
    font-weight: lighter;
    right: 10px;
}

.dpx-accordion-menu.cpanel-menu > ul > li > a {
    color: #7d7d7d;
    font-size: 14px;
    padding-right: 25px;
    position: relative;
}

.dpx-accordion-menu.cpanel-menu a:hover,
.dpx-accordion-menu.cpanel-menu .current-page > a,
.dpx-accordion-menu.cpanel-menu [data-tabs="tabs"] li.active a {
    background: #f4f4f4;
    cursor: pointer;
}

.dpx-accordion-menu.cpanel-menu .child-menu a,
.dpx-accordion-menu.cpanel-menu [data-tabs="tabs"] li a {
    padding-right: 25px;
    color: #212121;
    border-right: 3px solid transparent;
}

.dpx-accordion-menu.cpanel-menu > ul > li {
    margin-bottom: 10px;
}

    .dpx-accordion-menu.cpanel-menu > ul > li > a[aria-expanded="true"] .accordion-icon:before {
        content: "\f107";
    }

#cpanel-header {
    width: 100%;
    margin-left: 24px;
    margin-right: 20px;
}

#setting_breadcrumb li {
    display: inline-flex;
    align-items: center;
    font-size: 18px;
}

    #setting_breadcrumb li + li:before {
        content: "\f104";
        font-family: fontawesome;
        font-size: 25px;
        font-weight: 100;
    }


#cpanel-menu ul.child-menu-ul ul {
    display: none;
}

#cpanel-menu ul.child-menu-ul ul {
    position: absolute;
    background: #fff;
    top: 0;
    width: calc(100% - 15px);
    height: 100%;
    z-index: 1;
}

.nav-sm:not(.dpx-mobile-mode) #menu_toggle,
.nav-sm:not(.dpx-mobile-mode) .nav-toggle-main {
    display: none;
}

.app_menu {
    background: #fff;
    position: absolute;
    width: max-content;
    height: 58px;
    top: -5px;
    right: 60px;
    box-shadow: -5px 0 15px 0 #00000042;
    display: none;
    padding: 5px;
    /*border-radius: 5px;*/
}

.sidebar-footer.open .app_menu {
    display: block;
}

.app_menu .category-menu,
.app-menu-item {
    background: #f7f7f7;
    border-radius: 5px;
}

    .app_menu .category-menu li,
    .app-menu-item li {
        position: relative;
        width: 48px;
        height: 48px;
        float: right;
    }

        .app-menu-item li.colspan-2 {
            width: calc(48px * 2 + 5px);
        }

        /*.app_menu .category-menu li + li,
        .app-menu-item li + li {
            margin-right: 5px;
        }*/

        .app_menu .category-menu li a,
        .app-menu-item li a {
            display: flex;
            width: 100%;
            height: 100%;
            align-items: center;
            justify-content: center;
            flex-flow: row wrap;
            padding: 0;
            border: none;
            background: #ffffff96;
            /*border-radius: 5px;*/
            color: #fff;
        }
            /*.app_menu .category-menu li:first-child a{
                border-radius: 0 5px 5px 0;
            }
        .app_menu .category-menu li:last-child a {
            border-radius: 5px 0 0 5px;
        }*/
            .app_menu .category-menu li a:hover,
            .app-menu-item li a:hover,
            .app_menu .category-menu li.cat-menu-active a {
                background: var(--current-theme-color);
                transition: background 0.5s;
                color: #fff;
            }

            .app_menu .category-menu li a i,
            .app_menu .category-menu li a span,
            .app-menu-item li a i,
            .app-menu-item li a span {
                width: 100%;
                text-align: center;
            }

            .app_menu .category-menu li a i,
            .app-menu-item li a i {
                font-size: 18px;
            }

            .app_menu .category-menu li a span:not(:last-child) {
                position: absolute;
                width: 100%;
                min-width: 100%;
                white-space: nowrap;
                padding: 5px;
                bottom: 100%;
                margin-bottom: -24px;
                background: inherit;
                color: transparent;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                opacity: 1;
                border-radius: 5px 5px 0 0;
                z-index: -1;
                transition: all .3s,width .5s;
            }

            .app_menu .category-menu li a span:last-child {
                display: none
            }

            .app_menu .category-menu li a:hover span:not(:last-child) {
                margin-bottom: 5px;
                width: auto;
                color: #fff;
            }

        .app_menu .category-menu li:before,
        .app-menu-item li:before {
            content: "";
            position: absolute;
            background: inherit;
            z-index: -1;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            box-shadow: inset 0 0 2000px rgba(255, 255, 255, .5);
            -webkit-filter: blur(10px);
            filter: blur(10px);
            /*margin: -20px;*/
        }

.dropdown-content-voip:before {
    content: "";
    position: absolute;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid transparent;
    border-bottom: 10px solid #fff;
    top: -15px;
    left: 11px;
    margin-left: -5px;
    z-index: -1;
}

.user-profile-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    left: -400px;
    width: 400px;
    z-index: 2147483647;
    background: #fff;
    transition: left .5s;
}

    .user-profile-menu.open {
        left: 0;
        box-shadow: 0 5px 15px rgba(0,0,0,.5);
    }

    .user-profile-menu .profile {
        text-align: center;
        height: 140px;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        background: var(--current-theme-color);
        color: #fff;
    }

.profile_pic {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
}

    .profile_pic .dpx-userstaus {
        right: 5px;
        top: 13px;
    }

.profile_info {
    padding: 0 10px;
    cursor: pointer;
}

    .profile_info span {
        font-size: 13px;
        line-height: 1.1;
        color: #000;
    }

    .profile_info h2 {
        font-size: 18px;
        margin: 0;
        font-weight: 300;
    }

.profile.img_2 {
    text-align: center;
}

    .profile.img_2 .profile_pic {
        width: 100%;
    }

        .profile.img_2 .profile_pic .img-circle.profile_img {
            width: 50%;
            margin: 10px 0 0;
        }

    .profile.img_2 .profile_info {
        padding: 15px 10px 0;
        width: 100%;
        margin-bottom: 10px;
        float: left;
    }

.menu-panel {
    padding: 10px 20px;
}

.menu-title {
}

.menu-content {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#ViewUser360 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #00000047;
    border-radius: 50%;
    color: #fff;
    font-size: 30px;
    font-weight: 100;
    text-decoration: none;
    opacity: 0;
    transition: opacity 0.1s;
}

.profile_pic:hover #ViewUser360 {
    opacity: 1;
}

.menu-tiltle h2 {
    padding: 0;
    margin: 0;
    font-size: 15px;
    margin-bottom: 20px;
    color: black;
}

.menu-content li:not(.clearfix) {
    width: 50%;
    display: inline-block;
    float: right;
}

.menu-content li a {
    padding: 5px;
    display: flex;
    align-items: center;
    text-decoration: none;
    position: relative;
    padding-right: 35px;
    color: #444444;
}

    .menu-content li a:hover {
        color: black;
        background: #f4f4f4;
    }

.menu-content li i {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.dpx-accordion-menu.cpanel-menu .current-page > a,
.dpx-accordion-menu.cpanel-menu [data-tabs="tabs"] li.active a {
    border-right: 3px solid var(--current-theme-color);
}

.user-profile-menu .dpx-switch input:checked ~ label:before {
    background: var(--current-theme-color);
}


.top_nav .nav > li > a:hover {
    background: var(--current-brand-theme-color);
    color: #fff !important;
}

    .top_nav .nav > li > a:hover > i {
        color: #fff !important;
    }

#SignOut {
    position: absolute;
    margin: 0;
    padding: 10px;
    color: #fff;
    text-align: center;
    justify-content: center;
    border-radius: 5px;
    left: 0;
    font-size: 18px;
}

/*#SignOut .tooltip {
        width: auto;
    }

        #SignOut .tooltip .tooltip-inner {
            background: #fff;
            border-color: #fff;
        }

        #SignOut .tooltip.bottom .tooltip-arrow {
            border-bottom-color: #fff;
        }*/

.user-panel-close {
    position: absolute;
    padding: 10px 15px;
    line-height: 0;
    font-size: 22px;
    color: #fff;
}

    .user-panel-close:hover,
    #SignOut:hover {
        color: #ffffff;
        text-shadow: 0 0 4px #ffffff;
    }



.top_nav .navbar-right > li > a i,
.top_nav .navbar-ellipse > li > a i {
    color: var(--current-theme-dark-color) !important;
}


.dpx-notify-menu-card-container .nav.nav-tabs {
}

.dpx-notify-menu-card-container ul.nav.nav-tabs li {
    width: 50%;
}

    .dpx-notify-menu-card-container ul.nav.nav-tabs li a {
        border-radius: 0;
    }

.dpx-notify-menu-card-container .tab-content {
    height: calc(100% - 45px);
    background: none;
}

    .dpx-notify-menu-card-container .tab-content .tab-pane {
        height: 100%;
    }

.nav-sm:not(.dpx-mobile-mode) .dpx-push-menu > ul > li > a span {
    position: absolute;
    right: 100%;
    width: auto;
    background: var(--current-theme-dark-color);
    opacity: 0;
    border-radius: 2px;
    white-space: nowrap;
    padding: 5px;
    margin-right: 5px;
    transition: opacity 0.3s;
    pointer-events: none;
    border-radius: 3px;
}

/*.nav-sm:not(.dpx-mobile-mode) .dpx-push-menu > ul > li > a span {
    position: absolute;
    right: 100%;
    width: auto;
    opacity: 0;
    border-radius: 2px;
    white-space: nowrap;
    padding: 5px;
    margin-right: 5px;
    transition: opacity 0.3s;
    pointer-events: none;
    border-radius: 3px;
}*/
.nav-sm .dpx-push-menu > ul > li > a:hover span {
    opacity: .9;
}

.dpx-notify-menu-card-container .nav.nav-tabs li > a {
    background-color: #fff;
    border: none;
    border-bottom: 2px solid #ddd;
}

.dpx-notify-menu-card-container .nav.nav-tabs li.active > a {
    border-bottom: 2px solid var(--current-theme-dark-color) !important;
}

.dpx-notify-menu-card-container .nav.nav-tabs li > a:hover {
    background: #fff !important;
}

.notify-card-container {
    height: calc(100% - 45px);
}

.notification-card-container,
.reminder-card-container {
    height: 100%;
}

.profile-menu-content .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.profile-menu-content .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.profile-menu-content .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.dpx-notify-menu-card-content .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.dpx-notify-menu-card-content .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.dpx-notify-menu-card-content .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.notify-card-container .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.notify-card-container .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.notify-card-container .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.notification-detail-popover-content .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.notification-detail-popover-content .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.notification-detail-popover-content .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #48484833;
}

.notify-card-container .mCSB_scrollTools {
    left: -11px !important;
}

.help-image-div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.help-image-svg {
    position: absolute;
    margin-right: 40px;
    cursor: pointer;
}

.help-image {
    width: 140px;
    /*height: 55px;*/
    /*cursor: pointer;*/
    margin-top: -24px;
}



.helpLink ul {
    list-style-type: none;
    padding: 0px;
}

    .helpLink ul li {
        margin: 7px;
    }

        .helpLink ul li a {
            color: #2E2E2E;
        }

            .helpLink ul li a i {
                margin-left: 15px
            }



.dropdown-background-menu {
    border-radius: 5px;
    padding: 0px 4px;
    min-width: 205px !important;
}

.dpx-site-background.open i:not(.icon):last-child:before {
    content: "\f107";
}


.dpx-accordion-menu {
    background: #fff;
}



/*.dpx-panel.dpx-toolbar,
    .dpx-widget.dpx-toolbar {
        padding: 0;
        background: #f1f1f1 !important;
    }*/

.dpx-panel-title,
.dpx-widget-title {
    border-bottom: 2px solid #E6E9ED;
    padding: 1px 5px 6px;
}

.fb-form-container .dpx-panel-title {
    border-bottom: unset !important;
}

.dpx-toolbar-btn,
.custom-ribbon-button-item {
    text-align: center;
    padding: 5px;
    cursor: pointer;
    color: rgba(51, 51, 51, 1);
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: start;
    text-decoration: none !important;
}

.custom-ribbon-button-item {
    padding: 0;
    width: 100%;
}

    .custom-ribbon-button-item:last-of-type {
        border-bottom: 1px solid #dedede;
    }

.dpx-toolbar-group {
    display: flex;
    justify-content: end;
    align-items: center;
}
    .dpx-toolbar-group .loader {
        width:25px;
        height:25px;

    }
.dpx-toolbar-btn-box {
    border: none;
    background: #fff;
}

#favirate, #favirate :hover {
    background-color: #fff !important;
}

.dpx-toolbar-btn-box:hover {
    background-color: #f1f1f1;
    border-radius: 5px;
}


.dpx-toolbar-btn > i:first-child:not(.delete),
.nav-sm .dpx-push-menu > ul > li.open > div a i:first-child {
    margin-left: 5px;
    font-size: 16px !important;
}

.dpx-toolbar-btn > .delete {
    margin-left: 5px;
    font-size: 18px !important;
}

button:not(:disabled) .dpx-toolbar-btn > i:first-child,
.nav-sm .dpx-push-menu > ul > li.open > div a i:first-child {
    color: var(--current-theme-dark-color);
}

.dpx-toolbar-btn > i.fa-ellipsis-h {
    font-size: 22px;
}


#view_DropDown {
    position: fixed;
    top: 46px;
    right: -300px;
    width: 300px;
    bottom: 0;
    border: none;
    display: block;
    transition: right 1s;
    z-index: 1430 !important;
}

#SMS_DropDown,
#Email_DropDown,
.view_DropDown,
#dashboard_DropDown {
    position: fixed;
    top: 46px;
    right: -300px;
    width: 300px;
    bottom: 0;
    border: none;
    display: block;
    transition: right 0.1s;
    z-index: 1030 !important;
}

.dpx-gridfilter-view {
    padding: 0;
    margin-left: 10px;
}

    .dpx-gridfilter-view.open #view_DropDown,
    .dpx-gridfilter-view.open #Email_DropDown #SMS_DropDown,
    .dpx-gridfilter-view.open .view_DropDown,
    .dpx-gridfilter-view.open #dashboard_DropDown,
    .dpx-gridfilter-view.open-lock #dashboard_DropDown {
        right: 60px !important;
    }

@media (max-width:990px) {
    .dpx-gridfilter-view.open #view_DropDown,
    .dpx-gridfilter-view.open #Email_DropDown #SMS_DropDown,
    .dpx-gridfilter-view.open .view_DropDown,
    .dpx-gridfilter-view.open #dashboard_DropDown,
    .dpx-gridfilter-view.open-lock #dashboard_DropDown {
        right: 0px !important;
    }
}



.dpx-panel.dpx-toolbar .dpx-gridfilter-search-box {
    width: 24px;
    height: 24px;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid transparent;
    transition: width .3s,border 1s;
}

    .dpx-panel.dpx-toolbar .dpx-gridfilter-search-box.open {
        width: 300px;
        border: 1px solid #dedede;
    }

    .dpx-panel.dpx-toolbar .dpx-gridfilter-search-box input {
        display: none !important;
        margin-bottom: 0 !important;
        border: 1px solid transparent;
        border-radius: 0 5px 5px 0 !important;
        height: 22px;
        transition: all .3s;
        border-left: none !important;
    }

    .dpx-panel.dpx-toolbar .dpx-gridfilter-search-box.open input.form-control {
        display: block !important;
        border: none !important;
        border-left: none !important;
    }

    .dpx-panel.dpx-toolbar .dpx-gridfilter-search-box .btn-searchbox {
        width: 24px;
        height: 100%;
        border-radius: 5px 0 0 5px !important;
        background: none !important;
        color: black;
        border-color: transparent !important;
        padding: 0 !important;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px !important;
        box-shadow: none;
        transition: all .3s;
    }

        .dpx-panel.dpx-toolbar .dpx-gridfilter-search-box .btn-searchbox i {
            top: inherit !important;
            user-select: none;
            pointer-events: none;
        }

    .dpx-panel.dpx-toolbar .dpx-gridfilter-search-box .input-group {
        height: 100%;
    }

    .dpx-panel.dpx-toolbar .dpx-gridfilter-search-box.open .btn-searchbox {
        /*border-color: #dedede !important;*/
        border-right: none;
        color: #000;
    }

    .dpx-panel.dpx-toolbar .dpx-gridfilter-search-box .btn-searchbox {
        pointer-events: none;
    }

    .dpx-panel.dpx-toolbar .dpx-gridfilter-search-box.open .btn-searchbox {
        pointer-events: all;
    }

    .dpx-panel.dpx-toolbar .dpx-gridfilter-search-box .input-group-btn {
        cursor: pointer;
    }


.dpx-panel.dpx-toolbar .dpx-gridfilter,
.dpx-panel.dpx-toolbar .dpx-ribbon-button-box {
    display: inline-flex;
    align-items: center;
    margin-bottom: 0;
    height: 100%;
    float: right;
    position: relative;
    justify-content: flex-end;
}

[role="dpx-ribbon-list"] > div + div:not(.grid-search-box),
[role='dpx-ribbon-addeditform'] > div + div:not(.grid-search-box) {
    margin-right: 15px;
}

    [role="dpx-ribbon-list"] > div + div:not(.grid-search-box):before,
    [role='dpx-ribbon-addeditform'] > div + div:not(.grid-search-box):before {
        content: "";
        position: absolute;
        right: -16px;
        top: 0;
        bottom: 0;
        background: #dedede;
        width: 1px;
        margin: 8px;
    }

.dpx-panel.dpx-toolbar .dpx-gridfilter.grid-search-box,
.dpx-panel.dpx-toolbar .dpx-gridfilter.view-button-box {
    float: left;
    border-left: none;
}

.dpx-panel.dpx-toolbar .dpx-switch-grid {
    display: inline-block;
    width: 75px;
    height: 25px;
    border-radius: 5px;
    border: 1px solid #dedede;
    margin-right: 5px;
}

    .dpx-panel.dpx-toolbar .dpx-switch-grid input {
        display: none;
    }

    .dpx-panel.dpx-toolbar .dpx-switch-grid label {
        width: 100%;
        height: 100%;
        cursor: pointer;
        margin-bottom: 0;
        position: relative;
        display: flex;
        justify-content: space-around;
    }

        .dpx-panel.dpx-toolbar .dpx-switch-grid label i {
            width: 50%;
            height: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1;
            color: #000;
        }

            .dpx-panel.dpx-toolbar .dpx-switch-grid label i:first-child {
                right: 0;
            }

            .dpx-panel.dpx-toolbar .dpx-switch-grid label i:last-of-type {
                left: 0;
            }

        .dpx-panel.dpx-toolbar .dpx-switch-grid label span {
            display: inline-block;
            position: absolute;
            width: 24px;
            height: 24px;
            top: 0;
            right: 0;
            transition: all .3s;
        }

            .dpx-panel.dpx-toolbar .dpx-switch-grid label span:before {
                content: "";
                display: inline-block;
                position: absolute;
                width: 19px;
                height: 19px;
                background: var(--current-theme-dark-color);
                border-radius: 3px;
                top: 2px;
                right: 2px;
            }

    .dpx-panel.dpx-toolbar .dpx-switch-grid input:checked:not(.map) ~ label span {
        right: 24px;
    }

    .dpx-panel.dpx-toolbar .dpx-switch-grid input.map ~ label span {
        right: 49px;
    }

    .dpx-panel.dpx-toolbar .dpx-switch-grid input:not(:checked,.map) ~ label i:first-child {
        color: #fff;
    }

    .dpx-panel.dpx-toolbar .dpx-switch-grid input:checked:not(.map) ~ label i:nth-child(2) {
        color: #fff;
    }

    .dpx-panel.dpx-toolbar .dpx-switch-grid input.map ~ label i:last-child {
        color: #fff;
    }

[role="dpx-ribbon-list"],
[role='dpx-ribbon-addeditform'] {
    height: 40px;
    padding: 0 10px;
}

.dpx-gridfilter-view a i.dpx-grid-filter-edit {
    display: inline-block;
    width: 20px;
    height: 16px;
    color: #0e0e0e;
    font-size: 15px;
    margin-left: 10px;
    opacity: .3;
    transition: all .3s;
}

.dpx-gridfilter-view > a:hover .dpx-grid-filter-edit {
    color: #000 !important;
    opacity: 1;
}

.dpx-gridfilter-view > a.filtered .dpx-grid-filter-edit {
    opacity: 1;
}

.dpx-toolbar .dropdown-menu .dpx-toolbar-btn > i:first-child,
.nav-sm .dpx-push-menu > ul > li.open > div a i:first-child {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.grid-search-box + div:last-child {
    margin: 0 !important;
}

    .grid-search-box + div:last-child:before {
        display: none;
    }

.dpx-panel.dpx-toolbar {
    width: 100%;
    right: 0;
    padding: 0;
    border: 1px solid #d0d0d0;
}
/*.dpx-panel.dpx-toolbar + * {
    margin-top: 41px;
}*/


.dpx-gridfilter-dropdown-label {
    background: white;
    padding: 10px;
    font-size: 14px;
    border-bottom: 2px solid #e5e5e5;
    color: black;
}

#NewViewBtn,
#NewDashboardBtn {
    text-align: center;
    padding: 10px;
    margin-top: 20px;
}

a.dpx-menu-newItem {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px !important;
    color: #fff !important;
    border-radius: 5px;
}

/*#region GridFilter */

.dpx-gridfilter {
    /*margin-bottom: 10px;*/
}

.dpx-gridfilter-view {
    padding: 4px;
}

    .dpx-gridfilter-view a span#ViewName, .dpx-fb-attr-name {
        font-size: 1.10em;
        /*width: 125px !important;*/
    }

    .dpx-gridfilter-view a:not(.dpx-menu-newItem) span {
        padding: 0 12px 0 10px;
        width: 100%;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 550px;
    }

.dpx-fb-attr-menu ul li a span {
    width: 100%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dpx-gridfilter-view a i {
    font-size: 17px;
}

.dpx-gridfilter-view ul.dropdown-menu, .dpx-gridfilter-filter .dropdown-menu {
    border-radius: 0;
    background-color: white !important;
}

    .dpx-gridfilter-view ul.dropdown-menu .seprator, .dpx-gridfilter-filter .dropdown-menu .seprator {
        border-top: 1px solid #e4e4e4;
    }

#addNew .dpx-toolbar-btn .dropdown-menu {
    max-width: 400px;
    left: inherit !important;
    width: fit-content !important;
}

    #addNew .dpx-toolbar-btn .dropdown-menu .dpx-toolbar-btn span {
        max-width: 100% !important;
    }

.dpx-gridfilter-search {
}

.dpx-gridfilter-filter {
    padding: 1px;
    font-size: 20px;
    width: 40px;
}

.ltrDirection {
    text-align: left !important;
    direction: ltr !important;
}


ul.dpx-gridfilter-view-box li a {
    display: flex;
    padding: 10px 25px 10px 10px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #181717;
    white-space: nowrap;
    align-items: center;
    text-decoration: none;
}

ul.dpx-gridfilter-view-box a {
    width: 100%;
    display: inline-block;
}

ul.dpx-gridfilter-view-box a {
    cursor: pointer;
}

ul.dpx-gridfilter-view-box li a:hover {
    background-color: #ebeff3 !important;
}

ul.dpx-gridfilter-view-box li a.active {
    /*background: var(--current-theme-alpha-210) !important;*/
    background: #c9c8c8;
    color: #000;
}
/*#endregion */
.search-view-box {
    position: relative;
    padding: 5px;
}

.search-view-input {
    width: 100%;
    padding: 3px;
    border: 1px solid #dedede;
    border-radius: 5px;
    padding-left: 25px;
}

.search-view-box i {
    position: absolute;
    left: 6px;
    padding: 6px 10px;
    font-size: 15px;
    color: #d0d0d0;
    display: none;
    cursor: pointer;
}

.search-view-box.filtered i {
    display: inline-block;
}

.dpx-kanban-option-setting {
    display: inline-flex;
    height: 25px;
    border-radius: 5px;
    margin-right: 5px;
    align-items: center;
    color: var(--current-theme-dark-color) !important;
    font-size: 15px;
    padding: 5px;
    text-decoration: none !important;
}




/*BACKGROUND COLOR*/
.dropdown-menu > li > a:hover,
.dropdown-menu > a:hover,
.dropdown-menu > button:hover {
    background-color: #ebeff3 !important;
    color: #333;
}









.child-menu nav,
.child-menu ul {
    height: 100%;
}

.pushed-hidden {
    display: none !important;
}



#TimeOnStatus .dpx-pointer-rtl,
#TimeOnItStaff .dpx-pointer-rtl {
    background: var(--current-theme-dark-color);
    color: #fff;
}

    #TimeOnStatus .dpx-pointer-rtl:first-child:before,
    #TimeOnStatus .dpx-pointer-rtl:after,
    #TimeOnStatus .dpx-pointer-rtl:last-child:after,
    #TimeOnStatus .dpx-pointer-rtl:first-child:hover:before,
    #TimeOnItStaff .dpx-pointer-rtl.active:first-child:before,
    #TimeOnItStaff .dpx-pointer-rtl:first-child:before,
    #TimeOnItStaff .dpx-pointer-rtl:last-child:after,
    #TimeOnItStaff .dpx-pointer-rtl:first-child:hover:before,
    #TimeOnItStaff .dpx-pointer-rtl:last-child:hover:after,
    #TimeOnItStaff .dpx-pointer-rtl.active:last-child:after,
    #TimeOnItStaff .dpx-pointer-rtl.active:first-child:before,
    #TimeOnStatus .dpx-pointer-rtl:last-child:hover:after,
    #TimeOnStatus .dpx-pointer-rtl.active:last-child:after {
        background: var(--current-theme-dark-color) !important;
    }

    #TimeOnItStaff .dpx-pointer-rtl:hover:after,
    #TimeOnItStaff .dpx-pointer-rtl:not(:last-child):after,
    #TimeOnItStaff .dpx-pointer-rtl:not(:last-child):after,
    #TimeOnStatus .dpx-pointer-rtl:not(:last-child):after,
    #TimeOnItStaff .dpx-pointer-rtl.active:after,
    #TimeOnStatus .dpx-pointer-rtl:hover:after,
    #TimeOnItStaff .dpx-pointer-rtl.active:after {
        border-right-color: var(--current-theme-dark-color);
    }


/*-------------------------------------------------------------------------------------------------------------------*/
.voip-header,
.voip-floating {
    background: var(--current-theme-color);
    color: #fff;
}



.menu-panel-footer {
    position: absolute;
    z-index: 1;
    bottom: 0;
    background: #ececec;
    width: 100%;
    padding: 5px;
    text-align: left;
    direction: ltr;
}


    .menu-panel-footer a {
        color: #333;
    }


[role="separator"].divider {
    border-bottom: 1px solid #ddd !important;
    margin: 5px 20px !important;
}

.title-menu-item {
    font-weight: bold;
    background: #fff !important;
    cursor: default !important;
}

ul.dropdown-menu.dropdown-new-menu li a:hover {
    background-color: #ebeff3 !important;
}

.delete-view {
    padding: 10px;
    position: absolute;
    left: 10px;
    color: orangered;
    opacity: .3;
    transition: all .3s;
}

    .delete-view:hover {
        opacity: 1;
    }

.dpx-panel.dpx-toolbar .tooltip {
    width: auto !important;
}

    .dpx-panel.dpx-toolbar .tooltip .tooltip-inner {
        color: #fff;
        background-color: rgb(42, 63, 84);
        border: 1px solid rgb(42, 63, 84);
    }

    .dpx-panel.dpx-toolbar .tooltip .tooltip-arrow {
        border-top-color: #2a3f54;
    }

#view_toggle[data-private="false"] #deleteView {
    display: none;
}



/*toolbar checkbox*/
.dpx-panel.dpx-toolbar [data-role="checkbox"] label {
    padding: 0 !important;
    margin: 0 !important;
    width: 16px;
    height: 16px;
    background: none;
    transition: all 0.3s;
}

.dpx-panel.dpx-toolbar [data-role="checkbox"] input:not(:checked) + label {
    opacity: 0.7;
}

    .dpx-panel.dpx-toolbar [data-role="checkbox"] input:not(:checked) + label:hover {
        opacity: 1;
    }

.dpx-panel.dpx-toolbar [data-role="checkbox"] label:after {
    display: none;
}

.dpx-panel.dpx-toolbar [data-role="checkbox"] label:before,
.dpx-panel.dpx-toolbar .chkShowIslockUsers[data-role="checkbox"] input:checked + label:after {
    width: auto;
    height: auto;
    top: inherit;
    border: none;
    font-family: fontawesome;
    background: none;
    font-weight: 800;
}

.dpx-panel.dpx-toolbar .ckShowMap[data-role="checkbox"] label:before {
    content: "\f605";
    font-weight: 400;
}

.dpx-panel.dpx-toolbar .ckShowMap[data-role="checkbox"] input:checked + label:before {
    content: '\f3c5';
    font-weight: 400;
}

.dpx-panel.dpx-toolbar .chkShowIsRemoved[data-role="checkbox"] label:before {
    content: '\f06e';
}

.dpx-panel.dpx-toolbar .chkShowIsRemoved[data-role="checkbox"] input:checked + label:before {
    content: "\f070";
}

.dpx-panel.dpx-toolbar .chkShowIslockUsers[data-role="checkbox"] label:before {
    content: "\f30d";
}

.dpx-panel.dpx-toolbar .chkShowIslockUsers[data-role="checkbox"] input:checked + label:after {
    content: "\f715";
    display: inline-block;
    transform: rotate(0deg);
    top: 2px;
    right: -3px;
    text-shadow: -3px 0px #fff;
}

.dpx-panel.dpx-toolbar [data-role="checkbox"] {
    width: 30px;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    float: left;
}
/* end checkbox*/

.dpx-qicksearch a {
    text-decoration: none;
}

    .dpx-qicksearch a i {
        color: var(--current-theme-dark-color);
        width: 20px;
        height: 20px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

.dpx-qicksearch .dropdown-menu a i:first-child {
    margin-left: 5px;
}

.dpx-qicksearch a.dropdown-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 37px;
    height: 35px;
    padding: 0 !important;
}

.dpx-qicksearch.select2-container--open {
    border-radius: 19px 19px 0 0 !important;
}

.select2-container[data-select2="txtQuickSearch"] .select2-dropdown {
    border-radius: 0 0 20px 20px;
}

.select2-container[data-select2="txtQuickSearch"] {
    width: calc(100% + 2px) !important;
    left: 0 !important;
    top: 100% !important;
    padding: 2px 5px 5px 5px !important;
    margin-left: -1px;
}



[data-hash-tab] a,
.nav-tabs.dpx-tabs > li[data-hash-tab]:not(.active) > a:hover {
    background-color: #fff !important;
    border: none !important;
    border-bottom: 2px solid #ddd !important;
}

[data-hash-tab].active > a {
    border-bottom: 2px solid var(--current-theme-dark-color) !important;
}

.dpx-formbuilder-relatedlist {
    padding: 0 5px;
}

    .dpx-formbuilder-relatedlist,
    .dpx-formbuilder-relatedlist .dpx-gridfilter {
        position: inherit !important;
    }

        .dpx-formbuilder-relatedlist #view_DropDown {
            position: absolute;
            top: 0;
            height: calc(100% + 62px);
            bottom: inherit;
            right: 0;
            margin: 0;
            border-radius: 0 0 5px 0 !important;
            display: none;
        }

        .dpx-formbuilder-relatedlist .dpx-gridfilter-view.open #view_DropDown {
            display: block;
            right: 0;
        }

        .dpx-formbuilder-relatedlist .dpx-gridfilter {
            height: 34px !important;
        }

.fr-placeholder {
    user-select: none;
    pointer-events: none;
}

.btn-searchbox {
    background-color: var(--current-theme-color) !important;
    border-color: var(--current-theme-dark-color) !important;
    border-radius: 5px 0 0 5px !important;
}

    .btn-searchbox:hover {
        background-color: var(--current-theme-dark-color) !important;
    }

.txt-search-grid-filter {
    border-radius: 0 5px 5px 0 !important;
}

.collapse-link {
    cursor: pointer;
}


.nav-md .app_menu {
    right: 0;
    height: 54px;
    background: none;
    padding: 0;
    border: 5px solid var(--current-theme-dark-color);
}

@media (max-width:500px) {
    .nav-md .app_menu {
        right: 0;
        height: inherit;
        background: none;
        padding: 0;
        border: 5px solid var(--current-theme-dark-color);
    }
}

.nav-md .app_menu .category-menu li {
    width: 44px;
    height: 44px;
}

.nav-md .sidebar-footer {
    bottom: calc(var(--lic-height));
}

.nav-sm.dpx-mobile-mode.dpx-body-rtl .col-md-3.left_col.menu_fixed {
    right: calc(var(--menu-sm-width) * -1);
}

.nav-sm.dpx-mobile-mode.dpx-body-rtl .main_container .top_nav {
    margin-right: 0;
}

.dpx-mobile-mode #view_DropDown,
.dpx-mobile-mode #Email_DropDown #SMS_DropDown,
.dpx-mobile-mode .view_DropDown,
.dpx-mobile-mode #dashboard_DropDown {
    right: -300px;
}

.nav-sm.dpx-mobile-mode .container.body .right_col,
.nav-md.dpx-mobile-mode .container.body .right_col {
    padding: calc(var(--menu-sm-height) + 15px) 15px 10px 15px;
}

.nav-md.dpx-mobile-mode.dpx-body-rtl .col-md-3.left_col {
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
}

body.dpx-mobile-mode .main-page-loading {
    margin: var(--menu-sm-height) 0 0 0 !important;
    left: 0 !important;
    right: 0 !important;
}

#cpanel-menu-toggle {
    position: fixed;
    width: 40px;
    height: 40px;
    bottom: 15px;
    right: 0;
    background: var(--current-theme-dark-color);
    z-index: 4000;
    border-radius: 50px 0 0 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 20px;
    text-decoration: none;
    box-shadow: 0px 0px 10px 0px #616161;
    display: none;
}

a#cpanel-menu-toggle:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: -10px;
    right: 0;
    border-left: 5px solid transparent;
    border-top: 5px solid transparent;
    border-bottom: 3px solid var(--current-theme-dark-color);
}

a#cpanel-menu-toggle:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: -10px;
    right: 0;
    border-left: 5px solid transparent;
    border-top: 3px solid var(--current-theme-dark-color);
    border-bottom: 5px solid transparent;
}

@media (max-width:742px) {
    .top_nav .navbar-ellipse > li > a {
        min-width: calc(var(--menu-sm-height) - 5px);
    }

    #UserAddNewButton_Show {
        font-size: 16px !important;
        background-color: inherit !important;
        min-width: inherit !important;
        margin-top: inherit !important;
        color: var(--current-theme-dark-color) !important;
        border-radius: 0 !important;
        margin-top: 0 !important;
        border: 0 !important;
        margin-left: 0 !important;
    }

    #StartUpMenuBtn {
        display: none !important;
    }

    #UserAddNewButton_Show span {
        display: none;
    }

    .user-profile-menu {
        width: 100%;
        left: -100%;
    }

    .dpx-notify-menu {
        width: calc(100% - 15px);
        left: calc((100% - 15px) * -1)
    }

    .navbar-right.open_search_box .navbar-ellipse {
        display: none;
    }

    .navbar-right.open_search_box .quick_search_box.open {
        width: 100%;
    }

    .quick_search_box {
        transition: none !important;
    }

        .quick_search_box.open {
            transition: width 500ms !important;
        }

    .dpx-panel.dpx-toolbar.open_view_search .dpx-gridfilter.grid-search-box.dpx-gridfilter-search {
        width: calc(100% - -20px);
    }

    .dpx-panel.dpx-toolbar.open_view_search .dpx-gridfilter-search-box.open {
        width: 100%;
    }

    .dpx-panel.dpx-toolbar.open_view_search #gridfilterHolder,
    .dpx-panel.dpx-toolbar.open_view_search .dpx-ribbon-button-box {
        display: none;
    }

    #JQTimeScheduleDiv {
        overflow-x: auto;
    }

    table.dpx-f-clauses {
        min-width: 800px;
    }

    .dpx-filter {
        overflow-x: scroll;
    }

    .col-md-11.col-sm-11 + .col-md-1.col-sm-1 div {
        margin-right: inherit !important;
        margin-top: inherit !important;
    }

    .ui-draggable-handle {
        -ms-touch-action: inherit !important;
        touch-action: inherit !important;
    }
}

@media (max-width:412px) {
    .dpx-panel.dpx-toolbar .dpx-gridfilter-view {
        min-width: 140px;
    }

    #DashboardNameBox {
        max-width: 110px;
    }
}

.dpx-mobile-mode .dpx-gridfilter-view.open #view_DropDown,
.dpx-mobile-mode .dpx-gridfilter-view.open #Email_DropDown #SMS_DropDown,
.dpx-mobile-mode .dpx-gridfilter-view.open .view_DropDown,
.dpx-mobile-mode .dpx-gridfilter-view.open #dashboard_DropDown {
    right: 0px;
}

.dpx-mobile-mode .dpx-gridfilter-view:not(.open) #view_DropDown,
.dpx-mobile-mode .dpx-gridfilter-view:not(.open) #Email_DropDown #SMS_DropDown,
.dpx-mobile-mode .dpx-gridfilter-view:not(.open) .view_DropDown,
.dpx-mobile-mode .dpx-gridfilter-view:not(.open) #dashboard_DropDown {
    box-shadow: none;
}

.dpx-notify-menu.open {
    box-shadow: 1px 0 10px #0000004f;
}

.nav-sm.dpx-mobile-mode .container.body .col-md-3.left_col {
    width: 0;
}

.nav-md.dpx-mobile-mode #app_toggle {
    display: none;
}

.nav-md.dpx-mobile-mode .app_menu {
    display: block;
    position: relative;
    top: 0;
}

.nav-md.dpx-mobile-mode .sidebar-footer {
    display: flex;
    flex-direction: column-reverse;
}

.product-note-box {
    position: relative;
    margin-top: 4px;
    min-height: 22px;
    max-height: 70px;
}

    .product-note-box label,
    .product-note-box textarea {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        display: block;
        padding: 5px;
    }

    .product-note-box label {
        z-index: 1;
        display: block;
        white-space: pre-wrap;
        border: 1px solid transparent;
        height: 22px;
    }

        .product-note-box label:not(.dpx-link) {
            color: #aaa;
            cursor: pointer;
        }

        .product-note-box label.dpx-link {
            font-size: 12px;
        }

        .product-note-box label.link {
        }

    .product-note-box textarea {
        display: none;
        outline: none;
        border-radius: 5px;
        border: 1px solid #dedede;
        resize: none;
        height: 70px;
    }

    .product-note-box.editing label {
        display: none;
    }

    .product-note-box.editing textarea {
        display: block;
    }

    .product-note-box.large-mode {
        height: 70px !important;
    }

    .product-note-box.small-mode {
        height: 22px !important;
    }

.modal-dialog:not(.slideInLeft):not(.slideInRight) {
    margin: 10px auto !important;
}


.dpx-mobile-mode.nav-md .fotter_title {
    width: 100%;
}

.dpx-mobile-mode #cpanel-menu {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    right: -250px;
    z-index: 5002;
    background: #fff;
    padding: 15px;
    overflow-x: auto;
    /*transition: all .3s;*/
}

body.dpx-mobile-mode.cpanel-open #cpanel-menu-toggle {
    display: flex;
}

.dpx-mobile-mode #cpanel-menu.open {
    right: 0;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
}

body.dpx-mobile-mode.cpanel-open #dpx-main[role='main'] {
    width: 100%;
}

.nav-md .dpx-push-menu > ul > li a:hover {
    background-color: #0000000d;
}

.nav-md .title-menu-box {
    display: none;
}

.nav-md .nav_title {
    display: flex;
    justify-content: center;
}

#fb-FieldContainer,
#fb-ListContainer {
    max-height: 350px;
    overflow-y: auto;
}

.dpx-mobile-mode div#itstaff-content.dpx-widget .dpx-widget-content {
    overflow-x: auto;
}

.nav-md.dpx-mobile-mode .app_menu {
    width: 100%;
}

.nav-md.dpx-mobile-mode ul.category-menu {
    background: var(--current-theme-dark-color);
    border-radius: 0;
}

.tree-control.position-top {
    border-radius: 0 0 5px 5px;
}

.tree-control.position-bottom {
    border-radius: 5px 5px 0 0;
}

.tree-input-select {
    width: 100%;
    text-align: right;
    background-color: #fff;
    border: 1px solid #e6e9ed;
    height: 25px !important;
}

.tree-select-arrow {
    border-color: #999 transparent transparent transparent;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    height: 0;
    left: 0;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.dpx-map-control,
div.dpx-viewmode:not(.dpx-editor2).dpx-map-control {
    min-height: 200px !important;
    border: 1px solid #efefef !important;
    border-radius: 5px;
    cursor: default;
}

/*نقشه در سطر تک ستونه*/
.fb-fieldtypecontainer.col-md-10.col-sm-10 > .fb-editor > .dpx-map-control,
.fb-fieldtypecontainer.col-md-12.col-sm-12 > .fb-editor > .dpx-map-control {
    min-height: 395px !Important;
    width: 97% !important;
    border: 1px solid #efefef !important;
    border-radius: 5px;
}

/*نقشه در سطر دو ستونه*/
.col-md-6.col-sm-6 .row .fb-fieldtypecontainer.col-md-12.col-sm-12 > .fb-editor > .dpx-map-control {
    width: 100%;
}

.dpx-toggle-read.read,
.dpx-toggle-read.unread {
    width: 5px;
    display: inline-block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 1px;
    transition: all .1s;
}

.dpx-toggle-read.read {
    /*background: var(--current-theme-alpha-510);*/
}

.dpx-toggle-read.unread {
    background: var(--current-theme-color);
    width: 5px;
}

.dpx-toggle-read.read:hover {
    background: var(--current-theme-alpha-510);
    width: 10px;
}

.dpx-toggle-read.unread:hover {
    width: 10px;
}


.dpx-map-container {
    padding: 10px;
    width: 100%;
    font-family: 'IranSansWeb';
    pointer-events: none;
}

.dpx-map-search {
    padding: 8px;
    border: 1px solid #c5c5c5;
    border-radius: 5px;
    width: 100%;
    transition: all .3s;
    pointer-events: all;
}


.dpx-map-button {
    cursor: pointer;
    user-select: none;
    border-radius: 2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    background: none rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    font-size: large;
    color: #666666 !important;
    text-decoration: none !important;
    border: 0px;
    pointer-events: all;
}

    .dpx-map-button:hover {
        color: #252525 !important;
    }

.dpx-map-search-overly {
    right: inherit !important;
}

.dpx-map-container.open {
    z-index: 2 !important;
    width: 100%;
}

.pac-container {
    z-index: 5002 !important;
}

    .pac-container .pac-item {
        text-align: right;
        font-family: 'IranSansWeb';
    }

button:not(.close):not(.dropdown-toggle):not(.dpx-notify-alert-close-button).dpx-map-button,
button:not(.close):not(.dropdown-toggle):not(.dpx-notify-alert-close-button).gm-fullscreen-control {
    font-size: medium !important;
}

.gm-fullscreen-control {
    height: 30px !important;
    width: 30px !important;
}

.dpx-map-search-container {
    margin-top: 5px;
}

.dpx-map-control.dpx-viewmode.dpx-mapedit-mode {
    z-index: 5002;
}

.dpx-map-control.dpx-viewmode:not(.dpx-mapedit-mode) .dpx-map-search-button {
    visibility: hidden;
}

.dpx-map-control.dpx-viewmode.dpx-mapedit-mode .dpx-map-search-button {
    visibility: visible;
}

.dpx-notify-menu-card-content-label-item {
    height: 5px;
    margin: 0px;
}

/*#PrivateNotificationList div[role="grid"] div[role="row"] {
    margin: 5px;
    background-color: white;
    border: 1px solid transparent;
    box-shadow: 0px 0px 5px 0px #b0b0b0;
}

    #PrivateNotificationList div[role="grid"] div[role="row"] div[role="gridcell"]:not(.jqx-grid-cell-selected) {
        border: 1px solid #dedede;
        border-color: transparent !important;
        background-color: #fff !important;
        box-sizing: border-box !important;
    }*/
/*#PrivateNotificationList div[role="grid"],
#PrivateNotificationList div[role="grid"] #contenttablegrid,
#PrivateNotificationList div[role="grid"] .jqx-overflow-hidden,
#PrivateNotificationList div[role="grid"] .jqx-grid-content {
    overflow: inherit !important;
}*/
.user-notification-list-popover {
    width: 270px;
}

    .user-notification-list-popover ul {
        margin: 0;
        list-style: none;
        padding: 0;
        max-height: 210px;
        overflow-y: auto;
    }

        .user-notification-list-popover ul li {
            padding: 5px;
        }

            .user-notification-list-popover ul li:not(:last-child) {
                border-bottom: 1px solid #dedede;
            }

.notification-label-item,
.notification-console-label-item {
    height: 40px;
    display: inline-block;
    width: 100%;
    opacity: .4;
}

.dpx-grid-custom-filter {
    position: fixed;
    top: 46px;
    left: -350px;
    width: 350px;
    bottom: 0;
    border: none;
    display: block;
    transition: left 0.1s;
    background: white;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    z-index: 2 !important;
    padding: 15px;
}

    .dpx-grid-custom-filter.open {
        left: 0;
    }

#grid-custom-filter {
    width: 30px;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    float: left;
    text-decoration: none;
}

    #grid-custom-filter i {
        pointer-events: none;
    }

.notification-label-item:after,
.notification-console-label-item:after {
    content: "";
    display: inline-block;
    background: inherit;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.notification-label-item:checked:after,
.notification-console-label-item:checked:after {
    border: 1px solid #000;
}



.notification-showlabel-item {
    height: 20px;
    display: inline-block;
    width: 12%;
    margin-left: 2px;
    margin-top: 10px;
}

    .notification-showlabel-item:after {
        content: "";
        display: inline-block;
        background: inherit;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

.notification-label-item:checked,
.notification-console-label-item:checked {
    opacity: 1;
}

.notification-color-popover {
    width: 250px;
}

    .notification-color-popover .notification-label-item,
    .notification-color-popover .notification-console-label-item {
        height: 25px;
        margin: 0;
    }

    .notification-color-popover hr {
        margin: 5px;
    }

[data-select2="selectLabelSelect"] li.select2-results__option--highlighted {
    background: #f1f1f1 !important;
}

.jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
    background-image: none !important;
}

    .jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl:after {
        content: "\f110";
        font-family: 'FontAwesome';
        font-weight: 900;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
    }

.dpx-notify-menu-card-footer-icon a {
    margin-left: 4px;
    opacity: 0.4;
}

    .dpx-notify-menu-card-footer-icon a:hover {
        opacity: 1;
    }

.notification-tooltip {
    width: auto !important;
}

.show {
    width: 100%;
    height: 300px;
    text-align: center;
}

#show-img {
    width: 100%;
    height: 100%;
}

.small-img {
    width: 100%;
    height: 70px;
    margin-top: 10px;
    position: relative;
    left: 0;
}

    .small-img .icon-right,
    .small-img .icon-left,
    .fb-slide-small-img .icon-right,
    .fb-slide-small-img .icon-left {
        font-size: 32px;
    }

    .small-img .icon-left, .small-img .icon-right,
    .fb-slide-small-img .icon-right,
    .fb-slide-small-img .icon-left {
        width: 12px;
        height: 24px;
        cursor: pointer;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        z-index: 1;
    }

    .small-img .icon-right,
    .fb-slide-small-img .icon-right,
    .fb-slide-small-img .icon-left {
        right: 0;
    }

        .small-img .icon-left:hover, .small-img .icon-right:hover
        .fb-slide-small-img .icon-right:hover,
        .fb-slide-small-img .icon-left:hover {
            opacity: .5;
        }

.small-container {
    /*width: 93%;
    height: 70px;*/
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: inline-flex;
    /*justify-content: center;*/
    margin: 0 20px;
}

    .small-container div {
        width: auto;
        position: relative;
        /*width: 50%;*/
        text-align: center;
        display: flex;
    }

.show-small-img {
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.small-container .show-small-img {
    width: 150px;
    height: 85px;
    margin-right: 6px;
    cursor: pointer;
    float: left;
}


    .small-container .show-small-img:last-of-type,
    .fb-slide-small-container .fb-slide-show-small-img:last-of-type {
        margin-right: 0;
    }

.slide-thumb-hover {
    border: solid 1px #951b25;
    padding: 0px;
}


.slide-actoins {
    position: absolute !important;
    left: 5px;
    bottom: 0;
    opacity: 0;
    transition: 1s ease-in;
}

.show-small-img:hover .slide-actoins,
.fb-slide-show-small-img:hover .slide-actoins {
    opacity: 1;
    -webkit-transform: translate(4em,0);
    /*left:calc(100%-20px);*/
}

.in.input-file-container {
    position: relative;
}

input-file-container input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}

/*#region RuleCondition */



.dpx-rule-start {
    width: 90px;
    height: 90px;
    border: 1px solid var(--current-theme-color);
    border-radius: 50%;
    text-align: center;
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--current-theme-dark-color);
    color: #fff;
}

.m-0 {
    margin: 0 !important;
}

.mr-60 {
    margin-right: 60px;
}

.mr-55 {
    margin-right: 55px;
}

.mt-60 {
    margin-top: 60px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-20 {
    padding-bottom: 20px;
}

.ml-50 {
    margin-left: 50px;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.mb-10 {
    margin-bottom: 10px;
}

.mr-70 {
    margin-right: 70px;
}

.dpx-rule-div {
    float: right;
    min-width: 200px;
    max-width: 200px;
    border: 1px solid #dedede;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    background: #fff;
    position: relative;
}

.dpx-rule-container {
    /*background-image: url(../../../Resources/Dana/site/images/7.png) !important;*/
    min-height: 500px;
    padding: 15px;
}

    .dpx-rule-container * {
        user-select: none;
    }

.dpx-rule-top {
    position: relative;
    float: right;
    width: 100%;
    z-index: 0;
}

    .dpx-rule-top:after {
        content: "";
        height: 100%;
        position: absolute;
        right: 100px;
        top: 0;
        border-right: 1px solid var(--current-theme-dark-color);
        z-index: -1;
    }

.Settings-tooltip {
    width: auto !important;
}

.new-condition-popover .tt-menu {
    text-align: left;
}

.new-condition-popover {
    max-width: 600px;
    min-width: 600px;
    /*left: inherit !important;
    right: 0;
    top: 100% !important;*/
    left: auto !important;
    margin-top: 20px !important;
}

@media (max-width:650px) {
    .new-condition-popover {
        max-width: 300px;
        min-width: 300px;
        /*left: inherit !important;
    right: 0;
    top: 100% !important;*/
        left: auto !important;
        margin-top: 20px !important;
    }
}

.new-condition-popover .arrow {
    left: inherit !important;
    right: 100px !important;
}

.new-condition-popover table {
    margin-bottom: 0;
}

.dpx-rule-condition {
    display: inline-block;
    width: 100%;
    position: relative;
    /*z-index: 1;*/
}

.dpx-rule-condition-container {
    float: right;
    width: 100%;
    display: inline-block;
}

.moreopt-button {
    position: absolute;
    top: 5px;
    left: 10px;
    transition: .2s opacity;
    display: inline-block;
    opacity: 0;
    font-size: 1.4em;
    width: 20px;
    height: 20px;
    margin-left: -5px;
}

.dpx-rule-div:hover .condition-moreopt,
.dpx-rule-div .condition-moreopt[aria-describedby] {
    opacity: 1;
}

.moreopt-button:hover {
    background: #f7f7f7;
    border-radius: 50%;
}

.dpx-condition-container {
    position: relative;
    min-width: 20%;
    vertical-align: top;
    display: inline-block;
    white-space: nowrap;
}

.dpx-rule-condition:not(:last-child):before {
    content: "";
    height: 100%;
    position: absolute;
    right: 100px;
    top: 0;
    border-right: 1px solid var(--current-theme-dark-color);
    /*z-index: -1;*/
}

.dpx-rule-operatorval {
    overflow: hidden;
    text-overflow: ellipsis;
}

.baseType-4 .dpx-rule-operatorval {
    direction: ltr;
}

.dpx-rule-branch-container {
    min-width: 20%;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.dpx-rule-branch .dpx-condition-div {
    padding: 7px 9px;
}

.round-corner {
    width: 30px;
    height: 30px;
    min-width: 30px;
    padding: 0;
    margin: 0 95px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dpx-rule-add-branch.round-corner {
    margin-left: 0;
    margin-right: 0
}

.dpx-rule-condition-edit {
    margin-top: 5px;
}


.dpx-condition-container:after {
    content: "";
    position: absolute;
    right: 0;
    top: 19px;
    border-bottom: 1px solid var(--current-theme-dark-color);
    z-index: -1;
    width: 100%;
}

.dpx-rule-action-container {
    display: inline-block;
}

.dpx-rule-act-div {
    padding: 0;
}

.dpx-rule-add-action {
    padding: 5px 10px;
    text-align: right;
    width: 100%;
    position: relative;
    background: var(--current-theme-dark-color);
    border-radius: 0 0 5px 5px;
    color: #fff;
}

.dpx-rule-action-box:empty + .dpx-rule-add-action {
    border-radius: 5px;
}

.action-add {
    display: flex;
    align-items: center;
    color: #fff;
}

    .action-add:hover {
        color: #fff;
    }

    .action-add span {
        text-indent: 5px;
    }

.role-add {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dpx-rule-add-branch {
    margin-top: 3px;
}

    .dpx-rule-add-branch:after {
        content: "";
        width: 100%;
        position: absolute;
        z-index: -1;
        border-bottom: 1px solid var(--current-theme-dark-color);
        right: -21px;
    }

.dpx-rule-branch {
    position: relative;
}

    .dpx-rule-branch:not(:first-child):after {
        content: "";
        width: 100%;
        position: absolute;
        z-index: -1;
        border-bottom: 1px solid var(--current-theme-dark-color);
        right: -21px;
        top: 19px;
    }

    .dpx-rule-branch:not(:last-of-type):before {
        content: "";
        height: 100%;
        position: absolute;
        z-index: -1;
        border-right: 1px solid var(--current-theme-dark-color);
        right: -21px;
        top: 19px;
    }

.newdownstep:after {
    content: "";
}

.fb-sett-dropdown.rule-action-dropdown .fb-sett-dropdown-item.indent a {
    padding: 5px 5px 5px 5px;
}

.fb-popover.rule-action-popover {
    margin-left: 30px;
}

    .fb-popover.rule-action-popover .arrow {
        /*left: inherit !important;
        right: 50px !important;*/
    }

.dpx-rule-modal .modal-header {
    padding: 0;
}

    .dpx-rule-modal .modal-header button.close {
        position: relative;
        top: 15px;
        left: 15px;
    }

.dpx-rule-modal .tab-content {
    border-width: 0;
    border-color: inherit;
    border-style: none;
    padding: 0;
    background: inherit;
}

.condition-filter .dpx-f-field {
    max-width: inherit !important;
    width: 30%;
}

.condition-filter .dpx-f-operator {
    max-width: inherit !important;
    width: 15%;
}

.dpx-f-value[disabled] {
    opacity: .65;
    cursor: not-allowed;
}

    .dpx-f-value[disabled] * {
        pointer-events: none;
    }

.dpx-f-validation-span {
    background: #fff0f0;
    display: inline-block;
    width: 100%;
    padding: 5px;
    border-radius: 5px;
    color: #ff0000;
    border: 1px solid #ffd6d6;
}

[data-select2="ShowFieldSelect"] .select2-dropdown,
[data-select2="ShowSectionSelect"] .select2-dropdown,
[data-select2="MandatoryFieldSelect"] .select2-dropdown,
.rule-modal-backdrop ~ .select2-container .select2-dropdown {
    z-index: 5002 !important;
}

.dpx-rule-action-box {
}

.dpx-rule-action {
    padding: 5px 10px;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
}

    .dpx-rule-action:hover .action-moreopt,
    .dpx-rule-action .action-moreopt[aria-describedby] {
        opacity: 1;
    }

    .dpx-rule-action .action-moreopt:hover {
        border-radius: 50%;
    }

.dpx-rule-action-title {
    user-select: none;
}

.dpx-rule-action-title-count {
    color: #a9a9a9;
}

.dpx-condition-div:not(.round-corner) {
    box-sizing: content-box;
}

.dpx-rule-branch:after {
    content: "";
    clear: both;
    display: table;
}

.condition-edit {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}

.no-background {
    background: none;
}

.dpx-rule-condition-container > :last-child {
    margin-bottom: 200px;
}

.rule-setting-action-popover,
.rule-action-popover {
    border-radius: 5px;
}

.dpx-rule-comprator {
    pointer-events: none;
}

.rule-modal-backdrop {
    z-index: 1;
    opacity: 0.3 !important;
}

.dpx-rule-operator.mb-10:last-child {
    margin-bottom: 0;
}

.dpx-condition-div:hover .moreopt-button,
.moreopt-button[aria-describedby] {
    opacity: 1;
}

.rule-action-dropdown-item.dpx-disabled {
    opacity: 0.6;
    color: #a6a6a6;
}

.dpx-rule-operator {
    color: #a9a9a9;
}

.BaseAttribute {
    font-weight: bold;
}
/*#endregion RuleCondition*/
.fb-slide-mycontainer {
    direction: ltr;
    display: inline-flex;
    justify-content: center;
    width: 100%;
}

.fb-slide-show {
    width: 100%;
    height: 350px;
    display: flex;
    align-items: center;
}


.fb-slide-small-img {
    width: 15%;
    height: 350px;
    position: relative;
    left: 0;
    text-align: center;
    overflow: hidden;
}

    .fb-slide-small-img .icon-right,
    .fb-slide-small-img .icon-left {
        font-size: 32px;
    }

    .fb-slide-small-img .icon-left, .fb-slide-small-img .icon-right {
        position: unset;
    }

        .fb-slide-small-img .icon-right i {
            margin-top: 15px;
        }

.fb-slide-small-container {
    overflow: hidden;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    max-height: 267px;
}

    .fb-slide-small-container div {
        width: auto;
        position: relative;
        /*overflow: hidden;*/
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }



    .fb-slide-small-container .fb-slide-show-small-img {
        width: 150px;
        max-height: 85px;
        margin-right: 0px;
        cursor: pointer;
        float: left;
        margin-top: 4px;
    }

.nf-slide-show-small-img {
    width: 69px !important;
}

.zoom {
    display: flex !important;
    align-items: center;
}

    /* magnifying glass icon */
    .zoom:after {
        content: '';
        display: block;
        width: 33px;
        height: 33px;
        position: absolute;
        top: 0;
        right: 0;
        background: url(icon.png);
    }

    .zoom img {
        display: block;
    }

        .zoom img::selection {
            background-color: transparent;
        }
/* بزرگنمایی */
#myImg:hover {
    opacity: 0.7;
}

/* The Modal (background) */
#myModal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 5002; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
#img01 {
    margin: auto;
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    /*max-width: 700px;*/
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
#img01, #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

/* The Close Button */
.zoomin-close {
    position: absolute;
    top: 5%;
    right: 85px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

    .zoomin-close:hover,
    .zoomin-close:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
    }

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
    #img01 {
        width: 100%;
    }
}
/* اتمام بزرگنمایی */

.zoomin-angle {
    position: absolute;
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
    top: 50%;
    margin-top: -24px;
}

.small-container .fb-slide-show-small-img {
    width: 69px !important;
    height: 85px;
    margin-right: 6px;
    cursor: pointer;
    float: left;
}

@media only screen and (max-width:415px) {

    .fb-slide-show {
        height: 239px
    }

    .fb-slide-small-container .fb-slide-show-small-img {
        width: 42px;
    }

    .fb-slide-small-img {
        height: 274px;
    }

    .fb-slide-small-container {
        max-height: 142px;
    }

    .small-container .show-small-img {
        width: 130px;
        height: 75px;
    }
}

.small-container .fb-slide-show-small-img {
    width: 69px !important;
    height: 85px;
    margin-right: 6px;
    cursor: pointer;
    float: left;
}

.grid-item {
    text-align: right;
    margin-right: 3px;
    height: 50px;
    margin-top: 5px;
}

.popover-notification-detail {
    max-width: 550px !important;
}

    .popover-notification-detail img {
        width: auto !important;
        height: auto !important;
        max-width: 100% !important;
        max-height: 100% !important;
    }

.notification-detail-popover-content {
    overflow: visible;
    max-height: 250px;
    position: relative;
    padding: 0 10px;
}

.dpx-notify-menu-card-content-text img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
}

.dpx-notify-menu-card-content-text {
    padding-left: 9px;
}

.privateNotificationMessage img {
    width: auto !important;
    height: auto !important;
    max-width: 79px !important;
    max-height: 92px !important;
}

.groupNotificationMessage img {
    width: auto !important;
    height: auto !important;
    max-width: 79px !important;
    max-height: 45px !important;
}

.dpx-notify-menu-card-content.mCustomScrollbar .mCSB_scrollTools_vertical {
    left: 0 !important;
}

#dvPreview {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

    #dvPreview img {
        width: auto;
        height: auto;
        max-height: 85px;
        max-width: 150px;
    }

.staffPerformanceReport-label {
    font-size: 9pt !important;
    color: gray;
}

.staffPerformanceReport-value {
    margin-top: 5px;
    margin-right: -55px
}

#btnShowFilter {
    float: left;
}

.new-condition-popover .clause-row .dpx-f-operator {
    max-width: 150px !important;
}

.new-condition-popover .popover-content {
    padding: 9px 0px !important;
}

.new-condition-popover td.dpx-f-value {
    max-width: 200px !important;
}

@media (max-width:760px) {
    /*.dpx-mobile-ribbon {
        background: none !important;
        color: #5145ff !important;
        cursor: pointer !important;
        text-decoration: underline !important;
    }*/
}

.user-pos-text {
    font-family: IranSansWebFa;
    font-size: x-small;
    color: darkgray;
    padding-right: 2px;
}

.captionLable {
    /* text-align: left;
    color: white;
    font-family: IranSansWebFa;
    font-size: small;*/
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}


.jqx-kanban-item-more {
    padding: 5px;
    text-align: center;
    background: #fff;
    margin: 2px;
    cursor: pointer;
    display: block;
}

.Zebra_Tooltip {
    background: transparent;
    /*font-family: Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;*/
}

    .Zebra_Tooltip .Zebra_Tooltip_Message {
        text-align: right !important;
        font-family: dana;
    }

    .Zebra_Tooltip .Zebra_Tooltip_Message {
        position: relative;
        font-size: inherit;
        text-align: left;
        font-weight: normal;
        line-height: inherit;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        /*-webkit-box-shadow: 2px 2px 6px rgb(0 0 0 / 60%);*/
        -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
        /*box-shadow: 2px 2px 6px rgb(0 0 0 / 60%);*/
        _width: expression(document.body.clientWidth > 250 ? '250px': 'auto');
    }

    .Zebra_Tooltip .Zebra_Tooltip_Arrow {
        position: absolute;
        height: 10px;
        width: 20px;
        overflow: hidden;
    }

    .Zebra_Tooltip .Zebra_Tooltip_Arrow_Bottom {
        bottom: 0;
    }

/*.tooltip-inner {
    background: #000;
    color: #fff;
    border-color: #000;
}*/

/*.tooltip.top .tooltip-arrow {
    border-top-color: rgb(42, 63, 84);
}*/



#NotifyIcon {
    color: var(--current-theme-color);
    /* padding: 15px;*/
    margin: 15px;
    margin-right: 0px;
}

.notifyjs-dana-info {
    width: 315px !important;
    height: 150px !important;
    white-space: normal !important;
    background-color: #f8f8f8 !important;
    border: 1px solid #dedede !important;
}

#HelpPagebtn {
    position: fixed;
    top: 95px;
    left: -15px;
    width: 30px;
    height: 30px;
    /* bottom: 40px; */
    /* right: -45px; */
    background: var(--current-theme-dark-color);
    z-index: 10;
    border-radius: 0 15px 15px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
    box-shadow: 0px 0px 10px 0px #616161;
    float: left;
    transition: all 0.2s;
    /* display: none;*/
}

#HelpPageIcon {
    margin-right: -10px;
    font-size: 14px;
    transition: all 0.2s;
}

#HelpPagebtn:hover, #HelpPagebtn:active {
    left: 0;
    transition: all 0.2s;
}

    #HelpPagebtn:hover, #HelpPagebtn:active #HelpPageIcon {
        transition: all 0.2s;
        margin-right: 0;
        font-size: 20px;
    }

.animationShow {
    transition: all 1s;
    border-radius: 100px;
    width: 100% !important;
    float: left;
    /*
    height: 130px;
    max-height: 140px;
    */
    overflow: hidden;
}

.animationClose {
    transition: all 0.3s;
    opacity: 0;
    width: 0;
    height: 0;
    float: left;
    border-radius: 0px;
    max-height: 140px;
    overflow: hidden;
}

.dpx-scrollspy.mCustomScrollbar .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(82,68,68,20%) !important;
}

.dpx-scrollspy .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.dpx-scrollspy .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(185,184,184,50%) !important;
}

/*License*/
.lic-remain-div {
    text-align: center;
    font-size: 16px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
}


.lic-remain-day-count {
    font-size: 16px;
    width: 100%;
    display: inline-block;
    padding: 8px 0 0 0;
    font-weight: 600;
}

.remain-day {
    margin: auto 15px
}

.remain-text {
    font-size: 14px;
    margin: auto 15px;

    color: #FA803B;
    font-weight: 400;
}

.lic-remain-div-item {
    text-align: center;
    position: relative;
}

.lic-remain-day-count-icon {
    font-size: 27px;
    float: right;
    position: absolute;
    right: 0;
    background: #0f3b64;
    background-color: rgb(15, 59, 100);
    padding: 9px 12px 0 12px;
    border-radius: 10px;
}

#licenseInfoContainer,
#chatLicenseInfoContainer {
    height: 233px;
    width: 333px;
    left: 15px;
    z-index: 5002;
    background-color: #0e2f4d;
    padding: 13px;
    color: rgb(228,228,228);
    position: fixed;
    bottom: 15px;
    box-shadow: 0 0 20px #0000004f;
    border-radius: 20px;
    text-align: center;
    z-index: 2147483648;
    border: 3px solid #FA803B;
}

#licenseInfoContainer-side {
    background: #E8F1FA;
    padding: 0 15px;
    color: rgb(228, 228, 228);
    bottom: 15px;
    box-shadow: 0 0 1px #0000004f;
    border-radius: 20px;
    text-align: center;
    border: 1px solid #CFE1F4;
    width: 85%;
    margin: auto;
}
/*#licenseInfoContainer,
#chatLicenseInfoContainer {
    width: 350px;
    right: 75px;
    height: 108px;
    z-index: 5002;
    background-color: #102442;
    padding: 13px;
    color: rgb(228,228,228);
    position: fixed;
    bottom: 0;
    box-shadow: 0 0 20px #0000004f;
    border-radius: 10px 10px 0 0;
    text-align: center;
    z-index: 2147483648;
}*/

.dpx-mobile-mode #licenseInfoContainer,
.dpx-mobile-mode #chatLicenseInfoContainer {
    right: 5px;
}

.lic-div {
    font-size: 0.9em;
    color: rgb(255,255,255) !important;
    text-align: center;
}
/*.lic-div {
    font-size: 0.9em;
    color: rgb(255,255,255) !important;
    margin-top: 2px;
    text-align: right;
}*/
.lic-remain-text-div {
    float: right;
}

.lic-remain-text {
    float: right;
    margin: 7px 0;
    font-size: 15px;
}

.lic-remain-count {
    color: #102442;
    font-size: 0.9em;
    margin-right: 8px;
    background-color: #fff !important;
    position: relative;
    top: 10px;
}

.lic-head {
    font-size: 15px;
    display: block;
    margin: 12px 12px 16px 12px;
    text-align: center;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    text-align: justify;
}

.lic-head-side-menu {
    font-size: 12px;
    display: block;
    margin: 20px 20px 10px 20px;
    text-align: center;
    color: gray
}

.lic-btn-container {
    position: absolute;
    bottom: 10px;
    margin: 0 auto;
    display: block;
    width: calc(100% - 26px);
    text-align: center;
    background: #0F3B64;
    border-radius: 10px;
}
/*.lic-head {
    font-size: 12px;
}*/
.lic-desc {
}
.lic-btn-holder .lic-btn.LicPriceBtn {
    border-radius: 8px;
    border: 1px solid #ffffff;
    background: transparent;
}

.lic-btn {
    background: #a9d18e;
    padding: 10px 20px;
    border-radius: 7px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

.lic-btn-holder .lic-btn {
    background: #0c48b0;
    border-radius: 7px;
    color: #fff;
    font-size: 14px;
    border-radius: 8px;
    text-align: start;
    margin-bottom: 10px;
}
.lic-btn:hover {
    color: #ebebeb;
    text-decoration: none;
    background-color: #0d2e4e;
}
.lic-btn-holder {
    display: flex;
    justify-content: space-around;
}
/*.lic-btn {
    background: #e8095b;
    padding: 10px 30px;
    border-radius: 7px;
    color: #fff;
    font-size: 0.9em;
    float: left;
}*/

#removeLicenseRibbonBtn {
    display: inline-block;
    font-size: 1.2em;
    color: rgb(228,228,228);
    position: absolute;
    top: 19px;
    left: 17px;
    background: #0f3b64;
    padding: 5px 7px 0px 7px;
    border-radius: 5px;
}

/*#removeLicenseRibbonBtn {
    display: inline-block;
    font-size: 1.2em;
    color: rgb(228,228,228);
    position: absolute;
    top: 10px;
    left: 10px;
}*/
.verify-code {
    position: relative;
    float: left;
    width: 30px;
    height: 30px;
    text-align: center;
    border: none;
    outline: none;
    margin-right: 3px;
    border-bottom: 1px solid #dedede;
}

    .verify-code:after {
        content: "";
        display: inline-block;
        position: absolute;
        width: 10px;
        height: 10px;
        background: #000;
    }

    .verify-code:empty:before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 10px;
        height: 10px;
        background: #000;
    }

@media(min-width:1024px) {
    .melk-margin {
        margin-right: 25%;
    }
}

.box-disabled {
    pointer-events: none;
    opacity: 0.3;
}

#EStateitem {
    padding: 0;
}

    #EStateitem li a {
        padding: 5px;
        text-decoration: none;
        color: #1a1a1a;
        display: inline-block;
        width: 100%;
    }

        #EStateitem li a:hover {
            padding: 5px;
            text-decoration: none;
            color: #1a1a1a;
            display: inline-block;
            background-color: #e9e9e9;
        }

    #EStateitem .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #c1c0c0;
    }

.dpx-filter-control {
    border: 1px solid #dedede;
    border-radius: 5px;
    box-shadow: none;
}

[name="dpx-filter-custom-modal"] .modal-title {
    padding: 10px;
}

.dpx-remove-filter-custom {
    width: 15px;
    display: inline-block;
    text-align: center;
    padding-top: 4px;
    position: absolute;
    top: 50%;
    margin-top: -2px;
    color: #e51d1d;
    opacity: 0;
    transition: all .3ms;
}

.clause-row:hover .dpx-remove-filter-custom {
    opacity: 1;
}

.custom-switch-button .dpx-remove-filter-custom {
    margin-top: -14px;
}

.dpx-suggestion-link-popover {
    border-radius: 5px;
}

[name="dpx-filter-custom-modal"] .select2-container--bootstrap[dir="rtl"] .select2-selection--single {
    border-radius: 5px !important;
    height: 36px !important;
    padding: 7px !important;
}


[name="dpx-filter-custom-modal"] .modal-body .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #c1c0c0;
}

#filters {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 20px;
}

.clause-row.last-grouped-field {
}

.clause-row.grouped-field {
    border-top: 1px solid #dedede;
}

.grouped-field .filter-field-label:after {
    content: "\f142";
    font-family: 'FontAwesome';
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    position: absolute;
    top: 100%;
    margin-top: -3px;
    left: 50%;
}

.filter-field-div-label {
    position: absolute;
    bottom: 100%;
    right: 0;
}

/*@media (max-width:480px) {
    div p img {
        max-width: 280px !important;
    }
}*/

@media (max-width:479.98px) {


    div.dpx-cvs-msg-item p img {
        max-width: 200px !important;
    }
}

@media (min-width: 480px) and (max-width: 575.98px) {


    div.dpx-cvs-msg-item p img {
        max-width: 400px !important;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {

    div.dpx-cvs-msg-item p img {
        max-width: 500px !important;
    }
}


@media (min-width: 768px) and (max-width: 991.98px) {

    div.dpx-cvs-msg-item p img {
        max-width: 670px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {


    div.dpx-cvs-msg-item p img {
        max-width: 700px !important;
    }
}


@media (min-width: 1200px) {

    div.dpx-cvs-msg-item p img {
        max-width: 750px !important;
    }
}

.fb-editor input:focus + .tooltip {
    display: none !important;
}

.d-flex {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-column-reverse {
    display: flex;
    flex-direction: column-reverse;
}

.gap-2 {
    gap: 1rem;
}

.gap-3 {
    gap: 1.5rem;
}

/*.dpx-dropdown-menu .dpx-dropdown-item {
    display: none;
}

.dpx-dropdown-menu:hover .dpx-dropdown-item {
    display: block;
}*/



.search-field-box {
    position: relative;
}

.search-field-input {
    width: 100%;
    padding: 3px;
    border: 1px solid #dedede;
    border-radius: 5px;
}

.search-field-box i {
    position: absolute;
    left: 6px;
    padding: 6px 10px;
    font-size: 15px;
    color: #d0d0d0;
    display: none;
    cursor: pointer;
}

.text-justify {
    text-align: justify;
}

.dpx-note-public-button {
    padding: 6px 12px;
    line-height: 1.85;
}

.btn.dpx-dropdown-btn {
    position: relative;
    min-width: 140px;
    padding-left: 25px;
    padding-right: 29px;
    font-size: 12px;
}

    .btn.dpx-dropdown-btn:before {
        content: '\f0dd';
        position: absolute;
        top: 4px;
        left: 9px;
        font-family: 'FontAwesome';
        font-weight: 900;
    }

    .btn.dpx-dropdown-btn:after {
        position: absolute;
        top: 5px;
        right: 9px;
        font-family: 'FontAwesome';
        font-weight: 900;
    }

    .btn.dpx-dropdown-btn[data-permission="public"]:after {
        content: '\f57d';
    }

    .btn.dpx-dropdown-btn[data-permission="teamworks"]:after {
        content: '\f0c0';
    }

    .btn.dpx-dropdown-btn[data-permission="mentioned"]:after {
        content: '\f1fa';
    }

body.fullScreen .top_nav.navbar-fixed-top, body.fullScreen .top_nav,
body.fullScreen .col-md-3.left_col.menu_fixed.dpx-profile-load-complete,
body.fullScreen .left_col, body.fullScreen div.top_nav.navbar-fixed-top,
body.fullScreen #NewDashboardBtn, body.fullScreen #manageFolder,
body.fullScreen #More, body.fullScreen #DashboardButtons .dropdown,
body.fullScreen i.fa.fa-wrench {
    display: none;
}

body.fullScreen #dashboardHeader {
    position: fixed;
    z-index: 1;
}

body.fullScreen .dpx-dash-grid {
    margin-top: 70px;
}

body.fullScreen #dpx-main {
    overflow-y: scroll;
    direction: rtl;
}

body.fullScreen .dpx-gridfilter-view.open #dashboard_DropDown {
    right: 0.5% !important;
}

body.fullScreen #dashboardHeader {
    width: 98%;
    margin: auto;
    margin-right: 0.5%;
    top: 0;
}

:not(:root):fullscreen::backdrop {
    background-color: transparent !important;
}

.dpx-dash-grid-container {
    display: block !important;
    min-height: 300px;
}

.dpx-cvs-container .dpx-cvs[data-source="Notes"] .tooltip {
    width: auto;
}

    .dpx-cvs-container .dpx-cvs[data-source="Notes"] .tooltip .tooltip-inner {
        min-width: 45px;
        color: #fff;
        background-color: #1e1e1e;
        border: 1px solid #1e1e1e;
    }

    .dpx-cvs-container .dpx-cvs[data-source="Notes"] .tooltip .tooltip-arrow {
        border-top-color: #1e1e1e;
    }

/* Popover tooltip */
.popover-content .tooltip .tooltip-inner {
    color: #fff;
    background-color: #1e1e1e;
    border: 1px solid #1e1e1e;
}

.popover-content .tooltip .tooltip-arrow {
    /*border-bottom-color: #1e1e1e;*/
}

.justify-space-between {
    justify-content: space-between;
}

.dpx-upload-file {
    width: 100%;
    height: 25px;
    border: 1px solid #e6e9ed;
}

.fb-form-container .fb-editor .form-action {
    width: 20px;
    text-align: center;
    text-decoration: none;
}

.fb-form-container .fb-editor .upload-file-name {
    color: #1e1e1e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


@media (max-width: 700px) {
    .fb-form-container .upload-file-name {
        max-width: 83px;
    }
}

@media (min-width: 701px) and (max-width: 1250px) {
    .fb-form-container .upload-file-name {
        max-width: 130px;
    }
}

@media (min-width: 1250px) and (max-width: 1400px) {
    .fb-form-container .upload-file-name {
        max-width: 195px;
    }
}

@media (min-width: 1400px) {
    .fb-form-container .upload-file-name {
        max-width: 235px;
    }
}

.file-action {
    display: inline-block;
    font-size: 16px;
    line-height: 0;
    padding: 6px;
}

.dpx-upload-file {
    direction: ltr;
}

.dz-upload-container {
    height: 100%;
}

.upl-down-file-action {
    float: left;
}

.upload-file-name {
    line-height: 25px;
}

.accept-file-action {
    float: right;
    color: #14b314;
}

.remove-file-action {
    float: right;
    color: lightcoral
}

.dz-upload-progress {
    display: inline-block;
    font-size: 19px;
    position: relative;
    top: 2px;
}

    .dz-upload-progress .top-menu-pie-wrapper {
        display: inline-block;
    }

.upl-down-file-icon {
    position: relative;
    float: left;
    padding: 0 2px;
    width: 25px;
    height: 100%;
}

    .upl-down-file-icon .icon {
        position: absolute;
        left: 7px;
        top: 5px;
    }

.dz-upload-template {
    height: 100%;
}

.dpx-file-dropzone .progress {
    margin-bottom: 0 !important;
}

.dpx-file-dropzone .dpx-progress {
    margin: 0 !important;
}



.mCSB_dragger_bar {
    background-color: gray !important;
}

.theme-color {
    background-color: var(--current-theme-color);
}

.a-color {
    color: #ffffff !important;
}

li.filterParam a {
    text-decoration: none !important;
    padding: 10px !important;
    /*// color:#262626 !important;*/
}

li.filterParam .a-color:hover {
    background-color: transparent !important;
}

.p-a {
    padding: 6px !important;
}

.view-ul {
    position: absolute;
    right: auto;
    max-height: 300px;
    min-width: 160px !important;
}

#search-item-dropdown li a:hover {
    background-color: #ebeff3 !important;
    color: #333;
}

#search-item-dropdown li a {
    color: #000;
    text-align: right !important;
    /* font-size: 12px !important; */
    font-weight: normal !important;
    /* font-family: 'IranSansWeb'; */
}

#search-item-dropdown li a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

#search-item-dropdown a {
    cursor: pointer;
}

.data-dz-errormessage .progress-bar-success {
    background-color: lightcoral;
}

.cvs-msg-item.hide-delete-btn .dpx-cvs-remove {
    display: none !important;
}

.fr-element .fr-video::after {
    position: inherit;
}

.dpx-cvs-msg-body table td.fr-highlighted,
.dpx-cvs-msg-body table th.fr-highlighted {
    border: 1px double red !important;
}

.dpx-cvs-msg-body table td.fr-thick,
.dpx-cvs-msg-body table th.fr-thick {
    border-width: 2px !important;
}

.dpx-cvs-msg-body table td.fr-no-border,
.dpx-cvs-msg-body table th.fr-no-border {
    border-width: 0px !important;
}

table.fr-alternate-rows tbody tr:nth-child(2n) {
    background: #ececec !important;
}

.dpx-like-textarea {
    resize: none;
    height: 100px;
    border: none !important;
    text-align: justify !important;
    text-overflow: ellipsis !important;
    /*word-break: break-all !important;*/
    white-space: break-spaces !important;
}

/*setting section formbuilder*/
@media (max-width:500px) {
    .mobileview-opt {
        display: inline;
        margin-right: 10vw;
    }
}
/*.mobileview-opt{
    display:block;
}*/

.btn-blue {
    color: #fff;
    background-color: #5e9ac1;
    border-color: #4181ab;
}

    .btn-blue:hover {
        color: #fff;
        background-color: #337ab7;
        border-color: #256ba7;
    }

.btn-red {
    color: #fff;
    background-color: #c7716e;
    border-color: #d43f3a;
}

    .btn-red:hover {
        color: #fff;
        background-color: #d9534f;
        border-color: #b02d29;
    }

.checkbox-viewmode.input-validation-error + span.field-validation-error + input.magic-checkbox + label:before {
    border: 1px solid lightcoral;
}

.checkbox-viewmode.input-validation-error + span.field-validation-error {
    left: unset !important;
}

    .checkbox-viewmode.input-validation-error + span.field-validation-error:after {
        left: initial;
        right: 4px;
    }

li[role="treeitem"][id="@CurrentDepartment"] i[role="presentation"] {
    pointer-events: none !important;
    background-position: -68px -36px !important;
}

.ActionSMS:hover {
    font-weight: 600
}

.dpx-dash-grid-container .grid-stack {
    min-height: calc(100vh - 220px);
}

@media (max-width:300px) {
    .popover.bottom:not(.editpopover) > .arrow {
        right: 85%;
        left: auto;
        margin-right: -11px;
        margin-left: auto;
    }

    .dpx-cvs-public-popver {
        z-index: 10004;
        left: 15px !important;
    }
    /*  .fb-fieldtypecontainer {
        text-indent: 15px ;
    }*/
    /*   .fb-editor>input {
        padding-right: 25px;
    }*/
    /*#_CRM_Contact_Email {*/
    /*for input under a tag*/
    /*padding-right: 20px;
    }*/
    .call-text-mobile {
        text-indent: 0px !important;
    }

    .dpx-panel-content {
        margin-top: 0px !important;
    }

    .dpx-panel-title {
        margin-bottom: 0px !important;
    }

    .fb-fieldtypecontainer {
        display: flex;
        align-items: baseline;
        flex-direction: row-reverse;
        justify-content: flex-end;
    }

    .fb-editor {
        width: -webkit-fill-available;
    }
}

@media (max-width:500px) {
    .dpx-cvs-template, .dpx-cvs-toolbar, .dpx-cvs-attach1, .dpx-cvs-at {
        padding-right: 1.5vw;
        padding-left: 1.5vw;
    }

    .dpx-panel-toolbox .collapse-link {
        display: none;
    }

    #ExpanderDiv {
        display: inline-block !important;
    }

    #HelpPagebtn {
        left: -3px !important;
    }
}

#mobile-ribbon {
    display: none;
}

.quick-alo-ph-img-circle {
    cursor: pointer;
}

.stock-triangle-left::after {
    content: '';
}

.stock-card-back::after {
    content: '';
    position: absolute;
    right: 0;
    top: 8px;
    width: 100%;
    height: 95%;
    margin-top: 1%;
    margin-bottom: 1%;
    background-color: #ededed;
    border-radius: 1.75rem;
    transform: rotate(6deg);
}

.stock-card-back::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 2%;
    margin-bottom: 1%;
    width: 100%;
    height: 94%;
    background-color: var(--current-theme-alpha-410);
    border-radius: 1.75rem;
    transform: rotate(355deg);
}

.shortcut-input.warning {
    box-shadow: 0 0 5px -1px #ef0808bf !important;
    border: 1px solid #e78080 !important;
}

.nav-sm .dpx-push-menu > ul > li > .dpx-side-push-menuitem > a:hover .menu-hotkey {
    display: none !important;
    transition: all 0.8s;
}

.nav-sm .dpx-push-menu > ul > li > a:hover > .menu-hotkey {
    display: block;
    transition: all 0.8s;
}

.fa-edit:hover {
    color: #000000 !important
}

.fa-star:hover {
    color: #000000 !important
}

/*.dpx-toolbar-btn-box:hover*/


#favirate :hover {
    background-color: #fff !important;
    /* margin: 0 !important;
    padding: 0 !important;*/
}

.leaflet-control-geosearch form input, .leaflet-control-geosearch .results > * {
    /* padding-top: 5px !important;*/
    padding: 10px !important;
    font-size: 12px !important;
    font-family: 'IranSansWebFa','Franklin Gothic Medium', 'Arial Narrow', 'Arial', 'sans-serif' !important
}

.form-index-with-map {
    width: 40%;
    box-shadow: -1px 2px 5px 0 rgba(0,0,0,.4);
    z-index: 600;
}

.map-index {
    width: 100%;
    height:100%;
    position: relative;
}

.div-holder {
    display: flex;
}


button:not(.close):not(.dropdown-toggle):not(.dpx-notify-alert-close-button)
.dpx-panel:not(:last-child) {
    margin-bottom: 0px !important
}


.dpx-fade-texts {
}

    .dpx-fade-texts:after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10;
        height: 40px;
        background: linear-gradient(to bottom, transparent 0px, currentColor 45px);
        color: #fff;
    }

@media (max-width: 830px) {
    /*temporary form hide filter element*/
    .map-index .leaflet-top.leaflet-right {
        display: none !important
    }

    .leaflet-control {
        z-index: unset;
    }

    .div-holder {
        display: flex;
        flex-wrap: wrap;
    }

    .form-index-with-map {
        width: 100%;
    }

    .map-index {
        width: 100%;

    }
    .leaflet-right .leaflet-control {
        margin-right: 23px !important;
    }
}

.approvalBtns a {
    margin: 0 0.32rem;
    font-weight: bold;
}

.approvalBtns #Approve {
    color: #5e9ac1;
}

.approvalBtns #Reject {
    color: #c7716e;
    position: relative;
}

    .approvalBtns #Reject:after {
        content: '•';
        width: 0px;
        height: 0px;
        top: 5px;
        right: -7px;
        position: absolute;
        background: transparent;
        color: #c6c6c6;
        display: inline-block;
    }

.approvalBtns #assgnToother {
    color: #e7948b;
    position: relative;
}

    .approvalBtns #assgnToother:after {
        content: '•';
        width: 0px;
        height: 0px;
        top: 5px;
        right: -7px;
        position: absolute;
        background: transparent;
        color: #c6c6c6;
        display: inline-block;
    }

/*شروع استایل اسکرول بار روی کل دانا*/

/* width and height */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

/*پایان استایل اسکرول بار روی کل دانا*/


.leaflet-control-locate a .leaflet-control-locate-location-arrow {
    width: 14px !important;
    height: 14px !important;
    background-repeat: no-repeat;
}
.popup-container {
    max-width: 400px;
    width: 400px;
    max-height: 108px;
    height: 108px;
    direction: rtl;
    margin: 0px
}
.leaflet-popup-content a {
    text-decoration: none !important;
    color: #2d2d2d !important;
    max-width: 400px;
    width: 400px;
    max-height: 108px;
    height: 108px;
    direction: rtl;
    margin: 0px;
    text-decoration:none;
}

.popup-container .row {
    display: flex;
    justify-content: center;
    margin-right: 0px;
    min-width:295px;
    padding: 2px;
}
    .popup-container .row .col-md-3 {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 4px;
        display: flex;
        justify-content: center;
        min-width:100px;
        min-height:100px;
    }

    .popup-container .row .col-md-9 {
        padding-right: 5px;
    }
    .popup-container .row .prop-type {
        display: flex;
        justify-content: start;
        font-size: 9px !important;
    }
        .popup-container .row .prop-type.prop-1 {
            display: flex;
            justify-content: space-between;
            font-size: 12px !important;
        }

        .popup-container .row .prop-type.prop-2 {
            display: flex;
            justify-content: start;
            font-size: 12px !important;
        }

            .popup-container .row .prop-type.prop-2 span {
                min-width: 100px;
                text-align: start;
            }
                .popup-container .row .prop-type.prop-2 span:first-child {
                    border-left: 1px solid #a1a1aa;
                    padding-left: 12px;
                }
.popup-container .row .prop-type.prop-2 span:last-child {

    padding-right: 8px;
}
    .popup-container .row .prop-info-container {
        display: flex;
        justify-content: start;
        position: absolute;
        bottom: 0px;
    }

    .popup-container .row .property-info.property-id {
        background: #E7E7E7;
        /* background: #e8e8ec;*/
        color: #565656;
        display: flex;
        align-items: center;
        padding: 0px 4px;
        border-radius: 3px;
        min-width: 32px;
        justify-content: center;
    }

    .popup-container .row .property-info:not(.property-id) {
        background: #F4F4F5;
        border-radius: 3px;
        color:#7C7C7C;
        display: flex;
        align-items: center;
        padding: 0px 3px;
        margin: 0px 4px 0px 0px;
    }

    .popup-container .row .property-info svg:not(.property-id) {
        padding-left: 1px
    }
    .popup-container .row .prop-type b{
        color:#000;
    }

    .popup-container .row .deal-type {
        background: #0C48B0;
        border-radius: 3px;
        color: white;
        padding: 2px 4px;
        white-space:nowrap;
    }

.leaflet-popup-content-wrapper {
    border-radius: 6px !important;
}








.popup-text {
    width: 100% !important;
    text-align: end !important;
    margin-top: 2px !important;
    line-height:normal;
}



.leaflet-popup-content span {
    font-size: 12px !important;
    font-family: 'IranSansWebFa','Franklin Gothic Medium', 'Arial Narrow', 'Arial', 'sans-serif' !important
}






.popup-text div {
    padding: 2px 2px 5px 2px;
}

.leaflet-popup-close-button {
    display: none !important
}

.leaflet-popup-content {
    margin: 3px !important;
    width: 380px !important;
}

div.leaflet-popup-content a {
    min-width: 150px !important;
}

    div.leaflet-popup-content a img.dpx-image-user {
        height: 100%;
        width: 100%;
    }

.dropdown-menu.search-dropdown {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 400px;
}

    .dropdown-menu.search-dropdown a {
        color: black;
    }

.leaflet-top.leaflet-right {
    width: 100%
}

div.map-index div.leaflet-top.leaflet-right > .inline.leaflet-control.search-box {
    /*  position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    margin: 10px;
    width: 400px !important;
    box-shadow: 0 16px 15px rgb(0 0 0 / 17%);
    border-radius:5px;*/
    /* position: absolute;
    left: 0;*/
    margin: 10px;
    width: 400px !important;
}

.dropdown-menu.search-dropdown > .dpx-toolbar-btn.submenu-item {
    padding: 7px;
}

.inline.search-box.leaflet-control > .dropdown > .dpx-toolbar-btn-box:hover {
    background-color: #FFF;
}

.inline.search-box i.fa-search, .dpx-toolbar-btn-box .dpx-toolbar-group, .inline.search-box button {
    cursor: default;
}

.leaflet-control-layers-list .leaflet-control-layers-base {
    font-family: 'IranSansWebFa' !important;
    font-size: 10px !important;
    background: white;
    border: 2px solid rgba(0,0,0,0.2);
    background-clip: padding-box;
    height: 65px;
    /*box-shadow: 0 1px 5px rgba(0,0,0,0.4);*/
    background: #fff;
    border-radius: 5px;
}

    .leaflet-control-layers-list .leaflet-control-layers-base label {
        padding-top: 6px;
        text-align: center;
    }

.leaflet-control-layers-selector {
    display: none;
}


.leaflet-control-layers-list .leaflet-control-layers-base input[type="radio"]:checked + span {
    font-weight: 600;
}

.leaflet-touch .leaflet-control-layers-toggle {
    font-family: 'IranSansWebFa' !important;
    font-size: 10px !important;
    background-image: none;
    text-decoration: none;
    width: 70px !important;
    height: 30px !important;
    background-image: unset !important;
}

.leaflet-control-layers-toggle {
    color: #000 !important;
}

.leaflet-control-layers-expanded {
    padding: 0px !important;
    height: 34px;
}

    .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
        display: flex !important;
    }

    .leaflet-control-layers-expanded .leaflet-control-layers-list {
        top: -70px;
    }

.leaflet-control-layers.leaflet-control a {
    display: flex;
    justify-content: center;
    align-items: center;
}


.leaflet-control-layers-expanded .maptxt {
    position: absolute;
    bottom: 0px;
}

.leaflet-control-layers.leaflet-control.leaflet-control-layers-expanded {
    width: 93px;
}

.maptxt {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .maptxt i {
        text-align: center;
        padding: 5px;
        cursor: pointer;
        color: rgba(51, 51, 51, 1);
        position: relative;
        display: flex !important;
        align-items: center;
        justify-content: start;
        text-decoration: none !important;
        font-weight: 500;
        font-size: 15px;
    }

.leaflet-control-layers.leaflet-control.leaflet-control-layers-expanded .maptxt i {
    transform: scaleY(-1);
}

.dpx-toolbar-group > i {
    margin: 8px 5px;
    font-weight: 600;
    color: gray;
}


.dropdown-menu.search-dropdown a span {
    text-align: right;
}

.fb-fieldtypecontainer.col-md-10.col-sm-10 > .fb-editor > .dpx-map-control .dropdown .dropdown-menu.search-dropdown {
    max-height: 280px !important
}

.fb-fieldtypecontainer.col-md-8.col-sm-8 > .fb-editor > .dpx-map-control .dropdown .dropdown-menu.search-dropdown {
    max-height: 130px !important
}

.leaflet-top, .leaflet-bottom {
    z-index: 400 !important;
}



.leaflet-popup.leaflet-zoom-animated {
    bottom: 13px !important;
    left: -176px !important;
}


.leaflet-popup-content.public-popup, .leaflet-popup-content.public-popup a {
    width: 155px !important;
    max-width: 155px !important;
}
.leaflet-popup-tip-container.public-popup {
    width: 38px !important;
    margin-left: -22px;
}


.leaflet-popup.leaflet-zoom-animated.public-popup {
    bottom: 13px !important;
    left: -78px !important;
    /* width: 155px !important;*/
}

    .leaflet-popup.leaflet-zoom-animated.public-popup span {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        direction: rtl !important;
        position: absolute;
        right: 4px;
        top: 11px;
        width: 95% !important;
        padding: 0;
    }

.dropdown-menu.search-dropdown.defaultvalue {
    max-height: 120px !important;
    overflow-y: auto;
    overflow-x: hidden;
}

.fa-box-mn {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath style='fill:%23FFFFFF;' d='M46.3,13.2c0-0.2,0-0.4,0-0.6c0-0.2,0-0.5,0-0.7c0-0.4,0-0.8-0.1-1.2c-0.2-1.2-0.6-2.4-1.3-3.4 c-0.5-0.8-1.1-1.6-1.9-2.3c-1.2-1.1-2.8-1.9-4.4-2.2c-1-0.2-2.1-0.2-3.1-0.2H14.2c-0.6,0-1.2,0-1.9,0.1c-1.9,0.2-3.7,1-5.1,2.3 C7.1,4.9,7,5,6.9,5.1c-1.6,1.4-2.6,3.4-3,5.5c-0.1,0.4-0.1,0.9-0.1,1.3c0,0.2,0,0.4,0,0.6L2.8,36.4c0,0.9-0.1,1.8,0.1,2.6 c0.3,2.5,1.7,4.9,3.8,6.5c1.7,1.3,3.8,2,5.9,2h24.7c0.7,0,1.4,0,2.1-0.2c4.5-0.8,8-5.1,7.9-9.6L46.3,13.2z M9.2,8.1 c0.9-0.9,2.1-1.6,3.4-1.8c0.3,0,0.7-0.1,1.1-0.1h22.9c1.5,0,3,0.5,4.1,1.5c0.4,0.4,0.8,0.8,1.1,1.3c1,1.7,0.9,3.9-0.2,5.4 c-0.2,0.3-0.5,0.6-0.8,0.9c-1.1,0.9-2.5,1.5-4.1,1.5h-23c-0.4,0-0.8,0-1.1-0.1c-1.3-0.2-2.5-0.8-3.4-1.8l0,0 c-1.5-1.6-1.9-4-0.7-5.8C8.6,8.7,8.9,8.4,9.2,8.1z M42.1,41.6c-1.1,1.3-2.7,2.2-4.4,2.1c-8.4,0-16.7,0-25.1,0c0,0,0,0,0,0 c-1.5,0-3-0.6-4.1-1.6c-1.3-1.2-2-2.9-2-4.6l0.7-18.3c0-0.4,0.5-0.7,0.9-0.5c1.3,0.8,2.7,1.4,4.2,1.6c0.6,0.1,1.2,0.1,1.9,0.1 h21.3c1,0,2.1,0,3.1-0.2c1.2-0.3,2.4-0.8,3.4-1.5c0.4-0.3,0.9,0,0.9,0.4l0.7,18C43.6,38.8,43.1,40.4,42.1,41.6z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpath style='fill:%23FFFFFF;' d='M23.2,36.5c-0.1,0.9-0.9,1.7-1.8,1.7c-1.2,0-2.5,0-3.7,0h-4.5c-0.6,0-1.2-0.3-1.5-0.8 c-0.4-0.5-0.5-1.2-0.2-1.8c0.2-0.6,0.7-1,1.3-1.1c0.1,0,0.3,0,0.5,0h7.7l0.2,0c0.4,0,0.7,0,1,0.2C22.8,34.8,23.3,35.7,23.2,36.5z '/%3E%3C/g%3E%3C/g%3E%3Cpath style='fill:%23FFFFFF;' d='M41.6,12.5'/%3E%3Cpath style='fill:%23FFFFFF;' d='M41.6,12.5'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: 50%;
    height: 100%;
    width: 100%;
}

.fa-comments-mn {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath style='fill:%23FFFFFF;' d='M45.3,6.3c-0.8-1-1.8-1.8-2.9-2.5c-1.1-0.6-2.3-1-3.6-1.2c-0.7-0.1-1.5-0.1-2.2-0.1h-24 c-2.2,0-4.4,0.7-6.1,2.1C4.6,6,3.2,8.2,2.7,10.5c-0.1,0.5-0.2,1-0.2,1.4l0,0.2v30.7c0,0.6,0.2,1.2,0.4,1.8 c0.5,1.2,1.5,2.1,2.7,2.5c1,0.4,2.1,0.4,3.2,0.1c0.7-0.2,1.4-0.6,2-1.2c1.1-1.1,2.2-2.2,3.3-3.3l1.6-1.6c1.1-1.1,2.6-1.8,4.1-1.8 c0.5,0,1,0,1.6,0h0.2v0h4.4c3.1,0,6.3,0,10.3,0h0.5c0.7,0,1.4,0,2.1-0.1c2.5-0.3,4.9-1.7,6.5-3.7c1.3-1.6,2.1-3.7,2.3-5.8V12.1 C47.4,9.9,46.6,7.9,45.3,6.3z M43.7,21.6c0,1.3,0,2.5,0,3.8v3.8c0,1.9-0.9,3.8-2.5,5c-1.1,0.9-2.5,1.4-3.9,1.3H23 c-0.1,0-0.1,0-0.2,0c-1,0-2.1,0-3.1,0c-2.5,0.1-4.9,1.1-6.8,2.9c-0.9,0.8-1.7,1.7-2.6,2.6c-0.8,0.9-1.7,1.7-2.5,2.5 c-0.1,0.2-0.3,0.2-0.6,0.2c-0.1,0-0.3,0-0.4-0.1c-0.4-0.1-0.6-0.6-0.6-1v-30c0-1.4,0.4-2.7,1.3-3.8c0.9-1.2,2.3-2.1,3.8-2.4 c0.6-0.1,1.2-0.1,1.8-0.1h24.3c1.4,0,2.8,0.5,3.9,1.3c1.5,1.2,2.5,3.1,2.5,5v3.8c0,1.3,0,2.5,0,3.8V21.6z'/%3E%3C/g%3E%3Cpath style='fill:%23FFFFFF;' d='M36.4,26.4H22.8c-1,0-1.9-0.8-1.9-1.9v0c0-1,0.8-1.9,1.9-1.9h13.6c1,0,1.9,0.8,1.9,1.9v0 C38.3,25.5,37.4,26.4,36.4,26.4z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M36.4,18.6H14.9c-1,0-1.9-0.8-1.9-1.9v0c0-1,0.8-1.9,1.9-1.9h21.5c1,0,1.9,0.8,1.9,1.9v0 C38.3,17.7,37.4,18.6,36.4,18.6z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: 50%;
    height: 100%;
    width: 100%;
}

.fa-home-mn {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cg%3E%3Cpath style='fill:%23FFFFFF;' d='M31.7,37.6H18.3c-1,0-1.8-0.8-1.8-1.8v0c0-1,0.8-1.8,1.8-1.8h13.4c1,0,1.8,0.8,1.8,1.8v0 C33.5,36.7,32.7,37.6,31.7,37.6z'/%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath style='fill:%23FFFFFF;' d='M47.5,21.1c-0.1-1.8-0.3-3.7-1.1-5.4c-0.6-1.2-1.6-2.3-2.9-3.4c-1.1-0.8-2.2-1.5-3.3-2.3l-6-3.7 c-1.2-0.8-2.5-1.6-3.8-2.3c-1-0.5-2.2-1.1-3.5-1.4c-0.6-0.1-1.2-0.2-1.8-0.2c-0.4,0-0.8,0-1.3,0.1c-2,0.3-3.8,1.4-5.3,2.2 c-1.3,0.8-2.6,1.6-3.8,2.4C14,7.6,13.4,8,12.8,8.3c-0.5,0.3-0.9,0.6-1.4,0.8c-1.3,0.8-2.7,1.7-4,2.6c-0.9,0.6-2,1.5-2.8,2.5 c-0.7,0.9-1.3,2-1.6,3.2c-0.3,1.2-0.4,2.4-0.5,3.5c0,1.4,0,2.9,0,4.3V28c0,2.1,0,4.3,0,6.5c0.1,2.1,0.2,4.2,0.8,6.3 c0.6,2,1.7,3.7,3.3,4.7c1.9,1.3,4.1,1.7,5.9,1.8c2.1,0.2,4.3,0.2,6.4,0.2h11.8c1.9,0,3.8,0,5.7-0.1c1.9-0.1,3.8-0.4,5.6-1.2 c1.6-0.8,3-2.1,3.8-3.7c0.9-1.7,1.2-3.7,1.3-5.4c0.2-2.3,0.2-4.7,0.2-6.9v-3.8C47.5,24.6,47.5,22.9,47.5,21.1z M43.8,29.1 c0,2.2,0,4.5-0.1,6.7c-0.1,1.7-0.3,3.2-0.9,4.6c-0.4,0.9-1,1.6-1.7,2.1c-0.9,0.5-1.9,0.8-2.8,0.9c-1.9,0.3-3.8,0.3-5.6,0.3 h-0.5c-2,0-3.9,0-5.9,0H22c-2.1,0-4.3,0-6.4,0c-1.6-0.1-3.1-0.1-4.6-0.4c-1.1-0.2-1.9-0.6-2.5-1.1c-0.9-0.7-1.4-1.7-1.6-2.4 c-0.5-1.7-0.6-3.5-0.7-5.1c-0.1-2.1-0.1-4.3-0.1-6.4v-3c0-1.4,0-2.8,0-4.2c0.1-1,0.1-2.2,0.5-3.2C7,17.3,7.4,16.6,8,16.1 c0.7-0.7,1.6-1.3,2.5-1.9l0.2-0.1c1.2-0.8,2.4-1.5,3.6-2.3c0.6-0.4,1.2-0.7,1.8-1.1l1.1-0.7c1.1-0.7,2.1-1.3,3.2-1.9l0.3-0.2 c1.1-0.6,2.3-1.3,3.5-1.6c1.4-0.3,2.9,0.3,4,0.9c1.3,0.7,2.6,1.5,3.8,2.2l2.4,1.5c1.2,0.8,2.5,1.5,3.7,2.3 c1.1,0.7,2.1,1.4,3.1,2.1c0.9,0.7,1.4,1.3,1.8,2c0.5,1,0.6,2.2,0.7,3.3c0.1,1.6,0.1,3.2,0.1,4.7V29.1z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: 50%;
    height: 100%;
    width: 100%;
}

.fa-shopping-bag-mn {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;color:red;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath style='fill:%23FFFFFF;' d='M46.3,13.2c0-0.2,0-0.4,0-0.6c0-0.6,0-1.3-0.1-1.9c-0.2-1.2-0.6-2.4-1.3-3.4 c-1.4-2.3-3.7-3.9-6.3-4.5c-1-0.2-2.1-0.2-3.1-0.2H14.2c-0.6,0-1.2,0-1.9,0.1c-2,0.3-3.9,1.1-5.4,2.5c-1.6,1.4-2.6,3.4-3,5.5 c-0.1,0.6-0.1,1.3-0.2,1.9L2.8,36.4c0,0.9-0.1,1.8,0.1,2.6c0.3,2.5,1.7,4.9,3.8,6.5c1.7,1.3,3.8,2,5.9,2h24.7 c0.7,0,1.4,0,2.1-0.2c4.5-0.8,8-5.1,7.9-9.6L46.3,13.2z M42.1,41.6c-1.1,1.3-2.7,2.2-4.4,2.1c-8.4,0-16.7,0-25.1,0c0,0,0,0,0,0 c-1.5,0-3-0.6-4.1-1.6c-1.3-1.2-2-2.9-2-4.6l0.9-25.5c0-1.5,0.7-3,1.7-4c0.9-0.9,2.1-1.6,3.4-1.8c0.3,0,0.7-0.1,1.1-0.1h22.9 c1.5,0,3,0.5,4.1,1.5c1.2,1,2,2.6,2,4.3l0.9,25.2C43.6,38.8,43.1,40.4,42.1,41.6z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpath style='fill:%23FFFFFF;' d='M36.4,13.3l0,0.1c-0.1,2.6-1.2,5-2.9,6.9c-1.7,1.9-4,3.2-6.6,3.6c-0.6,0.1-1.3,0.2-1.9,0.2 c-2.2,0-4.3-0.6-6.1-1.7c-2.2-1.4-4-3.6-4.8-6.1c-0.4-1.2-0.6-2.4-0.5-3.6c0-0.8,0.6-1.5,1.3-1.7c0.7-0.2,1.5,0,2,0.6 c0.2,0.3,0.4,0.7,0.4,1.3c0,1.6,0.5,3.1,1.4,4.4c0.8,1.2,2.1,2.2,3.5,2.7c1.7,0.7,3.6,0.7,5.4,0.1c1.6-0.5,2.9-1.6,3.9-3 c0.8-1.2,1.3-2.8,1.3-4.3c0-0.7,0.3-1.3,0.8-1.6c0.8-0.5,2-0.4,2.6,0.5C36.4,12.1,36.4,12.7,36.4,13.3z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: 50%;
    height: 100%;
    width: 100%;
}

.fa-server-mn {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath style='fill:%23FFFFFF;' d='M49.1,36.9c0-0.3,0-0.6-0.1-0.9c-0.5-3-2-5.2-4.6-6.7c-0.4-0.2-0.5-0.5-0.5-0.9 c0-0.8-0.1-1.4-0.1-2c-0.8-6-3.8-10.6-8.8-13.9c-0.5-0.3-0.8-0.6-0.7-1.3c0-0.3,0-0.5-0.1-0.8l0-0.1c-0.7-4.5-4.5-7.9-9-7.9 c-0.2,0-0.4,0-0.6,0c-5,0.3-8.6,4.2-8.7,9.1c0,0.5-0.2,0.7-0.6,1c-5.8,3.6-8.9,8.9-9.1,15.7c0,0.6-0.3,0.8-0.6,1 c-3.5,2.1-5,5.1-4.7,8.9c0.4,4.7,4.4,8.3,9.2,8.3c1.6,0,3.3-0.5,4.7-1.3c0.2-0.1,0.4-0.2,0.6-0.2c0.2,0,0.4,0.1,0.6,0.2 c2.7,1.5,5.5,2.2,8.6,2.3c0.1,0,0.3,0,0.4,0c3.2,0,6.4-0.8,9.3-2.4c0.1-0.1,0.3-0.1,0.4-0.1c0.2,0,0.3,0,0.4,0.1 c1.6,1,3.3,1.4,4.9,1.4c1.5,0,2.9-0.4,4.4-1.2c3-1.7,4.7-4.4,4.8-8C49.1,37.2,49.1,37,49.1,36.9z M25.1,6.3L25.1,6.3 c3,0,5.4,2.5,5.3,5.4c0,2.9-2.4,5.3-5.3,5.3h0c-1.4,0-2.8-0.6-3.8-1.6c-1-1-1.6-2.4-1.5-3.8C19.7,8.7,22.1,6.3,25.1,6.3z M14.1,40.9c-1,1-2.4,1.6-3.8,1.6c-3,0-5.4-2.4-5.4-5.4c0-3,2.4-5.4,5.4-5.4s5.4,2.4,5.4,5.4C15.7,38.6,15.1,39.9,14.1,40.9z M31.8,32.6c-1.7,2.9-1.7,6,0,9.2L32,42l-0.3,0.1c-2.2,1-4.5,1.5-6.7,1.5c-2.2,0-4.5-0.5-6.7-1.5L18.1,42l0.1-0.3 c1.7-3.2,1.7-6.3,0-9.2c-1.7-2.9-4.4-4.4-8-4.6l-0.3,0l0-0.3c0.5-4.9,2.6-8.7,6.7-11.5l0.2-0.2l0.2,0.3c1.7,2.9,4.7,4.6,8,4.6 c3.3,0,6.2-1.7,7.9-4.6l0.1-0.2l0.2,0.1c3.7,2.2,6.6,7.1,6.7,11.5l0,0.3l-0.3,0C36.2,28.1,33.5,29.6,31.8,32.6z M39.7,42.5h-0.1 c-1.4,0-2.7-0.6-3.7-1.7c-1-1-1.5-2.4-1.5-3.8c0.1-3,2.4-5.3,5.3-5.3h0.1c1.4,0,2.8,0.6,3.8,1.6c1,1,1.5,2.4,1.5,3.8 C45.1,40.2,42.7,42.5,39.7,42.5z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: 50%;
    height: 100%;
    width: 100%;
}

.fa-user-headset-mn {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath style='fill:%23FFFFFF;' d='M45.7,32.7V12c-0.2-2.2-1-4.2-2.3-5.8c-0.8-1-1.8-1.8-2.9-2.4c-1.1-0.6-2.3-1-3.6-1.2 c-0.7-0.1-1.5-0.1-2.2-0.1H15.2c-0.7,0-1.5,0-2.2,0.1c-1.2,0.2-2.5,0.6-3.6,1.2C8.4,4.4,7.4,5.3,6.6,6.3C5.3,7.8,4.5,9.9,4.3,12 v14.2h0v3.3c0,0.8,0,1.6,0.1,2.3c0.4,1.6,1.5,3,2.9,3.7c1.2,0.6,2.7,0.8,4.1,0.4c1.8-0.5,3.3-1.9,3.9-3.7c0.2-0.5,0.3-1.1,0.3-1.7 v-6.2c0-0.6,0-1.3-0.2-1.9c-0.4-1.5-1.4-2.9-2.8-3.6c-1.4-0.8-3-0.9-4.5-0.4v0c0,0,0,0,0,0c0-0.7,0-1.4,0-2.1v-3.8 c0-1.9,0.9-3.8,2.4-5c1.1-0.9,2.5-1.3,3.9-1.3h21.1c1.4,0,2.8,0.5,3.9,1.3c1.5,1.2,2.5,3.1,2.4,5v3.8c0,0.7,0,1.4,0,2.1 c0,0,0,0,0,0c0,0,0,0,0,0.1c-1.4-0.5-3-0.4-4.3,0.3c-1.9,0.9-3.1,2.9-3.1,5v6.9c0,2,1.2,3.9,2.9,4.8c1.3,0.7,2.9,0.9,4.3,0.5 c-0.5,1.6-1.7,2.9-3.2,3.5C37.7,39.8,37,40,36.2,40c-2,0-3.9,0-5.9,0c-0.4-1.2-1.3-2.3-2.4-2.9c-1.3-0.8-3-1-4.5-0.6 c-1.2,0.3-2.3,1.1-3,2.1c-0.8,1.1-1.1,2.4-1,3.7c0.1,1.6,1,3.2,2.4,4.1c0.8,0.6,1.9,0.9,2.9,1h0.5c2.3,0,4.4-1.6,5.1-3.8 c2.1,0,4.1,0,6.2,0c1.4,0,2.7-0.4,3.9-1c2.6-1.2,4.5-3.7,5.1-6.5C45.7,35.1,45.7,33.9,45.7,32.7z M8.1,23.5 c0.1-0.7,0.7-1.2,1.3-1.4c1.1-0.4,2.4,0.5,2.4,1.7c0,2.3,0,4.5,0,6.8c0,0.6-0.3,1.3-0.8,1.6c-0.5,0.4-1.3,0.5-1.9,0.1 c-0.6-0.3-1-1-1-1.7v-6.8C8.1,23.7,8.1,23.6,8.1,23.5z M26.8,42.3c-0.1,0.6-0.6,1.2-1.3,1.4c-0.6,0.2-1.4,0-1.9-0.4 c-0.5-0.4-0.7-1.1-0.6-1.7c0.1-0.7,0.7-1.3,1.3-1.5c0.6-0.2,1.4,0,1.9,0.5C26.8,41,27,41.6,26.8,42.3z M41.9,30.6 c0,0.8-0.6,1.6-1.4,1.8c-0.7,0.2-1.5,0-2-0.6c-0.3-0.3-0.4-0.8-0.4-1.3c0-2.2,0-4.4,0-6.7c0-0.8,0.6-1.6,1.4-1.8 c0.8-0.2,1.7,0.1,2.1,0.8c0.2,0.3,0.3,0.7,0.3,1.1V30.6z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: 50%;
    height: 100%;
    width: 100%;
}

#app_toggle .fa-box-mn, #app_toggle .fa-comments-mn, #app_toggle .fa-home-mn, #app_toggle .fa-shopping-bag-mn,
#app_toggle .fa-server-mn, #app_toggle .fa-user-headset-mn {
    background-size: 44%;
}

.add-file-action {
    position: absolute;
    left: 11px;
    top: 10px;
    opacity: 0.5;
    color: #000;
    z-index: 50;
    width: 80px;
    background: #fff;
    border-radius: 7px;
    border: 1px solid #565656;
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .add-file-action:hover {
        background: #fff;
        color: #000;
        opacity: 1;
    }



/*شروع استایل اسلایدر فیلد گالری تصاویر*/
.swiper {
    width: 100%;
    height: 100%;
    --swiper-theme-color: #ddd;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    /*background: #ddd;*/
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0px;
    margin-left: 0px;
}

    .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
    }


.mySwiperExpand .swiper-slide img {
    object-fit: contain !important;
}

.swiper-slide-orginalsize img {
    object-fit: contain !important;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
}

.imagegallery-editmode-removeicon {
    position: absolute;
    /*    background-color: #fff;
    opacity: 0.8;*/
    color: #f70404;
    left: 3px;
    top: 3px;
    display: none;
    z-index: 50;
    opacity: 1;
}

    .imagegallery-editmode-removeicon:hover {
        color: #f70404;
    }

@media (max-width: 767px) {
    .imagegallery-editmode-removeicon {
        font-size: 10px !important;
    }
}

.imagegallery-editmode-imagebox {
    width: 130px;
    height: 130px;
    margin-right: 7px;
    margin-top: 10px;
    position: relative;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

    .imagegallery-editmode-imagebox:hover .imagegallery-editmode-image {
        opacity: 0.3;
    }

    .imagegallery-editmode-imagebox:hover a.imagegallery-editmode-removeicon {
        display: block;
    }

@media (max-width:500px) {
    /*.images-place {
        display: flex;
        flex-wrap: wrap;
        align-content: baseline;
    }*/

    .imagegallery-editmode-imagebox a.imagegallery-editmode-removeicon {
        display: block;
    }
}

.imagegallery-editmode-imagebox-small {
    width: 55px !important;
    height: 55px !important;
}

.images-place {
    overflow: auto;
    height: 100%;
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.images-place-centered {
    display: grid;
    justify-content: center;
    direction: rtl;
    width: 100%;
}

.images-place-centered-one-column {
    grid-template-columns: repeat(auto-fit, minmax(150px, 0fr));
}

.images-place-centered-two-column {
    grid-template-columns: repeat(auto-fit, minmax(70px, 0fr));
}

/*@media (max-width:500px) {
    .images-place {
        display: flex;
        flex-wrap: wrap;
        align-content: baseline;
    }
}*/


.maximize-file-action {
    position: absolute;
    left: 50px;
    top: 10px;
    opacity: 0.8;
    color: #5A738E;
    z-index: 50;
    background: rgba(255, 255, 255, 0.5);
}

    .maximize-file-action:hover {
        background: rgba(255, 255, 255, 0.8);
    }

.maximize-file-action-small {
    left: 50px;
}



@media (max-width:500px) {
    .imagegallery-viewmode .show {
        height: 300px !important;
    }

    .imagegallery-editmode .show {
        height: 217px !important;
    }

    .imagegallery-editmode-imagebox {
        width: 55px !important;
        height: 55px !important;
    }

    .images-place-centered-one-column {
        grid-template-columns: repeat(auto-fit, minmax(70px, 0fr));
    }
}


.swiper-not-exist-image-one-column {
    /*position: absolute;
    top: calc(100% - 108px);
    left: calc(50% - 65px);*/
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
    color: #565656;
}

.swiper-not-exist-image-two-column {
    margin-left: auto;
    margin-right: auto;
    font-size: 13px;
    color: #565656;
}

.imagegallery-viewmode .swiper-button-prev {
    /*height: 100% !important;
    top: 12px !important;*/
    z-index: 50 !important;
    /*width: 40px !important;
    left: 0 !important;*/
    left: auto !important;
    background-color: #fff;
    padding: 12px;
    border-radius: 7px;
    color: #000;
    opacity: 0.5;
}

    .imagegallery-viewmode .swiper-button-prev::after {
        font-size: 10px !important; /* Adjust the size of the arrow icon */
    }

.imagegallery-viewmode .swiper-button-next {
    /*height: 100% !important;
    top: 12px !important;*/
    z-index: 50 !important;
    /*width: 40px !important;
    left: 0 !important;*/
    right: auto !important;
    background-color: #fff;
    padding: 12px;
    border-radius: 7px;
    color: #000;
    opacity: 0.5;
}

    .imagegallery-viewmode .swiper-button-next::after {
        font-size: 10px !important; /* Adjust the size of the arrow icon */
    }

.mySwiperExpand .swiper-button-prev {
    /*height: 100% !important;
    top: 12px !important;*/
    z-index: 50 !important;
    width: 40px !important;
    right: 0 !important;
    left: auto !important;
    background-color: #fff;
    padding: 24px;
    border-radius: 7px;
    color: #000;
    opacity: 0.5;
}

.mySwiperExpand .swiper-button-next {
    /*height: 100% !important;
    top: 12px !important;*/
    z-index: 50 !important;
    width: 40px !important;
    left: 0 !important;
    right: auto !important;
    background-color: #fff;
    padding: 24px;
    border-radius: 7px;
    color: #000;
    opacity: 0.5;
}

.expanded-swiper-buttons {
    background-color: #fff;
    padding: 24px 24px 24px 22px;
    border-radius: 7px;
    color: #000 !important;
    opacity: 0.5;
}

@media (max-width: 767px) {
    .expanded-swiper-buttons {
        display: none !important;
    }
}

.swiper-button-next:hover {
    background-color: #fff;
    opacity: 1;
    color: #000 !important;
}

.swiper-button-prev:hover {
    background-color: #fff;
    opacity: 1;
    color: #000 !important;
}

.imagegallery-editmode-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5%;
}

.default-image-gallery {
    /*border: 1px solid #000;*/
    margin-left: 30px;
    padding-top: 5%;
    padding-bottom: 5%;
    background-color: #E2DFDF;
}

.background-image-gallery-one-column {
    /*background: url(/Dana/Shared/Public/images/img-icon.svg);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    background-size: 160%;
    background-repeat: no-repeat;*/
    margin-left: auto;
    margin-right: auto;
    /*width: 250px;
    height: 205px;
    background-position: center;*/
}

.background-image-gallery-two-column {
   /* background: url(/Dana/Shared/Public/images/img-icon.svg);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    background-size: 160%;
    background-repeat: no-repeat;*/
    margin-left: auto;
    margin-right: auto;
    /*width: 100px;
    height: 100px;
    background-position: center;*/
}


.background-image-gallery-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.mySwiper {
    border-radius: 15px;
    box-shadow: 1px 1px 3px #dedede !important;
    -webkit-box-shadow: 1px 1px 3px #dedede !important;
}

.mySwiperExpand {
    border-radius: 5px;
}

.imagegallery-bottom-toolbar {
    padding-left: 16px;
    padding-right: 10px;
    /*height: 38px;*/
    /*background: rgb(221, 221, 221);*/
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    padding-bottom: 7px;
    margin-top: 7px;
}

.imagegallery-bottom-toolbar-btns {
    display: flex;
    flex-direction: row-reverse;
    min-width: 98px;
}

.imagegallery-bottom-information-one-column {
    opacity: 0.8;
    color: #5A738E;
    z-index: 50;
    font-size: 14px;
}

@media (max-width: 767px) {
    .imagegallery-bottom-information-one-column {
        font-size: 10px;
    }

    .imagegallery-editmode .file-action.save-file-action {
        font-size: 11px !important;
        min-width: 60px;
    }

    .imagegallery-editmode .file-action.cancel-file-action {
        font-size: 11px !important;
        min-width: 60px;
    }
}

.imagegallery-bottom-information-two-column {
    z-index: 50;
    color: #5A738E;
    font-size: 10px;
}

.imagegallery-uploadbtn {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px dashed #565656;
    padding: 7px;
    border-radius: 10px;
    margin-left: 20px;
    margin-right: 20px;
    cursor: pointer;
    background-color: rgb(234, 234, 234);
}

    .imagegallery-uploadbtn:hover {
        background-color: #CCC;
    }

.imagegallery-editmode-modal-two-column {
    height: 150px;
    align-items: unset;
    overflow-y: auto;
}

    .imagegallery-editmode-modal-two-column::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
        background-color: #F5F5F5;
    }

    .imagegallery-editmode-modal-two-column::-webkit-scrollbar {
        width: 6px !important;
        background-color: #F5F5F5 !important;
    }

    .imagegallery-editmode-modal-two-column::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #9e9a9a !important;
    }
/*پایان استایل اسلایدر فیلد گالری تصاویر*/

/*شروع استایل مودال کشویی*/
.left-auto-important {
    left: auto !important;
}

.form-edit-in-modal {
    padding-bottom: 0px;
}

.dpx-modal-slidetoleft .modal-body {
    height: calc(100% - 120px) !important;
}

.dpx-btn-save-edit {
    margin-right: 0px !important;
}

.dpx-btn-cancel {
    margin-right: 10px !important;
}

.modal .slideInLeft .modal-content {
    border-radius: 0px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

.dpx-modal-slidetoleft .modal-body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.dpx-modal-slidetoleft .modal-body::-webkit-scrollbar {
    width: 6px !important;
    background-color: #F5F5F5 !important;
}

.dpx-modal-slidetoleft .modal-body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #9e9a9a !important;
}

.dpx-modal-slidetoleft::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.dpx-modal-slidetoleft::-webkit-scrollbar {
    width: 6px !important;
    background-color: #F5F5F5 !important;
}

.dpx-modal-slidetoleft::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #9e9a9a !important;
}

.modal-content .nv-left-to-right .dpx-required-q:after {
    margin: 0px !important;
    left: unset !important;
}

.modal-content .nv-left-to-right .col-md-2 .dpx-required-q:after {
    margin: 0px !important;
    left: -4px !important;
}

.modal-content .nv-left-to-right .col-md-4 .dpx-required-q:after {
    margin: 0px !important;
    /*left: 8px !important;*/
}

.nv-left-to-right .labelfield {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}

.imagegallery-viewmode {
    border-radius: 15px;
    border: 1px solid #efefef !important;
    direction: rtl;
    background: #E2DFDF;
}

    .imagegallery-viewmode:hover {
        box-shadow: 1px 1px 3px #dedede !important;
        -webkit-box-shadow: 1px 1px 3px #dedede !important;
    }

.nv-left-to-right .imagegallery-viewmode .background-image-gallery-two-column {
    background-size: 130% !important;
    height: 75px !important;
}

.nv-left-to-right .imagegallery-viewmode .swiper-not-exist-image-two-column {
    font-size: 11px !important;
}

.imagegallery-editmode {
    border-radius: 15px;
    box-shadow: 1px 1px 3px #dedede !important;
    -webkit-box-shadow: 1px 1px 3px #dedede !important;
}

.cancel-file-action:hover {
    background-color: #CCC !important;
}

.nv-left-to-right .imagegallery-editmode .show .file-action {
    font-size: 12px;
}

.col-md-6.col-sm-6 .imagegallery-editmode .file-action, .dpx-mobile-mode .imagegallery-editmode .file-action {
    font-size: 13px;
}

.dpx-mobile-mode .imagegallery-editmode .file-action.save-file-action {
    left: 53px !important;
}

.dpx-mobile-mode .imagegallery-editmode .file-action.cancel-file-action {
    left: 3px !important;
}

.col-md-6.col-sm-6 .imagegallery-editmode .file-action.save-file-action {
    font-size: 11px !important;
    min-width: 60px;
}

.col-md-6.col-sm-6 .imagegallery-editmode .file-action.cancel-file-action {
    font-size: 11px !important;
    min-width: 60px;
}

.nv-left-to-right .imagegallery-editmode .show .save-file-action {
    left: 50px !important;
}

.nv-left-to-right #leftPanel .dpx-panel-content .col-md-6 {
    padding-right: 0px;
    /*padding-left: 0px;*/
}

    .nv-left-to-right #leftPanel .dpx-panel-content .col-md-6 .col-md-4 {
        padding-right: 0px;
        padding-left: 0px;
    }

    .nv-left-to-right #leftPanel .dpx-panel-content .col-md-6 .col-md-8 {
        padding-left: 0px;
    }

.nv-left-to-right #leftPanel .dpx-panel-content .col-md-12 {
    padding-right: 0px;
    padding-left: 0px;
}

    .nv-left-to-right #leftPanel .dpx-panel-content .col-md-12 .col-md-2 {
        padding-right: 0px;
        padding-left: 0px;
    }

.nv-left-to-right .dpx-panel-content {
    padding-top: 10px;
}

.nv-left-to-right .labelfield {
    font-size: 12px !important;
}

.nv-left-to-right .dpx-panel-title h2 {
    font-size: 17px !important;
}

/*پایان استایل مودال کشویی*/

.nv-left-to-right .fr-popup {
    left: -100px !important;
}

.nv-left-to-right .fr-arrow {
    display: none !important;
}

/*شروع استایل مودال*/

.modal-close-button-outside {
    color: #fff;
    opacity: unset;
    font-size: 24px;
    position: relative;
    left: 20px;
    top: 20px;
    z-index: 1000;
}

    .modal-close-button-outside:hover {
        color: #fff;
        opacity: unset;
    }

/*پایان استایل مودال*/

/* اگر تور برای منوی راهبری بود arrow پایین تر نشان داده شود*/
.popover > .arrow.arrowDown {
    top: 77% !important;
}

.removescroll {
    overflow: hidden !important;
}

.modal-dialog.removemodalscroll:not(.slideInLeft):not(.slideInRight) {
    max-width: 100% !important;
    width: 100% !important;
    overflow: hidden !important;
    margin: 0px !important;
    height: 100% !important;
}

#pay > div {
    background: #00671c;
    border-radius: 5px;
    color: #fff;
    padding: 7px 15px
}

    #pay > div > i {
        color: #f5f5f5
    }


/*رنگ های دکمه های تاییدیه در بالای فرم ها*/
.approval-up a {
    margin: 0 0.52rem;
    font-weight: bold;
}

.approval-up #Approve {
    color: #5e9ac1;
}

.approval-up #Reject {
    color: #c7716e;
}

.approval-up #assgnToother {
    color: #e7948b;
}


.fr-modal-head .fr-modal-head-line i.fr-modal-more {
    position: absolute;
    left: 30px;
    top: 3px;
}


.dpx-message .dpx-message-icon .warning {
    font-size: 40px !important;
    color: #ffeb3b !important;
}

/*نمایش صحیح ویدئو در مدال های شروع کنید*/

.modal-video-player {
    box-shadow: none;
    background-color: transparent;
    border: none;
}

    .modal-video-player button {
        margin: auto;
        padding-left: 6%;
        color: #fff;
        opacity: 1;
    }

.editing > .fb-tree-control.dpx-editmode {
    padding-bottom: 35px;
}

ul.child-menu-ul li.title-menu-box .title-menu-item {
    border-bottom: 0.2px #cccccc66 solid !important;
}

.dpx-side-push-menuitem > a.whit-menu:not(.toggle-push-menu.over-ellips-item-class)::after {
    /*content: '\22EE';*/
    content: '⋮';
    font-size: 19px;
    color: #ffffffc9;
    margin-top: 5px;
    font-family: Arial, sans-serif; /* Choose a font supporting the character */
}

.category-menu-item ul .dpx-side-push-menuitem > a.whit-menu:not(.toggle-push-menu.over-ellips-item-class) i {
    margin: 11px;
    max-width: 18px;
}

.category-menu-item ul .dpx-side-push-menuitem > a.whit-menu:not(.toggle-push-menu.over-ellips-item-class) span {
    margin-left: 6px;
}


div[role="grid"] #contenttablegrid {
    opacity: 0.99;
}

#addNew, #addNewStaff {
    background-color: var(--current-theme-color);
    color: #fff;
    border-radius: 5px !important;
}

    #addNew > div > div > i, #addNew > div, #addNew > div > i, #addNew > div > div:nth-child(1),
    #addNewStaff > div > div > i, #addNewStaff > div, #addNewStaff > div > i, #addNewStaff > div > div:nth-child(1) {
        color: #fff;
    }

    #addNew:hover, #addNew:active, #addNew:focus,
    #addNewStaff:hover, #addNewStaff:active, #addNewStaff:focus {
        background-color: var(--current-theme-dark-color) !important;
        color: #fff;
    }

#newActivity {
    background-color: var(--current-theme-color);
    color: #fff;
    border-radius: 5px !important;
}

    #newActivity > div > div > i, #newActivity > div > div:nth-child(1) {
        color: #fff;
    }

    #newActivity:hover, #newActivity:active, #newActivity:focus {
        background-color: var(--current-theme-dark-color) !important;
        color: #fff;
    }

#doSurvey {
    background-color: var(--current-theme-color);
    color: #fff;
    border-radius: 5px !important;
}

    #doSurvey > div > i,#doSurvey > div, #doSurvey > div > div > i, #doSurvey > div > div:nth-child(1) {
        color: #fff;
    }

    #doSurvey:hover, #doSurvey:active, #doSurvey:focus {
        background-color: var(--current-theme-dark-color) !important;
        color: #fff;
    }

#KBGroupsForm > div.dpx-panel.dpx-toolbar > div > div.dpx-ribbon-button-box > button:nth-child(1) {
    background-color: var(--current-theme-color);
    color: #fff;
    border-radius: 5px !important;
}

#newGroup > div > div > i, #newGroup > div > div:nth-child(1) {
    color: #fff;
}

#KBGroupsForm > div.dpx-panel.dpx-toolbar > div > div.dpx-ribbon-button-box > button:nth-child(1):hover, #KBGroupsForm > div.dpx-panel.dpx-toolbar > div > div.dpx-ribbon-button-box > button:nth-child(1):active, #KBGroupsForm > div.dpx-panel.dpx-toolbar > div > div.dpx-ribbon-button-box > button:nth-child(1):focus {
    background-color: var(--current-theme-dark-color) !important;
    color: #fff;
}

#KBSectionForm > div.dpx-panel.dpx-toolbar > div > div.dpx-ribbon-button-box > button:nth-child(1) {
    background-color: var(--current-theme-color);
    color: #fff;
    border-radius: 5px !important;
}

#newSection > div > div > i, #newSection > div > div:nth-child(1) {
    color: #fff;
}

#KBSectionForm > div.dpx-panel.dpx-toolbar > div > div.dpx-ribbon-button-box > button:nth-child(1):hover, #KBSectionForm > div.dpx-panel.dpx-toolbar > div > div.dpx-ribbon-button-box > button:nth-child(1):active, #KBSectionForm > div.dpx-panel.dpx-toolbar > div > div.dpx-ribbon-button-box > button:nth-child(1):focus {
    background-color: var(--current-theme-dark-color) !important;
    color: #fff;
}


#PaperList > div.dpx-panel.dpx-toolbar > div > div.dpx-ribbon-button-box > button:nth-child(1) {
    background-color: var(--current-theme-color);
    color: #fff;
    border-radius: 5px !important;
}

#newAtricle > div > div > i, #newAtricle > div > div:nth-child(1) {
    color: #fff;
}


#PaperList > div.dpx-panel.dpx-toolbar > div > div.dpx-ribbon-button-box > button:nth-child(1):hover, #PaperList > div.dpx-panel.dpx-toolbar > div > div.dpx-ribbon-button-box > button:nth-child(1):active, #PaperList > div.dpx-panel.dpx-toolbar > div > div.dpx-ribbon-button-box > button:nth-child(1):focus {
    background-color: var(--current-theme-dark-color) !important;
    color: #fff;
}


.dpx-panel-title-collapse {
    border: 2px solid #E6E9ED;
    padding: 6px 5px 6px;
    border-radius: 5px;
    background: #e8e7e7;
}

.dpx-panel-title-extend {
    border: 2px solid #E6E9ED;
    padding: 6px 5px 6px;
    border-radius: 5px;
    background: #dff9f6;
}

.dpx-estate-startup {
    background: #FA803B;
}

    .dpx-estate-startup:hover {
        background: #E86F33 !important;
    }

    .dpx-estate-startup:visited {
        background: #E86F33 !important;
    }

    .dpx-estate-startup:active {
        background: #E86F33 !important;
    }

.light-effect {
    position: relative;
    color: white;
    text-align: center;
    overflow: hidden;
}

    .light-effect::before {
        content: "";
        position: absolute;
        top: 0;
        left: -50%;
        width: 50%;
        height: 100%;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
        transform: skewX(-30deg);
        animation: slide 2s infinite;
    }

@keyframes slide {
    0% {
        left: -50%;
    }

    100% {
        left: 100%;
    }
}
/*اعلان موقعیت مکانی روی نقشه*/
.map-zoneconfirm-alert {
    color: rgb(45, 45, 45);
    background-color: inherit;
    font-family: IranSansWeb;
    font-size: 11px;
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%);
    border-radius:5px;
}

    .map-zoneconfirm-alert a.dpx-btn{
        height:28px;
    }


    .map-zoneconfirm-alert span.alert-text {
        width: 80%;
    }

    .map-zoneconfirm-alert .alert-container {
        display: inline-flex;
        background-color: white;
        width: 100%;
        border-radius: 3px;
        align-items: center;
    }



.filtermap-icon {
  /*  bottom: 48px;
    right: 10px;*/
    width:50px;
    height:50px;
}



.filtermap-icon span {
    display: inline-block;
    position: absolute;
    width: 48px;
    height: 48px;
    top: 0;
    right: 0;
    transition: all .3s;
    box-shadow: 0 10px 10px rgba(0, 0 ,0 , 14%);
    border-radius: 20px;
    background: var(--current-theme-color);
    border-radius: 27px;
    cursor: pointer
}

#ResetSearchBox {
    cursor: pointer
}

.filtermap-icon span :hover {
    background: var(--current-theme-dark-color);
    border-radius: 27px;
}

.filtermap-icon i.fa-filter {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    color: #FFF;
    font-size: x-large;
    width: 48px;
    height: 48px;
}

div.map-update-label.leaflet-control {
    position: absolute;
    top: 10px;
    right: 45%;
    display: flex;
    transform: translateX(-45%);
    background-color: white !important;
    padding: 10px;
    border-radius: 8px;
    margin: auto;
    box-shadow: 0 10px 11px rgba(0, 0 ,0 , 11%);
    font-family: 'IranSansWebFa' !important;
}

    div.map-update-label.leaflet-control h5 {
        margin: 0px;
    }
.leaflet-bottom .tooltip {
    white-space: nowrap;
    left: -150px !important;
}

.leaflet-draw-actions{
    display:none
}

.leaflet-draw-tooltip {
    font-family: 'IranSansWebFa' !important;
}

ul.dropdown-menu.dropdown-new-menu.new-version {
    width: 100%; /* Make the width responsive */
    max-height: 400px;
    overflow-y: auto;/* Enable vertical scroll */
    overflow-x: hidden; /* Disable horizontal scroll */
    padding: 8px;
    width:430px !important;
}

    ul.dropdown-menu.dropdown-new-menu.new-version li.activity-li,
    ul.dropdown-menu.dropdown-new-menu.new-version li.module-li {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 10px;
        width: 100%; /* Make the width responsive */
        height: auto; /* Allow height to adjust based on content */
    }

    ul.dropdown-menu.dropdown-new-menu.new-version li div.box-title {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        padding: 20px;
        gap: 10px;
        width: 100%; /* Make the width responsive */
        height: 35px;
        max-height: 35px;
        background: #F4F7F9;
        border-radius: 8px;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    ul.dropdown-menu.dropdown-new-menu.new-version li div.container-items {
        display: flex;
        flex-wrap: wrap; /* Allow items to wrap to the next row */
        justify-content: start; /* Center the items horizontally */
        align-items: center;
        gap: 5px;
        width: 100%; /* Ensure container takes full width */
        height: auto; /* Allow height to adjust based on content */
        padding: 0px 0px 10px 0px;
    }

        ul.dropdown-menu.dropdown-new-menu.new-version li div.container-items a {
            box-sizing: border-box;
            display: inline-block; /* Display items inline-block */
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 18px 0px;
            gap: 5px;
            height: 90px;
            border: 1px solid #EBEFF3;
            border-radius: 10px;
            text-decoration: none;
            margin: 1%; /* Add some spacing between items */
            color: #000;
        }

            ul.dropdown-menu.dropdown-new-menu.new-version li div.container-items a i {
                width: 18.75px;
                height: 18.75px;
                color: #0C48B0 !important;
                flex: none;
                order: 0;
                flex-grow: 0;
            }

    ul.dropdown-menu.dropdown-new-menu.new-version li div.box-title .title {
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        color: #000;
        /*color: #747171;*/
    }


    /* Custom Scrollbar */
    ul.dropdown-menu.dropdown-new-menu.new-version::-webkit-scrollbar {
        width: 3px !important; /* Width of the scrollbar */
        /*display: none !important;*/ /* Hide the scrollbar */
    }

    ul.dropdown-menu.dropdown-new-menu.new-version::-webkit-scrollbar-track {
        background: #f1f1f1 !important; /* Background of the scrollbar track */
        border-radius: 3px !important; /* Rounded corners for the track */
        /*display: none !important;*/ /* Hide the scrollbar track */
    }

    ul.dropdown-menu.dropdown-new-menu.new-version::-webkit-scrollbar-thumb {
        background: #888 !important; /* Color of the scrollbar thumb */
        border-radius: 3px !important; /* Rounded corners for the thumb */
        /*display: none !important;*/ /* Hide the scrollbar thumb */
    }

        ul.dropdown-menu.dropdown-new-menu.new-version::-webkit-scrollbar-thumb:hover {
            background: #555 !important; /* Color of the scrollbar thumb when hovered */
            /*display: none !important;*/ /* Hide the scrollbar thumb on hover */
        }


    ul.dropdown-menu.dropdown-new-menu.new-version li div.container-items a:hover {
        border-color: #0C48B0;
        background-color: #f5f5f5 !important;
    }

        ul.dropdown-menu.dropdown-new-menu.new-version li div.container-items a:hover i:not(.fa-whatsapp) {
            font-weight: 900;
        }

        ul.dropdown-menu.dropdown-new-menu.new-version li div.container-items a:hover i.fa-whatsapp::before {
            color: white;
            background: #0C48B0;
            border-radius: 8px;
        }





/* Media queries for responsive design */
@media (min-width: 570px) {
 
    ul.dropdown-menu.dropdown-new-menu.new-version li div.container-items a {
        width: 22%; /* 4 items per row for larger screens */
    }
}

@media (max-width: 568px) {
    ul.dropdown-menu.dropdown-new-menu.new-version {
        width: 285px !important;
        max-height: 300px;
    }
        ul.dropdown-menu.dropdown-new-menu.new-version li div.container-items a {
            width: 30%; /* 1 item per row for very small screens */
        }
        ul.dropdown-menu.dropdown-new-menu.new-version li div.container-items a {
            height: 60px;
        }
}

@media (max-width: 375px) {
    ul.dropdown-menu.dropdown-new-menu.new-version {
        width: 175px !important;
        max-height: 300px;
    }
    ul.dropdown-menu.dropdown-new-menu.new-version li div.container-items a {
        width: 45%; /* 1 item per row for very small screens */
    }
        ul.dropdown-menu.dropdown-new-menu.new-version li div.container-items a {
            height: 60px;
        }
}


a.unlocked-user.disabled {
    color: #5A738E !important;
}

@media (max-width: 500px) {
    .jqx-kanban-item, .jqx-kanban-item-text, .jqx-sortable {
        touch-action: auto;
    }
}