* {
    padding: 0;
    outline: none;
    margin: 0;
    text-decoration: none;
}

body {
    background: #f6f2ec;
}

* {
    padding: 0;
    outline: none;
    margin: 0;
    text-decoration: none;
}

.account_system {
    margin-top: 19px;
    float: right;
}

    .account_system i {
        display: inline-block;
        font-size: 16px;
        color: #fff;
    }

    .account_system span {
        color: #fff;
        display: inline-block;
        font-size: 13px;
    }

    .account_system .sub_account {
        position: absolute;
        width: 160px;
        display: none;
        top: 15px;
        right: 0;
    }

    .account_system ul {
        width: 100%;
        background: #fff;
        margin-top: 40px;
    }

        .account_system ul li {
            list-style: none;
            padding: 6px 10px;
        }

            .account_system ul li a {
                font-size: 13px;
                color: #222;
                text-indent: 10px;
                text-decoration: none;
                display: block;
                position: relative;
            }

                .account_system ul li a::before {
                    content: '';
                    display: block;
                    position: absolute;
                    width: 5px;
                    top: 4px;
                    left: 10px;
                    height: 5px;
                    border-radius: 50%;
                    background: #d09b2a;
                    top: 8px;
                    left: 0;
                }

            .account_system ul li:hover a {
                color: #d09b2a;
            }

    .account_system:hover .sub_account {
        display: block;
    }

.menu_main {
    float: right;
}

    .menu_main ul {
        margin: 17px 30px 0 0;
    }

        .menu_main ul li {
            position: relative;
            display: inline-block;
        }

            .menu_main ul li a {
                text-transform: uppercase;
                color: #fff;
                font-size: 13px;
                padding: 10px;
                font-weight: 400;
                text-decoration: none;
            }

            .menu_main ul > li:hover a {
                color: #d09b2a ;
            }

        .menu_main ul li .submenu {
            position: absolute;
            top: 20px;
            display: none;
            left: 0px;
        }

            .menu_main ul li .submenu ul {
                float: left;
                margin-top: 18px;
                background: #ebe6df;
                width: 200px;
                box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.11);
            }

                    .menu_main ul li .submenu ul li {
                        list-style: none;
                        display: inline-block;
                        width: 100%;
                        padding: 5px 10px;
                    }

                        .menu_main ul li .submenu ul li a {
                            font-size: 13px;
                            color: #222;
                            text-indent: 10px;
                            text-decoration: none;
                            padding: 0;
                            display: block;
                            position: relative;
                        }

                            .menu_main ul li .submenu ul li a::before {
                                content: '';
                                display: block;
                                position: absolute;
                                width: 5px;
                                height: 5px;
                                border-radius: 50%;
                                background: #d09b2a;
                                top: 5px;
                                left: 0;
                            }

                            .menu_main ul li .submenu ul li a:hover {
                                color: #d09b2a !important;
                            }

                        .menu_main ul li .submenu ul li h3 {
                            font-weight: 500;
                            font-size: 18px;
                            width: 100%;
                            margin-bottom: 10px;
                            display: inline-block;
                            padding-left: 13px;
                            color: #222;
                            margin-top: 5px;
                        }

                        .menu_main ul li .submenu ul li ul {
                            box-shadow: none !important;
                            width: 100% !important;
                            margin: 0 !important;
                        }

                            .menu_main ul li .submenu ul li ul li {
                                width: 100%;
                                float: left;
                                padding: 5px 10px;
                            }

                                .menu_main ul li .submenu ul li ul li a {
                                    text-transform: none;
                                }

            .menu_main ul li:hover .submenu {
                display: block;
            }

.dashboard .container {
    position: relative;
    padding: 0;
}

* {
    padding: 0;
    outline: none;
    margin: 0;
    text-decoration: none;
}

