.display_none {
	display : none !important;
}

.span-new-line{
    display: block !important;
}

.hidden-item {
  display: none !important;
}

.supported-release-vertical {
    display: block !important;
    margin:0 px !important;
    padding: 0px !important;
}

.more-less-button{
    background-color: white !important;
    border: 0 !important;
    cursor: pointer !important;
    color: #0175a2 !important;
}

.version-label-padding {
	padding: 5px 7px !important;
}

.table-text-top-align {
    vertical-align: top !important;
}

.generic-column-padding{
    padding: 5px 7px !important;
    margin: 0px !important;

}

.header-column-padding{
    padding: 5px 15px !important;
    margin: 0px !important;

}

.header-column-padding-2{
    padding: 5px 12px !important;
    margin: 0px !important;
}

.device-role-width {
    width: 16% !important;
}

.device-series-width {
    width: 19% !important;
}

.device-model-width {
    width: 18% !important;
}

.recommended-release-width {
    width: 25% !important;
}

.recommendedc-release-width {
    width: 26% !important;
}

.supported-release-width {
    width: 19% !important;
}

.supportedad-release-width {
    width: 19.70% !important;
}

.supported-release-width1 {
    width: 20% !important;
}

.supportedc-release-width {
    width: 21% !important;
}

.new-deploy-table {
    width: 100% !important;
    /*align: centre !important;
    margin-left: auto !important;
    margin-right: auto !important;
    */
}

.upgrade-table {
    width: 98% !important;
    /*align: centre !important;
    margin-left: auto !important;
    margin-right: auto !important;
    */
}


.table-device-role-border{
    border-collapse: separate !important;
    border-left: 1px solid black !important;
    border-right: 1px solid black !important;
    border-bottom: 2px solid black !important;
}


tr.table-device-series-border{
    border-collapse: separate !important;
    border-bottom: 1px solid initial !important;

}




.new-dep-release-label{
    display: flex;
    align-items: centre;
    overflow: hidden;
    vertical-align: middle !important;

    padding-right: 10px;
}


.new-dep-release-select{
    display: inline-block !important;
    width: 60% !important;
    vertical-align: middle !important;
}

/* Match the grey placeholder treatment used by the Device Role dropdown. */
.new-dep-release-select .chosen-container-single .chosen-default {
    color: #999;
}

.notes {
    display: block;
    width: 100%;
    height: auto;
    clear: both;
}

/* Hide Recommended Release cells and header from the UI. */
.recommended-release-column {
    display: none !important;
}

.upgrade-from-release-label{
    display: flex;
    align-items: centre;
    overflow: hidden;
    vertical-align: middle !important;
    padding-right: 10px !important;

}

.upgrade-to-release-label{
    display: flex;
    align-items: centre;
    overflow: hidden;
    vertical-align: middle !important;
    padding-right: 10px !important;

}

.upgrade-release-select{
    display: inline-block !important;
    width: 40%;
    vertical-align: middle !important;

}

.width-new-dep-select{
    width: 100% !important;
}

.width-upgrade-select{
    width: 100% !important;
}

.align-middle{
    display: inline !important;
    vertical-align: middle !important;
    width:100% !important;
}


.new-dep-device-role-label{
    display: inline-block;
    height: 40px;
   /* overflow: hidden;*/
    overflow: visible;
    vertical-align: top!important;
    padding-right: 10px;
}

.new-dep-device-role-select{
    display: inline-block !important;
    width: 60% !important;
    vertical-align: middle !important;
}

.width-new-dep-device-role-select{
    width: 100% !important;
}

.upgrade-device-role-label{
    display: inline-block;
    height: 40px;
    overflow: hidden;
    vertical-align: middle !important;
    padding-right: 80px;

}

.upgrade-device-role-select{
    display: inline-block !important;
    width: 40% !important;
    vertical-align: middle !important;
}

.width-upgrade-device-role-select{
    width: 100% !important;
}

.new-dep-feature-label{
    display: inline-block;
    height: 40px;
    overflow: hidden;
    vertical-align: top!important;
    padding-right: 10px;
}

.new-dep-feature-select{
    display: inline-block !important;
    width: 60% !important;
    vertical-align: middle !important;
}

.width-new-dep-feature-select{
    width: 100% !important;
}

/* Match the fixed SDA LISP field to the Chosen select styling without affecting other form inputs. */
.cui .form-group .form-group__text input.fixed-application-value {
    height: 37px;
    min-height: 37px;
    padding: 0 8px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    color: var(--cui-link-color);
    font-size: 13px;
    line-height: 37px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    cursor: default;
}
.upgrade-feature-label{
    display: inline-block;
    height: 40px;
    overflow: hidden;
    vertical-align: middle !important;
    padding-right: 10px;

}

.upgrade-feature-select{
    display: inline-block !important;
    width: 40%;
    vertical-align: middle !important;

}

.width-upgrade-feature-select{
    width: 100% !important;
}

.col-3dot5 {
  flex: 0 0 25%;
  max-width: 25%; }


.col-4dot5-container{
  padding-right: 10px;
  margin-right: auto;
  margin-left: auto;
  flex: 0 0 37%;
  max-width: 37%;

}

.offset-0dot5{
    margin-left: 4.16665% !important;
}

.offset-1dot5{
    margin-left: 6.33333% !important;
}

.offset-2dot5 {
  margin-left: 22%;
}

.offset-3dot5 {
  margin-left: 27%;
}

.switch-filter{
    vertical-align: bottom !important;
}

.form-group .flex .flex-left{
vertical-align: middle;
}

.valign-middle{
display: inline-block;
vertical-align: middle;
}

.new-deploy-head{
	position: sticky;
	top: 0;
}


.upgrade-deploy-head{
	position: sticky;
	top: 0;
}

