﻿.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
    min-width: 250px !important;
}
.page-content .page-bar {
    box-shadow: 0 2px 6px -6px black !important;
}
/*.page-content .page-bar {
    position: fixed !important;
    z-index: 990 !important;
    width: 100%;
    box-shadow: 0 2px 6px -6px black !important;
}
.page-content .k2DashCnt {
    padding-top: 25px !important;
}
 
@media screen and (max-width: 768px) {
    .page-content .page-bar {
        top: 15px !important;
    }
}
@media screen and (max-width: 576px) {
    .page-content .page-bar {
        top:15px !important;
    }
}*/
.k2_fontSt1 {
    font-family: Dana-FaNum,'B Yekan' !important;
    font-weight: 700;
}
@media (min-width: 992px) {
    .tooltip-inner {
        max-width: 400px !important;
    }
}

@media (min-width: 1200px) {
    .tooltip-inner {
        max-width: 400px !important;
    }
}
.tooltip {
    display: block !important;
    font-family: Almarai !important;
}

.dahboard-icon-btn a {
    padding: 10px;
    max-width: 100px !important;
    height: auto !important;
}

    .dahboard-icon-btn a:hover {
        background-color: rgba(250,246,102,0.20);
    }

.dahboard-icon-btn div {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    font-family: Dana-FaNum, Lalezar,'b yekan', Tahoma !important;
    font-size: 13px !important;
    line-height: 18px;
}

.btn-success {
    background-color: #35aa47 !important;
}

.page-bar {
    margin-bottom: 10px !important;
}

.panel-title {
    font-size: 14px !important;
}

.portlet.light {
    padding: 5px 10px 5px 10px !important;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.k2successMark {
    color: #29d701;
}

.label-success {
    background-color: #29d701 !important;
}

.k2dangerMark {
    color: #F3565D;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 4px !important;
}

.row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.portlet {
    margin-bottom: 10px !important;
    border-radius: 4px !important;
}

.portlet-title {
    position: relative;
}

    .portlet-title a {
        color: #000;
    }

        .portlet-title a:hover {
            color: #f05e00;
        }

.portlet span.iconCounter {
    position: absolute;
    border: solid 1px #f3f3f3;
    top: -20px;
    right: -20px;
    font-size: 12px;
    padding: 0 2px 0 2px;
    background: #FFF !important;
    border: 1px solid #E6E9ED !important;
    color: #000;
    z-index: 2;
    min-height: 25px;
    padding: 3px 0 0 0;
    width: 25px;
    text-align: center;
    border-radius: 50% !important;
}

.k2panlcollapse {
    padding: 5px;
}

.k2_radiobtn_style1 {
    height: 15px;
    width: 15px;
    margin-left: 3px !important;
    cursor: pointer;
    float: right;
}

a.link {
    cursor: pointer;
    color: #000 !important;
}

    a.link:hover {
        color: #ff4e00 !important;
    }

a.link2 {
    cursor: pointer;
    color: #000 !important;
    font-size: 14px;
}

    a.link2:hover {
        color: #ff4e00 !important;
    }

li span.swtetx {
    padding-right: 3px;
}

.sms-dailyWork {
    color: #000 !important;
    cursor: pointer;
}

    .sms-dailyWork:hover {
        color: #000;
        text-decoration: underline;
    }

.alert {
    padding: 5px !important;
    margin-bottom: 5px !important;
}

.userpicInTable {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.aspNetDisabled {
    cursor: not-allowed !important;
    opacity: 0.8 !important;
}

.datepicker-plot-area {
    z-index: 3;
}

.pdpHolidaySpan {
    color: #ff0042 !important;
    background-color: #F8F8F8 !important;
    border-left: solid #fff 1px !important;
    border-radius: 0 !important;
}

.pdpFridaySpan span {
    color: #ff0042 !important;
    border-bottom: solid #fff 1px !important;
    background-color: #F8F8F8 !important;
}

.iCheckSt {
    cursor: pointer;
}

    .iCheckSt label {
        cursor: pointer;
        margin-right: 3px !important;
    }

    .iCheckSt td {
        padding-left: 10px;
    }


span.k2_RFV_error {
    color: #ff0000 !important;
}

.k2_column_bottomMargin {
    margin-bottom: 5px;
}

.font_english {
    font-family: 'Times New Roman', Times, serif !important;
    font-size: 13px !important;
}

.greenBackground {
    background-color: #d6ffbd !important;
}

.RedBackground {
    color: #a94442 !important;
    background-color: #f2dede !important;
    border-color: #ebccd1 !important;
}


.datepicker-plot-area {
    font-family: Dana-FaNum,'B Yekan' !important;
}

.mg_fileUpload_cnt {
    float: right;
}

    .mg_fileUpload_cnt img {
        height: 20px;
    }

.accordion table th {
    text-align: center;
    font-size: 12px;
}

.accordion table {
    text-align: center;
    font-size: 12px;
}

    .accordion table td {
        text-align: center;
        font-size: 13px;
    }

        .accordion table td.title {
            min-width: 80px;
        }

.box_style1_cnt {
    padding: 0 5px 6px;
    position: relative;
    width: 100%;
    float: right;
    clear: both;
}

.box_style2_cnt {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 5px;
    display: inline-block;
    background: #fff;
    border: 1px solid #E6E9ED;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    opacity: 1;
    transition: all .2s ease;
    min-height: 60px;
    overflow: hidden;
}

.box_style3_cnt {
    max-height: 215px;
    overflow-y: scroll;
}

.box_style4_cnt {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    display: inline-block;
    height: 280px;
    opacity: 1;
    transition: all .2s ease;
    min-height: 60px;
    overflow: hidden;
}

.box_style5_cnt {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    display: inline-block;
    opacity: 1;
    transition: all .2s ease;
    min-height: 30px;
    /*overflow: hidden;*/
}

.k2toggleLink {
    cursor: pointer;
}

.k2togglePanel {
    margin-top: 10px;
}

.dashboard_title_style1 {
    background-color: #305f72;
    width: 100%;
    padding: 6px 30px 2px 4px;
    text-align: right;
    color: #e9f0f4;
    min-height: 29px;
    position: relative;
    z-index: 1;
}

    .dashboard_title_style1 a {
        color: #FFF;
    }

        .dashboard_title_style1 a:hover {
            color: gold;
        }

    .dashboard_title_style1 span.iconCounter {
        position: absolute;
        border: solid 1px #f3f3f3;
        top: 0;
        right: 0;
        font-size: 12px;
        padding: 0 2px 0 2px;
        background: #1ABB9C !important;
        border: 1px solid #1ABB9C !important;
        color: #fff;
        z-index: 2;
        min-height: 29px;
        padding: 3px 0 0 0;
        width: 25px;
        text-align: center;
    }

.btn-style1 {
    background: #1ABB9C;
    color: #fff;
    min-width: 70px;
}

.toolboxDashboard {
    float: left;
    color: #FFF !important;
}

    .toolboxDashboard a {
        color: #FFF !important;
        cursor: pointer;
        font-size: 15px;
    }

.dashboardbtn_style1 {
    color: #000 !important;
    cursor: pointer;
    font-size: 15px;
}

.dashTextbox_style1 {
    color: #000 !important;
    width: 90px;
    text-align: center;
    height: 20px;
}

.tab-content {
}

ul.ulListSt2 {
    padding: 0;
}

    ul.ulListSt2 li {
        background: #f3f3f3;
        border-radius: 2px;
        position: relative;
        padding: 10px 5px 2px 2px;
        margin-bottom: 5px;
        list-style: none;
        margin-bottom: 10px;
        min-height: 40px;
    }

    ul.ulListSt2 p {
        margin: 0;
    }

ul.ulListSt1 {
    padding: 0;
}

    ul.ulListSt1 li {
        background: #FFF;
        border: solid 1px #f3f3f3;
        border-radius: 2px;
        position: relative;
        padding: 10px 4px 8px 2px;
        margin-bottom: 15px;
        margin-top: 10px;
        list-style: none;
    }

    ul.ulListSt1 p {
        margin: 0;
    }

    ul.ulListSt1 li img {
        width: 20px;
    }

    ul.ulListSt1 li a {
    }


#mgCalendarUL ul {
}

    #mgCalendarUL ul li {
    }

