/* Landing Homepage */
/* Netskope Colors */
/* Amber or Orange: #FF8200 */
/* Blue : #00A9CE */
/* Gray: #53565A */
   
 

div.ct-content-text{
	display:none !important;
}

.text-center.wow.fadeInUp {
    display: none !important;
}

.left-sidebar-toggle {
	color: #FF8200 !important;
  margin-left: -59px !important;
	top: 13px !important;
}

@media screen and (max-width: 992px) {
.doc_rightsidebar.scroll {
    margin-left: 89px !important;
	}
}

/* hide feature image 
.entry-content img { display: none; } */


section.ezd_search_banner{
	display:none !important;
}

/* Layout Changes */
.full-width-doc .doc_left_sidebarlist {
    margin-left: -75px !important;
}

.full-width-doc .doc_rightsidebar {
     right: -75px !important;
}

.doc_left_sidebarlist .ezd-scroll:not(.op-docs-sidebar) {
    max-height: 104% !important;
 
}
/*Rewrite & Publish Button
a.components-button.dp-editor-post-rewrite-republish{
    color: #D35400 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    background-color: #feffb0 !important;
    border-radius: 12px !important;
} */



/* MENU DEFAULT FONT */

.quadmenu-text{
	font-family: 'Roboto', sans-serif !important;
	font-weight: 700 !important;
	font-size: 14px !important;
}

.doc_banner_area.hero3 .doc_banner_content > .title {
	  color: #FFFEFD !important;
    margin-bottom: 50px !important;
	  margin-top: 41px !important;
    font-size: 46px !important;
    font-weight: 550;
}

.doc_footer_top{
	display: none !important;
}

.side_menu {
    background: #636d7b !important;
}

.mobile_main_menu .mobile_menu_left img {
  max-width: unset;
  max-height: unset;
}

.navbar-brand > img {
  width: 240px;
}

@media (max-width: 991px)
.doc_left_sidebarlist .open_icon {
    right: -57px !important;
    width: 60px !important;
}


/* 2nd Level Heading */
.doc_banner_area.search-banner-light {
    padding-top: 50px !important;
    background-color: #fff !important;
    background-image: url(https://docs.netskope.com/wp-content/uploads/2024/04/hero-winding-road-min.jpg) !important;
    background-repeat: no-repeat;
    background-size: cover;
}

h4#articles {
    display: none !important;
}

li a[href="#articles"] {
  display: none !important;
}


/* SEARCH PAGE */

.blog_sidebar {
    display: none !important;
}

.search .search-main .searchbar-tabs {
	display: none !important;
}

.search .search-post-item p {
    /* margin-bottom: 35px; */
    padding-top: 10px !important;
}

ol.breadcrumb.docs {
    display: none !important;
}

@media (min-width: 992px){
	.col-lg-8 {   
			width: 85% !important;
	}
}

/* BODY STYLES */

.single-docs .shortcode_title {
    margin-bottom: 112px;
}

h6.wp-block-heading{
	font-size: 19px !important;
  font-weight: 600 !important;
  color: #788695 !important;
	margin-top: 24px !important;
}

p{
	line-height: 23px !important;
}

.page_breadcrumb{
	background: #f3f3f3 !important;
}

.wp-block-preformatted, .literal, .code .programlisting, pre  {
    white-space: pre-wrap;
    border: 1px solid !important;
	  border-color: #dceefe !important;
    background: #fbfbfb !important;
		font-family: "Lucida Console", "Courier New", monospace !important;
	  color: #003B49 !important;
		font-size: 11pt !important;
	  border-radius:4px !important;
}

.search-post-item.ezd_feedback {
  display: none !important;
}


.link{
	padding: 0 0 0 0 !important;
	border-radius: 0 !important;
	background-color: unset !important;
}

/* anchor link chain icons 
.anchorjs-link {
	display: none !important;
}

.aal_anchor{
	display: none !important;
}*/

div.note {
	background-color: #e2f3ff !important;
	background: #edf4f9 !important;
	line-height: 19px !important;
	font-size: 11pt !important;
	overflow: hidden !important;
	padding: 10px !important;
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	border-left: 4px solid #1b94cc !important;
}

