.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-40 {
    margin-left: 40px;
}

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

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

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

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

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

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

.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-40 {
    width: 40px;
}

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

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

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

.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%;
}

.form-group {
    margin-bottom: 7px;
    display:flex;
}

.form-label {
    font-size: 10pt;
}

.col-64 {
    width: 64px;
}

.col-96 {
    width: 96px;
}

.col-128 {
    width: 128px;
}

.col-160{
    width: 160px;
}

.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;
}

.text-title {
    font-size: 18pt;
}

.text-spacing-30 {
    margin-bottom: 10px;
}

.col-end {
    justify-content: flex-end;
}

.col-start {
    justify-content: flex-start;
}

.col-center {
    justify-content: center;
}

.col-10 {
    width: 10px;
}

.col-20 {
    width: 20px;
}

.col-48 {
    width: 48px;
}

.col-32 {
    width: 32px;
}


/*
    Add styles
*/
.col-sm-12 {
    width: 100%;
}

.col-sm-11 {
    width: 91.66666667%;
}

.col-sm-10 {
    width: 83.33333333%;
}

.col-sm-9 {
    width: 75%;
}

.col-sm-8 {
    width: 66.66666667%;
}

.col-sm-7 {
    width: 58.33333333%;
}

.col-sm-6 {
    width: 50%;
}

.col-sm-5 {
    width: 41.66666667%;
}

.col-sm-4 {
    width: 33.33333333%;
}

.col-sm-3 {
    width: 25%;
}

.col-sm-2 {
    width: 16.66666667%;
}

.col-sm-1 {
    width: 8.33333333%;
}

.col-xs-offset-1 {
    margin-left: 8.33333%;
}

/*.form-group {
    display:flex;
    margin-bottom: 15px;
}*/

.form-control {
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}

.modal-title {
    width: 100%;
    font-size: 12pt;
    Height: 30px;
    color: white;
    background-color: #551A8B;
    -moz-border-radius: 5px 0 5px 0;
    -webkit-border-radius: 5px;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

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

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

.col-center {
    text-align: center;
}