#mgCalendarUL span.date {
    position: absolute !important;
    background-color: #fff;
    border: solid 1px #f3f3f3;
    top: -6px;
    left: 10px;
    font-size: 12px;
    padding: 0 2px 0 2px;
}

#mgCalendarUL span.parentInfo {
    display: block;
    font-size: 12px;
    padding: 1px 0;
}

#mgCalendarUL div.progress_k2_sm {
    position: absolute !important;
    right: 0;
    bottom: -20px;
    height: 100px;
    width: 100%;
    z-index: 1;
}

#mgCalendarUL span.pishDarsad {
    position: absolute !important;
    left: 0;
    bottom: -5px;
    z-index: 5;
    color: #000;
    padding: 0 2px 0 2px;
}

.k2Dashboard_Mgcalendar_cnt span.mgTitle {
    font-size: 16px;
    color: #ff6d00;
    font-family: Dana-FaNum, Lalezar;
}

#dailyWorkUL a {
    position: absolute !important;
    cursor: pointer;
    font-size: 13px;
    padding-left: 1px;
    padding-right: 1px;
}

    #dailyWorkUL a.chekdailyWork {
        right: 20px;
        top: -6px;
        color: #07315f !important;
    }

    #dailyWorkUL a.editdailyWork {
        right: 35px;
        top: -6px;
        color: #07315f !important;
    }

    #dailyWorkUL a.deletedailyWork {
        right: 55px;
        font-size: 14px;
        top: -7px;
        color: #07315f !important;
    }

#dailyWorkUL .fa-exclamation-circle {
    right: 3px;
    font-size: 15px !important;
    top: -7px;
    position: absolute !important;
    padding-left: 1px;
    padding-right: 1px;
    color: #a94442;
}

#dailyWorkUL span.datePast {
    left: 20px;
    font-size: 12px;
    top: -7px;
    position: absolute !important;
    padding-left: 2px;
    padding-right: 2px;
    color: #a94442 !important;
    background-color: #f2dede !important;
    border: 1px solid #fff !important;
}

#dailyWorkUL span.dateSearch {
    left: 20px;
    font-size: 12px;
    top: -7px;
    position: absolute !important;
    padding-left: 2px;
    padding-right: 2px;
    color: #000 !important;
    background-color: #fff !important;
    border: 1px solid #f3f3f3 !important;
}


.panelOverlayst1 {
    opacity: 0.4;
}

div.dashboardSlider {
}

    div.dashboardSlider img {
        height: 100%;
        width: 100%;
    }

    div.dashboardSlider div.sliderCaption {
        position: absolute;
        top: 30px;
        right: 30px;
        margin-left: 30px;
        padding: 10px;
        border-radius: 5px;
        background-color: #fff;
        font-size: 40px;
        font-family: Dana-FaNum, Tahoma,'B Yekan';
        color: #000;
    }

    div.dashboardSlider div.sliderCaption2 {
        position: absolute;
        bottom: 50px;
        right: 30px;
        margin-left: 30px;
        padding: 10px;
        border-radius: 5px;
        background-color: #fff;
        font-size: 30px;
        font-family: Dana-FaNum, Tahoma,'B Yekan';
        color: #000;
        opacity: 0.8;
    }


    div.dashboardSlider .k2TextBox1 {
        width: 100%;
    }

        div.dashboardSlider .k2TextBox1 a {
            bottom: 50px;
            display: block;
            width: 100%;
            height: 800px;
            background-color: #FFF;
            right: 30px;
            margin-left: 30px;
            padding: 10px;
            border-radius: 5px;
            font-family: Dana-FaNum,'B Yekan';
            color: #000;
            opacity: 0.8;
        }

            div.dashboardSlider .k2TextBox1 a span {
                font-size: 20px;
                margin-top: 30px;
                display: block;
                color: #f50057;
            }

        div.dashboardSlider .k2TextBox1 .sliderCaption3 {
            position: absolute;
            bottom: 50px;
            right: 30px;
            margin-left: 30px;
            padding: 10px;
            border-radius: 5px;
            background-color: #fff;
            font-size: 12px;
            font-family: Dana-FaNum,Tahoma,'B Yekan';
            color: #000;
            opacity: 0.8;
        }

ul.msg_listSt1 {
    width: 300px !important;
}

    ul.msg_listSt1 li {
        background: #f7f7f7;
        padding: 1px;
        display: -ms-flexbox;
        display: flex;
        margin: 4px 4px 0;
        width: 96% !important;
    }

        ul.msg_listSt1 li a {
            display: block;
            width: 100%;
        }

        ul.msg_listSt1 li:last-child {
            margin-bottom: 5px;
            padding: 10px;
        }

        ul.msg_listSt1 li a {
            padding: 3px 5px !important;
        }

            ul.msg_listSt1 li a.newEmail {
                width: 100%;
                background-color: #305f72;
                color: #fff;
            }

            ul.msg_listSt1 li a .image img {
                border-radius: 2px 2px 2px 2px;
                -webkit-border-radius: 2px 2px 2px 2px;
                float: right;
                margin-left: 10px;
                width: 15%;
            }

            ul.msg_listSt1 li a .time {
                font-size: 11px;
                font-style: italic;
                font-weight: bold;
                display: block !important;
            }

            ul.msg_listSt1 li a .message {
                display: block !important;
                font-size: 11px;
            }

.dropdown-menu.msg_listSt1 span {
    white-space: normal;
}


.k2_mail_list {
    width: 100%;
    border-bottom: 1px solid #DBDBDB;
    display: inline-block;
    padding: 2px 0 2px 0;
    position: relative;
}

    .k2_mail_list .left {
        width: 5%;
        float: right;
        margin-left: 3%;
    }

    .k2_mail_list .right {
        width: 85%;
        float: right;
        margin-left: 5%;
    }

    .k2_mail_list h3 {
        font-size: 12px;
        font-weight: bold;
        margin: 0px 6px;
    }

        .k2_mail_list h3 small {
            float: left;
            color: #ADABAB;
            font-size: 11px;
            line-height: 20px;
        }

    .k2_mail_list .badge {
        padding: 3px 6px;
        font-size: 8px;
        background: #BAB7B7;
    }

    .k2_mail_list .userImg {
        width: 30px;
        height: 30px;
        background: #fff;
        margin-left: 1%;
        padding: 1px;
        border-radius: 50%;
    }

.k2_mail_list_column a {
    display: block;
}

.k2_mail_list_column .ReadTrue {
    background: #f3f3f3;
}

.k2_mail_list_column .ReadFalse {
    color: #000;
    font-size: 12px;
    font-weight: bold;
}

.k2_mail_list_column {
}

    .k2_mail_list_column .k2_myInbox {
        width: 100%;
        background-color: #00695c;
        color: #fff;
        padding: 5px 5px 5px 0;
        margin-top: 5px;
    }

    .k2_mail_list_column a {
        opacity: 0.9;
    }

    .k2_mail_list_column .fnt1 {
        font-size: 11px;
    }


    .k2_mail_list_column .Msgdate {
        position: absolute;
        top: 0;
        left: 5px;
        font-size: 11px;
    }

    .k2_mail_list_column .subject {
        padding: 2px 0 0 0;
    }


@media (max-width: 767px) {
    .k2_mail_list {
        margin-bottom: 5px;
        display: inline-block;
        position: relative;
    }
}

div.replyContent {
    display: none;
}

.img-flag {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: none;
}

.kDashboard_usersSearch_cnt {
}

    .kDashboard_usersSearch_cnt label {
        font-size: 14px;
    }

    .kDashboard_usersSearch_cnt .ulDatalist {
        max-height: 193px;
        overflow-y: scroll;
        padding-right: 0;
        padding-left: initial;
    }

        .kDashboard_usersSearch_cnt .ulDatalist::-webkit-scrollbar {
            width: 0.8em;
        }

        .kDashboard_usersSearch_cnt .ulDatalist::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
        }

        .kDashboard_usersSearch_cnt .ulDatalist::-webkit-scrollbar-thumb {
            background-color: #1ABB9C;
            outline: 1px solid #1ABB9C !important;
        }

    .kDashboard_usersSearch_cnt img {
        max-height: 60px;
    }

    .kDashboard_usersSearch_cnt a {
        /*color: #000 !important;
        font-size: 13px;*/
    }

    .kDashboard_usersSearch_cnt div.item1 {
        float: right;
        padding-left: 10px;
        padding-bottom: 5px;
    }

        .kDashboard_usersSearch_cnt div.item1 span {
            padding-top: 4px;
            display: block;
            float: right;
        }

        .kDashboard_usersSearch_cnt div.item1 label {
            cursor: pointer;
        }

            .kDashboard_usersSearch_cnt div.item1 label:hover {
                color: #ff5800;
            }

