body {
    font-size: 14px;
    color: #3e3e3e;
}

.image_thumbnail {
    width: 178px !important;
}

.content-header {
    background-color: white !important;
    padding-top: 8px !important;
    padding-bottom: 7px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    margin-top: 10px !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #444;
}

.content {
    padding-top: 10px !important;
}

.panel {
    margin-bottom: 5px !important;
    border-radius: 0px !important;
}

.btn {
    border-radius: 1px !important;
    margin-bottom: 2px !important;
}

@media (max-width: 991px) {
    .content-header > .breadcrumb {
        display: none !important;
    }
}

.label-right {
    position: absolute;
    padding: 6px;
}

.hdn {
    display: none;
}

.fixed-function-panel {
    position: fixed;
    top: 50px;
    z-index: 2;
}

.fixed-function-panel-no-menu {
    position: fixed;
    top: 0px;
    z-index: 2;
    background-color: #D0C6B8; /*#f0f1e6*/
    ; /*#c8d8e7 #E9E5DC #CCCAC4 - #666*/
}

@media (min-width: 767px) {

    .content-header > h1 {
        font-size: 18px;
    }
}

@media (max-width: 767px) {

    .logo {
        display: none !important;
    }

    .fixed .content-wrapper, .fixed .right-side {
        padding-top: 50px !important;
    }

    .content-header {
        margin-top: 10px !important;
    }

        .content-header > h1 {
            font-size: 18px;
        }

    .content {
        font-size: 12px;
    }

    .main-sidebar, .left-side {
        padding-top: 50px;
    }

    .hideMobile {
        display: none !important;
    }
}


td > .btn-sm {
    padding: 5px 5px !important;
    font-size: 11px;
}

.mce-close {
    background-color: black !important;
}

.charge-status-expire {
    background-color: red !important;
    color: white !important;
}

.charge-status-today {
    background-color: yellowgreen !important;
    color: white !important;
}

.charged-today {
    background-color: #A9D0F5 !important;
    color: white !important;
}

.charged-oldday {
    background-color: #B0A1F0 !important;
    color: white !important;
}

.charge-complated {
    background-color: #adff2f !important;
    color: black !important;
}

.form-group {
    padding-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

    .form-group .glyphicon {
        margin-top: 8px;
        padding-right: 13px;
    }

.labelcolorblue {
    background-color: #e0f7fa;
}

.labelcoloryellow {
    background-color: #fff9c4;
}

label {
    font-weight: normal;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #fff;
    opacity: 1;
}

.disabled {
    background-color: blue;
}

.masterinputfield {
    /*background-color: #def0ff !important;*/
    /*color: #0a0a0a !important;*/
    border-color: #f39c12;
}

.alert {
    padding: 10px;
}

.alertpanel {
    background-color: #ffa000;
    color: #fff;
    padding: 10px;
}

.boldtext {
    font-weight: bold;
}

.thumbnail {
    margin-bottom: 0px !important;
}

.listitemcolorblue {
    background-color: #f3fbfc;
}

.section .row {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

    .section .row .colany {
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

.boxtitle {
    padding-left: 10px;
    padding-top: 10px;
}


@media (min-width: 991px) {
    .colanyright {
        padding-left: 5px !important
    }

    .colanyleft {
        padding-right: 5px !important
    }
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 0px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 0px;
    }
}


.panel {
    border: 0px solid transparent;
    border-radius: 0px;
}

.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-right: 10px;
    padding-left: 10px;
}

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

.alert .form-group {
    padding: 0px;
}

.listbutton {
    padding: 3px;
}


.sidebar-menu .treeview-menu > li .pull-right {
    margin-top: -4px;
}



.pull-right-mainitem {
    margin-top: -5px !important;
}

.subnotedeletebutton {
    padding-right: 0px !important;
    margin-right: -3px;
    color: red;
    text-shadow: 0 0px 0 !important;
    opacity: 1 !important;
    font-weight: normal;
}

.subnotetitle {
    background-color: #ffe0829e;
    color: black;
    padding-top: 10px;
    padding-bottom: 1px;
    padding-left: 10px;
    padding-right: 10px;
}

.btn-subnote {
    background-color: #ffe082;
    color: black;
}

    .btn-subnote:hover {
        background-color: #f5cf5e;
        color: black;
    }

.subnotedetail {
    background-color: #f3f2f0;
    color: black;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

#subnotelistarea > alert-dismissable .close {
    position: relative;
    top: -28px;
    right: 10px;
    color: inherit;
    color: black !important;
}

.np {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.content-wrapper {
    background-color: #f1f1f1 !important;
}

.modal-header {
    background-color: #f1f1f1 !important;
    color: #464646;
}

    .modal-header .close {
        margin-top: 3px;
    }

.subnotemastertitle {
    background: #ffe082;
    color: black;
    width: 100%;
    height: 35px;
}


.button-count-info {
    padding: 2px;
    background-color: red;
    color: white;
    font-size: 11px;
    font-weight: bold;
    border-radius: 15%;
}

.subnoteattachmentarea {
    padding-bottom: 5px;
    background-color: #f3f2f0;
}

.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
    padding: 6px 0px;
}

.subnotedetail .mce-panel {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 10px !important;
}

#subnotelistarea .attachmentbuttonarea {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}


#function-panel .btn {
    font-size: 15px !important;
}

