/* here you can put your own css to customize and override the theme */
.dataTables_filter select {
    float: right;
    margin-top: 3px;
    margin-left: 10px;
}

/* Col special define */
.dataTable tr td.center {
    text-align: center;
}

.dataTable tr td.green {
    color: #3CC051;
}

.dataTable .col-date {
    width: 95px !important;
}

.dataTable .col-date-120 {
    width: 120px !important;
}

.dataTable .col-daterange {
    width: 170px !important;
}

.dataTable .col-datetime {
    width: 150px !important;
}

.dataTable .col-owner {
    width: 140px !important;
}

.dataTable .col-solution {
    width: 80px !important;
}

.dataTable .col-solution-type {
    width: 120px !important;
}

.dataTable .col-money {
    width: 140px;
    text-align: right;
}

.dataTable tr td.money {
    text-align: right;
}

.dataTable .col-name {
    max-width: 400px;
}

.dataTable tr .col-action {
    width: 80px !important;
}

.dataTable .col-salutation {
    width: 100px !important;
}

.dataTable .col-leadsource {
    width: 100px !important;
}


.dataTable tr.draft-edit-row {
    display: none;
}

.dataTable tr td.hidden {
    display: none;
}

.dataTable th.col-id, .dataTable td.col-id {
    width: 50px !important;
}

.field-validation-error {
    color: #B94A48;
    margin-bottom: 5px;
    margin-top: 5px;
    display: block;
}

.datetime-createdon {
    color: #CCCCCC;
    font-size: 12px;
}

.dataTable .col-description {
    width: 300px !important;
}

.dataTable .col-control {
    width: 160px !important;
}

.dataTable .col-control-icon {
    width: 90px !important;
}

/* special css define for Course Activity List */
.dataTable .col-activity-priorities {
    width: 80px !important;
}

.dataTable .col-activity-status {
    width: 100px !important;
}

.dataTable .col-activity-related {
    width: 150px !important;
}

.dataTable .col-activity-type {
    width: 110px !important;
}

/* special css define for Sale Package List */
.dataTable .col-sale-package-status {
    width: 100px !important;
}

/* special css define for Lead List */
.dataTable .col-lead-business-line {
    width: 110px !important;
}

/* special css define for Course List */
.dataTable .col-course-code {
    width: 90px !important;
}

.dataTable .col-course-type {
    width: 80px !important;
}


/* special css define for Revenue List */
.dataTable .col-revenue-category {
    width: 130px !important;
}

.dataTable .col-revenue-method {
    width: 80px !important;
}

.dataTable .col-revenue-status {
    width: 90px !important;
}

.dataTable .col-revenue-billed {
    width: 80px !important;
}

.dataTable .col-revenue-note {
    width: 80px !important;
}


.ui-autocomplete {
    height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 1000000 !important;
}

.modal {
    width: auto;
}

.modal-dialog {
    margin: auto auto;
}

.validation-summary-errors {
    display: none;
}

.select2-drop {
    z-index: 100000;
}

/* special css define for Mapping */
.dataTable .col-mapping-type {
    width: 150px !important;
}


/*css for advanced datatable*/
.dataTable td div.cell-draft-content {
    display: none;
}

#toast-container > div {
    width: 400px;
}

.table-toolbar .btn {
    margin-right: 10px;
}

/*modal*/
.modal .dataTables_length label {
    width: 200px !important;
}

.modal-footer, .modal-header, .modal-body {
    padding-top: 10px;
    padding-bottom: 10px;
}

.modal .table > thead > tr > th,
.modal .table > tbody > tr > th,
.modal .table > tfoot > tr > th,
.modal .table > thead > tr > td,
.modal .table > tbody > tr > td,
.modal .table > tfoot > tr > td {
    padding-top: 7px;
    padding-bottom: 7px;
}

/*Custom datetime picker*/
.xdsoft_datetimepicker {
    z-index: 999999;
}

.error {
    color: #b94a48;
    font-size: 13px;
}

/*Format and display text*/
.table .numberic-dc {
    text-align: right;
}

.table .percent-dc {
    text-align: center;
}

.table .col-numberic-dc {
    text-align: right;
}

.table .col-percent-dc {
    text-align: center;
}

.table .row-numberic-total {
    font-weight: bold;
}

    .table .row-numberic-total .row-numberic-total-text {
        text-align: right;
    }

#course-left-panel .btn {
    width: 100%;
    white-space: normal;
    text-align: left;
}

.form_datetime_custom input {
    text-align: center;
}

.form_datetime_custom_range input {
    text-align: center;
}


/*Custom CSS for terelik*/
.t-grouping-header, .t-grouping-dropclue {
    height: 38px !important;
}


/*Calendar*/
.fc-event-inner {
    padding-left: 5px;
    padding-right: 5px;
}

.moreBorder_3px {
}

    .moreBorder_3px .fc-event-inner {
        border-width: 3px !important;
    }

/*Confirmed revenue*/
.confirmed-revenue-number {
    color: #35aa47;
    font-weight: bold;
}


/*Custom table*/
tr.group,
tr.group:hover,
tr.group td,
tr.group:hover td {
    background-color: #ddd !important;
}

i.fa {
    margin-right: 4px !important;
}

.col-center {
    text-align: center;
}

.col-right {
    text-align: right;
}

.dc-tooltip {
    cursor: pointer;
}

.min-width-100 {
    min-width: 100px;
}

.min-width-120 {
    min-width: 120px;
}

.min-width-150 {
    min-width: 150px;
}

.min-width-200 {
    min-width: 200px;
}

.min-width-250 {
    min-width: 250px;
}

.min-width-300 {
    min-width: 300px;
}

.form-horizontal .control-label {
    color: #888988;
}

.control-label {
    font-size: 12.5px;
    padding-left: 7px;
    padding-right: 7px;
}

.dataTable .max-width-200 {
    max-width: 200px;
    word-wrap: break-word;
}