.kDashboard_usersSearch_cnt {
}

    .kDashboard_usersSearch_cnt div.AvatarWall {
        background-color: #FFD400;
        height: 54px;
        width: 100%;
        text-align: center;
        position: relative;
    }

        .kDashboard_usersSearch_cnt div.AvatarWall span {
            color: #000;
            position: absolute;
            top: 9%;
            left: 0;
            right: 0;
            font-size: 30px;
            font-family: Tahoma;
        }

    .kDashboard_usersSearch_cnt .profile_left {
        color: #000;
        font-size: 13px;
    }

    .kDashboard_usersSearch_cnt div.pelak {
        width: 170px;
        border: solid 1px #000;
        height: 30px;
        float: right;
        border-radius: 5px;
        color: #000;
        background-color: #FFF;
    }

    .kDashboard_usersSearch_cnt div.right {
        width: 40px;
        float: right;
        position: relative;
        height: 29px;
        border-left: solid 1px #000;
    }

        .kDashboard_usersSearch_cnt div.right span.ir1 {
            width: 40px;
            text-align: center;
            float: right;
            font-size: 11px;
        }

        .kDashboard_usersSearch_cnt div.right span.ir2 {
            width: 40px;
            float: right;
            font-size: 15px;
            text-align: center;
            position: absolute;
            top: 12px;
            right: 0;
            left: 0;
        }

    .kDashboard_usersSearch_cnt div.left {
        width: 98px;
        font-size: 19px;
        float: right;
        text-align: center;
    }

    .kDashboard_usersSearch_cnt div.irLogo {
        width: 30px;
        float: left;
        background-color: #000099;
        height: 29px;
        text-align: left;
        color: #fff;
        border-top-left-radius: 5px;
        font-size: 10px;
        border-bottom-left-radius: 5px;
    }

        .kDashboard_usersSearch_cnt div.irLogo div.pracham {
            width: 30px;
            float: left;
            margin: 5px;
        }

            .kDashboard_usersSearch_cnt div.irLogo div.pracham span {
                width: 20px;
                float: left;
                height: 4px;
            }


.k2_dashboard_personel_orgList_cnt {
}

    .k2_dashboard_personel_orgList_cnt .fileLink {
        padding: 50px 0;
    }

    .k2_dashboard_personel_orgList_cnt .orgStatus {
        font-size: 11px;
    }


    .k2_dashboard_personel_orgList_cnt ul {
        padding: 5px 0;
    }



    .k2_dashboard_personel_orgList_cnt .notSeen {
        background-color: #fff !important;
        font-weight: bold !important;
    }

    .k2_dashboard_personel_orgList_cnt ul li {
        padding: 0;
    }

    .k2_dashboard_personel_orgList_cnt .orgSubject {
        cursor: pointer;
    }



    .k2_dashboard_personel_orgList_cnt ul li div.k2OrgDivRow {
        background-color: #f5f5f5;
        border-radius: 2px;
        position: relative;
        padding: 20px 4px 4px 2px;
        list-style: none;
        width: 100%;
        font-size: 12px;
        border-bottom: solid 1px #ccc;
    }

    .k2_dashboard_personel_orgList_cnt span.title {
        font-size: 13px;
        color: #000;
        cursor: pointer;
    }

    /*.k2_dashboard_personel_orgList_cnt .orgDoSeen {
        font-size: 13px;
        padding-left: 1px;
        cursor: pointer;
        color: #07315f;
        padding-right: 1px;
        position: absolute;
        top: -6px;
        right: -17px;
    }*/

    .k2_dashboard_personel_orgList_cnt .BtnOrgDone {
        /*position: absolute;
        top: -5px;*/
        font-size: 13px;
        padding-left: 1px;
        cursor: pointer;
        color: #07315f;
        padding-right: 1px;
        /*position: absolute;
        top: -5px;
        right: 0;*/
    }

    .k2_dashboard_personel_orgList_cnt .BtnOrgNotDone {
        /*position: absolute;*/
        /*top: -5px;
        right: 17px;*/
        font-size: 13px;
        padding-left: 1px;
        cursor: pointer;
        color: #07315f;
        padding-right: 1px;
    }

    .k2_dashboard_personel_orgList_cnt span.st1 {
        position: absolute;
        top: 3px;
        right: 50px;
        padding: 0 3px 0 5px;
        font-size: 11px;
    }

    .k2_dashboard_personel_orgList_cnt span.st2 {
        position: absolute;
        top: 3px;
        right: 45px;
        font-size: 15px;
    }

    .k2_dashboard_personel_orgList_cnt span.st3 {
        position: absolute;
        top: 3px;
        left: 5px;
        padding: 0 3px 0 5px;
        background: #fff;
        border-radius: 2px;
        border: 1px solid #f3f3f3;
        color: #000;
    }

    .k2_dashboard_personel_orgList_cnt .clr1 {
        background-color: rgba(231,76,60,0.88);
        color: #fff;
    }

    .k2_dashboard_personel_orgList_cnt .clr2 {
        background-color: rgba(243,156,18,0.88);
        color: #fff;
    }

    .k2_dashboard_personel_orgList_cnt .clr3 {
        background-color: gold;
        color: #000;
    }

    .k2_dashboard_personel_orgList_cnt img {
        width: 50px;
    }

    .k2_dashboard_personel_orgList_cnt a {
        margin-left: 2PX;
    }

    .k2_dashboard_personel_orgList_cnt div.filesCnt {
        margin: 5px 10px;
        border-radius: 2px;
        padding: 2px;
    }





ul.ulListSt2 {
    padding: 0;
}

    ul.ulListSt2 li {
        background: #f3f3f3;
        border-radius: 2px;
        position: relative;
        padding: 10px 4px 2px 2px;
        margin-bottom: 5px;
        list-style: none;
        margin-bottom: 15px;
        width: 100%;
        font-size: 12px;
    }




    ul.ulListSt2 p {
        margin: 0;
    }

    ul.ulListSt2 li img {
        width: 20px;
    }

    ul.ulListSt2 li a {
        margin-left: 2PX;
    }

    ul.ulListSt2 div.filesCnt {
        margin: 5px 10px;
        border-radius: 2px;
        border: 1px dotted #ccc;
        padding: 2px;
    }

    ul.ulListSt2 li a.answerlnk:hover {
        opacity: 1;
    }

    ul.ulListSt2 span.title {
        color: #000;
        cursor: pointer;
    }

    ul.ulListSt2 span.orgFiledetails {
        display: none;
    }

div.k2btnCnt_style1 {
    width: 100%;
    float: right;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-right: 5px;
    text-align: left;
}


div.k2header {
    width: 100%;
    background-color: #F2F5F7;
    color: #5A7388;
    float: right;
    margin-top: 1px;
    margin-bottom: 10px;
    padding: 3px 5px 3px;
    border-radius: 0;
    font-size: 12px;
}

div.k2header_style2 {
    width: 100%;
    float: right;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-right: 5px;
    border-bottom: 1px solid #ccc;
}

span.k2_title_style1 {
    width: 30%;
    float: right;
    text-align: left;
    font-size: 12px;
    color: #999;
    padding-left: 5px;
    padding-top: 2px;
}

span.k2_text_style1 {
    width: 70%;
    float: right;
    font-size: 13px;
    color: #000;
}

div.k2_row_style2 {
    margin-bottom: 5px;
}

span.k2_title_style2 {
    width: 30%;
    float: right;
    text-align: left;
    font-size: 13px;
    color: #999;
    padding-left: 5px;
    padding-top: 2px;
}

span.k2_text_style2 {
    width: 70%;
    float: right;
    font-size: 14px;
    color: #000;
}


