/*-----------------------------------------------
|   User Styles
-----------------------------------------------*/
  .dataTable-detailswrap {
    white-space: normal !important;
  }
  
  .complianceSummaryListing {
    float: left;
    width: 100px;
    height: 60px;
    padding: 5px;
  }
    
  .badge-soft-cat1 {
    color: #ffffff;
    background-color: #fb0404;
  }
  
  .badge-soft-cat1-dashboard {
    background-color: #fb040495;
  }

  .badge-soft-cat1[href]:hover, .badge-soft-cat1[href]:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: #fb0404;
  }

  .badge-soft-cat2 {
    color: #932338;
    background-color: orange;
  }

  .badge-soft-cat2-dashboard {
    background-color: #ffa50095;
  }
  
  .badge-soft-cat2[href]:hover, .badge-soft-cat2[href]:focus {
    text-decoration: none;
    color: #932338;
    background-color: orange;
  }
  
  .badge-soft-cat3 {
    color: #932338;
    background-color: rgba(216, 216, 14, 0.797);
  }
  
  .badge-soft-cat3-dashboard {
    background-color: rgba(216, 216, 14, 0.95);
  }
  
  .badge-soft-cat3[href]:hover, .badge-soft-cat3[href]:focus {
    text-decoration: none;
    color: #932338;
    background-color: rgba(216, 216, 14, 0.797);
  }

  .badge-soft-critical {
    color: #ffffff;
    background-color: #b00303;
  }
  
  .badge-soft-critical-dashboard {
    background-color: #b0030395;
  }

  .badge-soft-critical[href]:hover, .badge-soft-critical[href]:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: #b00303;
  }

  .badge-soft-dark-dashboard {
    background-color: #989b9d95;
  }

  .icon-circle {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-width: 2px;
    border-style: solid;
    margin: 0 auto;
    margin-bottom: 1rem;
  }

  /* POAM specific */

  .badge-soft-poam-veryhigh {
    color: #ffffff;
    background-color: rgba(237, 61, 61, 0.797);
  }
  .badge-soft-poam-veryhigh[href]:hover, .badge-soft-poam-veryhigh[href]:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: rgba(237, 61, 61, 0.797);
  }
  .badge-soft-poam-high {
    color: #ffffff;
    background-color: rgba(227, 137, 41, 0.797);
  }
  .badge-soft-poam-high[href]:hover, .badge-soft-poam-high[href]:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: rgba(227, 137, 41, 0.797);
  }
  .badge-soft-poam-moderate {
    color: #000000;
    background-color:#ffffff;
  }
  .badge-soft-poam-moderate[href]:hover, .badge-soft-poam-moderate[href]:focus {
    text-decoration: none;
    color: #000000;
    background-color:#ffffff;
  }
  .badge-soft-poam-low {
    color: #000000;
    background-color: rgba(225, 225, 49, 0.797);
  }
  .badge-soft-poam-low[href]:hover, .badge-soft-poam-low[href]:focus {
    text-decoration: none;
    color: #000000;
    background-color: rgba(225, 225, 49, 0.797);
  }
  .badge-soft-poam-verylow {
    color: #000000;
    background-color: rgba(35, 147, 52, 0.797);
  }
  .badge-soft-poam-verylow[href]:hover, .badge-soft-poam-verylow[href]:focus {
    text-decoration: none;
    color: #000000;
    background-color: rgba(35, 147, 52, 0.797);
  }
  .poamCubeImpact {
    background-color: rgb(62, 61, 61);
    color: white;
    font-weight: bold;
    font-size: medium;
  }
  .poamCubeLikelihood {
    background-color: rgb(62, 61, 61);
    color: white;
    font-weight: bold;
    font-size: medium;
    width: 25px;
    vertical-align: middle !important;
  }
  .rotateMinus90 {
    /* FF3.5+ */
    -moz-transform: rotate(-90.0deg);
    /* Opera 10.5 */
    -o-transform: rotate(-90.0deg);
    /* Saf3.1+, Chrome */
    -webkit-transform: rotate(-90.0deg);
    /* IE6,IE7 */
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.083);
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";
    /* Standard */
    transform: rotate(-90.0deg);
  }
  /* Milestone Events */
  .editButtonPadding {
    padding: 3px;
  }

  /* Compliance Summary Buttons */
  .complianceSummaryLegend {
    width: 200px !important; height: 30px; margin: 0px 5px 10px 5px; 
    padding: 0px 0px 10px 0px; font-size: small; cursor: help;
  }

  .badge-soft-compliance-veryhigh {
    color: #ffffff;
    background-color: rgba(237, 61, 61, 0.797);
    border-radius: 0.5rem !important;
    border-width: 1px;
    border-color: #748194;
    width: 90%;
  }
  .badge-soft-compliance-veryhigh[href]:hover, .badge-soft-compliance-veryhigh[href]:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: rgba(237, 61, 61, 0.797);
  }
  .badge-soft-compliance-high {
    color: #ffffff;
    background-color: rgba(227, 137, 41, 0.797);
    border-radius: 0.5rem !important;
    border-width: 1px;
    border-color: #748194;
    width: 90%;
  }
  .badge-soft-compliance-high[href]:hover, .badge-soft-compliance-high[href]:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: rgba(227, 137, 41, 0.797);
  }
  .badge-soft-compliance-moderate {
    color: #000000;
    background-color: rgba(225, 225, 49, 0.797);
    border-radius: 0.5rem !important;
    border-width: 1px;
    border-color: #748194;
    width: 90%;
  }
  .badge-soft-compliance-moderate[href]:hover, .badge-soft-compliance-moderate[href]:focus {
    text-decoration: none;
    color: #000000;
    background-color: rgba(225, 225, 49, 0.797);
  }
  .badge-soft-compliance-low {
    color: #000000;
    background-color: rgba(132, 218, 70, 0.797);
    border-radius: 0.5rem !important;
    border-width: 1px;
    border-color: #748194;
    width: 90%;
  }
  .badge-soft-compliance-low[href]:hover, .badge-soft-compliance-low[href]:focus {
    text-decoration: none;
    color: #000000;
    background-color: rgba(132, 218, 70, 0.797);
  }
  .badge-soft-compliance-verylow {
    color: #000000;
    background-color: rgba(35, 147, 52, 0.797);
    border-radius: 0.5rem !important;
    border-width: 1px;
    border-color: #748194;
    width: 90%;
  }
  .badge-soft-compliance-verylow[href]:hover, .badge-soft-compliance-verylow[href]:focus {
    text-decoration: none;
    color: #000000;
    background-color: rgba(35, 147, 52, 0.797);
  }
  .badge-soft-compliance-nothing {
    color: #000000;
    background-color: white;
    border-radius: 0.5rem !important;
    border-width: 1px;
    border-color: #748194;
    width: 90%;
  }
  .badge-soft-compliance-nothing[href]:hover, .badge-soft-compliance-nothing[href]:focus {
    text-decoration: none;
    color: #000000;
    background-color: white;
  }

  .soteria-green-background {
    background-color: #50782f;
  }
  .soteria-green {
    color: #50782f;
  }
  .soteria-lightgreen-background {
    background-color: #99cc33;
  }
  .soteria-lightgreen {
    color: #99cc33;
  }
  .soteria-lightblue-background {
    background-color: #006ead;
  }
  .soteria-lightblue {
    color: #006ead;
  }
  .icon-menu {
    max-height: 60px;
  }
