.loginPage form{
    max-width:530px;
}
/*.loginPage .formTextArea, .cmsAddUser .formTextArea, .cmsSiteSettings .formTextArea{
    width:100%;
    box-sizing: border-box;
    cursor: text;
    height: 32px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(96, 94, 92);
    border-image: initial;
    border-radius: 2px;
    background: rgb(255, 255, 255);
}
.loginPage .formTextArea:focus-within, .cmsAddUser .formTextArea:focus-within , .cmsSiteSettings .formTextArea:focus-within{
    border-width: 2px;
    border-style: solid;
    border-color: rgb(0, 120, 212);
    border-image: initial;
    border-radius: 2px;
}
.loginPage .formTextArea input, .cmsAddUser .formTextArea input, .cmsSiteSettings .formTextArea input{
    font-size: 14px;
    font-weight: 400;
    box-shadow: none;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 8px;
    padding-bottom: 0px;
    padding-left: 8px;
    box-sizing: border-box;
    color: rgb(50, 49, 48);
    width: 100%;
    min-width: 0px;
    text-overflow: ellipsis;
    border-radius: 0px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    background: none transparent;
    outline: 0px;
}*/
.formTextArea{
    width:100%;
    box-sizing: border-box;
    cursor: text;
    height: 32px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(96, 94, 92);
    border-image: initial;
    border-radius: 2px;
    background: rgb(255, 255, 255);
}
.formTextArea:focus-within{
    border-width: 2px;
    border-style: solid;
    border-color: rgb(0, 120, 212);
    border-image: initial;
    border-radius: 2px;
}
.formTextArea input{
    font-size: 14px;
    font-weight: 400;
    box-shadow: none;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 8px;
    padding-bottom: 0px;
    padding-left: 8px;
    box-sizing: border-box;
    color: rgb(50, 49, 48);
    width: 100%;
    min-width: 0px;
    text-overflow: ellipsis;
    border-radius: 0px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    background: none transparent;
    outline: 0px;
}
.loginPage .btn-login, .cmsAddUser .btn-login{
    position: relative;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-weight: 400;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    padding-top: 0px;
    padding-right: 16px;
    padding-bottom: 0px;
    padding-left: 16px;
    min-width: 80px;
    height: 32px;
    background-color: rgb(0, 120, 212);
    color: rgb(255, 255, 255);
    user-select: none;
    outline: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(0, 120, 212);
    border-image: initial;
    text-decoration: none;
    border-radius: 2px;
}
.loginPage .btn-login:hover, .cmsAddUser .btn-login:hover {
    background-color: rgb(16, 110, 190);
    color: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(16, 110, 190);
    border-image: initial;
}
.loginPage .btn-login:active, .cmsAddUser .btn-login:active {
    background-color: rgb(0, 90, 158);
    color: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(0, 90, 158);
    border-image: initial;
}
.loginPage .formTextArea, .loginPage .formButtonArea{
    margin:5px 0px;
}
.cmsAddUser .formTextArea, .cmsAddUser .formButtonArea{
    margin:5px 0px;
}
.cmsPortalPage .pm, .cmsPortalPage .sm, .cmsPortalPage .um{
    display:flex;
}
.cmsPortalPage .pm a, .cmsPortalPage .sm a, .cmsPortalPage .um a{
    margin: 0px 5px;

    text-decoration: inherit;
    color: inherit;
}
.cmsPortalPage .pm a div, .cmsPortalPage .sm a div, .cmsPortalPage .um a div{
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding:10px;
    box-sizing: border-box;

    cursor: pointer;

    width: 150px;
    height: 150px;
    
    border-width: 1px;
    border-style: solid;
    border-color: rgb(138, 136, 134);
    border-image: initial;
    text-decoration: none;
    border-radius: 2px;
    text-align: center;
}
.cmsPortalPage .pm a:hover div, .cmsPortalPage .sm a:hover div, .cmsPortalPage .um a:hover div{
    background-color: rgb(243, 242, 241);
}
.cmsPortalPage .pm a div img, .cmsPortalPage .sm a div img, .cmsPortalPage .um a div img{
    margin-bottom:5px;
}
.button{
    text-decoration: inherit;
    color: inherit;
    display: inline-block;
    cursor: pointer;
}
.button>a{
    display: inline-block;
    align-items: center;
    
    padding:10px;
    box-sizing: border-box;

    border-width: 1px;
    border-style: solid;
    border-color: rgb(138, 136, 134);
    border-image: initial;
    text-decoration: none;
    color:initial;
    border-radius: 2px;
}
.button>a div{
    display: flex;
    align-items: center;
}
.button:hover>a{
    background-color: rgb(243, 242, 241);
}
.button>a div img{
    height: 25px;
    margin-right:3px
}
.cmsAddUser form p{
    margin-top: 10px;
    margin-bottom: 5px;
}
.cmsListUsers .userListing table{
    width:100%;
}
.cmsListUsers .userListing table th{
    text-align: left;
    border-bottom: 1px solid rgb(237, 235, 233);
}
.cmsListUsers .userListing table tr td{
    border-bottom: 1px solid rgb(237, 235, 233);
}
.cmsListUsers .userListing table tr td, .cmsListUsers .userListing table th{
    padding:12px;
    box-sizing: border-box;
}
/* .cmsListUsers .userListing table tr td:nth-of-type(4){
    display:flex;
} */
.cmsListUsers .userListing table tr td:nth-of-type(4) a{
    margin: 0px auto;
}
.cmsListUsers .userListing table tr td:nth-of-type(4) a:nth-of-type(1){
    margin-left: 0px;
}
.cmsListUsers .userListing table tr td:nth-of-type(4) a:nth-last-of-type(){
    margin-right: 0px;
}
.cmsListUsers .userListing table .listIcon{
    height:25px;
}
.cmsDeleteUser .btn-delete{
    position: relative;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    font-weight: 400;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    padding-top: 0px;
    padding-right: 16px;
    padding-bottom: 0px;
    padding-left: 16px;
    min-width: 80px;
    min-height: 44px;
    background-color: rgb(0, 120, 212);
    color: rgb(255, 255, 255);
    user-select: none;
    outline: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(0, 120, 212);
    border-image: initial;
    text-decoration: none;
    border-radius: 2px;
}
.cmsDeleteUser .btn-delete:hover {
    background-color: rgb(16, 110, 190);
    color: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(16, 110, 190);
    border-image: initial;
}
.cmsDeleteUser .btn-delete:active {
    background-color: rgb(0, 90, 158);
    color: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(0, 90, 158);
    border-image: initial;
}
.cmsSiteSettings .btn-save{
    position: relative;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    font-weight: 400;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    padding-top: 0px;
    padding-right: 16px;
    padding-bottom: 0px;
    padding-left: 16px;
    min-width: 80px;
    min-height: 44px;
    background-color: rgb(0, 120, 212);
    color: rgb(255, 255, 255);
    user-select: none;
    outline: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(0, 120, 212);
    border-image: initial;
    text-decoration: none;
    border-radius: 2px;
}
.cmsSiteSettings .btn-save:hover {
    background-color: rgb(16, 110, 190);
    color: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(16, 110, 190);
    border-image: initial;
}
.cmsSiteSettings .btn-save:active {
    background-color: rgb(0, 90, 158);
    color: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(0, 90, 158);
    border-image: initial;
}
.cmsDeletePost .btn-delete{
    position: relative;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    font-weight: 400;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    padding-top: 0px;
    padding-right: 16px;
    padding-bottom: 0px;
    padding-left: 16px;
    min-width: 80px;
    min-height: 44px;
    background-color: rgb(0, 120, 212);
    color: rgb(255, 255, 255);
    user-select: none;
    outline: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(0, 120, 212);
    border-image: initial;
    text-decoration: none;
    border-radius: 2px;
}
.cmsDeletePost .btn-delete:hover {
    background-color: rgb(16, 110, 190);
    color: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(16, 110, 190);
    border-image: initial;
}
.cmsDeletePost .btn-delete:active {
    background-color: rgb(0, 90, 158);
    color: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(0, 90, 158);
    border-image: initial;
}
/* Systam Modal (background) */
.system-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* System Modal Content/Box */
.system-modal-content {
    background-color: #fefefe;
    margin: 5px auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}