span.k2_text_style1 a.style1 {
    color: rgba(231,76,60,0.88);
}


.k2_row_style1_cnt .regDiv2 {
    line-height: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 100%;
    float: right;
}

div.regform_style1 .regDiv2 {
    line-height: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 100%;
    float: right;
}

div.regform_style1 .title {
    width: 130px;
    float: right;
    display: block;
    text-align: left;
    padding-left: 5px;
    font-family: Dana-FaNum,'b yekan', Tahoma;
}

div.regform_style1 .regDiv2 span.txt1 {
    font-family: Dana-FaNum,'b yekan', Tahoma;
    font-size: 13px;
    color: #777777;
}

div.regform_style1 {
    line-height: 18px;
}

    div.regform_style1 .regDiv {
        line-height: 20px;
        padding-top: 4px;
        padding-bottom: 4px;
        width: 780px;
        float: right;
    }

.k2_dropdownlist_style1 {
    font-size: 12px;
    font-weight: normal;
    color: #333;
    padding: 3px 12px 3px 0;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: none;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    direction: rtl;
    text-align: right;
    cursor: pointer;
}

.k2_checkboxlist_style1 {
    float: right;
    text-align: right;
}

    .k2_checkboxlist_style1 label {
        margin-right: 3px;
        font-size: 13px;
        font-weight: normal;
        text-align: right;
        cursor: pointer;
        float: right;
    }

    .k2_checkboxlist_style1 input {
        font-size: 13px;
        font-weight: normal;
        float: right;
        text-align: right;
        cursor: pointer;
        height: 14px;
        width: 14px;
    }

    .k2_checkboxlist_style1 td {
        text-align: right;
        padding-left: 15px;
    }

.k2_checkboxlist_style2 {
    text-align: right;
}
    .k2_checkboxlist_style2 span {
        display: block;
        float: right;
        border: 1px solid #ccc;
        padding: 1px 4px 0px 4px;
        margin: 2px;
        margin-left: 10px;
    }
    .k2_checkboxlist_style2 label {
        margin-right: 5px;
        font-size: 13px;
        font-weight: normal;
        text-align: right;
        float: right;
        cursor: pointer;
    }

    .k2_checkboxlist_style2 input {
        font-size: 12px;
        font-weight: normal;
        float: right;
        text-align: right;
        cursor: pointer;
        height: 14px;
        width: 14px;
    }

    .k2_checkboxlist_style2 td {
        text-align: right;
        padding-left: 20px;
    }


.k2_radiobtnlist_style1 {
    float: right;
    text-align: right;
}

    .k2_radiobtnlist_style1 label {
        margin-right: 2px;
        font-size: 13px;
        font-weight: normal;
        float: right;
        cursor: pointer;
        text-align: right;
    }

    .k2_radiobtnlist_style1 input {
        margin-left: 50px;
        font-weight: normal;
        float: right;
        text-align: right;
        cursor: pointer;
    }

    .k2_radiobtnlist_style1 td {
        padding-left: 10px;
    }

.k2_personel_sms div.smstextbox {
    text-align: right;
    width: 100%;
}

/* *********  k2timeline  **************************** */
ul.k2timeline li {
    position: relative;
    border-bottom: 1px solid #e8e8e8;
    clear: both;
}

ul.k2timeline .stTxt1 {
    font-size: 12px;
    color: #333;
}

.k2timeline .block {
    margin: 0;
    border-right: 3px solid #e8e8e8;
    overflow: visible;
    padding: 5px;
    margin-right: 105px;
}

.k2timeline.widget {
    min-width: 0;
    max-width: inherit;
}

.k2timeline .block_content {
    margin-right: 5px;
}



.k2timeline.widget .block {
    margin-right: 5px;
}

.k2timeline h2.title {
    position: relative;
    font-size: 14px;
    margin: 0;
    color: #000 !important;
}

    .k2timeline h2.title:before {
        content: "";
        position: absolute;
        right: -18px;
        top: 17px;
        display: block;
        width: 14px;
        height: 14px;
        border: 3px solid #d2d3d2;
        border-radius: 14px;
        background: #f9f9f9;
    }

.popover {
    font-family: Dana-FaNum,'B Yekan' !important;
    font-size: 11px !important;
}

.popover-title {
    font-family: Dana-FaNum,'B Yekan' !important;
    font-size: 12px !important;
    direction: rtl !important;
}

.k2timeline .k2tags {
    position: absolute;
    top: 15px;
    right: 0;
    width: 84px;
}

.k2timeline .k2tag {
    display: block;
    height: 30px;
    font-size: 13px;
    padding: 8px;
}

    .k2timeline .k2tag span {
        display: block;
        overflow: hidden;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.k2tag {
    line-height: 1;
    background: #1ABB9C;
    color: #fff !important;
}

    .k2tag:after {
        content: " ";
        height: 30px;
        width: 0;
        position: absolute;
        right: 100%;
        top: 0;
        margin: 0;
        pointer-events: none;
        border-top: 14px solid transparent;
        border-bottom: 14px solid transparent;
        border-right: 12px solid #1ABB9C;
    }

.k2timeline .k2tagAlert {
    display: block;
    height: 30px;
    font-size: 13px;
    padding: 8px;
}

    .k2timeline .k2tagAlert span {
        display: block;
        overflow: hidden;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.k2tagAlert {
    line-height: 1;
    background: #faebcc !important;
    color: #66512c !important;
}

    .k2tagAlert:after {
        content: " ";
        height: 30px;
        width: 0;
        position: absolute;
        right: 100%;
        top: 0;
        margin: 0;
        pointer-events: none;
        border-top: 14px solid transparent;
        border-bottom: 14px solid transparent;
        border-right: 12px solid #faebcc;
    }


.k2timeline .style1 {
    padding: .25em 0;
    color: #939393;
    line-height: 1.3;
    font-size: 12px;
}

.k2timeline .style2 {
    padding: .25em 0;
    color: #000;
    line-height: 1.3;
    font-size: 12px;
}

.k2timeline .style3 {
    padding: .25em 0;
    color: #000;
    line-height: 1.3;
    font-size: 13px;
}

/*.nav-tabs > li {
    float: right !important;
}*/


.k2_profile_content {
    padding: 5px;
    margin-bottom: 20px;
}


.k2_profile_content_kBox {
    min-height: 20px;
    padding: 5px;
    background-color: #FFF;
    border: 1px solid #e3e3e3;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

    .k2_profile_content_kBox div.itemsBox {
        border-bottom: 1px solid #e3e3e3;
    }

.k2_profile_content div.footer {
    padding: 4px;
    background: #F2F5F7;
    border-bottom: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-radius: 0 0 4px 4px;
}

.k2_profile_content div.header {
    padding: 2px 4px 2px 2px;
    background: #f9f9f9;
    border-top: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-radius: 0;
}

.k2_profile_content_kBox .img-circle {
    border: 1px solid #E6E9ED;
    padding: 2px;
}

.k2_profile_content span.clsInfo {
    color: #000;
    display: block;
    padding: 1px 3px 1px 1px;
    background-color: #FFF;
}

.k2_profile_content span.txt1 {
    color: #666;
    font-size: 13px;
}

.k2_profile_content span.txt2 {
    color: #000;
    font-size: 14px;
}

.k2_profile_content span.txt3 {
    color: #999;
    font-size: 11px;
}

.k2_profile_content .sexIcon1 {
    color: #2196f2;
    font-size: 14px;
    float: left;
}

.k2_profile_content .sexIcon0 {
    color: #e81e63;
    font-size: 14px;
    float: left;
}

.k2_classList_content {
    margin-bottom: 5px;
    /*overflow: hidden;*/
}

.k2_personel_classList_cnt .clsmaghtadivider {
    display: block;
    background-color: #f3f3f3 !important;
    border-bottom: 1px solid #ddd;
    margin: 10px 0 10px 10px;
    color: #000;
    padding: 3px;
    font-size: 16px;
}

.k2_classList_content span.countStd {
    display: block;
    position: absolute;
    top: -3px;
    right: -3px;
    line-height: 16px;
    height: 18px;
    padding: 1px 3px 1px 3px;
    font-family: Dana-FaNum,'b yekan', Tahoma;
    color: white;
    text-shadow: 0 1px rgba(0, 0, 0, 0.25);
    border: 1px solid #ccc;
    border-radius: 50%;
    transition: 0.2s ease;
}

.k2_classList_content a:hover .countStd {
    top: -5px;
}

.k2_classList_content ul {
    padding: 5px 0 0 0;
    margin: 0;
}

.k2_classList_content .divider {
    margin: 5px 0 5px 0;
}

.k2_classList_content ul li {
    /*border-radius: 2px;*/
    position: relative;
    list-style: none;
    width: 100%;
    font-size: 12px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.k2_classList_content a {
    margin-bottom: 5px;
    width: 100%;
    position: relative;
    font-size: 13px;
    color: #000;
}

.k2_classList_content span.caret {
}

.k2_classList_content .ttl {
    font-size: 13px;
    width: 100%;
    text-align: right;
    background-color: #f3f3f3;
    padding: 2px 7px 2px 5px;
    font-weight: bold;
    margin-top: 5px;
}



span.K2_st1 {
    line-height: 16px;
    font-family: Dana-FaNum, 'b yekan', Tahoma;
    color: #333;
    font-size: 13px;
    font-weight: bold;
}

i.k2_icon_st1 {
    margin-right: 2px;
    color: #666;
    font-size: 11px;
}

.k2_sexBg1 {
    background-color: #2196f2;
}

.k2_sexBg0 {
    background-color: #e81e63;
}

.k2_sexBgUN {
    background-color: #1ABB9C;
}

.k2_sex1 {
    color: #2196f2;
}

.k2_sex0 {
    color: #e81e63;
}

.k2_sexUN {
    color: #1ABB9C;
}

.k2collaseLink_st1 {
}

    .k2collaseLink_st1 i {
        color: #000 !important;
        font-size: 14px !important;
    }

    .k2collaseLink_st1 span.text {
        color: #333 !important;
        font-size: 14px !important;
        font-family: Dana-FaNum,'B Yekan' !important;
    }


.k2_studentSearch_cnt {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    float: right;
    width: 100%;
}

.k2_textbox_padding {
    margin-bottom: 2px;
}


.ui-pnotify-text a {
    color: #fff;
    text-decoration: underline;
}

.k2_box_style1 {
    margin-bottom: 5px;
}

.k2_accessDenied_cnt_style1 {
    width: 100%;
    padding: 15px 15px 15px 5px;
    background-color: #F5F7FA;
    margin-top: 2px;
    margin-bottom: 2px;
    height: 60px;
}

    .k2_accessDenied_cnt_style1 i {
        font-size: 25px;
        float: right;
        color: #d9534f;
    }

    .k2_accessDenied_cnt_style1 span {
        font-size: 14px;
        float: right;
        color: #d9534f;
        float: right;
        padding-right: 4px;
    }

.k2_warning {
    background-color: #fefae8 !important;
}

    .k2_warning td {
        position: relative;
    }

    .k2_warning i.fa-bookmark {
        position: absolute;
        top: 0;
        right: 1%;
        opacity: 0.8;
        font-size: 11px;
    }

#mgCalendarUL .liInProgress {
    background-color: #fefae8 !important;
}

    #mgCalendarUL .liInProgress .progress-bar {
        background-color: #07315f !important;
    }

        #mgCalendarUL .liInProgress .progress-bar span {
            position: absolute;
            top: -4px;
            right: 0;
            color: #fff;
            font-size: 11px;
        }

#mgCalendarUL .lidatePast {
    background-color: #f2dede !important;
}