.small-box p {
    font-size: 14px !important;
}

.td_TicketStatus_CustomerApproved {
    color: red;
}

.db_TicketStatus_CustomerApproved {
    background-color: #e74c3c !important;
}

.td_TicketStatus_Template {
    color: #ababab;
}

.db_TicketStatus_Template {
    background-color: #ababab !important;
}

.td_TicketStatus_CustomerSendRecycle {
    color: #b71c1c;
}

.db_TicketStatus_CustomerSendRecycle {
    background-color: #b71c1c !important;
}

.td_TicketStatus_InProcess {
    color: #19b3f9;
}

.db_TicketStatus_InProcess {
    background-color: #19b3f9 !important;
}

.td_TicketStatus_Closed {
    color: #5cb85c;
}

.db_TicketStatus_Closed {
    background-color: #5cb85c !important;
}

.td_TicketStatus_ComplateProcess {
    color: #59bf00;
}

.db_TicketStatus_ComplateProcess {
    background-color: #59bf00 !important;
}

.td_TicketStatus_WaitingStartProcess {
    color: #FF5722;
}

.db_TicketStatus_WaitingStartProcess {
    background-color: #FF5722 !important;
}

.td_TicketStatus_TakeAction {
    color: #ff9800;
}

.db_TicketStatus_TakeAction {
    background-color: #ff9800 !important;
}

.td_TicketStatus_SendOrWaitingForCustomerAdminApprove {
    color: #3f51b5;
}

.db_TicketStatus_SendOrWaitingForCustomerAdminApprove {
    background-color: #3f51b5 !important;
}

.td_TicketStatus_CustomerAdminRejected {
    color: #3f51b5;
}

.db_TicketStatus_CustomerAdminRejected {
    background-color: #3f51b5 !important;
}

.td_TicketStatus_SendOrWaitingForCustomerAdminApprove {
    color: #e65100;
}


.db_SendOrWaitingForCustomerAdminApprove {
    background-color: #e65100 !important;
}

.td_TicketStatus_SendOrWaitingForCustomerAdminApprove {
    color: #c0ca33;
}

.db_TicketStatus_SendOrWaitingForCustomerAdminApprove {
    background-color: #c0ca33 !important;
}

.td_TicketStatus_SendOrWaitingForCustomerCloseApprove {
    color: #1abc9c;
}

.db_TicketStatus_SendOrWaitingForCustomerCloseApprove {
    background-color: #1abc9c !important;
}

.db_TaskStatus_Pause {
    background-color: #9e9e9e !important;
}

.db_TaskStatus_Create {
    color: #e74c3c;
    background-color: #e74c3c !important;
}

.db_TaskStatus_InProcess {
    background-color: #19b3f9 !important;
}

.db_TaskStatus_Complated {
    background-color: #5cb85c !important;
}

.db_TaskStatus_ChangeOfPlan {
    background-color: #aa00ff !important;
}

