.csp-title-section{
    color: #666;
    font-size: 12px;
    margin: 0;
    padding: 0 0 0 10px;
    font-weight: bold;
  }
  
  .ud-innercontent-area p{
  	color: rgb(88,88,91) !important;
  	line-height: 22px !important;
  }
  
  /*#severitycirclecontent{
  	font-size: 19px !important;
  }*/
  
  #fw-pagetitle{
  display:none;
  }
  
  #csp-framework-content-titles{
    clear: both;
    margin: 15px 0 0 0;
    padding: 0;
    width:auto;
  }
  
  .csp-title-page{
   line-height: 1em;
    padding: 8px 0 11px 9px;
    color: #444;
    font-size: 26px;
    font-weight: normal;
    border-bottom: 1px solid #ccc;
    
  }
  
  #csp-framework-base-main{
  	margin-top: 15px;
  }
  
  body{
  font-family: arial,helvetica,sans-serif;
  font-size: 12px;
    color: #000;  
  }
  .h_margin {
  margin: 1em 0;
}
  
  #csp-mb-title-nav-bar{
   margin:0px 0px 0px 0px;
  }
  
  .a_tag{
  	  cursor: pointer;
      color:#000000;
    text-decoration:none;
    font-size:15px;
    font-weight:bold;
  }
  
   a:hover { text-decoration: none; }


  
  .csp-gd-right{
  	width:220px;
  }

  .csp-cc23-pilot{
     border-radius: 5px;
  background-image: url('https://www.static-cisco.com/assets/pilot/cc23/cc23v2_bg.gif');
  background-repeat: repeat-x;
  padding: 16px;
  border: 1px solid #ccc;
  position: relative;
  height: auto;
  border-right: 1px solid #ccc;
  text-align: left;
  color: #525252;
  font-family: arial,helvetica,clean,sans-serif;
  line-height: 1.66em;
  empty-cells: hide;
  font-size-adjust: none;
  }
  .csp-cc23-pilot h3{
  
  font-size: 12px;
  font-weight: bold;
  color: #444;
  line-height: 1.5em;
  
  }
  .csp-cc23-pilot h4{
  font-size: 12px;
  font-weight: bold;
  
  margin-bottom: 3px;
  line-height: 1.5em;

  }
  
  .csp-rhn_lists{
    list-style-type: none;
    margin: 0px 0px 20px -6px;
    list-style-position: outside;
  }
  .csp-framework-column-right
  {
  	vertical-align: top;
  }
  .headline{
	line-height: normal;
}
#csp-framework-base-main {
    margin-left: 267px;
}
#crumbs {
    margin-left: 283px;
}
.sidebarinjected{
	margin-bottom: 20px;
}

.hbuttonelement{
color:rgb(0, 0, 0) !important;
cursor:text;
display:block;
font-family:'CiscoSans' !important;
font-size:16px;
font-stretch:100%;
font-style:normal;
font-weight:400;
/*min-height:44px;*/
line-height:22px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
}

/*media query changes start: varsingh*/
@media (min-width: 600px) and (max-width: 767px) {
#csp-framework-base-main {  margin-left: 0 !important; }
#crumbs { margin-left: 10px !important; }	
#severitycirclecontent {
    height: 72px !important;
    max-height: 80px !important;
    min-width: 75px !important;
    min-height: 100px !important;
}
}

@media (min-width: 481px) and (max-width: 599px) {
	#ud-master-container {
    width: 180%  !important;
    margin-left: -275px;
}

}
@media (min-width: 481px) and (max-width: 492px) {
#advisorycontentbody{
	    max-width: 122%;
		width: 119%;
}
}

@media (min-width: 493px) and (max-width: 540px) {
#advisorycontentbody{
	width: 108%;
    max-width: 120%;
}
}

/*Tablet and iPads; */
@media (min-width: 768px) and (max-width: 1024px) {
	#ud-master-container {
    width: 180%  !important;
    margin-left: -275px;
}
#severitycirclecontent {
    width: 100px !important;
    height: 70px !important;
    max-width: 100px !important;
    max-height: 100px !important;
    min-width: 78px !important;
    min-height: 0px !important;
}
}
/*smart phones: iPhone X*/
@media (min-width: 320px) and (max-width: 480px) {
#ud-master-container {
    width: 100% ;
    max-width: 100vw;
    margin-left: 3px;
}
	
  #csp-framework-base-main {
    margin-left: -15px;
}

#advisorycontentbody{
    margin-top: 25px;
}

.ud-innercontent-area {
   margin-bottom: 10px;
}
 .hbuttonelement {
    margin-top: -25px;
}
.containerSmall {
    display: block;
    margin-top: -20px;
}
.ud-main-link-list {
    flex-shrink: 0;
    margin-top: -19px;
}
#severitycirclecontent {
    width: 100px;
    height: 100px;
    max-width: 134px;
    max-height: 134px;
    min-width: 100px;
    min-height: 134px;
}
}

/*iPad Pro*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait){

}

@media screen and (min-width: 768px) and (max-width: 1024px){
#crumbs {
    margin-left: 10px !important;
}
.ud-innercontent-area p {
    color: rgb(88,88,91) !important;
    line-height: 22px !important;
    font-family: 'CiscoSansLight';
    font-size: 16px !important;
}

}

@media screen and (min-width: 1025px) and (max-width: 1070px){
#crumbs {
margin-left: 126px !important;
}
}

@media screen and (min-width: 1071px) and (max-width: 1100px){
#crumbs {
margin-left: 119px !important;
}
}

@media screen and (min-width: 1101px) and (max-width: 1139px){
#crumbs {
margin-left: 117px !important;
}
}

@media screen and (min-width: 1140px) and (max-width: 1240px){
#crumbs {
margin-left: 100px !important;
}
}

@media screen and (min-width: 1241px) and (max-width: 1280px){
#crumbs {
margin-left: 90px !important;
}
}

@media screen and (min-width: 1281px) and (max-width: 1336px){
#crumbs {
margin-left: 75px !important;
}
}

@media screen and (min-width: 1337px){
#crumbs {
margin-left: 283px !important;
}
}

/*media query changes end: varsingh*/
@media screen and (min-width: 959px) and (max-width: 1024px){
	#severitycirclecontent {
	height: 86px !important;
	}
}
@media screen and (min-width: 320px) and (max-width: 960px){
	#severitycirclecontent {
		min-width:86px !important;
		height: 86px !important;
	}
	.scoreseveritycircle {
	    width: 120px !important;
	    height: 120px !important;
	    max-width: 120px !important;
	    max-height: 120px !important;
	}
}

#additionalFeedback {
    margin-top: 5px;
    margin-bottom: 0px;
}

.cvss-tooltipcontainer > #cvssicon + .cvss-tooltip {
    max-width: 375px !important;
    width: 375px !important;
}

@media (min-width: 320px) and (max-width: 699px) {
.cvss-tooltipcontainer > #cvssicon + .cvss-tooltip {
	left: -190px !important;
}
}