/*
    /* @name Site Styles for Attache Portal
    /* @Description A responsive, single pane flat, blue themed design.
    /* @organization APEX Technology
    /* @manager APEX Technology
    /* @author SK
    /* @date 13.08.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;
}

/*general 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;
}

.breadcrumb-container {
    display: block;
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    width: 100%;
    word-break: break-all;
}

/*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-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-bottom-15 {
  margin-bottom: 15px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.clear {
  clear: both;
}

.add-margin {
  margin: 0 3px 0 0 !important;
}

.prntcon {
  display: none;
}

.margin-top-10 {
  margin-top: 8px;
}

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

.small-text {
  font-size: 12px;
  /*font-style: italic;*/
  color: #D15B47;
}

.padding-left-60 {
  padding-left: 60px;
}

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


.search-submit {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  border: none !important;
  outline: none !important;
  background: url(../content/images/search-blue.png) no-repeat center;
  background-size: 18px;
  z-index: 1;
  transition: all 0.2s;
}

.headerdivider {
  border-left: 1px solid #38546d;
  background: #16222c;
  width: 1px;
  height: 80px;
  position: absolute;
  right: 250px;
  top: 10px;
}

#remote {
  position: relative;
}

@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;
  }
}

.margin-right-40 {
  margin-right: 40px;
}

.searchmenu {
  width: 230px;
  float: right;
  margin-right: 40px;
}

.preactivitybox {
  height: 85px;
}

.spnblue {
  color: #2799ff;
}

.dvloginlogo {
  padding-top: 7px;
  height: 70px;
  position: absolute;
  top: 0px;
  background-color: #2196f3;
  width: 100%;
  font-size: 26px;
  color: white;
  font-weight: 600;
  padding-left: 25px;
}

.loginregtext {
  color: #2196f3;
  font-size: 15px;
}

div.riform h1 {
  padding-bottom: 10px !important;
  margin-bottom: 15px !important;
  color: #393939 !important;
}

div.riform .label {
  padding-top: 12px;
  background: none;
  color: #393939;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 10px;
}

div.riform .rifield .field input[type="text"],
div.riform .rifield .field select {
  margin-top: 6px;
  height: 30px;
  margin-bottom: 10px !important;
}

div.riform .rifield .field>div:first-child>input[type="radio"] {
  margin-top: 15px !important;
}

div.riform #rirtemplate select#rirtemplate.field {
  margin-bottom: 10px !important;
}

div.ributtons .risavebutton {
  margin-top: 5px !important;
}

div.riform input.ricancelbutton {
  position: absolute !important;
  top: 7px !important;
  left: auto !important;
  color: red !important;
  z-index: 999 !important;
  right: 10px !important;
  display: inline-block !important;
  background-image: url('images/close.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px 10px;
}

.margin-bottom-5 {
  margin-bottom: 5px;
}

.margin-left-5 {
  margin-left: 5px;
}

.margin-left-80 {
  margin-left: 80px;
}

.margin-bottom-35 {
  margin-bottom: 35px;
}

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

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

.blockUI {
    border: none !important;
    padding: 15px !important;
    background-color: RGBA(0,0,0,0.8) !important;
    -webkit-border-radius: 0.5rem !important;
    -moz-border-radius: 0.5rem !important;

    color: #fff !important;
    font-size: 2.5rem !important;
}

.blockOverlay {
    background-color: #B8B8B8 !important;
    opacity: 0.2 !important;
}

.blockMsg {
    background-color: dimgray !important;
    opacity: 0.75 !important;
}