/* BEGIN STYLESHEET */
/* Direct stylesheet authoring is an advanced feature. Knowledge of CSS required.*/


/* import font here */
@import url('https://fonts.googleapis.com/css2?family=Yellowtail&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Parisienne&display=swap');


/* base style targeting label component with .ia_prefix */
/*
.ia_labelComponent{
	background-color: #91016F;
	font-family: 'Yellowtail';
	font-size: 24px;
	color: #C9F70D;
	text-align: center;	
}
*/

/* user-created style */
.psc-yellowtail {
	background-color: #FFFFFF;
	font-family: 'Yellowtail';
	font-size: 45px;
	color: #C9F70D;
	text-align: center;		
}

.psc-parisienne-regular {
  	font-family: "Parisienne", cursive;
  	font-weight: 400;
  	font-size: 35px;
  	font-style: normal;
  	text-align: center;
}



/* user-created style class */
/*
#secText{
	font-family: 'YellowTail';
	font-size: 24px;
	color: #C9F70D;
	text-align: center;
}
*/
/* BEGIN STYLE CLASSES */
.psc-CSS\/tabContainer {
  background-image: }.ia_tabContainerComponent__content {     border-left: none;     border-right: none;     border-bottom: none;}{}.ia_tabContainerComponent__tabMenuRight--modern {     border-bottom: none }.ia_tabContainerComponent__tab--modern {border-bottom: none;};
}

.psc-Framework\/Popup\/Button {
  background-image: linear-gradient(180deg, #59B1E8 0%, #47A9E6 100%);
  border-color: #47A9E6;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  text-transform: uppercase;
  fill: #FFFFFF;
}

.psc-Framework\/Popup\/Error {
  color: #e83a56;
  font-size: 24px;
  fill: #e83a56;
}

.psc-Framework\/Popup\/Text {
  color: #2E2E2E;
  font-size: 24px;
  fill: #6C6C6C;
}

.psc-Framework\/Title\/Icon {
  fill: #2E2E2E;
}

.psc-Framework\/Title\/Text {
  color: #2E2E2E;
  font-size: 16px;
  font-weight: bold;
  line-height: 19px;
  margin-left: 6px;
  fill: #2E2E2E;
}

.psc-Framework\/Title\/Title {
  background-color: #E6EAEE;
}

.psc-Header\/Banner {
  background-image: linear-gradient(rgb(240,240,240), rgb(229,229,229));
  border-bottom-color: #AAAAAA;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  box-shadow: 2px 2px 3px #EAEAEA;
  color: #555555;
  font-size: 14px;
  fill: #FFFFFF;
}

.psc-Header\/Header {
  background-color: #253E86;
  color: #E7F5FF;
  font-size: 14px;
  line-height: 17px;
}

.psc-Header\/Icon {
  cursor: pointer;
  fill: #FFFFFF;
}

.psc-Markdown\/Actions {
  border-bottom-color: #CCCCCC;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.psc-Markdown\/Button {
  background-color: #F5F5F5;
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #555555;
  cursor: pointer;
  margin-bottom: 4px;
  margin-right: 4px;
}
.psc-Markdown\/Button:hover {
  border-color: #AAAAAA;
}

.psc-Markdown\/Button_Selected {
  background-color: #D5D5D5;
  border-color: #AAAAAA;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #555555;
  cursor: pointer;
  margin-bottom: 4px;
  margin-right: 4px;
}

.psc-Markdown\/Editor {
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
}

.psc-Menu\/All_Header {
  background-color: #181822;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  line-height: 17px;
  text-transform: none;
}

.psc-Menu\/Item {
  background-color: var(--neutral-20);
  border-style: none;
  font-size: 14px;
  font-weight: normal;
  line-height: 16px;
  text-transform: uppercase;
}
.psc-Menu\/Item:hover {
  font-size: 16px;
  font-weight: normal;
}

.psc-Menu\/Item_Selected {
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  color: #424242;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
}

.psc-Menu\/Menu {
  background-color: var(--neutral-20);
}

.psc-PostCard {
  background-color: #FFFFFF;
  border-color: #D5D5D5;
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  box-shadow: 3px 3px 7px #EAEAEA;
  margin: 0.5em;
  overflow: hidden;
}

.psc-UI\/Hover {
}
.psc-UI\/Hover:hover {
  cursor: pointer;
  text-decoration: underline;
}

.psc-UserFeedback\/Button {
  background-image: linear-gradient(180deg, #59B1E8 0%, #47A9E6 100%);
  border-color: #47A9E6;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  text-transform: uppercase;
  fill: #FFFFFF;
}

.psc-UserFeedback\/DemandPollBusy {
  background-image: linear-gradient(180deg, #59B1E8 0%, #6799B9 100%);
  border-color: #6799B9;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  text-transform: uppercase;
  fill: #FFFFFF;
}

.psc-UserFeedback\/Field {
  color: #8E8E8E;
  font-weight: 400;
  margin-bottom: 4px;
}

.psc-UserFeedback\/Icon {
  cursor: pointer;
  fill: #FFFFFF;
}

.psc-UserFeedback\/Markdown {
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  padding: 4px;
}

.psc-UserFeedback\/Title {
  font-size: 16px;
  font-weight: bold;
  line-height: 19px;
  fill: #FAFAFB;
}

.psc-button {
  background-color: #2B2B2B;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  cursor: pointer;
  margin: 1px;
}
.psc-button:hover {
  background-color: #555555;
}

@keyframes psc-Header\/Alarm_Active-anim {
  0% {
    color: #D5D5D5;
    fill: #E7F5FF;
  }
  100% {
    color: #FFCCCC;
    fill: #FFCCCC;
  }
}
.psc-Header\/Alarm_Active {
  animation-name: psc-Header\/Alarm_Active-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-Header\/Alarm_Active_Dark-anim {
  0% {
    color: #D5D5D5;
    fill: #2E2E2E;
  }
  100% {
    color: #FF4747;
    fill: #FF4747;
  }
}
.psc-Header\/Alarm_Active_Dark {
  animation-name: psc-Header\/Alarm_Active_Dark-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}