.content_table {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
}

    .content_table .tab_table {
        width: 100%;
        display: inline-block;
    }

        .content_table .tab_table > ul {
            float: left;
            border: 0;
            margin: 0;
        }

            .content_table .tab_table > ul li {
                margin: 0;
                list-style: none;
                border: 0;
            }

                .content_table .tab_table > ul li a {
                    height: 28px;
                    background-image: linear-gradient(to top, #dcdcdc, #d2d2d2);
                    font-size: 13px;
                    text-transform: uppercase;
                    font-weight: 500;
                    border: 0;
                    color: #4b5858;
                    padding: 7px 15px 0 15px;
                }

                .content_table .tab_table > ul li.active a {
                    height: 28px;
                    background-image: linear-gradient(to top, #2aac7e, #017467);
                    color: #fff !important;
                }

.title_table {
    background: #017467;
    border-radius: 0px 4px 0 0;
    height: 30px;
    float: left;
    width: 100%;
    padding: 0 10px;
}

.table_content table {
    border-top: 0;
}

    .table_content table thead {
        background: #d09b2a;
    }

        .table_content table thead th {
            color: #fff;
            border-right: 1px solid #34be8d;
            padding: 5px;
            font-weight: 500;
            background: #2aac7e;
            font-size: 13px;
            border-bottom: 0;
        }

    .table_content table tr {
        background: #f3f3f3;
        border-bottom: 0 !important;
    }
.dataTable > thead > tr > th[class*=sort]:after {
    color:#fff !important;
}

.table_content table tr td {
    font-size: 13px;
    padding: 3px 5px;
    vertical-align: inherit !important;
    border-bottom: 0 !important;
    border-top: 0 !important;
    color: #505050;
    border-right: 1px solid #dad3c8;
}

            .table_content table tr td span {
                /*color: #a5a5a5;*/
                margin-right: 10px;
            }

                .table_content table tr td span i {
                    color: #a5a5a5;
                    font-size: 13px;
                }

.table_content table tr:nth-child(even) {
    background: #fdfdfe;
}

.table_content table tr:hover {
    background: #efeae1;
}

            .table_content table tr:hover td a, .table_content table tr:hover td i, .table_content table tr:hover td span {
                color: #017467 !important;
            }

.add_task {
    float: right;
    margin: 2px 0 0 0;
}

    .add_task button {
        background-image: linear-gradient(to top, #d18d00, #dd9e11, #e9af1f, #f4c12c, #ffd339);
        border-radius: 4px;
        border: 0;
        height: 25px;
        padding: 0 8px;
        font-size: 13px;
        font-weight: normal;
    }

        .add_task button i {
            font-weight: 200;
            font-size: 10px;
            margin-right: 3px;
        }

        .add_task button:hover {
            opacity:.8;
        }

* {
    padding: 0;
    outline: none;
    margin: 0;
    text-decoration: none;
}

.form_dashboard {
    width: 100%;
    border-radius: 8px;
    border: solid 1px #dcdddd;
    background-color: #fdfdfe;
    display: inline-block;
    padding: 10px;
}

.field_textbox {
    margin-bottom: 5px;
}

    .field_textbox label {
        font-weight: normal;
        color: #565656;
        font-size: 13px;
        margin-bottom: 0;
        margin-top: 3px;
    }

    .field_textbox input, .field_textbox select, .field_textbox textarea {
        padding: 0 5px;
        background: #fff;
        height: 23px;
        border: 0;
        -webkit-transition: width 2s;
        transition: width 2s;
        font-size: 13px;
        border: 1px solid #d7d1c7;
        border-radius: 4px;
        box-shadow: none;
    }

        .field_textbox input:focus, .field_textbox select:focus, .field_textbox textarea:focus {
            border: 1px solid #d09b2a;
            box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.11);
        }

    .field_textbox textarea {
        height: 70px;
        width: 100%;
    }

        .field_textbox textarea:focus {
            border: 1px solid #d09b2a;
            box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.11);
        }

.check_box_form {
    display: inline-block;
    margin-bottom: 0;
    padding-left: 10px;
}

    .check_box_form label {
        display: inline-block;
        margin-right: 15px;
        font-size: 13px;
        font-weight: normal;
        line-height: 22px;
        margin-bottom: 0;
    }

.button_form {
    display: inline-block;
}

    .button_form button {
        min-width: 80px;
        padding: 0 10px;
        background-image: linear-gradient(to top, #2aac7e, #017467);
        border-radius: 4px;
        border:0;
        color: #f6f2ec;
        font-size: 13px;
        height: 22px;
    }

        .button_form button i {
            font-size: 13px;
            margin-right: 2px;
        }

        .button_form button span {
            font-size: 13px;
        }

        .button_form button:hover {
            opacity:.8;
        }

        .button_form button.button_default {
            background-image: linear-gradient(to top, #b68215, #ffbf39);
            border: solid 1px #d7a02d;
            border-radius: 4px;
        }

            .button_form button.button_default:hover {
                background-image: linear-gradient(to top, #d18d00, #dd9e11, #e9af1f, #f4c12c, #ffd339);
                border: 1px solid #dc9e1d;
                border-radius: 4px;
            }
    .button_form a.button_default {
        background-image: linear-gradient(to top, #b68215, #ffbf39);
        border: solid 1px #d7a02d;
        border-radius: 4px;
        color: #333 !important;
        height: 21px;
        display: inline-block;
        padding: 0 12px;
        text-decoration: none;
    }
button.button_default i, button.button_default span{
    color:#333 !important;
}
/*--checbox RADIO--*/
.check_radio {
    display: block;
    position: relative;
    padding-left: 27px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    color: #565656;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default radio button */
    .check_radio input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background: none;
    border: 1px solid #515151;
    border-radius: 50%;
}

.checkbox_Style .checkmark {
    border-radius: 2px;
}

/* On mouse-over, add a grey background color */
.check_radio:hover input ~ .checkmark {
    background: none;
}

/* When the radio button is checked, add a blue background */
.check_radio input:checked ~ .checkmark {
    background: none;
    border: 1px solid #e0a936;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.check_radio input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.check_radio .checkmark:after {
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #e0a936;
}

.checkbox_Style .checkmark:after {
    border-radius: 4px !important;
}

.checkbox_Style .checkmark:after {
    left: 8px;
    top: 3px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkbox_Style input:checked ~ .checkmark {
    background: #e0a936;
    border: 0;
}

/*-- end check box RADIO--*/
* {
    padding: 0;
    outline: none;
    margin: 0;
    text-decoration: none;
}

.modal_air_cambodia .modal-dialog {
    margin: 1.75rem auto;
    min-height: calc(100% - 3.5rem);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.modal_air_cambodia .modal-header {
    position: relative;
    padding: 0;
    margin: 0;
    background: #017467;
    height: 30px;
    width: 100%;
}

    .modal_air_cambodia .modal-header h4 {
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 400;
        color: #fff;
        padding: 5px 10px;
    }

    .modal_air_cambodia .modal-header button {
        position: absolute;
        top: -10px;
        right: -10px;
        background: #d09b2a;
        width: 30px;
        height: 30px;
        border-radius: 50% !important;
        opacity: 1;
        font-size: 22px;
        text-shadow: none;
        line-height: 10px;
        font-weight: 500;
        padding: 0 9px;
        text-align: center;
        border: solid 1px #d7a02d;
        border-radius: 4px;
        color: #333333;
        background-image: linear-gradient(to top, #b68215, #ffbf39);
        border: solid 1px #d7a02d;
        border-radius: 4px;
        color: #333333;
    }

        .modal_air_cambodia .modal-header button span {
            font-size: 13px;
            font-weight: 500;
        }

        .modal_air_cambodia .modal-header button:hover {
            background-image: linear-gradient(to top, #d18d00, #dd9e11, #e9af1f, #f4c12c, #ffd339);
            border: 1px solid #dc9e1d;
            border-radius: 4px;
        }

.modal_air_cambodia .modal-body {
    width: 100%;
    background: #efeae1;
    padding: 10px;
}

.modal-content {
    width: 100%;
}

.content_popup .field_textbox label {
    padding: 0;
}

.button_body {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-top: 10px;
}

    .button_body button {
        min-width: 80px;
        padding: 0 10px;
        background-image: linear-gradient(to top, #2aac7e, #017467);
        border-radius: 4px;
        border: solid 1px #017467;
        color: #f6f2ec;
        font-size: 13px;
        height: 24px;
    }

        .button_body button i {
            font-size: 13px;
            margin-right: 2px;
        }

        .button_body button span {
            font-size: 13px;
        }

        .button_body button:hover {
            background-image: linear-gradient(to top, #530470, #6b108c, #831daa, #9d29c8, #b735e7);
            border: 1px solid #7e319c;
        }

        .button_body button.button_default {
            background-image: linear-gradient(to top, #b68215, #ffbf39);
            border: solid 1px #d7a02d;
            border-radius: 4px;
            color: #333333;
        }

            .button_body button.button_default:hover {
                background-image: linear-gradient(to top, #d18d00, #dd9e11, #e9af1f, #f4c12c, #ffd339);
                border: 1px solid #dc9e1d;
                border-radius: 4px;
            }

        .button_body button:disabled {
            background-image: linear-gradient(to top, #cdbfa3, #d9cdb3, #e6dac3, #f2e8d3, #fff6e4) !important;
            border: 1px solid #e2dac8 !important;
            color: #949494 !important;
            cursor: not-allowed;
        }

.modal-lg {
    width: 1000px;
}

.modal-small {
    width: 500px;
}

* {
    padding: 0;
    outline: none;
    margin: 0;
    text-decoration: none;
}

.homepage {
    background: url(../images/slider_bg.jpg) no-repeat center top;
    background-size: cover;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}

.head_body {
    background: #017467;
    height: 55px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}

.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #959499;
    padding: 10px;
    text-align: center;
}

    .footer p {
        font-size: 13px;
        color: #fff;
    }

.form_login {
    float: right;
    margin: 200px 0;
    width: 280px;
}

.form_login__content {
    background: #fff;
    width: 100%;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.11);
}

    .form_login__content h1 {
        font-size: 18px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.06;
        letter-spacing: normal;
        padding: 0;
        margin: 0;
        margin-bottom: 20px;
        color: #017467;
        text-transform: uppercase;
        width: 100%;
        text-align: center;
    }

    .form_login__content .account_item {
        display: inline-block;
        margin-bottom: 10px;
        width: 100%;
    }

        .form_login__content .account_item label {
            font-weight: normal;
            color: #6b6b6b;
            font-size: 13px;
            margin-bottom: 0;
        }

        .form_login__content .account_item input {
            width: 100%;
            height: 34px;
            padding: 0 10px;
            border-radius: 8px;
            border: solid 1px #dddddd;
            background-color: #ffffff;
        }

    .form_login__content .button_submit a {
        text-align: center;
        background-image: linear-gradient(to top,#b68215,#ffbf39) !important;
        height: 40px;
        border-radius: 8px;
        width: 100%;
        display: inline-block;
        text-decoration: none;
        padding: 9px;
    }

        .form_login__content .button_submit a i {
            font-size: 16px;
            color: #fff;
            float: left;
            margin-top: 0px;
            margin-left: 79px;
            margin-right: 7px;
        }

        .form_login__content .button_submit a span {
            text-transform: uppercase;
            font-size: 13px;
            float: left;
            color: #fff;
        }

        .form_login__content .button_submit a:hover {
            opacity: .85;
        }

.body_form {
    float: left;
    width: 100%;
}

.dashboard {
    width: 100%;
}

    .dashboard .head_body {
        position: relative;
        z-index: 9;
    }

.title_page_breadcrumb {
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 5px 0;
}

    .title_page_breadcrumb h1 {
        font-size: 14px;
        color: #017467;
        text-transform: uppercase;
        font-weight: 500;
        padding-left: 10px;
        position: relative;
        margin-top: 5px;
    }

        .title_page_breadcrumb h1::before {
            position: absolute;
            height: 14px;
            display: block;
            content: '';
            top: 2px;
            left: 0;
            width: 3px;
            background: #d09b2a;
        }

.breadcrumb {
    background: none;
    float: right;
    font-size: 13px;
    position: absolute;
    padding: 5px 0;
    right: 2px;
    top: 5px;
}

    .breadcrumb i {
        font-size: 8px;
        color: #676766;
        background: none !important;
        padding: 0 5px;
    }

    .breadcrumb span, .breadcrumb a {
        color: #676766;
    }

.row {
    margin-left: -5px;
    margin-right: -5px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}

/*# sourceMappingURL=ted5s.css.map */
.datepicker {
    padding: 0 !important;
}

    .datepicker thead th {
        background: #017467 !important;
        color: #fff;
        font-weight: 500 !important;
        font-size: 13px;
        visibility: inherit !important;
        border-radius: 0 !important;
    }

    .datepicker td.active {
        background: #d09b2a !important;
    }

    .datepicker td.disabled {
        opacity: .3;
    }

.table_content table tr td span i {
    padding: 0 4px;
}

.pagination li {
    float: left;
}

.content_popup ul.nav.nav-tabs li a {
    background: none !important;
    color: #333 !important;
    border: 0 !important;
    padding: 5px 10px !important;
}

.content_popup ul.nav.nav-tabs li.active a {
    font-weight: 500 !important;
    color: #017467 !important;
}

.content_popup ul.nav.nav-tabs {
    margin-bottom: 10px;
    border-bottom: 1px solid #c5c5c5;
}

    .content_popup ul.nav.nav-tabs li.active {
        border-bottom: 2px solid #017467;
    }

#comment_header {
    padding: 7px 0;
}

#user_name {
    color: #017467 !important;
}

#comment_footer {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px !important;
}

#comment_status {
    font-weight: normal !important;
    color: #686868 !important;
    font-style: italic;
    text-transform: none;
    float: right !important;
}

.table_content table tr:hover td i {
    color: #017467 !important;
}

.tab-content {
    margin-top: -3px;
}

    .tab-content .dataTables_length label {
        font-weight: normal;
        font-size: 13px;
    }

    .tab-content .dataTables_length select {
        height: 20px;
        padding: 0px;
        margin: 0 3px;
    }

    .tab-content .dataTables_length {
        margin: 5px 0;
    }

span.select2-selection.select2-selection--multiple {
    height: 24px;
    font-size: 13px;
    padding: 0;
    border: 1px solid #aaaaaa !important;
    border-radius: 4px !important;
}
.field_auto-Height span.select2-selection.select2-selection--multiple {
    height: auto !important;
}
    span.select2-selection.select2-selection--multiple li input {
        background: 0 0;
        border: none;
        padding: 0 !important;
        outline: 0;
        box-shadow: none;
        -webkit-appearance: textfield;
        margin: 0 !important;
    }

.button_comment {
    width: 100%;
    text-align: left;
    display: inline-block;
}

    .button_comment button {
        border: 1px solid #beb5c1;
        color: #017467;
        padding: 4px 10px 2px 10px;
        background: none;
        font-size: 13px;
        margin-bottom: 10px;
        border-radius: 4px;
    }

        .button_comment button i {
            color: #017467;
        }

        .button_comment button:hover {
            background: #017467;
            border: 1px solid #017467;
            color: #fff;
        }

            .button_comment button:hover i {
                color: #fff;
            }

#user_comment div {
    font-size: 13px;
}

#comment_header {
    float: left;
    padding-left: 10px;
    border-radius: 4px;
    color: #fff;
}

.first_form_feedback #user_comment {
    width: 100% !important;
}

#comment_header {
    background: #2980b9;
    width: auto !important;
    min-width: 150px;
    padding: 2px 10px;
    margin-bottom: 3px;
}

#user_name, #date {
    color: #fff !important;
}


#comment_body {
    width: 100%;
    display: inline-block;
    background: #fff;
    font-size: 13px;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #dbd2c3;
}

.sub_columns li {
    float: left;
    width: 200px !important;
}

.sub_columns ul {
    width: 600px !important;
}

.quick_link {
    display: inline-block;
    width: 100%;
    padding: 0 3px;
}

.title_dashboard {
    height: 25px;
    background-image: linear-gradient(to top, #2aac7e, #017467);
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    padding: 0 10px;
    border-radius: 4px 4px 0 0;
    width: 100px;
    margin-top: 10px;
    padding-top: 4px;
}
.quick_link ul {
    border-radius: 0 4px 4px 4px;
    border: solid 1px #d9d1c5;
    background-color: #ebe6df;
    display: inline-block;
    width: 100%;
    padding: 10px;
    margin: 0;
}
.quick_link ul li{
    list-style:none;
}
    .quick_link ul li a {
        color: #414141;
        padding:4px 7px;
        position: relative;
        padding-left: 12px;
        font-size: 13px;
        width: 100%;
        display: inline-block;
    }
        .quick_link ul li a:before {
            content: '';
            display: block;
            height: 6px;
            width: 6px;
            border-radius: 50%;
            overflow: hidden;
            background: #d09b2a;
            position: absolute;
            left: 0;
            top: 9px;
        }
    .quick_link ul li a:hover {
        color: #017467;
    }
.task_system ul.nav.nav-tabs li a {
    height: 26px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 4px 20px;
    border-radius: 4px 4px 0 0 !important;
    margin-right: 3px !important;
}
.content_system_task {
    border-radius: 0 4px 4px 4px !important;
    border: solid 1px #d9d1c5;
    background-color: #ebe6df;
    display: inline-block;
    width: 100%;
    padding: 10px;
    margin: 0;
    margin-top: 1px !important;
}
.content_system_task ul li{
    border:0;
    background:none;
    padding:5px 0;
}
    .content_system_task ul li label {
        font-weight: normal;
        font-size: 13px;
        color: #414141;
        position: relative;
        padding-left: 12px;
    }
.task_system .tab_table, .task_system {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
.content_system_task ul li label:before {
    content: '';
    display: block;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    overflow: hidden;
    background: #d09b2a;
    position: absolute;
    left: 0;
    top: 6px;
}
.comment_button{
    margin-top:15px;
    display:inline-block;
    width:100%;
}
.content_system_task ul li {
    border-bottom: 1px solid #ded9d1 !important;
}
.comment_button a {
    color: #4c0d63 !important;
    font-size: 13px;
    border: 1px solid #beb5c1;
    font-weight: normal;
    padding: 5px 15px;
    -webkit-transition: width 2s;
    transition: width 2s;
    border-radius: 4px;
    text-decoration: none;
}
    .comment_button a i {
        font-size: 17px;
        color: #017467 !important;
    }
    .comment_button a:hover {
        background: #017467 !important;
        border: 1px solid #017467 !important;
    }
    .comment_button a:hover i, .comment_button a:hover span{
        color: #fff !important;
    }
.content_system_task .content_table{
    margin-top:-10px !important;
}
    .content_system_task .content_table table tr {
        background: #efeae1;
        border-bottom: 0 !important;
    }
    .content_system_task .content_table table tbody tr:nth-of-type(odd) {
        background-color: #f9f9f9;
    }
.content_system_task .btn-info{
    background:#d09b2a !important;
    border:0;
}
.content_system_task a{
    color:#017467 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #ffe1a3 !important;
    border: 0 !important;
    border-radius: 2px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 2px !important;
    padding: 0 5px;
}
.first_form_feedback #date{
    float:left !important;
}
.approve_system_task ul li{
    list-style:none;
}
.approve_system_task ul{
    margin:0;
}
.approve_system_task ul li .body {
    margin: 0;
}
.approve_system_task ul li .body .text i {
    color: #017467 !important;
}
.approve_system_task ul li .name a {
    font-weight: 600;
}
.field-span-combo span, .field-span-combo .textbox-text.validatebox-text {
    width: 100% !important;
}
.field-span-combo a.textbox-icon.combo-arrow {
    position: absolute;
    right: 0;
}
.field-span-combo span.textbox-addon.textbox-addon-right {
    border: 0!important;
}
.field-span-combo span.textbox.combo {
    border: 1px solid #d7d1c7 !important;
}
a.combo-arrow{
    outline:none !important;
    background-color:#fff !important;
}
.dataTables_length label {
    font-weight: normal;
    font-size: 13px;
}
.dataTables_length select {
    font-weight: normal;
    font-size: 13px;
    height: 20px;
    box-shadow: none;
    padding: 2px;
}
.pagination{
    margin:0;
}
.pagination li{
    list-style:none;
}
    .pagination li a {
        border: 0;
        background: none !important;
        color: #6b5b43 !important;
    }
    .pagination li.active a {
        color: #017467 !important;
    }

.dataTables_length{
    margin-bottom:5px;
}
table.table-condensed tr td span.year.active.focused {
    background: #d09b2a !important;
    color: #222 !important;
}
table.table-condensed tr td span{
    font-size:12px;
}
.datepicker table tr td span {
    height: auto !important;
    line-height: 30px !important;
}
.table_content th {
    vertical-align: inherit !important;
}
.sub_columns {
    right: -350px !important;
    left: auto !important;
}
.sub_columns h3{
    color:#d09b2a !important;
}
.calendar-style {
    display: inline-block;
    width: 100%;
    padding-top: 10px;
    position: relative;
}
    .calendar-style .fc-center h2 {
        font-size: 18px;
        position: absolute;
        left: 0;
        top: 11px;
    }
    .calendar-style .fc-button-group{
        position:absolute;
        right:0;
        top:10px;
    }
    .calendar-style table thead th {
        background: #d09b2a;
        color: #fff;
        height: 30px;
        vertical-align: inherit;
        font-weight: normal;
        font-size: 13px;
    }
    .calendar-style .fc-basic-view .fc-body .fc-row {
        height: auto !important;
        min-height: 120px;
    }
a.fc-event {
    color: #017467 !important;
    background: #efe4f3;
    border: 0;
    border-left: 2px solid #f6f2ec;
    padding: 10px;
    border-radius: 0;
    margin-bottom: 5px;
}
    a.fc-event:hover {
        background: #fff7df;
        color: #d09b2a !important;
        border-left: 2px solid #fff7df;
    }
.fc-unthemed .fc-today {
    background: #ecdfc4 !important;
}
.calendar-style .fc-toolbar {
    background: #017467;
    height: 32px;
    border-radius: 4px 4px 0 0;
    margin-bottom: 0;
}
.calendar-style .fc-center h2 {
    color: #fff;
    padding: 5px 10px;
}
.calendar-style .fc-toolbar button {
    position: relative;
    background: none !important;
    box-shadow: none !important;
    border: 0;
    color: #fff;
}
table tr td span.month.focused.active {
    background: #d09b2a !important;
    color: #222 !important;
    text-shadow: none;
}
.content_table table tr th:after{
    opacity:0 !important;
}
.content_table table tr th:hover:after {
    opacity: 1 !important;
}
a.label-important {
    background: #d7fae5;
    /*color: #09a74e !important;*/
}
.table_content .dataTables_filter{
    text-align:right;
    margin-top:5px;
}
    .table_content .dataTables_filter input {
        text-shadow: none;
        height: 21px;
        border-radius:4px;
        border: 1px solid #aaaaaa;
    }
.table_content .dataTables_filter label{
    font-weight:normal;
    font-size:12px;
}
.dt-buttons button.buttons-excel {
    background-image: linear-gradient(to top, #004e00, #005800, #006200, #006c00, #007700);
    color: #fff;
    border: 0;
    width: 105px;
    height: 25px;
    font-size: 12px;
    border-radius: 4px;
    position: absolute;
    right: -483px;
    top: -28px;
}

.tab-popup {
    float: left;
    width: 100%;
}

    .tab-popup .tabs-container, .tab-popup .tabs-header.tabs-header-plain, .tab-popup .tabs-panels, .tab-popup .panel.panel-htop, .tab-popup .panel-body, .tab-popup .easyui-layout, .tab-popup .tabs-wrap {
        overflow: inherit !important;
        width: 100% !important;
        float: left;
    }

    .tab-popup ul.tabs {
        margin: 0 !important;
        height: 33px !important;
    }

        .tab-popup ul.tabs li a {
            height: 33px !important;
            background-image: linear-gradient(to top, #e8e1d6, #decaad);
            font-size: 13px;
            text-transform: uppercase;
            font-weight: 500;
            border: 0;
            color: #5a5a5a;
            padding: 4px 15px 0 15px;
        }

        .tab-popup ul.tabs li.tabs-selected a {
            height: 33px !important;
            background-image: linear-gradient(to top, #ce992b, #f0b740);
            color: #363636;
        }

    .tab-popup .panel-body, .panel-header {
        border: 0 !important;
    }
.addrow-table .datagrid-header table tr td {
    background: #dfb766;
    color: #2f2f2f !important;
}

.addrow-table .datagrid-body {
    padding-bottom: 23px;
}
.field-combo-height span, .field-combo-height input{
    height: 22px !important;
}
.report-vacation{

}
.span-easy-ui > span{
    width: 100% !important;
    position:relative;
}
.span-easy-ui input{
    width:auto !important;
    border:0!important;
    box-shadow:none !important;
    outline:none !important;
}
a.icon-clear {
    background: url('../images/close-span.jpg') no-repeat center;
    outline: none !important;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    right: 20px
}

.panel-body {
    background-color: #f3f3f3 !important;
}