#mgCalendarUL .fa-exclamation-circle {
    right: 3px;
    font-size: 15px !important;
    top: -7px;
    position: absolute !important;
    padding-left: 1px;
    padding-right: 1px;
    color: #a94442;
}

#mgCalendarUL .fa-spinner {
    right: -1px;
    font-size: 19px !important;
    top: -9px;
    position: absolute !important;
    color: #a94442;
}


#mgCalendarUL .activityinProgress {
    right: 25px;
    font-size: 14px;
    top: -6px;
    position: absolute !important;
    padding-left: 1px;
    padding-right: 1px;
    color: #07315f;
    cursor: pointer;
}

#mgCalendarUL .activityinDone {
    right: 45px;
    font-size: 13px;
    top: -6px;
    position: absolute !important;
    padding-left: 1px;
    cursor: pointer;
    color: #07315f;
    padding-right: 1px;
}

#mgCalendarUL .activityinNotDone {
    right: 65px;
    font-size: 14px;
    top: -6px;
    position: absolute !important;
    padding-left: 1px;
    cursor: pointer;
    padding-right: 1px;
    color: #07315f;
}

#mgCalendarUL .activityEdit {
    right: 85px;
    font-size: 14px;
    top: -6px;
    position: absolute !important;
    padding-left: 1px;
    cursor: pointer;
    padding-right: 1px;
    color: #07315f;
}

.progress.progress_k2_sm {
    border-radius: 0;
    margin-bottom: 18px;
    height: 6px !important;
}

    .progress.progress_k2_sm .progress-bar {
        height: 20px !important;
    }

.six-sec-ease-in-out {
    -webkit-transition: width 6s ease-in-out;
    -moz-transition: width 6s ease-in-out;
    -ms-transition: width 6s ease-in-out;
    -o-transition: width 6s ease-in-out;
    transition: width 6s ease-in-out;
}

.k2_mg_document_dashboard .mgDocAddtoFav {
    cursor: pointer;
}

    .k2_mg_document_dashboard .mgDocAddtoFav:hover {
        color: crimson;
    }

.k2_mg_document_dashboard .fa-print {
    font-size: 16px;
}


.k2_mg_document_dashboard .mgDocRemoveFav {
    cursor: pointer;
}

    .k2_mg_document_dashboard .mgDocRemoveFav:hover {
        color: crimson;
    }

#tblDocuments_filter {
    width: 100% !important;
}

    #tblDocuments_filter input {
        width: 100% !important;
    }

.k2_mg_document_dashboard .addDocuments {
    color: #000;
    cursor: pointer;
    font-size: 17px;
    left: 0;
}



.k2_dashboard_personel_proceeding_cnt {
}

    .k2_dashboard_personel_proceeding_cnt ul {
        padding: 5px 0;
    }

        .k2_dashboard_personel_proceeding_cnt ul li {
            /*border-radius: 2px;*/
            position: relative;
            border-bottom: solid 1px #ccc;
            list-style: none;
            width: 100%;
            font-size: 13px;
        }

            .k2_dashboard_personel_proceeding_cnt ul li a {
                color: #000;
                font-size: 14px;
                font-weight: normal;
            }

            .k2_dashboard_personel_proceeding_cnt ul li div.k2pDiv {
                background-color: #f5f5f5;
                padding: 4px;
            }

            .k2_dashboard_personel_proceeding_cnt ul li .notSeen {
                background-color: #fff !important;
                font-weight: bold !important;
            }

    .k2_dashboard_personel_proceeding_cnt a {
        cursor: pointer;
    }

    .k2_dashboard_personel_proceeding_cnt ul li div.k2pDiv a {
        display: block;
    }

    .k2_dashboard_personel_proceeding_cnt span.k2title {
        font-size: 14px;
        color: #000;
    }

    .k2_dashboard_personel_proceeding_cnt .proceedingDone {
        cursor: pointer;
    }

        .k2_dashboard_personel_proceeding_cnt .proceedingDone:hover {
            color: green;
        }


    .k2_dashboard_personel_proceeding_cnt .GwproceedingDone {
        cursor: pointer;
    }

        .k2_dashboard_personel_proceeding_cnt .GwproceedingDone:hover {
            color: green;
        }


    .k2_dashboard_personel_proceeding_cnt span.pftitle {
        font-size: 13px;
        cursor: pointer;
        margin-right: 5px;
    }

    .k2_dashboard_personel_proceeding_cnt div.k2modalRow {
        border-bottom: solid 1px #f3f3f3;
        padding: 4px 0 4px 0;
    }

    .k2_dashboard_personel_proceeding_cnt span.k2userinfo {
        margin-left: 10px;
    }

    .k2_dashboard_personel_proceeding_cnt img.k2userimg {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        margin-left: 3px;
        border: none;
    }

    .k2_dashboard_personel_proceeding_cnt img.k2tableImg {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        border: none;
        float: right;
    }