.td_TaskStatus_Create {
    color: red !important;
}

.td_TaskStatus_InProcess {
    color: #19b3f9 !important;
}

.td_TaskStatus_Pause {
    color: #9e9e9e !important;
}

.td_TaskStatus_Complated {
    color: #5cb85c !important;
}

.td_TaskStatus_Cancel {
    color: #3f51b5 !important;
}

.td_TaskStatus_ChangeOfPlan {
    color: #aa00ff !important;
}

.db_TaskStatus_Cancel {
    background-color: #3f51b5 !important;
}

.td_ExpenseStatus_WaitingAdminApprove {
    color: red !important;
}

.td_ExpenseStatus_WaitingAccountantPayment {
    color: #19b3f9 !important;
}

.td_ExpenseStatus_Complated {
    color: #47FF33 !important;
}

.td_ExpenseStatus_Template {
    color: #FF9800 !important;
}

.td_ExpenseStatus_WaitingPayment {
    color: #f28d8d !important;
}

.db_LicenseStatus_WaitingBid {
    background-color: #F44336;
}

.db_LicenseStatus_SubmittedBid {
    background-color: #FF9800;
}

.db_LicenseStatus_CustomerApproved {
    background-color: #19b3f9;
}

.db_LicenseStatus_Expired {
    background-color: #ababab;
}

.td_ReminderCurrentStatus_Complated {
    color: #5cb85c !important;
}

.td_ReminderCurrentStatus_Past {
    color: #ff0000 !important;
    font-weight: bold;
}

.td_ReminderCurrentStatus_Today {
    color: #fff !important;
}

.td_ReminderCurrentStatus_Comming {
    color: grey !important;
}

.td_ReminderCurrentStatusOnlyColor_Complated {
    color: #5cb85c !important;
}

.td_ReminderCurrentStatusOnlyColor_Past {
    color: red !important;
}

.td_ReminderCurrentStatusOnlyColor_Comming {
    color: grey !important;
}


/*.user-footer a {
    background-color: red !important;
}*/

@media (max-width: 400px) {
    .login-logo img {
        width: 100% !important;
    }
}

.table-hover > tbody > tr:hover {
    background-color: #337ab7; /*#939ea9 #73bcff*/ /*grid select row bcolor*/ /*#e0f7fa #52a8f7*/
    color: #fff !important;
}

    .table-hover > tbody > tr:hover > .nohovercolor {
        background-color: #f3f1f1d6 !important;
    }

.table-hover > tbody > .list-second-item:hover > .nohovercolor {
    background-color: #f3f1f1d6 !important;
}

.table-hover > tbody > tr:hover .listbutton {
    xcolor: #fff !important;
}

.list-second-item {
    background-color: #f5f5f5; /*#fff8e1 #FAFAFA; */ /*#e1f1ff;*/ /*#ebebeb;*/
}

.modal-header {
    padding: 6px !important;
}

.modal-body {
    padding: 10px !important;
    padding-top: 5px !important;
}


.modal-dialog .form-group {
    padding-top: 3px !important;
    padding-bottom: 1px !important;
}

.list-item a,
.list-item a:hover,
.list-item a:active,
.list-item a:focus {
    color: #07b7ce !important /*#b12323*/;
}

