/**
 *
 * Apply Here your Custom CSS
 *
*/

.table-dcp.table > tbody > tr > td {
    vertical-align: middle;
    height: 50px;
}

.table-dcp .alert-danger {
    color: #cc2424;
}

.table-dcp .normal-success {
    color: #00a651;
}

.table-dcp .normal-danger {
    color: #cc2424;
}

.table-dcp .col-dcp-name {
    color: #373e4a;
    font-weight: bold;
}
.margin-bottom-10 {
    margin-bottom: 10px;
}
.no-hover-effect:hover {
    cursor: default;
}
.bold-title {
    color: #575655;
    font-weight: bold;
}
.margin-top-20 {
    margin-top: 20px;
}
.bold-tabs > a {
    font-weight: bold;
}

input.form-control.secondary, select.form-control.secondary {
        border-color: #ee4749;
    color: #21a9e1;
}
input.form-control.info, select.form-control.info, textarea.form-control.info{
        border-color: #21a9e1;
    /*color: #21a9e1;*/
}
.action .btn {
    margin-right: 5px;
}
span.text-secondary, .bold-title.text-secondary,h4.text-secondary {
    color: #ee4749;
}
.form-control[readonly] {
    background-color: #ffffff;
}
.has-success input.form-control[readonly],  input.has-success.form-control[readonly]{
    background-color: #00a651;
    color: white;
}
.has-error input.form-control[readonly],  input.has-error.form-control[readonly] {
    background-color: #ee4749;
    color: white;
}
.has-warning input.form-control[readonly],  input.has-warning.form-control[readonly] {
    background-color: #fad839;
    color: white;
}

.has-success input.k-formatted-value.k-input,  input.has-success.form-control[readonly]{
    background-color: #00a651;
    color: white;
}


.table > tbody > tr > td {
    vertical-align: middle;
}

.table-bordered > tbody > tr > td.td-highlighted-light-blue, .td-highlighted-light-blue,
.table-bordered > thead > tr > th.td-highlighted-light-blue{
    background-color: rgba(33,169,225,0.1);
    color: #373e4a;
}

.td-highlighted-success, .table-bordered > tbody > tr > td.td-highlighted-success, input.highlight-success, input.form-control[readonly].highlight-success {
    background-color: #00a651;
    color: white;
}

.td-highlighted-error, .table-bordered > tbody > tr > td.td-highlighted-error, input.highlight-error, input.form-control[readonly].highlight-error {
    background-color: #ee4749;
    color: white;
}

.td-highlighted-info, .table-bordered > tbody > tr > td.td-highlighted-info, input.highlight-info, input.form-control[readonly].highlight-info {
    background-color: #017DA8;
    color: white;
}

.table-bordered > tbody > tr > td.td-highlighted-info span{
    color: white;
}

.table-bordered > tbody > tr > td.td-highlighted-gold, .td-highlighted-gold {
    background-color: #fcd036;
    color: white;
}


.table-bordered > tbody > tr > td.td-highlighted-error a{
        color: white;
}

.table-11 {
    font-size: 11px;
}
.whatsnew-li {
    padding: 10px 20px;
}

#sessionNotAlive_modal .modal-body p{
    font-size: 14px;
}

.info .k-autocomplete.k-state-default,.info .k-picker-wrap.k-state-default,.info .k-numeric-wrap.k-state-default,.info .k-dropdown-wrap.k-state-default {
    border-color: #21a9e1;
}

.blue-color {
        color: #21a9e1;
}

.text-bold {
    font-weight: bold;
}

.orange-color {
        color: #ff9600;
}

.whatsnew-li {
    white-space: normal;
}

.select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b {
    background-image: none !important;
}

/*DCP Dashboard*/
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
    content: "\e114"; 
    float: right; 
    color: grey; 
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080"; /* adjust as needed, taken from bootstrap.css */
}


/*attachment-tooltip*/

.tooltip-wrapper {
    display: inline-block; /* display: block works as well */
}

.tooltip-wrapper .btn[disabled] {
    /* don't let button block mouse events from reaching wrapper */
    pointer-events: none;
}

.tooltip-wrapper.disabled {
    /* OPTIONAL pointer-events setting above blocks cursor setting, so set it here */
    cursor: not-allowed;
}

/* File Attachment number font*/
.total-attachment {
    font-family: 'Special Elite', cursive;
    font-weight: bold;
}