/*-----------------------------------------------
|   ICON COLORS
-----------------------------------------------*/
.red {
  color: red;
}
.green {
  color: green;
}
.white {
  color: white;
}
.filterInUse {
  font-style: italic;
  font-weight: bold;
}
/*-----------------------------------------------
|   BANNER TOP STYLES
-----------------------------------------------*/
.banner {
  width: 100%; 
  text-align: center;
}
.banner-content { 
  width: 800px; 
  text-align: center;
  margin: 0 auto;
  color: white;
  font-weight: bold;
}

/*-----------------------------------------------
|   NOTIFICATION LISTING STYLES
-----------------------------------------------*/
a.bg-notification, a.bg-notification:hover, a.bg-notification:focus,
button.bg-notification:hover,
button.bg-notification:focus {
  background-color: #5773d268 !important;
}

/*-----------------------------------------------
|   FILE UPLOAD STYLES
-----------------------------------------------*/
.fileUploadLabel {
  background-color: #edf2f9;
  /* color: gray; */
  padding: 0.5rem;
  border-radius: 0.3rem;
  border: gray solid 1px;
  border-color: gray;
  cursor: pointer;
  margin-top: 1rem;
}
.fileUploadLabel:hover {
  background-color: gray;
  color: white;
  padding: 0.5rem;
}

