/*
    /* @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: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
    'Open Sans', '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;
    }
}