.continuetext h3, .continuetext p, .continuetext a {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

.continuenowraptext h3, .continuenowraptext p, .continuenowraptext a {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.login-logo {
    padding: 4px;
}

@media (max-width: 767px) {
    .colanypart {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}


.subnotemastertitle {
    margin-bottom: 0;
}

.shadownew {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.43), 0 1px 3px rgba(0, 0, 0, 0.49);
}

.small-box {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.43), 0 1px 3px rgba(0, 0, 0, 0.49);
}

.btn {
    box-shadow: 0 0.6px 0.6px #463d3d80 !important;
}

.btn-box-tool {
    box-shadow: none !important;
}

.td_TicketSeverity_Normal {
    color: #8bc34a;
}

.td_TicketSeverity_Urgent {
    color: #ef612e;
}

.td_TicketSeverity_Critial {
    color: red;
}


.td_TaskSeverity_Normal {
    color: #8bc34a;
}

.td_TaskSeverity_Urgent {
    color: #ef612e;
}

.td_TaskSeverity_Critial {
    color: red;
}

.widget-user .widget-user-username {
    font-size: 18px;
}

/*//////////////////////////*/

.widget-user .widget-user-header {
    padding: 8px;
    height: 60px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.widget-user .widget-user-image {
    top: 32px;
    margin-left: -30px;
}

    .widget-user .widget-user-image > img {
        width: 60px;
        height: auto;
        border: 3px solid #fff;
    }

.widget-user .box-footer {
    padding-top: 22px;
}

.kanbansubdiv {
    min-height: 88px;
    padding: 8px;
    color: #fff;
}

    .kanbansubdiv:hover {
        background-color: #e2e2e240;
    }


/*
.sidebar-menu > li > a {
    padding: 10px 5px 10px 15px !important;
}

.main-sidebar {
    font-size: 12px !important;
}

.navbar {
    font-size: 12px !important;
    line-height: 18px;
}
*/

.hd_AnnouncementPriorityType_Urgent {
    background-color: red;
    color: #fff;
}

.hd_AnnouncementPriorityType_Critical {
    background-color: #ab003a;
    color: #fff;
}

.td_AnnouncementPriorityType_Urgent {
    color: red;
}

.td_AnnouncementPriorityType_Critical {
    color: #ab003a;
}

.td_InvoiceTrackingStatus_NotTime {
    color: grey;
}

.td_InvoiceTrackingStatus_Paid {
    color: green;
}

.td_InvoiceTrackingStatus_ToDayWaiting {
    color: blue;
}

.td_InvoiceTrackingStatus_Delayed {
    color: red;
}

.db_InvoiceTrackingStatus_NotTime {
    background-color: #ababab;
}

.db_InvoiceTrackingStatus_Delayed {
    background-color: #F44336;
}

.db_InvoiceTrackingStatus_ToDayWaiting {
    background-color: #2196f3;
}

.db_InvoiceTrackingStatus_Paid {
    background-color: #4CAF50;
}




.td_ProjectBasicStatus_Template {
    color: grey;
}

.td_ProjectBasicStatus_Waiting {
    color: orange;
}

.td_ProjectBasicStatus_InProcess {
    color: blue;
}

.td_ProjectBasicStatus_Late {
    color: red;
}

.td_ProjectBasicStatus_Complated {
    color: green;
}

.db_ProjectBasicStatus_Template {
    background-color: #ababab;
}

.db_ProjectBasicStatus_Waiting {
    background-color: orange;
}

.db_ProjectBasicStatus_InProcess {
    background-color: #2196f3;
}

.db_ProjectBasicStatus_Late {
    background-color: #F44336;
}

.db_ProjectBasicStatus_Complated {
    background-color: #4CAF50;
}





@media (max-width: 767px) {
    .widget-user .box-footer {
        padding-top: 2px;
    }
}

.td_MaintenanceStatus_NotStarted {
    color: grey;
}

.td_MaintenanceStatus_Continue {
    color: green;
}

.td_MaintenanceStatus_Finished {
    color: red;
}

.db_MaintenanceStatus_NotStarted {
    background-color: #ababab;
}

.db_MaintenanceStatus_Finished {
    background-color: #F44336;
}

.db_MaintenanceStatus_Continue {
    background-color: #4CAF50;
}


@media (max-width: 670px) {
    #function-panel .btn {
        font-size: 12px !important;
    }

    .btn {
        font-size: 12px !important;
    }

    .modal.left .modal-dialog,
    .modal.right .modal-dialog {
        width: 100% !important;
    }
}

/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
*******************************/
.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 670px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
    padding: 15px 15px 80px;
}