/*-----------------------------------------------
|   REPORT LANDING PAGE STYLES
-----------------------------------------------*/
.reportListContainer {
  border: 1px solid black; 
  width: 200px; 
  height: 200px; 
  float: left; 
  padding: 5px 10px 10px 10px;
  border-radius: 0.3rem; 
  background-color: rgb(30, 106, 204, .2);
  margin: 10px;
}
.reportListTitle {
  color: black; font-weight: bold; text-align: center;
}
.reportListTitleNew {
  color: black; font-weight: bold; text-align: center;
  top: -25px; position: relative;
}
.reportListDescription {
  color: darkslategray; padding: 25px 5px 10px 5px; font-size: 14px;
}
.reportListDescriptionNew {
  color: darkslategray; padding: 25px 5px 10px 5px; font-size: 14px;
  top: -25px; position: relative;
}

/*-----------------------------------------------
|   Background gradient
-----------------------------------------------*/
.bg-gradient-alternate {
  background-image: -o-linear-gradient(135deg, #014ba7, #0183d0);
  background-image: linear-gradient(-45deg,  #014ba7, #0183d0);
  background-position: center;
}
.bg-gradient-dark {
  background-image: -o-linear-gradient(135deg, #0c0c0c, #211414);
  background-image: linear-gradient(-45deg, #0c0c0c, #211414);
  background-position: center;
}

/*-----------------------------------------------
|   INTEGRATION PLUGINS LANDING PAGE STYLES
-----------------------------------------------*/
.pluginListContainerInactive {
  border: 1px solid black; 
  width: 200px; 
  height: 200px; 
  float: left; 
  padding: 5px 10px 10px 10px;
  border-radius: 0.3rem; 
  background-color: silver;
  margin: 10px;
}
.pluginListContainerActive {
  border: 4px solid black; 
  width: 200px; 
  height: 200px; 
  float: left; 
  padding: 5px 10px 10px 10px;
  border-radius: 0.3rem; 
  background-color: rgba(38, 174, 25, 0.721);
  margin: 10px;
}
.pluginListTitle {
  color: black; font-weight: bold; text-align: center;
}
.pluginListDescription {
  color: darkslategray; padding: 25px 5px 10px 5px; font-size: 14px;
}
.integratedDataSourceListContainerActive {
  border: 4px solid green; 
  border-radius: 0.3rem; 
}

/*-----------------------------------------------
|   COMPLIANCE LISTING PAGE STYLES
-----------------------------------------------*/
.complianceRecordContainer {
  border: 1px solid black; 
  width: 90%;  
  padding: 5px 10px 10px 10px;
  border-radius: 0.3rem; 
  margin: 10px;
}

.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 15% !important;
}

/*-----------------------------------------------
|   Profile Bubble with Initials
-----------------------------------------------*/
.profileInitials {
  background-color: #0183d0;
  color: white;
  text-align: center;
  font-size: 1.2em;
  border: .01rem round #e0e1ed;
  border-radius: 15px;
  padding: 2px;
}

/*---------------------------------------------------
|   Device Profile PPS table listing in description
---------------------------------------------------*/
.deviceProfilePPSListing {
  width: 800px;
}

/*---------------------------------------------------
|   Section 508 Compliance Styles
---------------------------------------------------*/
.skip-link {
  position: absolute;
  top: -65px !important;
  left: 0;
  background: #000;
  color: #fff;
  padding: 8px;
  z-index: 100;
  transition: top 0.3s;
}

.skip-link:focus {
  top: -30px !important;
}

/*---------------------------------------------------
|   New red banner diagonal
---------------------------------------------------*/

.newfeature-label {
  width: 70px;
  box-sizing: border-box;
  background-color: red;
  transform: rotateZ(-45deg);
  top: 0;
  left: 0;
  transform-origin: 20px 50px;
  text-align: center;
  color: white;
  font-weight: bold;
}