.top-menu-item, .left-menu-item {
    cursor: pointer;
}

a.left-menu-item:hover {
    background-color: cornflowerblue;
}

.top-menu-item-active {
    background-color: cornflowerblue;
}

.left-menu-item-active {
    background-color: cornflowerblue;
}

.card.card-all-border {
    border-bottom: 1px solid #17a2b8;
    border-left: 1px solid #17a2b8;
    border-right: 1px solid #17a2b8;
}

.top-padded {
    padding-top: 7px;
}

.form-horizontal {
    max-width: 1180px;
}

.required-field-mark {
    color: red;
}

.form-control.ng-touched.ng-invalid {
    border: 2px solid red;
}

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

.invisible {
    visibility: hidden;
}

.displayNone {
    display: none !important;
}

.disabledContent {
    pointer-events: none;
    opacity: 0.4;
}

.mat-tab-body-content {
    overflow: hidden !important
}

/* Grid styles */
tr.highlighted-row {
    background-color: cornflowerblue !important;
}

td.highlighted-column {
    background-color: cornflowerblue !important;
}

.ViewActionIcon {
    display: inline-block;
    height: 25px;
    width: 25px;
}

.EditActionIcon {
    display: inline-block;
    height: 25px;
    width: 25px;
}

.DeleteActionIcon {
    display: inline-block;
    height: 25px;
    width: 25px;
}

.hide-column {
    display: none;
}

.mat-dialog-container {
    height: 800px !important;
    width: 1000px !important;
}

/* 
    Making the cards background same as the default background of AdminLTE
    To make the background of the cards white again, simply delete the 3 definitions below:

*/

/*input.form-control, select.form-control {
    background-color: #f4f6f9;
}

.card-header.card-header-bottom-border {
    background-color: #f4f6f9;
}

.card-body {
    background-color: #f4f6f9;
    border-radius:.1em;
}*/


.OpMessage {
    /*width:40% !important;*/
    padding: 0;
}

    .OpMessage.Error {
        border: 1px solid black;
    }

    .OpMessage.Success {
        border: 1px solid black;
    }

    .OpMessage.Warning {
        border: 1px solid black;
    }

    .OpMessage.Information {
        border: 1px solid black;
    }

    .OpMessage.Feedback {
        border: 1px solid black;
    }

.OpMessageErrorBody {
    color: black;
}

.OpMessageSuccessBody {
    color: black;
}

.OpMessageWarningBody p {
    color: black;
}

.OpMessageInformationBody {
    color: black;
}

.OpMessageFeedbackBody {
    color: black;
}

/*.OpMessageErrorHeader {
    background-color: #ef6d6d !important;
    border-color: #ef6d6d !important;
    color: black !important;
    font-weight: bold !important;
}*/

.card.OpMessageErrorHeader {
    border-top: 6px solid red;
    border-bottom: 1px solid red;
    border-left: 1px solid red;
    border-right: 1px solid red;
    margin-top: 20px;
}

.card.OpMessageWarningHeader {
    border-top: 6px solid #c9cb4f;
    border-bottom: 1px solid #c9cb4f;
    border-left: 1px solid #c9cb4f;
    border-right: 1px solid #c9cb4f;
    margin-top: 20px;
}

.card.OpMessageSuccessHeader {
    border-top: 6px solid green;
    border-bottom: 1px solid green;
    border-left: 1px solid green;
    border-right: 1px solid green;
    margin-top: 20px;
}

.card.OpMessageInformationHeader {
    border-top: 6px solid #67c8ff;
    border-bottom: 1px solid #67c8ff;
    border-left: 1px solid #67c8ff;
    border-right: 1px solid #67c8ff;
    margin-top: 20px;
}

.card.OpMessageFeedbackHeader {
    background-color: #ccccff !important;
    border-color: purple !important;
    color: black !important;
    font-weight: bold !important;
}

.form-control.rcr-large-control {
    max-width: 480px;
}

.datatable-fixed-width-column {
    width: 110px;
}