/*Left*/
.modal.left.fade .modal-dialog {
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog {
    left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}


.modal-header-fixed-header {
    position: fixed !important;
    z-index: 9999999 !important;
    width: 100% !important;
}

.modal-header-fixed-body {
    margin-top: 45px !important;
}

.sidebar-menu > li > a {
    padding: 10px 5px 13px 14px !important;
}

.main-sidebar .fa {
    font-size: 16px !important;
    padding-right: 23px !important;
}

.btn-box-tool {
    font-size: 11px !important;
}


.navbar-custom-menu .navbar-nav > li > a {
    padding-top: 16px;
}

.btn-pause {
    background-color: #dddddd !important;
    color: red !important;
}

.sidebar-menu li {
}

.navbar {
    font-size: 16px !important;
    height: 52px !important;
}

.main-header .sidebar-toggle {
    padding: 14px 14px 14px !important;
}

.main-header .sidebar-dashboard {
    padding: 17px 14px 17px !important;
}

.navbar-nav > li > a {
    padding: 15px 14px 15px !important;
}

.main-header .navbar {
    background-color: #fff;
    border-bottom: 2px solid #e2dede;
}

.small-box h3 {
    font-weight: normal !important;
}

.modal-backdrop {
    background-color: transparent !important;
}

.modal {
    background: none !important;
}

.modal-content {
    -webkit-box-shadow: -1px 1px 7px 3px rgba(158, 158, 158, 0.52);
    -moz-box-shadow: -1px 1px 7px 3px rgba(158, 158, 158, 0.52);
    box-shadow: -1px 1px 7px 3px rgba(158, 158, 158, 0.52);
}

.bg-yellow, .callout.callout-warning, .alert-warning, .label-warning, .modal-warning .modal-body {
    background-color: #FFCC80 !important;
}

.alert-warning {
    color: #262727 !important;
}

.alert-warning {
    border-color: #ffcc80;
}

.sidebar li {
    font-size: 14px !important;
}

/*
.navbar .sidebar-dashboard {
    color: #5d5f5a !important;
}
*/

.content {
    padding-left: 9px !important;
    padding-right: 9px !important;
}

.box-body {
    padding: 0px !important;
}

.box {
    border-top: 0px !important;
}

.small-box h3 {
    font-size: 25px !important;
}

.content-header {
    padding: 15px 15px 0 10px;
}

.small-box .icon {
    transition: all 0.3s linear;
    position: absolute;
    top: -5px;
    right: 10px;
    z-index: 0;
    font-size: 70px;
    color: rgba(0, 0, 0, 0.15);
}

.small-box:hover .icon {
    font-size: 70px;
}

.small-box {
    margin-bottom: 10px;
}

.box-header.with-border {
    border-bottom: 0px;
}

.sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {
    display: block;
    margin-left: -18px;
    margin-right: -15px;
    font-size: 18px;
    margin-top: -2px;
}

a {
    color: #333333;
}

.currentsortfield {
    padding-top: 2px;
    padding-left: 10px;
}

.field-info {
    font-size: 10px !important;
}

@media (max-width: 600px) {
    .mobilebigbutton {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    .small-box .icon {
        display: block;
    }
}


.box-headercolorstyle {
    background-color: #f1f1f1;
}

.subnoteboxstyle {
    background-color: #ececec;
}

.subnotedetailstyle {
    border-left: 1px solid #cdd0d4;
    background-color: #f3f2f0;
}

.notworkingresource {
    background-color: #e2445c !important;
}

.notworkingtimeworking {
    background-color: #85b54c;
}

.holidaynotworking {
    background-color: #bdbdbd;
}


.subnotesubdivheader {
    background-color: #ececec;
    border-bottom: 1px solid #cdd0d4;
    padding-top: 6px;
    padding-bottom: 6px;
}

.subnotemastertitle {
    padding-top: 8px;
}

.subnotebox {
    margin-bottom: 10px;
}


.nav-tabs > li > a {
    border-radius: 0px 0px 0 0 !important;
}


.nav-tabs > li > a {
    padding: 8px 13px !important;
}

.nav-tabs > li:not(.active){
    border-right: 1px solid #f1f1f1;
}

#functionpanelsectiontitle {
    display: none;
}

#functionpanelsectiondetailtitle {
    display: none;
}

#functionpanelsectiondetailtitleinfobtn {
    display: none;
}

