/*
    /* @name Site Styles for Attache Portal
    /* @Description A responsive, single pane flat, orange themed design.
    /* @organization APEX Technology
    /* @manager APEX Technology
    /* @author SK
    /* @date 22.12.2021
    /* @license Proprietary
*/

* {
    --apex-general-font-fmly: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
}

body {
    font-family: var(--apex-general-font-fmly, 'Open Sans') !important;
}

svg {
    font-family: var(--apex-general-font-fmly, 'Open Sans') !important;
}

.compl::after {
    content: " *";
    color: red;
    font-weight: 600;
    font-size: 17px;
}
/*genral css*/
.mb10 {
    margin-bottom: 10px;
}

.btn-trans {
    background: transparent !important;
    border: 1px solid #d5d5d5;
    padding: 7px;
}

.input-group-btn i {
    color: #fff;
}

.redcol {
    color: #d15b47;
}

.grncol {
    color: #2e8965;
}

.bluecol {
    color: #337ab7;
}

/*case*/
table.table.table-hover.container i.fa {
    margin: 0 2px;
}

.atc-actn-status {
    position: absolute;
    top: -35px;
    right: 0;
}

.modal-content label {
    margin: 5px 0;
}

/*.ui-button-text {
        display:none !important;
    }*/

.ui-dialog {
    position: fixed;
}


.ui-jqgrid tr.ui-row-ltr td {
    border-right-color: #E1E1E1 !important;
}

.ui-jqgrid tr.jqgrow td {
    border-bottom-color: #E1E1E1 !important;
}

.ui-jqgrid .ui-jqgrid-view {
    font-size: 12px !important;
}



.ui-jqgrid tr.ui-row-ltr td {
    border-right-style: none !important;
    border-left-style: none !important;
}

.ui-jqgrid .ui-jqgrid-labels th {
    border-right: none !important;
}

.ui-state-default .ui-icon {
    background-image: none !important;
}

.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.ui-draggable-handle {
    padding: 10px;
    color: black;
}

.btnupload {
    margin-left: -10px !important;
}

.margin-top-25 {
    margin-top: 25px;
}

.margin-top-16 {
    margin-top: 16px;
}

.valign-middle {
    vertical-align: middle !important;
}


@media print {
    .no-print, .no-print * {
        display: none !important;
    }


    @page {
        size: auto; /* auto is the initial value */
        margin: 0; /* this affects the margin in the printer settings */
    }

    .header {
        background: none !important;
    }

    .chosen-single {
        border: none !important;
    }

        .chosen-single div {
            display: none !important;
        }
}

.preactivitybox {
    height: 66px;
}

.clear {
    clear: both;
}

div#DataTables_Table_0_info {
    display: none;
}

.buttons-columnVisibility {
    white-space: normal !important;
}

.chosen-container, .chosen-container-single {
    width: 100% !important;
    text-align: left;
}

.infobox-container {
    /*padding: 0;
  margin: 0;
  list-style: none;*/
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    text-align: center;
}

.infobox {
    align-items: center;
    justify-content: center;
    max-width: 100%;
    flex-grow: 1;
}

    .infobox > .infobox-data {
        width: 70%;
    }

    .infobox .infobox-content {
        width: 100%;
        max-width: 100%;
    }

@media (max-width: 1200px) {
    .infobox {
        width: 100%;
        min-width: 33.33%;
    }
}

@media (max-width: 400px) {
    .infobox-container {
        display: block;
        width: 100%;
    }
}

@media (max-width: 800px) {
    .infobox-container {
        flex-direction: column;
    }
}

@media print {
    .hide-smart-labels {
        display: none !important;
    }
}