.note-head{
	font-weight:bold !important;
	content: "";
	display:block;
	background: url("http://netskopedocs.wpengine.com/wp-content/uploads/2023/04/note-icon-1.png");
	width: 16px;
	height: 38px;
	margin: 0px 27px 5px 2px;
  padding: 0px 0px 0px 25px;
	background-repeat: no-repeat;
}

div.tip {
	background-color: #edfbe6 !important;
	background: #edfbe6 !important;
	line-height: 19px !important;
	font-size: 11pt !important;
	overflow: hidden !important;
	padding: 10px !important;
	margin-top: 4px !important;
	margin-bottom: 4px !important;
	border-left: 4px solid #76cdba !important;
}

.tip-head{
	font-weight:bold !important;
	content: "";
	display:block;
	background: url("http://netskopedocs.wpengine.com/wp-content/uploads/2023/04/tip-icon-1.png");
	width: 16px;
	height: 38px;
	margin: 0px 27px 5px 2px;
  padding: 0px 0px 0px 43px;
	background-repeat: no-repeat;
}

div.caution {
	background-color: #E5D8A1 !important;
	background: #E5D8A1 !important;
	line-height: 19px !important;
	font-size: 11pt !important;
	overflow: hidden !important;
	padding: 10px !important;
	margin-top: 4px !important;
	margin-bottom: 4px !important;
	border-left: 4px solid #CCA500 !important;
}

.caution-head{
	font-weight:bold !important;
	content: "";
	display:block;
	background: url("http://netskopedocs.wpengine.com/wp-content/uploads/2023/04/caution-icon-1.png");
	width: 16px;
height: 38px;
	margin: 0px 27px 5px 2px;
  padding: 0px 0px 0px 25px;
	background-repeat: no-repeat;
}

div.important {
	background-color: #fde7dc !important;
	line-height: 19px !important;
	font-size: 11pt !important;
	overflow: hidden !important;
	padding: 10px !important;
	margin-top: 4px !important;
	margin-bottom: 4px !important;
	border-left: 4px solid #e65c18 !important;
}

.important-head{
	font-weight:bold !important;
	content: "";
	display:block;
	background: url("http://netskopedocs.wpengine.com/wp-content/uploads/2023/04/important-icon-1.png");
	width: 16px;
height: 38px;
	margin: 0px 27px 5px 2px;
  padding: 0px 0px 0px 25px;
	background-repeat: no-repeat;
}

div.warning {
	background-color: #fde7dc !important;
	line-height: 19px !important;
	font-size: 11pt !important;
	overflow: hidden !important;
	padding: 10px !important;
	margin-top: 4px !important;
	margin-bottom: 4px !important;
	border-left: 4px solid #e65c18 !important;
}

.warning-head{
	font-weight:bold !important;
	content: "";
	display:block;
	background: url("http://netskopedocs.wpengine.com/wp-content/uploads/2023/04/warning-icon-1.png");
	width: 16px;
height: 38px;
	margin: 0px 27px 5px 2px;
  padding: 0px 0px 0px 25px;
	background-repeat: no-repeat;
}

/*LINKS */

/* CONTROLS COLOR AND STYLE OF INLINE XREFS */
.editor-content a {
	text-decoration-color: transparent !important;
	color: #008C95 !important;
}

 /* XREF HEADING AND HOVER COLORS ON PAGE*/
a.doc-sec.title {
	color: #008C95 !important;
}

a.doc-sec.title:hover {
	color: #00A9CE !important;
}

 /* XREF TEXT COLORS IN BODY*/
a.xref {
    background-color: transparent !important;
    padding: 0px 0px 0px 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    color: #008C95 !important;
}
 /* XREF HOVER TEXT COLORS IN BODY*/
a.xref:hover {
    color: #00A9CE !important;
}

 /* ALINK TEXT COLORS IN BODY*/
a.link {
    background-color: transparent !important;
    padding: 0px 0px 0px 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    color: #008C95 !important;
}

/* ALINK HOVER TEXT COLORS IN BODY*/
a.link:hover {
    color: #00A9CE !important;
}

/* TABLES */
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background: unset !important;
}