.subtaskdeletebutton {
    padding-right: 0px !important;
    margin-right: -3px;
    color: red;
    text-shadow: 0 0px 0 !important;
    opacity: 1 !important;
    font-weight: normal;
}

.subtasktitle {
    background-color: #ffe0829e;
    color: black;
    padding-top: 10px;
    padding-bottom: 1px;
    padding-left: 10px;
    padding-right: 10px;
}

.btn-subtask {
    background-color: #4caf5066;
    color: black;
}

    .btn-subtask:hover {
        background-color: #4caf5066;
        color: black;
    }

.subtaskdetail {
    background-color: #fff;
    color: black;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

#subtasklistarea > alert-dismissable .close {
    position: relative;
    top: -28px;
    right: 10px;
    color: inherit;
    color: black !important;
}

.subtaskmastertitle {
    background: #4caf5066;
    color: black;
    width: 100%;
    height: 35px;
}

.subtaskattachmentarea {
    padding-bottom: 5px;
    background-color: #fff;
}

.subtaskdetail .mce-panel {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 10px !important;
}

#subtasklistarea .attachmentbuttonarea {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}



.subtaskmastertitle {
    margin-bottom: 0;
}


.subtaskboxstyle {
    background-color: #fff;
}

.subtaskdetailstyle {
    border-left: 1px solid #cdd0d4;
    background-color: #fff;
}


.subtasksubdivheader {
    border-bottom: 1px solid #cdd0d4;
    padding-top: 6px;
    padding-bottom: 6px;
}

.subtaskmastertitle {
    padding-top: 8px;
}

.subtaskbox {
    margin-bottom: 10px;
}

.login-box-body, .register-box-body {
    background: transparent;
}

.login-box, .register-box {
    margin: 14% auto;
}

#fixedpanelbottomtempdiv {
    display: none;
}


.mce-fullscreen {
    /*top: 95px !important;*/
    z-index: 999999999 !important;
}

    .mce-fullscreen .mce-stack-layout {
        margin: 5px;
    }

.box .border-right {
    border-right: 1px solid #777777;
}


.td_LicenseStatus_WaitingBid {
    background-color: #f443360d;
}

.td_LicenseStatus_SubmittedBid {
    background-color: #ffcc001d;
}

.td_LicenseStatus_CustomerApproved {
    background-color: #03a9f40f;
}

.td_LicenseStatus_Expired {
    background-color: #4caf5014;
}


.td_InvoiceTrackingStatus_ToBeInvoiceDateNotYet {
    background-color: #ffcc001d;
}
.td_InvoiceTrackingStatus_ToBeInvoiceDateToDay {
    background-color: #03a9f40f;
}
.td_InvoiceTrackingStatus_ToBeInvoiceDateLate {
    background-color: #f443360d;
}
.td_InvoiceTrackingStatus_HaveATimeForPaid {
    background-color: #ffcc001d;
}
.td_InvoiceTrackingStatus_ToDayMustPaid {
    background-color: #03a9f40f;
}
.td_InvoiceTrackingStatus_PaidLate {
    background-color: #f443360d;
}
.td_InvoiceTrackingStatus_PaidComplated {
    background-color: #4caf5014;
}

.db_InvoiceTrackingStatus_ToBeInvoiceDateNotYet {
    background-color: #FF9800;
}
.db_InvoiceTrackingStatus_ToBeInvoiceDateToDay {
    background-color: #19b3f9;
}
.db_InvoiceTrackingStatus_ToBeInvoiceDateLate {
    background-color: #F44336;
}
.db_InvoiceTrackingStatus_HaveATimeForPaid {
    background-color: #FF9800;
}
.db_InvoiceTrackingStatus_ToDayMustPaid {
    background-color: #19b3f9;
}
.db_InvoiceTrackingStatus_PaidLate {
    background-color: #F44336;
}
.db_InvoiceTrackingStatus_PaidComplated {
    background-color: #2cd03387;
}


.subtickettypedeletebutton {
    padding-right: 0px !important;
    margin-right: -3px;
    color: red;
    text-shadow: 0 0px 0 !important;
    opacity: 1 !important;
    font-weight: normal;
}