.virtual_container {
      display: block;
      width: 100%;
      overflow: auto;
}

.upgrade-to-release-select{
    display: inline-block !important;
    width: 40% !important;
    vertical-align: middle !important;
}


#upgrade_deployment_to_dnac_versions {
  width: 100% !important;
  appearance: none;
  webkit-appearance: none;
  -moz-appearance: none;
   Border-radius: 5px;
   box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);
   color: var(--cui-link-color)
}

.width-to-upgrade-select{
    width: 70% !important;
}


.th_class {
  position: absolute;
  top: 0;
}

.application-release-width {
	width: 16% !important;
}

.appnewapp-release-width {
	width: 16% !important;
}

.appswim-release-width {
	width: 13% !important;
}

.apppnp-release-width {
	width: 11% !important;
}

.appinv-release-width {
	width: 17.90% !important;
}

.apptop-release-width{
	width: 17.50% !important;
}

.apppat-release-width{
	width: 17.50% !important;
}

#inventory {
   width: 46% !important;
}

#inventory:hover {
    width: 16% !important;
}

#topology {
   width: 16% !important;
}

#swim {
   width: 16% !important;
}

#pnp {
   width: 16% !important;
}

#dna_assurance {
   width: 16% !important;
}

#pnp: hover {
    width: 16% !important;
}

/* #enfv_routing {
   overflow: hidden;
   text-overflow: initial;
   white-space: normal;
} */

#application_policy {
   width: 16% !important;
}

#patching {
   width: 16% !important;
}

#iwan {
   width: 16% !important;
}

#sda {
   width: 16% !important;
}

.device {
   width: 16% !important;
}

.tooltip {
  position: relative;
  display: inline-block;

}

.tooltip .tooltiptextNew {
  visibility: hidden;
  width: 250px;
  background-color: #39393b;
  color: #FFFFFF;
  text-align: left;
  /*border-radius: 20px;*/
  padding: 5px 5px;
  position: absolute;
  z-index: 1;
  top: -37px;
  left: 100%;
  font-size: 12.5px;
  font-family: 'CiscoSans', sans-serif; !important;

}

.tooltip .tooltiptextNew::after {
  content: "";
  display: block;
  position: absolute;
  top: 75%;
  right: 100%;
  z-index: 1;
  margin-top: 1px;
  border-width: 4px;
  border-style: solid;
  border-color: transparent black transparent transparent;
  transition: border-color ease-in-out 0.20 s;
}

.tooltip:hover .tooltiptextNew {
  visibility: visible;
  border-color: transparent black transparent transparent;
}

.tooltip:onclick .tooltiptextNew {
  visibility: visible;
  border-color: transparent black transparent transparent;
}

.tooltip .tooltiptextUpgrade {
  visibility: hidden;
  width: 320px;
  background-color: #39393b;
  color: #FFFFFF;
  text-align: left;
  /*border-radius: 20px;*/
  padding: 5px 5px;
  position: absolute;
  z-index: 1;
  top: -37px;
  left: 100%;
  font-size: 12.5px;
  font-family: 'CiscoSans', sans-serif; !important;
}

.tooltip .tooltiptextUpgrade::after {
  content: "";
  position: absolute;
  top: 75%;
  right: 100%;
  margin-top: 1px;
  border-width: 4px;
  border-style: solid;
  border-color: transparent black transparent transparent;
}

.tooltip:hover .tooltiptextUpgrade {
  visibility: visible;
}

.icon-info {
  font-size: 0.7em;
  opacity: 0.7;
  margin-top: -15px;
  color: #0e69cb;
  background-image: none;
}

/* Device-series note trigger and anchored popover shared by the matrix pages. */
.device-series-note-label {
  display: inline !important;
  padding: 0 !important;
  margin: 0 !important;
}

.device-series-note-trigger {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  margin-left: 6px;
  padding: 2px;
  border: 0;
  background: transparent;
  color: var(--cui-link-color);
  cursor: pointer;
}

.device-series-note-trigger .icon-info {
  margin-top: 0;
  font-size: 14px;
  opacity: 1;
}

.device-series-note-trigger:focus {
  outline: 2px solid var(--cui-link-color);
  outline-offset: 2px;
}

.device-series-note-popover {
  position: fixed;
  z-index: 2000;
  isolation: isolate;
  box-sizing: border-box;
  width: 360px;
  max-width: calc(100vw - 16px);
  background-color: var(--cui-modal-background, #fff);
  color: var(--cui-font-color);
  border: 1px solid var(--cui-border-color);
  border-radius: var(--cui-border-radius);
  box-shadow: var(--cui-modal-shadow);
}

.device-series-note-popover__content {
  position: relative;
  padding: 16px;
}

.device-series-note-popover__close {
  position: absolute;
  top: 8px;
  right: 10px;
  padding: 2px 6px;
  border: 0;
  background: transparent;
  color: var(--cui-inactive-color);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.device-series-note-popover__close:hover,
.device-series-note-popover__close:focus {
  color: var(--cui-active-color);
}

.device-series-note-popover__body {
  max-height: calc(100vh - 150px);
  padding-right: 24px;
  overflow-y: auto;
}

.device-series-note-popover__footer {
  margin-top: 16px;
  text-align: right;
}

.device-series-note-list {
  margin: 0;
  padding-left: 20px;
  list-style: disc;
}

/* Single-message notes use plain text while multi-message SDA notes keep bullets. */
.device-series-note-list--plain {
  padding-left: 0;
  list-style: none;
}

.device-series-note-list li + li {
  margin-top: 8px;
}



.div-float-amezents {
    position: fixed;
    top: 0.5in;
    left: 20px;
    right: 20px;
    z-index: 1000;
    display: none;
}