.page {
    margin-left: 20px;
    margin-top: 30px;
}

.page-section-new {
    width: 100%;
    margin-top: 10px;
}

.page-section {
    width: 100%;
    margin-top: 10px;
}

.page-section-left {
    width: 100%;
    text-align: right;
}

.page-section-center {
    width: 100%;
    text-align: center;
}

.page-section-right{
    width: 100%;
    text-align: right;
}

.page-section-columns {
    display: flex;
}

.section-columns {
    display: flex;
}

.page-section-hidden {
    visibility: hidden;
}

.page-section-tabs {
    margin-top: 0px;
    height: 50px;
    width: 98%;
    border-bottom: solid 1px black;
}

.page-section-column {
    margin-left: 5px;
}

.section-column {
    margin-left: 5px;
}

.page-section-column-200 {
    margin-left: 5px;
    width: 200px;
}

.page-section-column-300 {
    margin-left: 5px;
    width: 300px;
}

.page-section-column-400 {
    margin-left: 5px;
    width: 400px;
}

.page-section-column-500 {
    margin-left: 5px;
}

.page-section-column-10p {
    margin-left: 5px;
    width: 10%;
}


.page-section-column-20p {
    margin-left: 5px;
    width: 20%;
}

.page-section-column-25p {
    margin-left: 5px;
    width: 25%;
}

.page-section-column-30p {
    margin-left: 5px;
    width: 30%;
}

.page-section-column-40p {
    margin-left: 5px;
    width: 40%;
}

.page-section-column-50p {
    margin-left: 5px;
    width: 50%;
}

.page-section-column-60p {
    margin-left: 5px;
    width: 60%;
}

.page-section-column-70p {
    margin-left: 5px;
    width: 70%;
}

.page-section-column-80p {
    margin-left: 5px;
    width: 80%;
}

.page-section-column-90p {
    margin-left: 5px;
    width: 90%;
}

.column-top {
    vertical-align: top;
}

.column-margin-top-2 {
    margin-top: 2px;
}

.column-margin-top-3 {
    margin-top: 3px;
}

.column-margin-top-5 {
    margin-top: 5px;
}

.column-margin-top-10 {
    margin-top:10px;
}

.column-margin-top-20 {
    margin-top: 20px;
}

.column-bottom {
    vertical-align: bottom;
}

.column-left {
    text-align: left;
}

.column-right {
    text-align: right;
}

.column-margin-left-100 {
    margin-left:100px;
}

.column-margin-left-200 {
    margin-left: 200px;
}

.column-margin-left-300 {
    margin-left: 300px;
}

.tab {
    background-color: white;
    padding: 2px 8px 2px 8px;
    text-align: center;
    display: inline-block;
    height: 30px;
    font-family: Poppins;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    margin-left: 10px;
    margin-right: -10px;
    color:black;
}

    .tab:hover {
        cursor: pointer;
    }

.tab-selected {
    margin-top: 21px;
    background-color: #551A8B;
    border: solid 1px #505050;
    color: white;
}

.image-30p {
    width: 30%;
}

.image-40p {
    width: 40%;
}

.image-50p {
    width: 50%;
}

.image-60p {
    width: 60%;
}

.image-70p {
    width: 70%;
}

.image-80p {
    width: 70%;
}

.image-90p {
    width: 70%;
}


.column-top-100 {
    margin-top: 100px;
}

.column-top-10 {
    margin-top: 10px;
}

.column-top-20 {
    margin-top: 20px;
}

.column-width-10 {
    width: 10px;
}

.column-width-20 {
    width: 20px;
}

.column-width-30 {
    width: 30px;
}

.column-width-300 {
    width: 300px;
}

.column-width-400 {
    width: 400px;
}

.column-width-500 {
    width: 500px;
}

.column-width-800 {
    width: 800px;
}

.column-width-900 {
    width: 900px;
}

.column-width-1024 {
    width: 1024px;
}

.column-width-20p {
    width: 20%;
}


.column-width-25p {
    width: 25%;
}

.column-width-30p {
    width: 30%;
}

.column-width-35p {
    width: 35%;
}

.column-width-40p {
    width: 40%;
}

.column-width-45p {
    width: 45%;
}

.column-width-50p {
    width: 50%;
}

.column-width-55p {
    width: 55%;
}

.column-width-60p {
    width: 60%;
}

.column-width-65p {
    width: 65%;
}

.column-width-70p {
    width: 70%;
}

.column-width-75p {
    width: 75%;
}

.column-width-100p {
    width: 100%;
}

.column-height-20p {
    height: 20%;
}

.column-height-25p {
    height: 25%;
}

.column-height-30p {
    height: 30%;
}

.column-height-40p {
    height: 40%;
}


.column-height-50p {
    height: 50%;
}

.column-height-75p {
    height: 75%;
}

.column-height-100 {
    height:100px;
}

.column-height-200 {
    height: 200px;
}

.column-height-300 {
    height: 300px;
}

.column-height-800 {
    height: 800px;
}

.page-item-hidden {
    visibility: hidden;
}

.page-section-columns-row {
    display: flex;
    margin-top: 5px;
}

/* Control Item Styles */

.item-font-bold {
    font-weight: bold;
}

.item-font-small {
    font-size: 12pt;
}

.item-font-medium {
    font-size: 14pt;
}

.item-font-large {
    font-size: 18pt;
}

.item-width-150 {
    width: 150px;
}

.item-width-100 {
    width: 150px;
}

.item-width-200 {
    width: 150px;
}

/* Colors */
.text-red {
    color: red;
}

.text-green {
    color: green;
}

.text-blue {
    color: blue;
}

/* MessageBox */
.MessageBox {
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}

.item-round-border {
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
}

.div-round-border {
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}

.div-round-border-10 {
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
}

.div-round-border-15 {
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
}

.div-round-border-20 {
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
}

.column-padding-top-5 {
    padding-top:5px;
}

.section-right 
{
    width:100%;
    float:right;
}

.page-container{
    background-color:silver;
    min-height:100%;
    height:100%;
}

.container {
    width:100%;
}

.row {
    display: flex;
}

.col {
    flex: 1 1 0px;
}

.col-64 {
    width:64px;
}

.col-128 {
    width:128px;
}

.col-192 {
    width: 192px;
}

.col-256 {
    width: 256px;
}

.col-320 {
    width: 320px;
}

.col-384 {
    width: 384px;
}

.col-512 {
    width: 512px;
}

.item-color-title {
    color: #551A8B;
}