.subtickettypetitle {
    background-color: #ffe0829e;
    color: black;
    padding-top: 10px;
    padding-bottom: 1px;
    padding-left: 10px;
    padding-right: 10px;
}

.btn-subtickettype {
    background-color: #4caf5066;
    color: black;
}

.btn-subtickettype:hover {
    background-color: #4caf5066;
    color: black;
}

.subtickettypedetail {
    background-color: #fff;
    color: black;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

#subtickettypelistarea > alert-dismissable .close {
    position: relative;
    top: -28px;
    right: 10px;
    color: inherit;
    color: black !important;
}

.subtickettypemastertitle {
    background: #4caf5066;
    color: black;
    width: 100%;
    height: 35px;
}

.subtickettypeattachmentarea {
    padding-bottom: 5px;
    background-color: #fff;
}

.subtickettypedetail .mce-panel {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 10px !important;
}

#subtickettypelistarea .attachmentbuttonarea {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}



.subtickettypemastertitle {
    margin-bottom: 0;
}


.subtickettypeboxstyle {
    background-color: #fff;
}

.subtickettypedetailstyle {
    border-left: 1px solid #cdd0d4;
    background-color: #fff;
}


.subtickettypesubdivheader {
    border-bottom: 1px solid #cdd0d4;
    padding-top: 6px;
    padding-bottom: 6px;
}

.subtickettypemastertitle {
    padding-top: 8px;
}

.subtickettypebox {
    margin-bottom: 10px;
}


.populink {
    color: #2196f3 !important;
}

.alert-danger a
{
	color:#fff !important;
}

section .content {
    min-height: 20px;
}


.subtasktypedeletebutton {
    padding-right: 0px !important;
    margin-right: -3px;
    color: red;
    text-shadow: 0 0px 0 !important;
    opacity: 1 !important;
    font-weight: normal;
}

.subtasktypetitle {
    background-color: #ffe0829e;
    color: black;
    padding-top: 10px;
    padding-bottom: 1px;
    padding-left: 10px;
    padding-right: 10px;
}

.btn-subtasktype {
    background-color: #4caf5066;
    color: black;
}

.btn-subtasktype:hover {
    background-color: #4caf5066;
    color: black;
}

.subtasktypedetail {
    background-color: #fff;
    color: black;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

#subtasktypelistarea > alert-dismissable .close {
    position: relative;
    top: -28px;
    right: 10px;
    color: inherit;
    color: black !important;
}

.subtasktypemastertitle {
    background: #4caf5066;
    color: black;
    width: 100%;
    height: 35px;
}

.subtasktypeattachmentarea {
    padding-bottom: 5px;
    background-color: #fff;
}

.subtasktypedetail .mce-panel {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 10px !important;
}

#subtasktypelistarea .attachmentbuttonarea {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}



.subtasktypemastertitle {
    margin-bottom: 0;
}


.subtasktypeboxstyle {
    background-color: #fff;
}

.subtasktypedetailstyle {
    border-left: 1px solid #cdd0d4;
    background-color: #fff;
}


.subtasktypesubdivheader {
    border-bottom: 1px solid #cdd0d4;
    padding-top: 6px;
    padding-bottom: 6px;
}

.subtasktypemastertitle {
    padding-top: 8px;
}

.subtasktypebox {
    margin-bottom: 10px;
}

.box {
    border-radius: 0px !important;
}


.td_TicketBasicStatus_Template {
    color: red;
}

.td_TicketBasicStatus_WaitingForCustomerAdminApprove {
    color: red;
}

.td_TicketBasicStatus_CustomerAdminRejected {
    color: red;
}

.td_TicketBasicStatus_New {
    color: red;
}

.td_TicketBasicStatus_InProcess {
    color: red;
}

.td_TicketBasicStatus_WaitingCustomerCloseApprove {
    color: red;
}

.td_TicketBasicStatus_Closed {
    color: red;
}

.td_TicketBasicStatus_CustomerSendRecycle {
    color: red;
}

.td_TicketBasicStatus_WaitingCustomer {
    color: red;
}

.td_TicketBasicStatus_WaitingSupport {
    color: red;
}