.x_title span.iconNewCounter {
    position: absolute;
    border: solid 1px #f3f3f3;
    top: -15px;
    left: -20px;
    font-size: 12px;
    padding: 0 2px 0 2px;
    background: #f50057 !important;
    border: 1px solid #E6E9ED !important;
    color: #FFF;
    z-index: 2;
    min-height: 25px;
    padding: 3px 0 0 0;
    width: 25px;
    text-align: center;
    border-radius: 50%;
}

.box_style5_cnt :hover .iconNewCounter {
    top: -11px;
}

.k2_dashboard_personel_absent_cnt img.k2userimg {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-left: 3px;
    border: none;
}

.k2_dashboard_personel_absent_cnt .highLight {
    background-color: #c6ff00 !important;
}

.k2_dashboard_personel_absent_cnt a.checkmarkDiscipline {
    cursor: pointer;
}

.k2_dashboard_personel_absent_cnt span.replyText {
    color: #000 !important;
    display: block;
    font-size: 12px;
}

.k2_dashboard_personel_absent_cnt .fa-reply {
    font-size: 12px;
    color: #000 !important;
}

.k2_dashboard_personel_absent_cnt .fa-check-square {
    font-size: 12px;
    color: #000 !important;
}

.k2_mg_slides_cnt img {
    width: 60px;
    height: 60px;
}

.k2_org_files_list_cnt {
}

    .k2_org_files_list_cnt img {
        width: 30px;
        height: 30px;
    }

.k2_personel_notification_cnt::-webkit-scrollbar {
    width: 0.8em;
}

.k2_personel_notification_cnt::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}

.k2_personel_notification_cnt::-webkit-scrollbar-thumb {
    background-color: #1ABB9C;
    outline: 1px solid #1ABB9C;
}

.k2_personel_notification_cnt li {
    float: none !important;
}

.k2_personel_notification_cnt {
    overflow-y: scroll;
    max-height: 350px;
}

    .k2_personel_notification_cnt .highLight {
        background-color: #c6ff00 !important;
    }

    .k2_personel_notification_cnt #lideleteAllnoti {
        cursor: pointer;
        margin: 4px 4px 4px;
        padding: 1px 3px 1px 3px;
        background-color: #a94442;
        color: #fff;
        opacity: 0.8;
    }

        .k2_personel_notification_cnt #lideleteAllnoti:hover {
            opacity: 1;
        }

        .k2_personel_notification_cnt #lideleteAllnoti .fa-close {
            margin-left: 5px;
        }


    .k2_personel_notification_cnt .readNtf {
        cursor: pointer;
        position: absolute;
        left: 25px;
        top: -2px;
        font-size: 13px !important;
    }

    .k2_personel_notification_cnt .invisibleNtf {
        cursor: pointer;
        position: absolute;
        left: 10px;
        top: -2px;
        font-size: 13px !important;
    }

.notificationDrop a {
    position: relative;
}

    .notificationDrop a .notifyCount {
        cursor: pointer;
        position: absolute;
        left: 5px;
        top: -6px;
        font-size: 12px !important;
    }


ul.k2_personel_notification_cnt {
    width: 300px !important;
    overflow-x: hidden;
}

    ul.k2_personel_notification_cnt li span.type {
        font-weight: bold;
        font-size: 13px;
        display: block;
    }

    ul.k2_personel_notification_cnt li span.nText {
        display: block;
    }

    ul.k2_personel_notification_cnt li span.nCmt {
        display: block;
    }

    ul.k2_personel_notification_cnt li span.date {
        display: block;
        text-align: left;
        margin-top: 5px;
        font-size: 11px;
    }

    ul.k2_personel_notification_cnt li {
        background: #f7f7f7;
        padding: 3px;
        display: -ms-flexbox;
        display: flex;
        margin: 4px 4px 2px 4px;
        width: 97% !important;
        position: relative;
        color: #000;
    }

        ul.k2_personel_notification_cnt li:hover {
            opacity: 0.8;
        }


        ul.k2_personel_notification_cnt li:last-child {
            margin-bottom: 5px;
            padding: 6px;
        }

.k2_personel_notification_cnt li a.notifyLink {
    display: block;
    background-color: transparent !important;
    color: #000 !important;
    padding: 2px !important;
    margin-top: 7px;
    width: 270px !important;
    overflow-x: hidden;
}

    .k2_personel_notification_cnt li a.notifyLink:hover {
        background-color: transparent !important;
    }

.msgAlert div.kRow {
    font-size: 13px;
}

    .msgAlert div.kRow span.t1 {
        font-weight: bold;
        font-size: 14px;
        color: #000;
    }

.StdInfotitle {
    text-align: left !important;
    margin-top: 4px;
}

.k2_userprofile_cnt {
}

    .k2_userprofile_cnt span.linkSignin {
        color: #000;
        font-size: 13px;
    }

        .k2_userprofile_cnt span.linkSignin i {
            color: #000;
            font-size: 16px;
        }

    .k2_userprofile_cnt .profile_left {
        color: #000;
        font-size: 14px;
    }

    .k2_userprofile_cnt div.AvatarWall {
        background-color: #FFD400;
        height: 180px;
        width: 100%;
        text-align: center;
        position: relative;
    }

        .k2_userprofile_cnt div.AvatarWall span {
            color: #000;
            position: absolute;
            top: 15%;
            left: 0;
            right: 0;
            font-size: 80px;
            font-family: Tahoma;
        }

    .k2_userprofile_cnt a.liHref {
        color: #000;
    }

        .k2_userprofile_cnt a.liHref:hover {
            color: #f16927;
        }

.k2_roshdChart {
    margin-bottom: 10px;
}

.chartcontainer {
    width: 100% !important;
    height: 100% !important;
}

.highcharts-title {
    font-family: Dana-FaNum,'B Yekan',Tahoma !important;
}

.highcharts-axis-title {
    font-family: Dana-FaNum,'B Yekan',Tahoma !important;
}

.highcharts-legend text tspan {
    font-family: Dana-FaNum, 'B Yekan',Tahoma !important;
}

.highcharts-subtitle tspan {
    font-family: Dana-FaNum,'B Yekan',Tahoma !important;
}

.highcharts-axis-labels tspan {
    font-family: Dana-FaNum, 'B Yekan',Tahoma !important;
}

.highcharts-label {
    font-family: Dana-FaNum, 'B Yekan',Tahoma !important;
}

.highcharts-data-label {
    font-family: Dana-FaNum,'B Yekan',Tahoma !important;
}

    .highcharts-data-label span {
        font-family: Dana-FaNum, 'B Yekan',Tahoma !important;
        font-size: 16px !important;
    }

.k2_student_score_userprofile_cnt {
    color: #000;
}

    .k2_student_score_userprofile_cnt .incIcon {
        color: #1b926c;
        font-size: 16px;
    }

    .k2_student_score_userprofile_cnt .descIcon {
        color: #dd2c00;
        font-size: 16px;
    }

.k2_student_score_userprofile_counter {
    font-size: 70px;
    text-align: center;
}

.k2_student_score_userprofile_cnt div.allscore {
    padding: 5px;
}

    .k2_student_score_userprofile_cnt div.allscore span {
        font-size: 15px;
        margin-left: 50px;
    }

.k2_student_score_classInsert_cnt {
    color: #000;
}

    .k2_student_score_classInsert_cnt div.stdDatalist {
        max-height: 150px;
        overflow-y: scroll;
        font-size: 13px;
    }

    .k2_student_score_classInsert_cnt img.userPic {
        width: 50px;
        height: 50px;
    }

    .k2_student_score_classInsert_cnt .k2CheckBx input {
        cursor: pointer;
        width: 16px;
        height: 16px;
    }

.changePT {
    float: left;
    color: #d50000;
    font-size: 12px;
}

.k2_personel_titleHeader_style1 {
    width: 100%;
    background-color: #f3f3f3;
    color: #000;
    float: right;
    font-size: 12px;
}

.k2_visitor_cnt {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    display: inline-block;
    opacity: 1;
    transition: all .2s ease;
}

    .k2_visitor_cnt div.boxSt {
        color: #FFF;
        padding-left: 5px;
        text-align: center;
        padding: 5px;
        background-color: #337ab7;
        margin-left: 5px;
        margin-bottom: 5px;
        height: 70px;
    }

    .k2_visitor_cnt span.st1 {
        font-size: 30px;
    }

