/*OpenHierarchy stuff inside contentitem div*/

.background{background-color: #DDDDDD;}
.lightbackground{background-color: #EEEEEE;}
.hover:hover{background-color: #d3dff8;}

.border {border:1px solid #DDDDDD;}

.ten{width: 10%;}
.twenty{width: 20%;}
.thirty{width: 30%;}
.forty{width: 40%;}
.fifty{width: 50%;}
.sixty{width: 60%;}
.seventy{width: 70%;}
.eighty{width: 80%;}
.ninety{width: 90%;}
.half{width: 50%;}/*legacy*/
.full {width: 100%;}

.hidden {display: none;}
.margintop{margin-top: 2px;}
.marginbottom{margin-bottom: 3px;}
.marginright{margin-right: 2px;}
.marginleft{margin-left: 2px;}
.bigmargintop{margin-top: 10px;}
.bigmarginbottom{margin-bottom: 10px;}
.bigmarginleft{margin-left: 10px;}
.bigmarginright{margin-right: 10px;}

.paddingtop{padding-top: 2px;}
.paddingbottom{padding-bottom: 2px;}
.paddingright{padding-right: 2px;}
.paddingleft{padding-left: 2px;}
.disabledtext{color: gray;} 
.bordertop {border-top: 1px solid #B7CAF6;}
.borderbottom {border-bottom: 1px solid #B7CAF6;}
.clearboth {clear: both;}
.required{color: red;}

/*Textareas*/
textarea.small{display: block; height: 45px; margin: 0 auto;width:99%;}
textarea.medium{display: block; height: 90px;}
textarea.large{display: block; height: 180px;}

/*Tables*/
table{border: none;}
th, td {display: table-cell; margin:0; padding:3px; vertical-align:top; text-align:left;}

table.border {display:table; border-collapse:collapse; margin:15px 0; padding:0; font-size:100%;}
table.border tr {display:table-row;}
table.border th, table.border td {border:1px solid #DDDDDD;}
table.border th {background:#DDDDDD; color:#404248; font-weight:bold;}

/*div*/
div.floatright{float:right;}
div.floatleft{float:left;}
div.scrolllist{overflow-x:hidden; overflow-y:scroll; height: 120px; padding-right: 3px;}

/*img*/
img{border:0; margin:0; padding:0;}
img.alignbottom{vertical-align: bottom;}

/*h1-h5*/
h1 {font-size:180%; line-height:100%; font-weight:normal;}/*font-family:"georgia",serif; */
h2 {font-size:120%; line-height:100%; font-weight:bold;}
h3 {font-size:120%;}
h4 {font-size:100%;}
h5 {font-size:80%;}

/*P*/
p.error{color: #c32929;}
.contentitem p.tiny{font-size:80%; margin: 0px; padding: 0px; text-align: left;}

.bold{font-weight: bold}
.italic{font-style: italic;}
.disabledtext{color: gray;}

/*text align*/
.text-align-right{text-align: right;}
.text-align-left{text-align: left;}
.text-align-center{text-align: center;}
.text-align-justify{text-align: justify;}
.text-align-inherit{text-align: inherit;}

div.media_embed {
    display: flex;
    justify-content: center;
}
    
div.media_embed > iframe {
    aspect-ratio: 16 / 9;
    width: 100% !important;
}