.refno {
    color: red !important;
}


.tooltipme {
    position: relative;
    display: inline-block;
}

    .tooltipme .tooltiptextme {
        visibility: hidden;
        width: 100%;
        background-color: #d9d9d9;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
    }

.tooltipme:hover .tooltiptextme {
    visibility: visible;
}


/*newstyle*/
.newstyletable p {
    margin: 0 0 0 !important;
}

.newstyletable tr > td {
    /*padding: 10px 10px 2px !important;*/
    padding: 10px 10px 7px !important;
}

.newstyletable .list-item a, .list-item a:hover, .list-item a:active, .list-item a:focus {
    color: #03a9f4 !important;
}

.newstyletable.table-hover > tbody > tr:hover:not(.nohovercolor) {
    background-color: #e9e9e9 !important;
    color: #484545 !important;
}

.passivebuttonsgrey {
    color: #cbcbcb !important;
}

.dropdown-menu > li > a {
    padding: 5px 10px !important;
}

.newstyletable.table-bordered > thead > tr > th, .newstyletable.table-bordered > tbody > tr > th, .newstyletable.table-bordered > tfoot > tr > th, .newstyletable.table-bordered > thead > tr > td, .newstyletable.table-bordered > tbody > tr > td, .newstyletable.table-bordered > tfoot > tr > td {
    border: 4px solid #f4f4f4 !important;
}

.newstyletable.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 5px solid #f4f4f4 !important;
}

.skin-extra-dark-mode .newstyletable.table-bordered > thead > tr > th, .skin-extra-dark-mode .newstyletable.table-bordered > tbody > tr > th, .skin-extra-dark-mode .newstyletable.table-bordered > tfoot > tr > th, .skin-extra-dark-mode .newstyletable.table-bordered > thead > tr > td, .skin-extra-dark-mode .newstyletable.table-bordered > tbody > tr > td, .skin-extra-dark-mode .newstyletable.table-bordered > tfoot > tr > td {
    border: 4px solid #292929 !important;
}

.skin-extra-dark-mode .newstyletable.table > thead > tr > th, .skin-extra-dark-mode .table > tbody > tr > th, .table > tfoot > tr > th, .skin-extra-dark-mode .table > thead > tr > td, .skin-extra-dark-mode .table > tbody > tr > td, .skin-extra-dark-mode .table > tfoot > tr > td {
    border-top: 5px solid #292929 !important;
}

.skin-extra-dark-mode #function-panel .box-header {
    color: #7c6f6f !important;
}

.skin-extra-dark-mode .input-group .input-group-addon {
    border-color: #6b6b6b !important;
    background-color: #4a4a4a !important;
    color: #d2d6de !important;
}

.newstyletable.newstyletablegreen th:first-child {
    border-left: 4px solid #80e4ba !important;
}

.newstyletable.newstyletablegreen td:first-child {
    border-left: 4px solid #80e4ba !important;
}

.newstyletable.newstyletableyellow th:first-child {
    border-left: 4px solid #ffc107 !important;
}

.newstyletable.newstyletableyellow td:first-child {
    border-left: 4px solid #ffc107 !important;
}


.skin-extra-dark-mode .newstyletable.newstyletablegreen th:first-child {
    border-left: 4px solid #80e4ba !important;
}

.skin-extra-dark-mode .newstyletable.newstyletablegreen td:first-child {
    border-left: 4px solid #80e4ba !important;
}

.skin-extra-dark-mode .newstyletable.newstyletableyellow th:first-child {
    border-left: 4px solid #ffc107 !important;
}

.skin-extra-dark-mode .newstyletable.newstyletableyellow td:first-child {
    border-left: 4px solid #ffc107 !important;
}


#view-form .input-group-addon, form .input-group-addon, .modal-content .input-group-addon {
    width: 10%;
    text-align: left;
    min-width: 200px !important;
    max-width: 270px !important;
}


.modal-content .input-group-addon {
    width: 10%;
    text-align: left;
    min-width: 175px !important;
    max-width: 200px !important;
}

.input-group {
    width: 100%;
}

#function-panel {
    z-index: 5 !important;
}