.informaltable.table > thead, th,td {
	border: 1px solid #ebebeb !important;
  padding: 0.5rem !important;
}

thead > th{
	background-color: #e0effd !important;
	background: #e0effd !important;
}

tr > th{
	background-color: #e0effd !important;
	background: #e0effd !important;
}

.wp-block-table {
    margin-bottom: 0px !important;
	
}

/* CONTROLS COLOR OF TABLE BORDERS/RULES */
.rules-all td{
border: .5pt solid #C8C9C7 !important;
}
.rules-all th{
    border: .5pt solid #97999B !important;
    padding: 8px !important;
}

td{
border: .5pt solid #C8C9C7 !important;
}

th {
    border: .5pt solid #97999B !important;
    padding: 8px !important;
}

/* CONTROLS THE TABLE ROW SHADING, EVERY OTHER ROW IS A DARKER SHADE */
.informaltable table tr:nth-child(even),
table tr:nth-child(even){
    background-color: #EDEDED !important;
}

 /* CONTROLS THE TABLE HEADER SHADING */
.informaltable th, .table th,
.alternate table th, table th, table th a
{
    background-color: #C8C9C7 !important;
    padding-left: 8px;
    padding-right: 8px;
    text-align: left;
    color: #003B49 !important;
    font-size: 11pt !important;
	
}

/* CONTROLS THE TEXT COLOR IN TABLES */
td {
	color: #53565A !important;
}

/* REMOVES THE LINE UNDERNEATH TABLES */
.wp-block-table.is-style-stripes {
   border-bottom: transparent !important;
}

table {
		margin-bottom: 0px!important;
}

/* SHOW ACCORDION CONTENT */
.panel-heading{
	display:block !important;
}

.panel-body{
	display:block !important;
}


/* Remove Duplicate Heading */

.single-docs .shortcode_title h1 {
     DISPLAY: NONE !important;
}

/* CONTROLS WEIRD SPACING FOR SOME OF THE HEADERS */
.single-docs #post h4 {
	padding-top: 0px !important;
} 

.single-docs #post h6 {
	padding-top: 0px !important;
}

.doc-middle-content {
    padding: 0px 32px 0;
    position: relative;
}

#post h3, #post h4 {
    padding-top: 0px !important;
    margin-top: 0px !important;
}

/* TOP BANNER HEIGHT */
.doc_banner_area.search-banner-light {
   padding-top: 105px !important;
	 background-color: #F5F7F9 !important;
}
/* LEFT NAV */

/* REMOVES NETSKOPE HELP TEXT FROM TOP OF LEFT NAV  */
.doc_left_sidebarlist h2.doc-title {
	display: none !important;
}

.nav-sidebar .nav-item .nav-link img {
  max-width: 34px !important;
}

/* CONTROLS HEIGHT OF LEFT NAV SCROLL */
.doc_left_sidebarlist .scroll:not(.op-docs-sidebar) {
    max-height: 100% !important;  
}

/* CONTROLS SPACING BETWEEN LEFT NAV LINK TOP AND NESTED TIERS */ 
div.doc-link {
	margin: 0 0 0 0 !important;
	padding: 0px 0px 5px 1px !important;	
}

.nav-sidebar .nav-item .dropdown_nav li{
    margin: 0 0 0 0 !important;
    padding:  0px 0px 5px 15px !important;   
}


/* CONTROLS ACTIVE AND HOVER LINK TEXT COLORS IN LEFT NAV */
.nav-sidebar .nav-item.current_page_item > .doc-link a{
    color: #00A9CE !important;
}

.nav-sidebar .nav-item .dropdown_nav li a.active {
	color: #00A9CE !important;
}

.nav-sidebar .nav-item .dropdown_nav li:not(.has_child) a:hover {
    color: #00A9CE !important;
}

/* CONTROLS THE SPACING AND WIDTH OF THE LEFT NAV */
.col-xl-3 {
    flex: 0 0 0 0 auto;
    width: 20% !important;
}

.nav-sidebar .nav-item.current_page_item > .doc-link :before{
    padding-top: 5px !important;
}



/* ## RIGHT NAV ## */

