#DataGrid tbody td {vertical-align:middle;}
.row small {font-size:.7rem;}


.note-editing-area .title {font-size: 28px; font-weight: 300; text-transform: uppercase; color: #39619A; margin-bottom:20px;}
.note-editing-area .megatitle3x {font-size: 90px; font-weight: 700; margin-bottom:20px; max-width:50%; line-height: 6rem;letter-spacing:-3.5px;}
.note-editing-area .megatitle2x {font-size: 66px; font-weight: 700; margin-bottom:20px; max-width:50%; line-height: 4rem;}
.note-editing-area .megatitle {font-size: 32px; font-weight: 700; margin-bottom:20px; line-height: 2.3rem; max-width:50%; }
.note-editing-area .headertitle {font-size: 30px; font-weight: 300; color: #39619A; text-align: center; padding:20px; margin-bottom:10px;}
.note-editing-area .headerlink {float:right; font-size: 15px; font-weight: 400;}
.note-editing-area .subtitle, .note-editing-area .subtitle a {font-size: 18px; font-weight: 700; color: #39619A; margin-bottom:10px;}
.note-editing-area .subtitle:hover, .note-editing-area .subtitle a:hover{color: #7CB3F0;}
.note-editing-area .note-editable {font-size: 15px; font-weight: 400; color:#525B70; text-align:justify;}
.note-editing-area .text-center .note-editable, .note-editing-area .text-center.note-editable {text-align:center;}
.note-editing-area .meta {font-size: 14px; font-weight: 400; }
.note-editing-area .metasmall {font-size: 12px; font-weight: 400; }
.note-editing-area .metalarge {font-size: 32px; font-weight: 400; }
.note-editing-area .item {padding-bottom:20px; }
.note-editing-area .itembordered {padding-bottom:20px; border-bottom: 1px solid #dedede;margin-bottom: 20px;}
.note-editing-area .headerimg_h {margin-bottom:10px;background-color: #e6e6e6; transition: background-color .2s linear .4s;position: relative;width: 100%;height: 0;padding-bottom: 56.25%;overflow: hidden;text-align: center;text-align: -webkit-center;}
.note-editing-area .headerimg_h img{width:100%;}
.note-editing-area .headerimg_v{margin-bottom:10px;background-color: #e6e6e6; transition: background-color .2s linear .4s; height: 325px;}
.note-editing-area .headerimg_v img {width: auto;height:100%;}
.note-editing-area .leftimg{float:left; margin-right:10px;}
.note-editing-area .middledirection {display:flex; flex-direction: row;}

.note-editing-area .person{float:right; width:35%;margin-bottom:50px;}
.note-editing-area .personname{font-size:20px;font-weight:700;color:#525B70; text-transform:uppercase;}
.note-editing-area .persontitle{font-size:20px;font-weight:400;color:#525B70; text-transform:uppercase;}
.note-editing-area .personposition{font-size:16px;font-weight:400;color:#525B70; text-transform:uppercase;}

.note-editing-area .note-editable ul { list-style: none; padding: 0; margin-left:0px;}
.note-editing-area .note-editable ul ul { margin-bottom:10px;}
.note-editing-area .note-editable ul > li { padding-left: 1.3em; list-style-type:none; }
.note-editing-area .note-editable ul > li:before {content: "\f054"; font-family: FontAwesome;display: inline-block;margin-left: -1.3em; width: 1.3em; }
.note-editing-area .note-editable ul > li li:before {content: "\f068"; }
.note-editing-area .note-editable ul > li li li:before {content: "\f111"; }