.counterCountUpSpanValue {
    font-size: 30px;
    display: none;
}

.counterCountUp {
    display: none;
}

.alert-info a {
    color: #fff;
}

div.k2AvatarWall {
    background-color: #f50057;
    height: 104px;
    width: 104px;
    text-align: center;
    position: relative;
    float: right;
    border-radius: 50%;
}

    div.k2AvatarWall span {
        color: #fff;
        position: absolute;
        top: 40%;
        left: 0;
        right: 0;
        font-size: 30px;
        font-family: Tahoma;
    }


.kDashboard_service_cnt div.pelak {
    width: 222px;
    border: solid 1px #000;
    height: 50px;
    float: right;
    border-radius: 5px;
    color: #000;
}

.kDashboard_service_cnt div.right {
    width: 50px;
    float: right;
    position: relative;
    height: 49px;
    border-left: solid 1px #000;
}

    .kDashboard_service_cnt div.right span.ir1 {
        width: 50px;
        text-align: center;
        float: right;
        position: absolute;
        top: 1px;
        right: 0;
    }

    .kDashboard_service_cnt div.right span.ir2 {
        width: 50px;
        float: right;
        font-size: 30px;
        text-align: center;
        position: absolute;
        top: 10px;
        right: 0;
        left: 0;
    }

.kDashboard_service_cnt div.left {
    width: 140px;
    font-size: 30px;
    float: right;
    text-align: center;
}

.kDashboard_service_cnt div.irLogo {
    width: 30px;
    float: left;
    background-color: #000099;
    height: 49px;
    text-align: left;
    color: #fff;
    border-top-left-radius: 5px;
    font-size: 10px;
    border-bottom-left-radius: 5px;
}

    .kDashboard_service_cnt div.irLogo div.pracham {
        width: 30px;
        float: left;
        margin: 5px;
    }

        .kDashboard_service_cnt div.irLogo div.pracham span {
            width: 20px;
            float: left;
            height: 4px;
        }

.k2_table_st1_cnt {
    color: #000;
}

    .k2_table_st1_cnt span.text1 {
        color: #000;
        font-size: 14px;
    }

    .k2_table_st1_cnt span.text2 {
        color: #000;
        font-size: 14px;
        font-weight: bold;
    }

    .k2_table_st1_cnt span.text3 {
        color: #000;
        font-size: 16px;
    }

    .k2_table_st1_cnt img.userPic {
        height: 40px;
        width: 40px;
        border-radius: 50%;
    }

    .k2_table_st1_cnt i.fa-times {
        font-size: 16px;
        color: #e00000;
    }

    .k2_table_st1_cnt i.fa-check {
        font-size: 16px;
        color: #1ac30f;
    }

    .k2_table_st1_cnt i.fa-check-square-o {
        font-size: 25px;
        color: #1ac30f;
    }

    .k2_table_st1_cnt i.fa-lock {
        font-size: 16px;
        color: #7c0000;
    }

    .k2_table_st1_cnt span.success {
        font-size: 13px;
        color: #02b662;
        border: none;
    }

    .k2_table_st1_cnt i.fa-file-excel-o {
        font-size: 16px;
        color: #000;
    }

    .k2_table_st1_cnt span.fail {
        font-size: 13px;
        color: #f50057;
        border: none;
    }

    .k2_table_st1_cnt a {
        color: #000;
        cursor: pointer;
    }

    .k2_table_st1_cnt input[type='checkbox'] {
        cursor: pointer;
        height: 16px;
        width: 16px;
    }

    .k2_table_st1_cnt div.k2modalRow {
        width: 100%;
        border-bottom: solid 1px #f3f3f3;
    }

        .k2_table_st1_cnt div.k2modalRow span.keTtext {
            font-size: 15px;
        }

    .k2_table_st1_cnt .percentoff {
        background-color: #fb3449;
        color: #fff;
        border-radius: 20px;
        padding: 1px 6px 1px;
        font-size: 13px;
        margin-right: 8px;
    }

.dataTables_filter input {
    display: block;
    width: 100%;
    height: 28px;
    padding: 4px 10px;
    font-size: 11px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.k2_table_st1_cnt .RowHeader {
    font-size: 20px;
    background-color: #e9e9e9;
    text-align: center;
    font-weight:bold;
    color: #000;
    margin: 0;
    padding: 5px 0 5px 0;
    border: 1px solid #096386;
    font-family: Dana-FaNum, Lalezar;
}

    .k2_table_st1_cnt .RowHeader span.cmt {
        font-size: 15px;
        font-family: Dana-FaNum, Lalezar;
        color: #FFF;
    }

.k2CheckBox {
    cursor: pointer;
}

    .k2CheckBox input {
        cursor: pointer;
        width: 14px;
        height: 14px;
    }

    .k2CheckBox label {
        cursor: pointer;
        margin-right: 3px !important;
        font-size: 12px;
    }

@media print {
    a[href]:after {
        content: none !important;
    }
}

.k2_filesList_cnt {
}

    .k2_filesList_cnt img.pics {
        height: 60px;
    }

    .k2_filesList_cnt img.icon {
        height: 60px;
    }

#k2_firstPageSliderCnt {
    display: none;
}

.k2MtbIcon {
    float: left;
    padding: 2px 3px 3px 1px !important;
    margin: 0 !important;
}

    .k2MtbIcon img {
        height: 52px;
    }

.k2_azmoontafsili_std_azmoon_cnt {
}

    .k2_azmoontafsili_std_azmoon_cnt .k2atrow {
        width: 100%;
        border-bottom: solid #ccc 1px;
        padding: 5px;
    }


        .k2_azmoontafsili_std_azmoon_cnt .k2atrow a {
            display: block;
            color: #000;
            font-size: 14px;
        }

        .k2_azmoontafsili_std_azmoon_cnt .k2atrow .bxat1 {
            width: 30%;
        }

        .k2_azmoontafsili_std_azmoon_cnt .k2atrow .bxat1 {
            width: 70%;
        }

    .k2_azmoontafsili_std_azmoon_cnt .qbx1 {
        text-align: center;
        width: 40px;
        float: left;
    }

    .k2_azmoontafsili_std_azmoon_cnt .qbx2 {
        text-align: center;
        width: 40px;
        float: left;
        margin-left: 20px;
    }


.k2_personel_masterSearch {
   
}

    .k2_personel_masterSearch label {
        font-size: 14px;
    }

    .k2_personel_masterSearch .ulDatalist {
        padding-right: 0;
        padding-left: initial;
    }

        .k2_personel_masterSearch .ulDatalist li {
            background: #f9f9f9 !important;
        }

        .k2_personel_masterSearch .ulDatalist::-webkit-scrollbar {
            width: 0.8em;
        }

        .k2_personel_masterSearch .ulDatalist::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
        }

        .k2_personel_masterSearch .ulDatalist::-webkit-scrollbar-thumb {
            background-color: #1ABB9C;
            outline: 1px solid #1ABB9C !important;
        }


 
    .k2_personel_masterSearch div.AvatarWall {
        background-color: #d4d4fa !important;
        height: 54px;
        width: 100%;
        text-align: center;
        position: relative;
    }

        .k2_personel_masterSearch div.AvatarWall span {
            color: #000;
            position: absolute;
            top: 18%;
            left: 0;
            right: 0;
            font-size: 30px;
            font-family: Tahoma;
        }

    .k2_personel_masterSearch .profile_left {
        color: #000;
        font-size: 13px;
    }

    .k2_personel_masterSearch div.pelak {
        width: 170px;
        border: solid 1px #000;
        height: 30px;
        float: right;
        border-radius: 5px;
        color: #000;
        background-color: #FFF;
    }

    .k2_personel_masterSearch div.right {
        width: 40px;
        float: right;
        position: relative;
        height: 29px;
        border-left: solid 1px #000;
    }

        .k2_personel_masterSearch div.right span.ir1 {
            width: 40px;
            text-align: center;
            float: right;
            font-size: 11px;
        }

        .k2_personel_masterSearch div.right span.ir2 {
            width: 40px;
            float: right;
            font-size: 15px;
            text-align: center;
            position: absolute;
            top: 8px;
            right: 0;
            left: 0;
        }

    .k2_personel_masterSearch div.left {
        width: 98px;
        font-size: 19px;
        float: right;
        text-align: center;
    }

    .k2_personel_masterSearch div.irLogo {
        width: 30px;
        float: left;
        background-color: #000099;
        height: 29px;
        text-align: left;
        color: #fff;
        border-top-left-radius: 5px;
        font-size: 10px;
        border-bottom-left-radius: 5px;
    }

        .k2_personel_masterSearch div.irLogo div.pracham {
            width: 30px;
            float: left;
            margin: 5px;
        }

            .k2_personel_masterSearch div.irLogo div.pracham span {
                width: 20px;
                float: left;
                height: 4px;
            }