/* ACTIVE AND HOVER TEXT IN THE RIGHT NAV */
.toc_right .nav-link.active {
    color: #00A9CE !important;
}
a.nav-link:hover {
	color: #00A9CE !important;
	text-decoration: none !important;
}

/* CONTROLS SPACING AT THE TOP OF THE RIGHT NAV */
.doc_rightsidebar {
    padding-top: 20px !important;
    height: 100%;
    position: relative;
}

/* CONTROLS THE COLOR OF THE CONTENT HEADING IN THE RIGHT NAV */
div.doc_rightsidebar h6 {
   color: #10a9ce !important;
	font-size: 16px !important;
	font-weight: 700;
}

/* IMAGES */
/* fix width of images in table cells*/

img.alignnone {
    width: unset !important;
}

figure {
    border: 1px solid #eee !important;
}

img {
    /*border: 1px solid #eee !important;*/
		padding: 5px !important;
}





/*REDUCES THE SPACE BELOW HEADINGS AND PARA TEXT */

h2.title{
color: #003B49 !important;
	padding-top: 0px !important;
	margin-bottom: -10px !important;
}

h3.title{
	color: #00A9CE !important;
	padding-top: 0px !important;
	margin-bottom: -10px !important;
}

h4.title{
  padding-top: 0px !important;
	margin-bottom: -10px !important;
}

h5.title{
  padding-top: 0px !important;
	margin-bottom: -10px !important;
}

h6.title{
	color: #97999B !important;
	padding-top: 0px !important;
	margin-bottom: -10px !important;
	
}

/* CONTROLS COLOR AND SIZE OF PAGE TITLES AND HEADINGS */
h1, .h1 {
    font-weight: 400;
    font-size: 16pt;
    line-height: 2px;
    color: #FFFEFD;
    font-family: inherit;
    margin-bottom: 20px;
    margin-top: 0;
}

h2, .h2 {
    font-weight: 400 !important;
    font-size: 17pt !important;
    line-height: 36px;
    color: #003B48 !important;
    font-family: inherit;
    margin-bottom: 20px;
    margin-top: 0;
}

.single-docs #post h3 {
    color: #00A9CE !important;
		font-size: 15pt !important;
		font-weight: 400 !important;
}

h3,.h3,{
color: #00A9CE !important;
font-size: 15pt !important;
font-weight: 500 !important;
}

h4, .h4{
color: #FF8200 !important;
font-size: 14pt !important;
font-weight: 400 !important;
}

/* HIDE ARTICLES FROM PAGE END */
#content_elements {
    display: none !important;
}

h5, .h5{
color: #00587C !important;
font-size: 13pt !important;
font-weight: 400 !important;
}

h6.wp-block-heading{
	font-size: 12pt !important;
  font-weight: 400 !important;
  color: #97999B !important;
	margin-top: 24px !important;
}

h6, .h6{
color: #97999B !important;
font-size: 12pt !important;
font-weight: 400 !important;
}

/* Copy to Clipboard Icon */
.copy-the-code-wrap.copy-the-code-style-svg-icon .copy-the-code-button svg {
    width: 12px !important;
    fill: #c4e1fb !important;
}

p{
	font-size: 11pt !important;
}

li{
	font-size: 11pt !important;
}



/* WP FORMS */

.wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-image {
  width: 32px !important;
}

.inline-multiple-choice ul {
    position: absolute;
    top: 18px;
    right: 30px;
}

.wpforms-submit-container{
	display: none !important;
}

.wpforms-field-label {
  max-width: 400px !important;
  word-wrap: break-word !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.wpforms-container .wpforms-field-row.wpforms-field-small{
  max-width: 96% !important;
}


.wpforms-field-row {
	max-width:96% !important;
}

.wpforms-field-html{
	display:block !important;
}

#wpforms-48467-field_27-container{
	display:block !important;
}

.wpforms-note {
    color: #084298;
	background-color: #bde5f8 !important;
    background: #bde5f8 url(	https://netskopedocdev.wpengine.com/wp-content/plugins/simple-note/images/info.svg) no-repeat 15px center !important;
	padding-left: 75px !important;
	padding-top: 20px !important;
	padding-bottom:20px !important;
	border-radius: 5px !important;
}

.hide-comment{
	display: none !important;
}