[data-context="portal_dashboard"] .container > .elgg-head,
    .elgg-layout.profile-manager-container .elgg-main.elgg-body,
    .elgg-layout.profile-manager-container ul.nav.nav-tabs.tabs-header {
        display: none;
    }


    #widgets .elgg-main.elgg-body {
        padding-top: 0;
    }

    [data-context="portal_dashboard"] .container > .elgg-head,
    .elgg-layout.profile-manager-container .elgg-main.elgg-body,
    .elgg-layout.profile-manager-container ul.nav.nav-tabs.tabs-header {
        display: none;
    }

    .profile-account > .ajax-content-container div[data-type="ajax-content"] {
        position: relative;
        display: flex;
        flex-direction: column;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
        padding: 10px 35px 85px 35px;
        min-height: 250px;
        margin-bottom: 25px;
    }

    div[data-type="ajax-content"].hidden {
        display: none !important;
    }

    @media (min-width: 1200px) {
        .row .profile-account {
            min-width: 1140px;
        }
    }

    section.page-section#widgets {
        max-width: 100%;
        overflow: hidden;
    }

    @media (max-width:600px) {
        .page-header-fixed .page-container.portal_dashboard-container {
            margin: 0 20px !important;
        }
    }

    .profile-account .elgg-form > fieldset > .row {
        display: block;
        margin: 0;
    }

    .profile-account .elgg-form > fieldset > .row > .form-group:first-child > .col-md-4,
    .profile-account .elgg-form > fieldset > .row > .form-group:first-child > .col-md-3 {
        padding-right: 0;
    }

    .profile-account .elgg-form > fieldset > .row .form-group > .col-md-3,
    .profile-account .elgg-form > fieldset > .row .form-group > .col-md-4,
    .profile-account .elgg-form > fieldset > .row .form-group > .col-md-7,
    .change-mobile-main .col-md-3,
    .change-mobile-main .col-md-4,
    .change-national-code-form .col-md-3,
    .change-national-code-form .col-md-4 {
        max-width: none;
        font-size: 13px;
        font-weight: normal;
    }

    .form-control {
        border-radius: 0;
    }

    .profile-account .elgg-form .elgg-module-info > .elgg-head {
        background: transparent;
        margin: 0;
    }

    .profile-account .elgg-form .elgg-module-info > .elgg-head > h3,
    .profile-account .elgg-form > fieldset > .row:before,
    .elgg-form-profile-change-national-code > fieldset > input + div:before,
    .elgg-form-profile-change-mobile > fieldset > input + div:before {
        padding-bottom: 15px;
        border-bottom: 1px solid #ddd;
        margin: 25px 0;
        color: #6085be;
        font-size: 16px;
        background: transparent;
    }

    .profile-account .elgg-form.elgg-form-profile-password > fieldset > .row > .form-group {
        float: none;
    }

    .profile-account .elgg-form > fieldset > .row > fieldset {
        clear: both;
    }

    div[data-type="ajax-content"] .tab-content > .active.fade,
    .admin-content .tab-content > .active.fade {
        opacity: 1;
    }

    /** new widget */

    .elgg-module-widget > .portlet-body, .elgg-module-widget > .portlet-body:hover {
        background: transparent !important;
    }

    .portal-widgets-columns-container .portal-widget {
        box-shadow: none !important;
        border: none !important;
    }

    .portal-widgets-columns-container .portal-widget.small-type {
        max-width: none !important;
    }

    .opacity07 {
        opacity: 0.7;
    }

    .padding-4 {
        padding: 4px;
    }

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

    .clear {
        clear: both;
    }

    .masthead .LogoLine {
        animation: loadItems 0.7s ease-in;
    }

    @keyframes loadItems {
        0% {
            opacity: 0;
            transform: translateY(10px);
        }
        100% {
            opacity: 1;
            transform: translateY(0px);
        }
    }

    /*backgrounds COLORS---------------------*/

    .bg-blueviolet {
        background-color: #9a73be;
    }

    .bg-brown {
        background-color: #a52a2a;
    }

    .bg-cadetblue {
        background-color: #5f9ea0;
    }

    .bg-chartreuse {
        background-color: #7fff00;
    }

    .bg-chocolate {
        background-color: #d2691e;
    }

    .bg-coral {
        background-color: #ff7f50;
    }

    .bg-cornflowerblue {
        background-color: #6495ed;
    }

    .bg-darkblue {
        background-color: #00008b;
    }

    .bg-darkcyan {
        background-color: #008b8b;
    }

    .bg-darkgoldenrod {
        background-color: #b8860b;
    }

    .bg-darkgreen {
        background-color: #006400;
    }

    .bg-darkmagenta {
        background-color: #8b008b;
    }

    .bg-darkolivegreen {
        background-color: #556b2f;
    }

    .bg-darkorange {
        background-color: #ff8c00;
    }

    .bg-darkorchid {
        background-color: #9932cc;
    }

    .bg-darkred {
        background-color: #8b0000;
    }

    .bg-darkslateblue {
        background-color: #483d8b;
    }

    .bg-darkturquoise {
        background-color: #00ced1;
    }

    .bg-darkviolet {
        background-color: #9400d3;
    }

    .bg-deeppink {
        background-color: #ff1493;
    }

    .bg-deepskyblue {
        background-color: #74a5d5;
    }

    .bg-forestgreen {
        background-color: #228b22;
    }

    .bg-fuchsia {
        background-color: #ff00ff;
    }

    .bg-gold {
        background-color: #ffd700;
    }

    .bg-goldenrod {
        background-color: #daa520;
    }

    .bg-green {
        background-color: #008000;
    }

    .bg-greenyellow {
        background-color: #adff2f;
    }

    .bg-grey {
        background-color: #808080;
    }

    .bg-honeydew {
        background-color: #f0fff0;
    }

    .bg-hotpink {
        background-color: #ff69b4;
    }

    .bg-indianred {
        background-color: #cd5c5c;
    }

    .bg-indigo {
        background-color: #4b0082;
    }

    .bg-maroon {
        background-color: #800000;
    }

    .bg-mediumorchid {
        background-color: #ba55d3;
    }

    .bg-mediumpurple {
        background-color: #9370db;
    }

    .bg-mediumseagreen {
        background-color: #3cb371;
    }

    .bg-mediumslateblue {
        background-color: #7b68ee;
    }

    .bg-mediumspringgreen {
        background-color: #00fa9a;
    }

    .bg-mediumturquoise {
        background-color: #48d1cc;
    }

    .bg-navy {
        background-color: #000080;
    }

    .bg-olive {
        background-color: #808000;
    }

    .bg-olivedrab {
        background-color: #6b8e23;
    }

    .bg-orange {
        background-color: #ffa500;
    }

    .bg-orangered {
        background-color: #ff4500;
    }

    .bg-purple {
        background-color: #800080;
    }

    .bg-rebeccapurple {
        background-color: #663399;
    }

    .bg-red {
        background-color: #ff0000;
    }

    .bg-rosybrown {
        background-color: #bc8f8f;
    }

    .bg-royalblue {
        background-color: #4169e1;
    }

    .bg-saddlebrown {
        background-color: #8b4513;
    }

    .bg-salmon {
        background-color: #fa8072;
    }

    .bg-sandybrown {
        background-color: #f4a460;
    }

    .bg-seagreen {
        background-color: #2e8b57;
    }

    .bg-sienna {
        background-color: #a0522d;
    }

    .bg-slateblue {
        background-color: #6a5acd;
    }

    .bg-springgreen {
        background-color: #00ff7f;
    }

    .bg-steelblue {
        background-color: #4682b4;
    }

    .bg-tan {
        background-color: #d2b48c;
    }

    .bg-teal {
        background-color: #008080;
    }

    .bg-tomato {
        background-color: #ff6347;
    }

    .bg-transparent {
        background-color: #00000000;
    }

    /*COLORS---------------------*/

    .blueviolet {
        color: #9161bd;
    }

    .brown {
        color: #a52a2a;
    }

    .cadetblue {
        color: #5f9ea0;
    }

    .chartreuse {
        color: #7fff00;
    }

    .chocolate {
        color: #d2691e;
    }

    .coral {
        color: #ff7f50;
    }

    .cornflowerblue {
        color: #6495ed;
    }

    .darkblue {
        color: #00008b;
    }

    .darkcyan {
        color: #008b8b;
    }

    .darkgoldenrod {
        color: #b8860b;
    }

    .darkgreen {
        color: #006400;
    }

    .darkmagenta {
        color: #8b008b;
    }

    .darkolivegreen {
        color: #556b2f;
    }

    .darkorange {
        color: #ff8c00;
    }

    .darkorchid {
        color: #9932cc;
    }

    .darkred {
        color: #8b0000;
    }

    .darkslateblue {
        color: #483d8b;
    }

    .darkturquoise {
        color: #00ced1;
    }

    .darkviolet {
        color: #9400d3;
    }

    .deeppink {
        color: #ff1493;
    }

    .deepskyblue {
        color: #00bfff;
    }

    .forestgreen {
        color: #228b22;
    }

    .fuchsia {
        color: #ff00ff;
    }

    .gold {
        color: #ffd700;
    }

    .goldenrod {
        color: #daa520;
    }

    .green {
        color: #008000;
    }

    .greenyellow {
        color: #adff2f;
    }

    .grey {
        color: #808080;
    }

    .honeydew {
        color: #f0fff0;
    }

    .hotpink {
        color: #ff69b4;
    }

    .indianred {
        color: #cd5c5c;
    }

    .indigo {
        color: #4b0082;
    }

    .maroon {
        color: #800000;
    }

    .mediumorchid {
        color: #ba55d3;
    }

    .mediumpurple {
        color: #9370db;
    }

    .mediumseagreen {
        color: #3cb371;
    }

    .mediumslateblue {
        color: #7b68ee;
    }

    .mediumspringgreen {
        color: #00fa9a;
    }

    .mediumturquoise {
        color: #48d1cc;
    }

    .navy {
        color: #000080;
    }

    .olive {
        color: #808000;
    }

    .olivedrab {
        color: #6b8e23;
    }

    .orange {
        color: #ffa500;
    }

    .orangered {
        color: #ff4500;
    }

    .purple {
        color: #800080;
    }

    .rebeccapurple {
        color: #663399;
    }

    .red {
        color: #ff0000;
    }

    .rosybrown {
        color: #bc8f8f;
    }

    .royalblue {
        color: #4169e1;
    }

    .saddlebrown {
        color: #8b4513;
    }

    .salmon {
        color: #fa8072;
    }

    .sandybrown {
        color: #f4a460;
    }

    .seagreen {
        color: #2e8b57;
    }

    .sienna {
        color: #a0522d;
    }

    .slateblue {
        color: #6a5acd;
    }

    .springgreen {
        color: #00ff7f;
    }

    .steelblue {
        color: #4682b4;
    }

    .tan {
        color: #d2b48c;
    }

    .teal {
        color: #008080;
    }

    .tomato {
        color: #ff6347;
    }

    .transparent {
        color: #00000000;
    }

    /*---------------------------------------------*/

    header.masthead {
        padding-top: 2rem;
        /*padding-bottom: calc(6rem - 4.5rem);*/
        background: linear-gradient(to right, rgba(30, 136, 229, 1) 0%, rgba(33, 150, 243, 0.6) 100%), url("https://dina.oghaf.ir/cache/1753646773/default/theme/graphics/head-bg.jpg");
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: cover;
    }

    header.masthead h1 {
        font-size: 2.25rem;
    }

    .switchLine {
        min-height: 15px;
    }

    .LogoLine {
        align-items: center;
    }

    .logoutImg {
        border: none !important;
    }

    .userImg {
        width: 36px;
        height: 36px;
        border-radius: 36px;
        border: 1px solid #fff;
        margin-right: 5px;
        -webkit-border-radius: 50px !important;
        -moz-border-radius: 50px !important;
        border-radius: 50px !important;
    }

    @media (min-width: 500px) {
        .logoutLink,
        .logoutLink * {
            padding: 0 !important;
        }
    }

    .userLink .btn
    {
        padding-right: 0 !important;
    }

    .userLink
    {
        max-width: max-content;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .logoutLink,
    .logoutLink * {
        border: none!important;
    }

    .userLink,
    .userLink * {
        font-size: 12px;
        position: relative;
    }

    .userLink a {
        padding-left: 0;
    }

    .userLink button {
        background-color: rgba(255, 255, 255, 0);
    }

    .userLink:hover button {
        background-color: rgba(255, 255, 255, 0.2);
    }

    .userLink svg {
        margin: -1px 8px;
        font-size: 14px;
    }

    .userLink ul {
        position: absolute;
        width: 100%;
        padding: 0;
        list-style: none;
        background-color: azure;
        z-index: 10;
        max-height: 0px;
        overflow: hidden;
        transition: all 0.3s;
    }

    .userLink:hover > ul {
        max-height: 150px;
    }

    /* .userLink ul li {

      } */

    .userLink ul li:hover {
        background-color: #f5f5f5;
    }

    .userLink ul li a {
        width: 100%;
        height: 100%;
        display: inline-block;
        padding: 10px;
        border-bottom: 1px solid #eee;
        color: #777;
        text-align: right;
    }

    .userLink ul li svg {
        font-size: 18px;
        width: 24px !important;
        margin: 0 0 0 8px;
        vertical-align: middle;
        color: #4a5e84;
    }

    .hedLine-Wrp {
        position: relative;
        margin-top: -40px;
        margin-bottom: -10px;
    }

    .marquee {
        font-size: 13px;
        color: #ffffffb8;
        position: absolute;
        width: auto;
        text-align: center;
        bottom: 43px;
        right: 25px;
        left: 25px;
    }

    .repeatBg {
        background: url("https://dina.oghaf.ir/cache/1753646773/default/theme/graphics/customize//headLine_Rept_obj.png") repeat-x;
        width: 100%;
        display: inline-block;
        height: 92px;
    }

    /*Edit mode--------------------*/

    .adminBtns {
        display: inline-block;
    }

    .adminBtns .btn {
        opacity: 0;
    }

    .adminBtns .btn:first-child {
        animation: swip 0.2s forwards;
        animation-delay: 0.1s;
    }

    .adminBtns .btn:nth-child(2) {
        animation: swip 0.2s forwards;
        animation-delay: 0.05s;
    }

    .adminBtns .btn:last-child {
        animation: swip 0.2s forwards;
    }

    @keyframes swip {
        0% {
            transform: translateX(-55px);
            opacity: 0;
        }
        100% {
            transform: translateX(0px);
            opacity: 1;
        }
    }

    /*-------CheckBox Switch----------------*/

    /* widgets wrapper */
    #widgets {
        min-height: 65vh;
    }


    .widgetsPanel {
        background: white;
        max-height: 300px;
        margin: 0 0 30px 0;
        overflow: hidden;
        transition: all 0.5s ease-out;
    }

    .widgetsPanel.closed {
        max-height: 0px;
    }

    .widget-cnt {
        margin: 15px 30px;
    }

    .widgetsPanel input {
        border: none;
        border-bottom: 1px solid #ccc;
        height: 34px;
        padding: 0 8px;
        margin-bottom: 10px;
    }

    .widgetsPanel input:focus {
        border-bottom: 2px solid rgb(69, 167, 228);
    }

    .widgetsPanel input::placeholder {
        font-size: 12px;
        color: #aaa;
    }

    .widgetsPanel ul li {
        display: inline-block;
        margin: 6px 0px 0 0px;
        background: #ededed;
        padding: 8px 26px;
        font-size: 12px;
        color: #676767;
        cursor: pointer;
        border: 2px dotted #ccc;
        transition: all 0.3s;
        min-width: 12%;
        text-align: center;
    }

    @media only screen and (max-width: 768px) {
        .widgetsPanel ul li {
            min-width: 48.666%;
        }
    }

    .widgetsPanel ul li:hover {
        background: #f8f8f8;
    }

    /*mian gadgets--------------------------------*/

    .desksLinkWraper {
        /*margin: -5px auto -24px auto;*/
        min-height: 33px;
    }

    .desksLinkWraper > ul > li {
        margin-left: 5px;
        line-height: 1.8;
    }

    .header {
        /* position: absolute;
        top: 0;
        right: 0;
        left: 0; */
        height: 50px;
        line-height: 50px;
        padding: 0 18px;
        color: #fff;
    }

    .header.cadetblue {
        background-color: cadetblue;
    }

    .header svg {
        font-size: 2rem;
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
    }

    .card .content .cnt-title {
        color: #74a5d5;
        font-size: 13px;
        font-weight: normal;
        margin: 16px 20px 0 0;
    }

    .card .content ul li {
        padding: 10px 25px;
        position: relative;
        height: 40px;
    }

    .card .content ul li:last-child::before {
        height: 0;
    }

    .card .content ul li a span.counter {
        background-color: #1da4d8;
        line-height: normal;
        color: #fff !important;
        padding: 2px 0;
        text-align: center;
        float: left;
        position: absolute;
        left: 10px;
        top: 30%;
        font-size: 13px;
        min-width: 24px;
        border-radius: 15px !important;
    }

    .card .content ul li span.counter svg {
        color: #fff;
        font-size: 12px;
        margin: 0 8px;
        width: auto;
    }

    .card.systems {
        background: transparent;
        box-shadow: none;
    }

    .card.systems .header {
        color: #fff;
        border-bottom: 1px solid #ccc;
    }

    .card.systems ul {
        margin-bottom: 0px;
    }

    .card.systems ul li {
        height: 65px;
        line-height: 60px;
        padding: 0 15px 0 25px;
        background: #fff;
        margin: 5px 0 0 0;
        box-shadow: 0 2px 3px -2px #0000001f;
    }

    .card.systems span.sys-name {
        font-size: 15px;
    }

    .card.systems ul li a {
        /*line-height: 43px;*/
    }

    .card.systems .content ul li svg {
        margin: 18px 0 0 7px;
        font-size: 1.9rem;
    }

    .card.systems .content ul li a img {
        width: 48px;
        display: inline-block;
        vertical-align: middle;
        margin-top: -20px;
        position: relative;
        top: 11px;
        margin-left: 8px;
    }

    .card.systems .content ul li a .sys-desc {
        font-size: 11px;
        padding-right: 62px;
        color: #aaa;
        width: calc(100% - 40px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 16px;
        margin: -10px 0;
    }

    .card .content ul li::before {
        content: "";
        height: 1px;
        display: block;
        margin: 0 auto;
        background-color: #e7e7e7;
        position: absolute;
        bottom: 0;
        right: 26px;
        left: 26px;
    }

    .card .content ul li:hover {
        background-color: #f5f5f5;
    }

    .card .content ul li svg {
        font-size: 1.5rem;
        display: inline-block;
        vertical-align: middle;
        margin-left: 7px;
        width: 40px;
        text-align: center;
    }

    .card .content ul li a {
        display: block;
        height: 100%;
    }

    .card .content ul li span {
        color: #636363;
        font-size: 12px;
    }

    .card .content ul li .val {
        float: left;
        font-size: 14px;
        color: #5bb35b;
        position: relative;
        cursor: default;
        /*line-height: 1em;*/
        /*overflow: hidden;*/
    }

    .card .content ul li .val.money:after {
        content: "ریال";
    }

    .card .content ul li .val.day:after {
        content: "روز";
    }

    .card .content ul li .val.hour:after {
        content: "ساعت";
    }

    .card .content ul li .val:after {
        color: #777;
        font-size: 11px;
        margin-right: 5px;
    }

    .card .content ul li .val > span.secureNum {
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        text-align: left;
        line-height: 21px;
        direction: ltr;
        font-size: 14px !important;
        background: #fff;
    }

    .card .content ul:hover li .val > span.secureNum {
        background-color: #f5f5f5;
        display: none;
    }

    .card .content ul li .lbl {
        float: right;
        cursor: default;
    }

    .card .wdg-footer {
        padding: 10px 21px;
        text-align: left;
        background: #f4f4f4;
        border-top: 1px solid #eee;
    }


    /* -------------- Footer --------------------*/
    footer {
        /*background: linear-gradient(to right, rgba(21, 101, 192, 1) 0%, rgba(13, 71, 161, 1) 100%), url("https://dina.oghaf.ir/cache/1753646773/default/theme/graphics/head-bg.jpg");*/
        opacity: 80%;
    }

    .footer-col-title {
        color: #ffab40;
        font-size: 14px;
        font-weight: 400;
        border-bottom: 1px solid #ffffff38;
        padding-bottom: 18px;
    }

    .footer-col-title ~ ul {
        font-size: 0.8rem;
        line-height: 2rem;
        margin-top: 25px;
        padding-right: 30px;
        color: #fafafa;
    }

    .footer-col-title ~ ul li span.lbl {
        color: #b0bec5;
    }

    .footer-col-title ~ ul li a, .footer-col-title ~ ul li a:visited {
        color: #e1ebff;
    }

    .footer-col-title ~ ul li a:hover, .footer-col-title ~ ul li a:active {
        color: #b0caff;
    }

    .footer-col-title svg {
        display: inline-block;
        margin: 0 0 0 11px;
        color: #fff;
        border-radius: 50px;
        box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.1);
        background: rgba(255, 255, 255, 0.1);
        font-size: 17px;
        vertical-align: middle;
    }

    footer .hedLine-Wrp {
        margin-top: -80px;
        margin-bottom: 20px;
        box-shadow: 0 89px 24px -16px #e0e9f8 inset;
    }

    .footerImg {
        width: 80%;
        display: block;
        margin: auto;
    }

    @media only screen and (max-width: 768px) {
        .footerImg {
            width: 50%;
        }
    }

    /* -------------- ------ --------------------*/


    @media only screen and (max-width: 768px) {
        header.masthead {
            padding-bottom: 24px;
        }

        .LogoLine {
            text-align: center;
        }

        .hedLine-Wrp {
            margin-top: 0;
        }

        .mr-auto.userLink {
            margin: 0;
        }

        .checkbox.checbox-switch {
            padding-left: 20px;
        }
    }

    /*chart*/

    @-webkit-keyframes bake-pie {
        from {
            -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
            transform: rotate(0deg) translate3d(0, 0, 0);
        }
    }

    @keyframes bake-pie {
        from {
            -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
            transform: rotate(0deg) translate3d(0, 0, 0);
        }
    }

    .pie-chart {
    }

    .pie-chart--wrapper {
        width: 100%;
        margin: 30px auto;
        text-align: center;
    }

    .pie-chart__pie,
    .pie-chart__legend {
        display: inline-block;
        vertical-align: top;
    }

    .pie-chart__pie {
        position: relative;
        height: 200px;
        width: 200px;
        margin: 0 0 0 20px;
    }

    .pie-chart__pie::before {
        content: "";
        display: block;
        position: absolute;
        z-index: 1;
        width: 100px;
        height: 100px;
        background: #eee;
        border-radius: 50%;
        top: 50px;
        left: 50px;
    }

    .pie-chart__pie::after {
        content: "";
        display: block;
        width: 120px;
        height: 2px;
        background: rgba(0, 0, 0, 0.1);
        border-radius: 50%;
        box-shadow: 0 0 3px 4px rgba(0, 0, 0, 0.1);
        margin: 220px auto;
    }

    .slice {
        position: absolute;
        width: 200px;
        height: 200px;
        clip: rect(0px, 200px, 200px, 100px);
        -webkit-animation: bake-pie 1s;
        animation: bake-pie 1s;
    }

    .slice span {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background-color: black;
        width: 200px;
        height: 200px;
        border-radius: 50%;
        clip: rect(0px, 200px, 200px, 100px);
    }

    .pie-chart__legend {
        min-width: 250px;
        display: inline-block;
        list-style-type: none;
        padding: 0;
        margin: 0 auto;
        padding: 0.75em 0.75em 0.05em;
        font-size: 11px;
        text-align: right;
        color: #636363;
    }

    .pie-chart__legend li {
        height: 1.25em;
        margin-bottom: 0.7em;
        padding-right: 0.5em;
        border-right: 1.25em solid black;
    }

    .pie-chart__legend em {
        font-style: normal;
    }

    .pie-chart__legend span {
        float: left;
    }

    .pie-charts {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
    }

    @media (max-width: 500px) {
        .pie-charts {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            flex-direction: column;
        }
    }


    .wave-decoration svg path {
        fill: #ebf4f9;
    }

    .wave-decoration {
        position: absolute;
        top: 0;
        z-index: 5;
        pointer-events: none;
        width: 2000px;
        left: 50%;
        margin: 0 0 0 -1000px;
    }


    /*----------------------profile styles ----------------------*/
    .prf-user-image {
        border-bottom: 1px solid #ddd;
        padding-bottom: 5px;
        margin: 10px 25px;
    }

    .prf-user-image img {
        width: 100px;
        display: block;
        margin: 15px auto 5px auto;
    }

    .prf-user-image img ~ div {
        text-align: center;
        margin: 10px auto;
        font-size: 13px;
        color: #888;
    }

    .prf-menu ul {
        margin-bottom: 15px;
    }

    .prf-menu ul li {
        padding: 10px 25px;
        position: relative;
        height: 40px;
        width: 100%;
        font-size: 13px;
        font-weight: 300;
        transition: all 0.2s;
    }

    .prf-menu ul li a {
        color: rgb(85, 87, 110);
    }

    .prf-menu ul li.active a {
        color: rgb(49, 177, 180);
        font-weight: 600;
    }

    .prf-menu ul li.active a svg {
        margin-right: -5px;
    }

    .prf-menu ul li.active {
        border-right: 5px solid rgb(49, 177, 180);
    }

    .prf-menu .content ul li svg {
        font-size: 1rem;
    }

    .card.admin-content {
        padding: 10px 35px 85px 35px;
    }

    .card.admin-content h6.part-title,
    div[data-type="ajax-content"] h6.part-title {
        padding-bottom: 15px;
        border-bottom: 1px solid #ddd;
        margin: 25px 0;
        color: #6085be;
    }

    div[data-type="ajax-content"] form .lbl,
    .card.admin-content form .lbl {
        color: #828fa3;
    }

    div[data-type="ajax-content"] form .contact-field-mobile,
    .card.admin-content form .contact-field-mobile {
        direction: ltr;
    }

    .admin-content-footer {
        padding: 10px 30px;
        text-align: left;
        background: #f5f5f5;
        border-top: 1px solid #ddd;
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
    }

    .prf-image-toolbar .btn {
        width: 31.999%;
        margin-bottom: 25px;
    }

    .flex-container {
        display: flex;
        flex-flow: row wrap;
        border: 1px solid #ddd;
        padding: 5px;
        font-size: 30px;
        color: white;
    }

    .item {
        flex: 100% 0;
        text-align: center;
        height: 30px;
        margin: 2px 0 0 0;
        padding: 0;
    }

    /*notice  */
    .notice {
        padding: 15px;
        background-color: #f1faff;
        border: 1px solid #ddf1fc;
        margin-bottom: 10px;
        font-size: 12px;
    }

    .notice-sm {
        padding: 10px;
    }

    .notice-lg {
        padding: 35px;
    }

    /* Success */
    .notice-success {
        border-right: 6px solid #aacde0 !important;
    }

    .notice-success > strong {
        color: #387ea3;
        line-height: 45px;
    }

    .haz-modal {
        position: fixed;
        top: 5%;
        right: 5%;
        left: 5%;
        bottom: 5%;
        z-index: 100;
        background: #fff;
        box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
        overflow: auto;
    }

    .haz-modal-title {
        padding: 10px;
        font-size: 13px;
        background-color: #4a5e84;
        color: #fff;
    }

    .haz-modal-title .close-modal {
        cursor: pointer;
        width: 25px;
        height: 25px;
        float: left;
        font-size: 20px;
        line-height: 25px;
    }

    .haz-modal-cnt {
        padding: 5px 0 5px 0;
    }

    .haz-filter-wrapper {
        padding: 5px;
        border: 1px solid #bfcdee;
        background: #e8f4ff;
        text-align: center;
    }

    .haz-filter-wrapper select {
        word-wrap: normal;
        border: 1px solid #bfcdee;
        font-size: 13px;
        height: 28px;
        padding: 0 10px;
        color: #4a5e84;
    }

    .haz-filter-wrapper button svg {
        margin: 0 8px 0 8px;
    }


    /* table style */

    .datagrid-wrapper {
        height: 75vh;
        overflow: auto;
    }

    table {
        width: 100%;
        height: 100%;
        overflow: auto;
    }

    table th {
        color: #4a5e84;
    }

    .table-bordered th,
    .table-bordered td {
        font-size: 12px;
        padding: 2px 8px;
    }


    /* haz-scard style */

    .padding-0-5 {
        padding: 0 5px 0 5px !important;
    }

    .haz-Scard {
        margin: 2px 0;
        border-radius: 0px;
        overflow: hidden;
        font-size: 12px;
        min-height: 150px;
    }

    .haz-scard-title {
        padding: 4px;
    }


    /* orange color */

    .haz-Scard.color-orange {
        border: 1px solid #e8ceac;
    }

    .haz-Scard.color-orange .haz-scard-title {
        color: #8a4f32;
        background: antiquewhite;
    }


    /* blue color */

    .haz-Scard.color-blue {
        border: 1px solid #acc8e8;
    }

    .haz-Scard.color-blue .haz-scard-title {
        color: #32518a;
        background: rgb(215, 236, 250);
    }


    /* green color */

    .haz-Scard.color-green {
        border: 1px solid #b3e8ac;
    }

    .haz-Scard.color-green .haz-scard-title {
        color: #358a32;
        background: rgb(225, 250, 215);
    }

    .haz-scard-cnt {
        padding: 5px;
    }

    .haz-scard-cnt ul li .lbl {
        color: #777;
        font-weight: 300;
    }

    .haz-scard-cnt ul {
        margin: 0;
    }

    .haz-scard-cnt ul li {
        padding: 2px 6px;
    }

    .haz-scard-cnt ul li:nth-child(2n+1) {
        background-color: #f7f7f7;
    }

    .haz-scard-cnt ul li .val {
        float: left;
    }

    .table-stripe tbody tr:nth-of-type(odd) {
        background-color: rgba(0, 0, 0, 0.05);
    }

    .table-dark.table-stripe tbody tr:nth-of-type(odd) {
        background-color: rgba(255, 255, 255, 0.05);
    }

    .form-control:focus {
        border-color: #fbc2b3;
        box-shadow: 0 0 0 0.2rem rgba(244, 98, 58, 0.25);
    }

    .form-control::-webkit-input-placeholder {
        color: #6c757d;
    }

    .form-control::-moz-placeholder {
        color: #6c757d;
    }

    .form-control:-ms-input-placeholder {
        color: #6c757d;
    }

    .form-control::-ms-input-placeholder {
        color: #6c757d;
    }

    .form-control::placeholder {
        color: #6c757d;
    }

    .progress-bar-striped {
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-size: 1rem 1rem;
    }

    .pb-5,
    .py-5 {
        padding-bottom: 1rem !important;
    }


    .card .content ul li .val {
        line-height: 1em;
        overflow: hidden;
    }

    #widgets {
        min-height: 80vh;
    }

    .footer-col-title ~ ul li span.lbl {
        color: #48d1cc;
    }

    /*.haz-modal {
        top: 50%;
        width: 700px;
        right: 50%;
        transform: translate(50%, -50%);
    }*/

    .page-section {
        padding: 30px;
        background-image: linear-gradient(to top left, rgba(245, 245, 245, 0.1), rgba(245, 245, 245, 0.1)) !important;
    }

    footer {
        background-color: #6083E2;
        color: #fff;
        opacity: 100%;
    }

    body {
        background-color: #E0E9F8 !important;
    }

    .widgets-container .portlet.box.yellow {
        margin-bottom: 0 !important;
    }

    .desksLinkWraper > ul > li {
        margin-left: 5px;
        line-height: 1.8;
    }

    .widgets-container > .col-md-8,
    .widgets-container > .col-md-4,
    .widgets-container > .elgg-layout-widgets > *:not(.portal-widgets-columns-container) {
        display: none;
    }

    .whc_portal_manager_form_modal label.control-label {
        white-space: nowrap;
        font-size: 14px;
        padding-top: 7px;
        font-weight: normal;
    }

    .whc_portal_manager_form_modal .form-group {
        display: flex;
    }

    .whc_portal_manager_form_modal .layout-container {
        border-top: 1px solid #eee;
        padding-top: 7px;
        display: flex;
        flex-flow: wrap;
        flex-direction: row-reverse;
    }

    .whc_portal_manager_form_modal h4.modal-title {
        font-size: 15px;
    }

    .widgetsPanel ul li {
        margin-left: 6px;
    }

    .userLink ul li a {
        white-space: nowrap;
    }

    #widgets-add-panel.no-result #no_result_search_widget {
        display: block;
        top: 62px;
        font-size: 12px;
    }

    .widgetsPanel input {
        border-radius: 0;
    }

    .portal-tools-container .btn svg,
    .portal-tools-container .btn .fa {
        color: #888;
        margin-right: 7px;
    }

    .card.salary, .card.Attendance {
        /*margin-bottom: 0;*/
    }

    .portal-widget {
        border-radius: 0 !important;
        border: none;
    }

    h1, h2, h3, h4, h5, h6, body, .icon-btn div {
        font-family: IRANSans !important;
    }

    .marquee {
        overflow: hidden;
        font-size: 13px;
        color: #ffffffb8;
        position: absolute;
        width: auto;
        text-align: center;
        bottom: 43px;
        right: 5px;
        left: 5px;
        top: 36px;
    }

    .marquee span {
        position: absolute;
        width: 100%;
        height: 100%;
        margin: 0;
        display: block;
        text-align: center;

        /* Starting position */
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);

        /* Apply animation to this element */
        -moz-animation: marquee 30s linear infinite;
        -webkit-animation: marquee 30s linear infinite;
        animation: marquee 30s linear infinite;
    }

    /* Move it (define the animation) */
    @-moz-keyframes marquee {
        0% {
            -moz-transform: translateX(-100%);
        }
        100% {
            -moz-transform: translateX(100%);
        }
    }

    @-webkit-keyframes marquee {
        0% {
            -webkit-transform: translateX(-100%);
        }
        100% {
            -webkit-transform: translateX(100%);
        }
    }

    @keyframes marquee {
        0% {
            -moz-transform: translateX(-100%);
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
        }
        100% {
            -moz-transform: translateX(100%);
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
        }
    }

    [data-context="portal_dashboard"] .container > .elgg-head,
    .elgg-layout.profile-manager-container .elgg-main.elgg-body,
    .elgg-layout.profile-manager-container ul.nav.nav-tabs.tabs-header {
        display: none;
    }

    div[data-type="ajax-content"] form .lbl,
    div[data-type="ajax-content"] form .val {
        font-size: 13px;
        font-weight: normal;
        max-height: 15px;
        padding-bottom: 0px;
        max-width: 90%;
    }

    .elgg-tags > li {
        max-width: 95%;
    }

    .center-block {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    div[data-type="ajax-content"] .tab-content > .active.fade,
    .admin-content .tab-content > .active.fade {
        opacity: 1;
    }

    .profile-manager-container .notice ol {
        margin-bottom: 0;
    }

    .profile-manager-container .notice .elgg-head > div {
        color: #387ea3 !important;
        text-align: right !important;
        font-size: 12px !important;
        font-weight: 700;
    }

    .elgg-form-avatar-upload label {
        display: none;
    }

    .fileinput-preview.thumbnail {
        display: inline-block;
        margin-bottom: 5px;
        overflow: hidden;
        text-align: center;
        vertical-align: middle;
        border: 1px solid #ddd;
        font-size: 11px;
        position: relative;
        width: 100% !important;
    }

    .fileinput-preview.thumbnail:after {
        position: absolute;
        right: 0;
        left: 0;
        top: 50%;
        margin: -10px auto;
        line-height: 1 !important;
        content: 'جهت انتخاب تصویر کلیک نمائید یا آن را به داخل کادر بکشید';
        font-size: 13px;
    }

    .fileinput-preview.thumbnail:before {
        background: url(https://dina.oghaf.ir/cache/1753646773/default/theme/graphics/drag_and_drop.png) center center no-repeat;
        content: '';
        z-index: -1;
        display: block;
        width: 100%;
        height: 100%;
        opacity: 0.5;
    }

    .profile-account .elgg-form .elgg-module-info > .elgg-head > h3,
    .profile-account .elgg-form > fieldset > .row:before,
    .elgg-form-profile-change-national-code > fieldset > input + div:before,
    .elgg-form-profile-change-mobile > fieldset > input + div:before {
        padding-bottom: 15px;
        border-bottom: 1px solid #ddd;
        margin: 25px 0;
        color: #6085be;
        font-size: 16px;
        background: transparent;
    }

    .change-national-code-form .elgg-foot .admin-content-footer > .row,
    .change-mobile-form .elgg-foot .admin-content-footer > .row {
        display: inline-flex;
    }

    .profile-account .elgg-form .elgg-module-info > .elgg-head {
        background: transparent;
        margin: 0;
    }

    .profile-account .elgg-form > fieldset > .row {
        display: block;
        margin: 0;
    }

    .elgg-form-profile-edit > fieldset > .row:before {
        content: 'نمایه';
        display: block;
    }

    .elgg-form-profile-change-national-code > fieldset > input + div:before {
        content: 'تغییر کد ملی';
        display: block;
    }

    .elgg-form-profile-password > fieldset > .row:before {
        content: 'تغییر کلمه عبور';
        display: block;
    }

    .elgg-form-profile-change-mobile > fieldset > input + div:before {
        content: 'تغییر شماره همراه';
        display: block;
    }

    .profile-account .elgg-form > fieldset > .row > .form-group,
    .profile-account .elgg-form > fieldset > .row .elgg-body > .form-group {
        width: 50%;
        float: right;
        margin-bottom: 0;
    }

    .form-group.col-size-12.col-md-12 {
        width: 100% !important;
        margin-bottom: 1rem !important;
    }

    .form-group.col-size-6.col-md-12 {
        width: 50% !important;
        margin-bottom: 1rem;
    }

    .profile-account .elgg-form > fieldset > .row > fieldset {
        clear: both;
    }

    .form-control {
        border-radius: 0;
    }

    .profile-account .elgg-form > fieldset > .row > .form-group:first-child > .col-md-4,
    .profile-account .elgg-form > fieldset > .row > .form-group:first-child > .col-md-3 {
        padding-right: 0;
    }

    .profile-account .elgg-form > fieldset > .row > .form-group:nth-child(2) > .col-md-4,
    .profile-account .elgg-form > fieldset > .row > .form-group:nth-child(2) > .col-md-3 {
        /*padding-left: 0;*/
    }

    .profile-account .elgg-form > fieldset > .row .elgg-body > .form-group {
        padding-right: 0;
    }

    iframe.wysihtml5-sandbox {
        border-radius: 0 !important;
    }

    .profile-account .elgg-form > fieldset > .row .form-group .input-icon > svg,
    .profile-account .elgg-form > fieldset > .row .form-group .input-icon > .fa,
    .profile-account .elgg-form > fieldset > .row .form-group .input-group-addon > svg,
    .profile-account .elgg-form > fieldset > .row .form-group .input-group-addon > .fa,
    .force-change-password .input-icon,
    .force-change-password .input-group-addon {
        display: none;
    }

    .profile-account .elgg-form.elgg-form-profile-password > fieldset > .row > .form-group {
        float: none;
    }

    .layout-container .d-layout-predefined {
        background-image: url('https://dina.oghaf.ir/cache/1753646773/default/theme/graphics//layouts.png') !important;
        margin: 0;
    }

    .d-layout-predefined23 {
        background-position: -1216px 0 !important;
    }

    .custom-modal-footer ~ .custom-modal-footer {
        display: none;
    }

    .hide {
        display: none;
    }

    .portal-widgets-columns-container .elgg-module-widget {
        padding: 0;
    }

    .elgg-module-widget > .portlet-body, .elgg-module-widget > .portlet-body:hover {
        background: transparent;
    }

    .widgets-container .clearfix {
        margin: 0;
    }

    .widgets-container > .elgg-layout-widgets {
        margin-bottom: 0;
    }

    #widgets .elgg-main.elgg-body {
        padding-top: 0;
    }

    .portal-manage-tabs > .col-xs-12 {
        width: 100%;
    }

    .portal-widgets-columns-container .portal-widget.small-type {
        max-width: none;
    }

    .widgetsPanel ul li.elgg-state-unavailable {
        opacity: .5;
    }

    .fish-hoghooghi-modal .modal-dialog {
        max-width: 90%;
    }

    .fish-hoghooghi-modal .custom-modal-footer {
        display: none;
    }

    .salary-details-container {
        border: 1px solid #111;
        margin: 25px;
    }

    .salary-logo-container {
        text-align: center;
        border-bottom: 1px solid #111;
        display: block;
        margin-left: -15px;
    }

    .salary-logo-container img {
        filter: brightness(0);
        display: block;
        margin: 20px auto;
    }

    .salary-detail-right {
        border-left: 1px solid #111;
        font-size: 13px;
    }

    .bg-pink {
        background-color: #e5b8b7;
    }

    .salary-details-header {
        display: block;
        width: calc(100% + 15px);
        padding-bottom: 11px;
        border-bottom: 1px solid #111;
    }

    .salary-details-header > * {
        display: block;
        color: #000;
        margin-bottom: 7px;
    }

    .salary-details-header > h4 {
        font-size: 21px;
        padding-top: 12px;
    }

    .bg-blue-soft {
        background-color: #b8cce4;
        min-height: 38px;
        width: 100%;
        margin-left: 15px;
        border-top: 1px solid #111;
    }

    .price_by_letter {
        padding: 10px;
        border-top: 1px solid #111;
        margin-left: 0;
    }

    .salary-details-table {
        width: calc(100% + 30px);
        margin-right: -15px;
        margin-left: -15px;
        height: 100%;
    }

    table.salary-details-table td,
    table.salary-details-table th {
        padding: 3px 15px;
        height: 30px;
        font-size: 13px;
        border-left: 1px solid #111;
    }

    table.salary-details-table .bg-pink th {
        border-bottom: 1px solid #111;
    }

    table.salary-details-table .bg-pink td {
        border-top: 1px solid #111;
    }

    table.salary-details-table td:first-child,
    table.salary-details-table th:first-child {
        /*border-left: 1px solid #111;*/
    }

    .salary-details-table.right-table {
        border-left: 1px solid #111;
    }

    .salary-details-table.left-table {
        width: calc(100% + 17px);
    }

    .salary-right-bottom {
        width: calc(100% + 15px);
        padding: 5px 15px;
    }

    .salary-right-bottom td {
        padding: 3px 10px;
    }

    .personal-details-table {
        width: 100%;
    }

    .other-details-table {
        border: 1px solid #111;
        margin: 20px auto;
        max-width: 90%;
    }

    .other-details-table td:first-child {
        border-left: 1px solid #111;
    }

    .other-details-table td {
        border-bottom: 1px solid #111;
    }

    .change-mobile-verify .visible-ie8.visible-ie9, .change-mobile-verify .input-group-addon {
        display: none;
    }

    a.validation-resend-button {
        padding: 10px;
        text-align: center;
        font-size: 12px;
        border-radius: 0 !important;
    }

    input#validation_code {
        padding-left: 96px;
    }

    .validation-resend-button .fa-spinner {
        font-size: 17px;
        margin: 0 auto;
    }

    .change-national-code-form .captcha span.input-group-addon, .change-national-code-form .captcha .input-icon {
        display: none;
    }

    .captcha {
        width: 240px;
    }

    .captcha-right, .captcha-left {
        width: 50%;
        float: left;
    }

    .change-national-code-form .elgg-foot.form-actions {
        clear: both;
        padding-right: 30px;
    }

    .change-national-code-form input {
        width: 240px;
    }

    .change-national-code-form .captcha-input-text {
        padding: 5px;
        height: 38px;
        text-align: center;
    }

    a.recaptcha-button {
        position: absolute;
        right: -8px;
        top: 11px;
    }

    .captcha-input-image {
        height: 38px;
        width: 100%;
    }

    .captcha-image-container {
        width: 100%;
    }

    .elgg-form-profile-password .form-group > * {
        padding-right: 0;
    }

    span.sum-title {
        float: left;
        margin-right: 3px;
    }

    span.sum-value {
        float: left;
        background: #D7D3C8;
        padding: 0 5px;
        margin-right: 3px;
    }

    .date-filter-container {
        margin-top: -41px;
    }

    .date-filter-container .haz-filter-wrapper {
        background: transparent;
        border: none;
    }

    li.stats:hover {
        cursor: pointer;
    }

    li.stats.active {
        background-color: #e0e9f8;
    }

    .userLink {
        float: left;
    }

    .login-portal {
        float: left;
        color: #fff;
        padding: 7px;
        font-size: 11px;
        background-color: #ffffff61;
        border-radius: 5px;
    }

    span.login-row {
        display: block;
    }

    .login-portal .time {
        float: left;
        margin-right: 15px;
    }

    .login-portal .label {
        color: #d6e0f2;
    }

    span.login-row + .login-row {
        margin-top: 5px;
    }

    .time-keeper-report-modal .modal-dialog {
        margin-top: 100px;
    }

    .map-list-container .account-container {
        float: right;
        font-size: 0.9em;
    }

    .map-list-container .account-container h4 {
        font-size: 1.1em;
    }

    .portal-fieldset label {
        font-size: 1em;
    }

    .elgg-widget-instance-amoozesh table thead > tr > th {
        border: 1px solid #dee2e6 !important;
        border-bottom: 2px solid #dee2e6 !important;
        font-weight: bold;
    }

    .change-mobile-main button.btn.btn-primary[type="submit"] {
        margin-right: 15px;
    }

    input.elgg-input-url.input-medium {
        border-radius: 0;
        display: block;
        width: 100%;
        height: calc(1.5em + 0.75rem + 2px);
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .profile-account ul.wysihtml5-toolbar > li {
        background: #00000099;
        padding-top: 1px;
    }

    .desksLinkWraper > ul > li  {
        font-size: 14px;
        border: none;
        display: inline-block;
    }

    .desksLinkWraper > ul > li > a {
        color: #212529 !important;
        background-color: #E0E9F8;
        border-color: #E0E9F8;
        opacity: 0.7;
        padding: 4px 0.5rem !important;
        border-radius: 0 !important;
    }

    .desksLinkWraper > ul {
        margin: 0;
    }
    .desksLinkWraper > ul > li.active > a {
        background-color: #E0E9F8;
        border-color: #E0E9F8;
        opacity: 1;
    }

    .desksLinkWraper > ul > li:not(.elgg-menu-item-add-new) > a > * {
        margin-left: 8px;
    }

    .fileinput.fileinput-new {
        width: 100%;
    }

    .fileinput .thumbnail > img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 5;
    }

    .rss-content ul li {
        height: auto !important;
        line-height: inherit !important;
        padding: 10px 15px !important;
        margin: 0 !important;
        background-color: #fff !important;
    }

    .rss-content ul li a {
        float: right;
        line-height: inherit !important;
        font-size: 15px !important;
    }

    .rss-content ul li span {
        float: left;
    }

    .rss-content ul li p {
        display: inline-block;
        font-size: 12px;
        text-align: justify;
        width: 100%;
        padding: 7px 0;
        color: #6b6b6b;

    }

    .rss-content ul li div {
        width: 100%;
    }

    .rss-content {
        min-height: 120px;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        color: transparent;
        transform: scale(1.2);
        top: 9px !important;
        left: 2px !important;
    }

    .ui-state-disabled,
    .ui-widget-content .ui-state-disabled,
    .ui-widget-header .ui-state-disabled {
        opacity: .4 !important;
    }

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        width: 15px;
        overflow: hidden;
        height: 15px;
        color: transparent !IMPORTANT;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: auto !important;
        right: 2px !important;
    }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        font-size: 16px !important;
    }

    .chart-filters-container {
        float: right;
        margin-bottom: 20px;
        width: 100%;
        background: #1E88E7;
        border-radius: 5px !important;
        padding: 7px 15px;
        color: #fff;
    }

    form.chart-filters-form {
        float: right;
    }

    form.chart-filters-form > * {
        float: right;
        margin-left: 11px;
        margin-bottom: 0;
    }

    form.chart-filters-form .form-group {
        margin-bottom: 0;
    }

    form.chart-filters-form .form-group label {
        color: #fff;
        margin-bottom: 0;
    }

    form.chart-filters-form .form-group .form-control,
    form.chart-filters-form > .btn {
        border-radius: 5px !important;
    }

    form.chart-filters-form > .btn {
        background: #FFF !important;
        color: #1E88E7 !important;
    }

    form.chart-filters-form > .btn:hover {
        box-shadow: 0 0 5px 0 #ffffffcc;
    }

    .card .latest-logins-content.content ul li:before {
        display: none;
    }

    .card .latest-logins-content.content ul li {
        padding: 0;
        height: auto;
    }

    .logoutLink button.btn.text-white {
        background: transparent;
        min-width: 36px;
    }

    img.logoutImg:hover {
        box-shadow: 0 0 2px 2px #ffffff88;
    }


    .show-version {
        background-color: #6083E2;
    }

    .header-marquee-container {
        background: #00000022;
        margin-top: -32px;
        height: 30px;
        position: relative;
        overflow: hidden;
    }

    .header-marquee-container .marquee {
        top: 5px;
        bottom: 0;
        color: #fff;
        left: 0;
        right: 0;
    }

    .header-marquee-container .marquee > span > small {
        border-left: 1px solid #fff;
        margin-left: 5px;
        padding-left: 5px;
        font-size: 13px;
    }

    .header-marquee-container .marquee > span > small:last-child {
        border-left: none;
    }

    .elgg-tag a[name='domain_group'] ,
    .elgg-tag a[name='organization_unit'] {
        cursor: default;
        pointer-events: none
    }

    .content .no_data{
        height: 155px;
        background-color: #ffffff;
    }
    .content .no_data img{
        float: left;
    }
    .content .no_data div{
        width: 50%;
    }
    .content .no_data div:first-child{
        float: right;
        text-align: left;
    }
    .content .no_data div:last-child{
        float: left;
        text-align: right;
        margin-top: 44px;
    }
    .content .no_data div span{
        color: #313233
    }
    .content .no_data div span:first-child{
        color: #f37676 !important;
        font-size: 24px;
    }
    @media (max-width: 767px) {
        .profile-account .prf-menu ul li {
            width: 40px;
            padding: 10px !important;
        }

        .profile-account .prf-menu ul li a {
            overflow: hidden;
            color: transparent !important;
            text-align: right;
            position: absolute;
            right: 0;
            left: 0;
            top: 0;
            bottom: 0;
            padding: 10px 5px !important;
        }

        .profile-account .prf-menu ul li a > * {
            color: rgb(85, 87, 110);
        }

        .profile-account .prf-menu ul li.active {
            border-right: none;
            border-bottom: 5px solid rgb(49, 177, 180);
        }

        .profile-account .prf-menu ul li::before {
            content:
                    '' !important;
            display: none !important;
        }

        .profile-account .prf-menu ul {
            margin-bottom: 0 !important;
        }

        .profile-account .card.prf-menu {
            min-height: 100px;
        }

        .profile-account .prf-user-image {
            margin: 0;
        }
    }

    .dropdown-display-label {
        padding: 1px 5px;
        color: #333;
        border-color: #e5e5e5;
    }

    .form-group.login-type-container.hide {
        display: none !important;
    }

    .dropdown-multiple-label.active .dropdown-display-label:after,
    .dropdown-multiple-label.active .dropdown-display:after,
    .dropdown-multiple.active .dropdown-display-label:after,
    .dropdown-multiple.active .dropdown-display:after,
    .dropdown-single.active .dropdown-display-label:after,
    .dropdown-single.active .dropdown-display:after,
    .dropdown-display-label:after,
    .dropdown-display:after{
        left: 3px;
        content: '\f077';
        right: auto;
        font-family: 'FontAwesome';
        border: none;
        font-size: 10px;
        top: 10px;
        font-weight: 600;
    }
    .dropdown-display-label:after, .dropdown-display:after {
        content: '\f078';
        top: 9px;
    }
    .dropdown-main {
        left: 15px;
        right: 15px;
        width: auto;
        margin-top: 0px;
    }