/*custom.css*/
 
  
.profile_pic {
    width: 25%;
    float: right;
    margin-right: 2%;
    margin-left: 2%;
}

.img-circle.profile_img {
    width: 100%;
    background: #fff;
    margin-left: 1%;
    z-index: 1000;
    position: inherit;
    margin-top: 10px;
    padding: 1px;
}

.profile_info {
    padding: 10px 1px 10px 0;
    width: 70%;
    float: right;
    color: #fff;
}

.profile_schoolInfo {
    padding: 2px 0 2px 0;
    margin-top: 10px;
    width: 100%;
    float: right;
    border-top: solid 1px rgba(255, 255, 255, 0.5);
    border-bottom: solid 1px rgba(255, 255, 255, 0.5);
    text-align: center;
    color: #fff;
}

.profile_schoolInfo2 {
    padding: 2px 0 2px 0;
    width: 100%;
    float: right;
    border-bottom: solid 1px rgba(255, 255, 255, 0.5);
    text-align: center;
    color: #fff;
}



.profile_info span {
    font-size: 11px;
    line-height: 18px;
    color: #FFF;
}

.profile_info h2 {
    font-size: 16px;
    color: #ECF0F1;
    margin: 0;
    font-weight: 300;
    line-height: 21px;
}

.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: 0 !important;
        }

    .profile.img_2 .profile_info {
        padding: 15px 10px 0;
        width: 100%;
        margin-bottom: 10px;
        float: left;
    }

.main_menu span.fa {
    float: left;
    text-align: center;
    margin-top: 5px;
    font-size: 10px;
    min-width: inherit;
    color: #C4CFDA;
}

.active a span.fa {
    text-align: right !important;
    margin-right: 4px;
}
           

.no-padding {
    padding: 0 !important;
}

.page-title {
    width: 100%;
    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;
}

.overflow_hidden {
    overflow: hidden;
}

.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;
}
   

.row {
    margin-right: 0px;
    margin-left: 0px;
}
 
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 5px;
    margin-bottom: 5px;
}

a {
    color: #131313;
    text-decoration: none;
}

    a, a:visited, a:focus, a:active, :visited, :focus, :active, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
        outline: 0;
    }

        a:hover, a:focus {
            text-decoration: none;
        }
            
.site_title {
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 400;
    font-size: 22px;
    width: 100%;
    color: #ECF0F1 !important;
    margin-left: 0 !important;
    display: block;
    height: 46px;
    margin: 0;
}

    .site_title:hover, .site_title:focus {
        text-decoration: none;
    }

    .site_title i {
        padding: 5px 46px 12px 5px;
        margin-right: 1px;
        margin-left: 20px;
        text-align: center;
        background-image: url('../../../../Images/Icon/emzLogo2.png');
        background-position-x: 0;
        background-position-y: 50%;
        height: 45px;
        width: 50px;
        background-repeat: no-repeat;
    }
            
.jqstooltip {
    background: #34495E !important;
    width: 30px !important;
    height: 22px !important;
    text-decoration: none;
}


.tiles {
    border-top: 1px solid #ccc;
    margin-top: 15px;
    padding-top: 5px;
    margin-bottom: 0;
}

.tile {
    overflow: hidden;
}

.top_tiles {
    margin-bottom: 0;
}

    .top_tiles .tile h2 {
        font-size: 30px;
        line-height: 30px;
        margin: 3px 0 7px;
        font-weight: bold;
    }


.accordion .panel {
    padding: 1px;
    margin-bottom: 5px;
    border-radius: 0;
    border-bottom: 1px solid #efefef;
}

.accordion .panel-heading {
    background: #F2F5F7;
    padding: 5px;
    width: 100%;
    display: block;
    border-radius: 0;
    font-size: 13px;
    position: relative;
}

    .accordion .panel-heading .panel-title {
        margin-right: 7px;
    }

    .accordion .panel-heading span.countItems {
        font-size: 12px;
        font-weight: normal;
        line-height: 13px;
        position: absolute;
        right: -12px;
        top: 2px;
        background: #1ABB9C !important;
        border: 1px solid #1ABB9C !important;
        color: #fff;
        display: inline-block;
        min-width: 10px;
        padding: 3px 5px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        border-radius: 10px;
    }

    .accordion .panel-heading span.leftDetails {
        font-size: 12px;
        font-weight: normal;
        line-height: 13px;
        position: absolute;
        left: -5px;
        top: 2px;
        background: #1ABB9C !important;
        border: 1px solid #1ABB9C !important;
        color: #fff;
        display: inline-block;
        min-width: 10px;
        padding: 3px 5px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        border-radius: 10px;
    }

.accordion .blue {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.accordion .green {
    color: #fff;
    background: #26B99A;
    border: 1px solid #169F85;
}

.accordion .green {
    color: #fff;
    background: #26B99A;
    border: 1px solid #169F85;
}


.accordion .panel:hover {
    /*background: #F2F5F7;*/
}
  

.k2box_style2_cnt {
    position: relative;
    width: 100%;
    max-height: 215px;
    overflow-y: scroll;
    padding-left: 5px;
}

.x_title span.iconCounter {
    position: absolute;
    border: solid 1px #f3f3f3;
    top: -15px;
    right: -20px;
    font-size: 12px;
    padding: 0 2px 0 2px;
    background: #FFF !important;
    border: 1px solid #E6E9ED !important;
    color: #000;
    z-index: 2;
    min-height: 25px;
    padding: 3px 0 0 0;
    width: 25px;
    text-align: center;
    border-radius: 50%;
}

.x_title span {
    color: #000;
}

.x_title .filter {
    width: 40%;
    float: right;
}

.x_title h2 {
    margin: 1px 0 1px;
    float: right;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

    .x_title h2 small {
        margin-left: 10px;
    }
     
ul.msg_list li {
    background: #f7f7f7;
    padding: 1px;
    display: -ms-flexbox;
    display: flex;
    margin: 4px 4px 0;
    width: 96% !important;
}

    ul.msg_list li a {
        display: block;
        width: 100%;
    }

    ul.msg_list li:last-child {
    }

    ul.msg_list li a {
        padding: 3px 5px !important;
    }

        ul.msg_list li a .image img {
            border-radius: 2px 2px 2px 2px;
            -webkit-border-radius: 2px 2px 2px 2px;
            float: right;
            margin-left: 10px;
            width: 50px;
            height: 50px;
        }

        ul.msg_list li a .time {
            font-size: 11px;
            font-style: italic;
            font-weight: bold;
            position: absolute;
            left: 25px;
        }

        ul.msg_list li a .message {
            display: block !important;
            font-size: 11px;
        }

.dropdown-menu.msg_list span {
    white-space: normal;
}

.dropdown-menu {
    border: medium none;
    box-shadow: none;
    display: none;
    float: left;
    font-size: 12px;
    left: 0;
    list-style: none outside none;
    padding: 0;
    position: absolute;
    text-shadow: none;
    top: 100%;
    z-index: 9998;
    border: 1px solid #D9DEE4;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

    .dropdown-menu li {
        position: relative;
    }

        .dropdown-menu li span.new {
            position: absolute;
            background-color: #b71c1c;
            color: #FFF;
            top: 5px;
            left: 5px;
            font-size: 11px;
            border-radius: .25em;
            padding: 0 2px 0 2px;
        }

    .dropdown-menu > li > a {
        color: #5A738E;
    }

ul.user_data li {
    margin-bottom: 6px;
}