/*Sharepoint Interface Overrides */

.propertyPaneTitleBar_af2d3252 {
	height:45px !important;
	
}

#s4-bodyContainer {
    padding-bottom: 0 !important;
}
#s4-workspace {
 overflow-y: scroll !important; /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch !important;
}


/* Search Box Custom CSS */

/* outer containing div that holds search box*/
#searchInputBox {
	background-color:transparent;
}

/* div with border around entire search box - default state*/
.ms-srch-sb-border {
	ms-flex-align: center;
    align-items: center;
    border-radius: 20px;
    border:0!important;
    display: -ms-flexbox;
    display: flex;
    font-family: Open Sans,Helvetica,sans-serif;
    height: 40px;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative
    }

/* input box for typing search query */
.ms-srch-sb > input {

	-webkit-appearance: none;
  font-size: 14px;
  font-size: 0.875rem;
  background-color: transparent;
  border-radius: 20px;
  border: 1px solid #ededec;
  box-shadow: 0 0 0 0 #fff;
  color: #575451;
  height: 40px;
  margin: 0;
  outline: none;
  padding: 8px 44px 8px 24px;
  transition: all 0.35s ease-in-out;
  width: 100% !important;

}

/* <a> tag containing the "go" button */
.ms-srch-sb > .ms-srch-sb-searchLink {
  background-color: #2cb34a;
  border-radius: 50%;
  border: 0;
  color: #fff;
  margin: 0 4px 0 0;
  padding: 0;
  position: absolute;
  height:32px;
  width:32px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.35s ease-in-out;

}

/* Hover state for border around search box */
.ms-srch-sb-border:hover {
  border:0;
 	}

/* Hover state for "go" image" */
.ms-srch-sb-searchLink:hover {
	background-color:#24923c;
	color:#fff !important;
	text-decoration:none !important;
}
.ms-srch-sb-searchLink:visited, .ms-srch-sb-searchLink:active, .ms-srch-sb-searchLink:focus {
  color: #fff !important;
  text-decoration:none !important;	
}

/* Focused state - this style is applied dynamically when you click in the search box to type */
.ms-srch-sb-borderFocused  {
	ms-flex-align: center;
    align-items: center;
    border-radius: 20px;
    display: -ms-flexbox;
    display: flex;
    font-family: Open Sans,Helvetica,sans-serif;
    height: 40px;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
	background-color:transparent;
	border: 0!important;


}

/* Focused state for the input */
.ms-srch-sb > input:focus {
	background-color: transparent;
    border: 1px solid #ededec;
}

/* Swap "go" image - this line hides the OOTB image */
.ms-srch-sb > .ms-srch-sb-searchLink img {
	display:none;
}

/* Add in custom "go" image - applied as background image to the <a> tag */
.ms-srch-sb > .ms-srch-sb-searchLink {
	background-image:none;
	background-repeat:no-repeat;
	background-position:0 0;
	  font-family: DgiiIcons, Helvetica, sans-serif !important;
  font-style: normal!important;
  font-weight: 400!important;
  font-variant: normal!important;
  text-transform: none!important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  font-size: 1.25rem;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;


}

.ms-srch-sb > .ms-srch-sb-searchLink:before {
	  content: "i";
}

/* Hover state for the "go" image" */
.ms-srch-sb-searchLink:hover {
	background-position:0 -20px; /* this example uses a sprite sheet but you could easily use a second hover state image instead */
	
}

/*Search Center Custom Styles */

.site__searchCenter #SearchBox input {
	-webkit-appearance: none;
  font-size: 14px!important;
  font-size: 0.875rem!important;
  background-color: transparent!important;
  border-radius: 20px!important;
  border: 1px solid #ededec !important;
  box-shadow: 0 0 0 0 #fff!important;
  color: #575451!important;
  height: 40px!important;
  line-height: 40px!important;
  margin: 0!important;
  outline: none!important;
  padding: 8px 44px 8px 24px!important;
  transition: all 0.35s ease-in-out!important;

}
.site__searchCenter .ms-srch-sb-searchLink {
  background-color: #2cb34a;
  border-radius: 50%;
  border: 0;
  color: #fff;
  margin: 0 4px 0 0;
  padding: 0;
  position: absolute;
  height:32px;
  width:32px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.35s ease-in-out;

}

.site__searchCenter .ms-srch-sb-searchLink:hover {
	background-color:#24923c;
	color:#fff !important;
	text-decoration:none !important;
}
.site__searchCenter a:active.ms-srch-sb-searchLink, .site__searchCenter a:visited.ms-srch-sb-searchLink, .site__searchCenter a:focus.ms-srch-sb-searchLink {
	color:#ffffff !important;
	text-decoration:none !important;
}

.site__searchCenter .ms-srch-sb-searchLink {
	background-image:none;
	background-repeat:no-repeat;
	background-position:0 0;
	  font-family: DgiiIcons, Helvetica, sans-serif !important;
  font-style: normal!important;
  font-weight: 400!important;
  font-variant: normal!important;
  text-transform: none!important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  font-size: 1.25rem;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;


}
.site__searchCenter .ms-srch-sb-searchLink:before {
	  content: "i";
}

.site__searchCenter #PagingImageLink a {
	background:transparent !important;
  font-family: DgiiIcons, Helvetica, sans-serif !important;
  font-style: normal!important;
  font-weight: 400!important;
  font-variant: normal!important;
  text-transform: none!important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding:2px 0 0 0 !important;
  border:0 !important;


}
.site__searchCenter #PagingImageLink a:before {
	  content: "c";
}
.site__searchCenter #PagingSelf a {
	color:#2cb34a !important;
}

.ug-gallery-wrapper .ug-textpanel-description {
	font-size:18px !important;
	
}

.dcl-toolpart {
    padding: 10px 10px 0px;

}
.dcl-toolpart .dlc-toolpart-title {
	font-weight:bold;
	display:block;
	margin-bottom:10px;
}
.dcl-toolpart label {
	padding:3px 0 0 3px;
}
.dcl-toolpart select {
	margin-bottom:20px;
}
.dcl-toolpart input {
	margin-bottom:20px;
}
.dcl-toolpart .UserDottedLine {
	margin:15px 0;
}
.ms-TPBorder {
	width:100%;
}
.covidalert {
	background-color:#82BC00!important;
	color:#fff;
	text-align:center;
}

.covidalert a {
	color:#fff !important;
}
.covidalert a:hover {
	text-decoration:underline
}
.covidalert .btnCita {
	color:#82BC00 !important;
	font-size: 0.6rem !important;
    height: 24px !important;
	margin:0 10px !important;
	
}
.covidalert .vseparate {
	font-size:10px;
}
.app-iso .rss-icon {
	border-color:#F99000 !important;
	color:#F99000 !important;
	fill:#F99000 !important;
}
.app-iso .rss-icon:hover {
	border-color:#F99000 !important;
	background-color:#F99000 !important;
	color:#ffffff !important;
	fill:#ffffff !important;
}
.app-iso .rss-icon:active {
	border-color:#F99000 !important;
	background-color:#F99000 !important;
	color:#ffffff !important;
	fill:#ffffff !important;
	
}

/*Arregla display issue en responsive pages (mobile */

.ms-webpart-zone {
    display: inherit !important;
}
/*Clase que Desactiva los links  */

a.disabledlink {
  /* Make the disabled links grayish*/
  color: #ccc !important;
  /* And disable the pointer events */
  pointer-events: none;
}