﻿*
{
    box-sizing:border-box;
}
:root
{
    --primary: #165FB2;
    --primary-alt: #1f407d;
    --primary-alt-2:#516d9e;
    --secondary: #0F171F;
    --tertiary: #323232;
}
html, body
{
    margin:0;
    padding:0;
    height:100%;
}
body
{
    line-height: 1.4;
    color: var(--primary-alt);
    font-size: 16px;
    font-family: proxima-nova, sans-serif;
}
form
{
    margin:0;
    padding:0;
}
.iframe_body
{
    overflow:hidden;
}
body.no_scroll
{
    position:relative;
}
body.no_scroll form
{
    height:100%;
    width:100%;
    position:fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.flex_form
{
    height:100%;
    display:flex;
    flex-direction:column;
}
a
{
    cursor:pointer;
    color: #4285F4;
    text-decoration:none;
}
a:hover
{
    text-decoration:underline;
}
hr
{
    margin:30px 0;
    height:1px;
    width:100%;
    display:block;
    background:#ddd;
    border:0;
    -webkit-border:0;
    -webkit-appearance:none;
}

/* EXTRA BOOTSTRAP/UTILITY STYLES */
.alert-title
{
    font-size:1em;
    margin:0;
    padding:0;
    line-height:1.4;
    font-weight:normal;
}
.alert-text
{
    display:block;
    margin:0.67em 0 0;
    font-weight:lighter;
}

.flex-1
{
    flex:1 !important;
}
.row-flex-end
{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:flex-end;
    justify-content:flex-start;
}
a.list-group-item,
a.list-group-item:hover
{
    cursor:pointer;
    color: #4285F4;
}
.table-responsive
{
    border: 1px solid #ddd;
    border-radius:4px;
    margin:0 0 20px;
}
.table-responsive table
{
    margin:0;
}
.table-background
{
    background:#fefefe;
}
.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td
{
    padding:10px;
}
.table-condensed > thead > tr > th, 
.table-condensed > tbody > tr > th, 
.table-condensed > tfoot > tr > th, 
.table-condensed > thead > tr > td, 
.table-condensed > tbody > tr > td, 
.table-condensed > tfoot > tr > td
{
    padding:7px;
}
.td-button
{
    width:1%;
    text-align:right;
    vertical-align:middle !important;
    white-space:nowrap;
}

.text-bold{font-weight:600;}
.text-block{display:block;}
.text-red{color:#EB4B3B !important;}
.text-green{color:#3AB196 !important;}
.text-blue{color:#165fb2 !important;}
.text-mint{color:#17a2b8 !important;}

.table-doublestriped > tbody > tr:nth-child(4n + 1),
.table-doublestriped > tbody > tr:nth-child(4n + 2)
{
    background:#f9f9f9;
}

.table-doublestriped > tbody > tr:nth-child(2n + 2) > td
{
    border-top:0;
}

.col-xs-visible
{
    display:none;
}
@media (max-width:767.9px)
{
    .col-xs-visible
    {
        display:block;
    }
    .col-xs-hidden
    {
        display:none;
    }
}
@media print
{
    .noprint{display: none;}
    body{box-shadow:none;}
}
/* END EXTRA BOOTSTRAP/UTILITY STYLES */

/* BOOTSTRAP PANELS CUSTOM */
.panel-title
{
    font-weight:600;
    font-size:1em;
}
.panel > .table-responsive
{
    padding:0 1px;
}
.panel-green{border-color: #3AB196;}
.panel-green > .panel-heading
{
    background-color: #3AB196;
    color: #fff;
    border-color: #3AB196;
}
.panel-blue{border-color: #165fb2;}
.panel-blue > .panel-heading
{
    background-color: #165fb2;
    color: #fff;
    border-color: #165fb2;
}
.panel-navy{border-color: #394a6a;}
.panel-navy > .panel-heading
{
    background-color: #394a6a;
    color: #fff;
    border-color: #394a6a;
}
.panel-red{border-color: #EB4B3B;}
.panel-red > .panel-heading
{
    background-color: #EB4B3B;
    color: #fff;
    border-color: #EB4B3B;
}
.panel-mint{border-color: #17a2b8;}
.panel-mint > .panel-heading
{
    background-color: #17a2b8;
    color: #fff;
    border-color: #17a2b8;
}

.panel-default > .panel-heading
{
    background-color:#ddd;
}
.panel-warning > .panel-heading
{
    background-color: #faebcc;
}
/* END BOOTSTRAP PANELS CUSTOM */

/* GENERAL LAYOUT */
.flex-container
{
    width:100%;
    max-width:100%;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}
.flex-align-center
{
    align-items:center;
}
.content_container
{
    width:100%;
    flex:1 0 auto;
    display:flex;
    flex-direction:row;
}
.content_frame
{
    border:0;
    width:0;
    min-width:100%;
    position:relative;
}
.content
{
    background:#F0F1F2;
    background-repeat:repeat;
    flex:1;
    padding:30px;
    position:relative;
    z-index:1;
    max-width:100%;
}
.LoadSpinner
{
    text-align: center;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    z-index:1;
}
.LoadSpinner2
{
    text-align: center;
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    z-index:1;
}
#loaded_content
{
    background:#fff;
    border-radius:7px;
    padding:30px 15px;
    max-width:100%;
    box-shadow: 0px 0px 10px 3px rgba(222, 227, 243, 0.5);
}
@media (max-width:767.9px)
{
    .content
    {
        padding:0;
    }
    #loaded_content
    {
        padding:30px 0;
        border-radius:0;
    }
}
/* END GENERAL LAYOUT */

/* HEADER */
header
{
    display:flex;
    flex-direction:row;
    align-items:center;
    padding: 35px 60px;
    background: var(--primary);
    position:relative;
    z-index:3;
    flex:none;
}
.header_logo
{
    display: flex;
    flex-direction:row;
    align-items:center;
    color:#fff;
    text-decoration: none;
    flex:1;
}
.header_logo:hover
{
    text-decoration:none;   
}
header img
{
    display:block;
    margin-right: 20px;
    transition:transform .3s;
    -webkit-transition:transform .3s;
    max-width:150px;
    width:100%;
}
header a:hover img
{
    transform:scale(1.05);
}
header h1
{
    margin: 0;
    padding:0;
    font-weight: 400;
    font-size: 1.625em;
}
.header_mobilespacer
{
    height:60px;
    flex:none;
    width:100%;
    display:none;
}
#a_opennav
{
    display:none;
    height:50px;
    width:50px;
    border-radius:4px;
    font-size:1.5em;
    margin-right:15px;
    position:relative;
    color:#fff;
}
.opennav_icon
{
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    opacity:0;
    transform:translate(-50%, -50%);
}
.opennav_initial
{
    opacity:1;
}
.opennav_visible
{
    animation:transition_icon .5s;
    animation-fill-mode: forwards;
}
@keyframes transition_icon
{
    from
    {
        transform:translate(-50%, -50%);
        opacity:0;
    }
    to 
    {
        transform:translate(-50%, -50%) rotate(180deg);
        opacity:1;
    }
}

@media (max-width:1199.9px)
{
    header
    {
        padding:0 15px;
        height:60px;
        position:fixed;
        top:0;
        left:0;
        z-index:9998;
        width:100%;
    }
    .header_mobilespacer
    {
        display:block;
    }
    header img
    {
        display:none;
    }
    header h1
    {
        font-size:1.125em;
        padding-right:15px;
    }
    #a_opennav
    {
        display:block;
    }
}
@media(max-width:499.9px)
{
    header h1
    {
        font-size:1em;
        padding-right:0;
    }
}
/* END HEADER */

/* BREADCRUMB NAV */
.bc_nav
{
    padding:10px 15px;
    margin:0 15px 30px;
    background:#F0F1F2;
    border-radius:4px;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    line-height:1;
    user-select:none;
    -webkit-user-select:none;
    font-size:.875em;
}
.bc_nav_item
{
    display:block;
    padding:0 5px;
}
.bc_nav_item::after
{
    content:'/';
    margin-left:5px;
}
/* END BREADCRUMB NAV */

/* LEFT NAV */
.sidenav
{
    width:20%;
    min-width: 300px;
    max-width:400px;
    color: var(--primary-alt);
    background:#fff;
    box-shadow: 0px 0px 10px 3px rgba(222, 227, 243, 0.5);
    position:relative;
    z-index:2;
}
.sidenav_welcome
{
    font-weight:800;
}
.sidenav_accountbuttons
{
    display:flex;
    flex-direction:row;
    align-items:center;
    margin-top:5px;
    font-size:.875em;
}
.sidenav_accountbuttons a:hover
{
    text-decoration:underline;
}
a.sidenav_myaccount
{
    margin-right:15px;
    color:var(--primary-alt-2);
}
a.sidenav_logout
{
    color:#EB4B3B;
}
.sidenav_item
{
    color: var(--primary-alt);
    text-decoration: none;
    width: 100%;
    display: flex;
    flex-direction:row;
    align-items:center;
    border-bottom: 1px solid #D7DCE1;
    padding-right: 15px;
    background:#fff;
    position:relative;
    z-index:4;
    font-weight:600;
    user-select:none;
    -webkit-user-select:none;
}
.sidenav_item::after
{
    content:'';
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    z-index:-1;
    background:#fff;
    border-radius:4px;
    transition: box-shadow .2s, transform .2s;
}
.sidenav_item:hover,
.sidenav_item:hover::after
{
    text-decoration:none;
    background:#E7F2FF;
}
.sidenav_useritem
{
    padding:15px 0;
}
.sidenav_item_image
{
    height:80px;
    display:flex;
    align-items:center;
    justify-content:center;
    width: 80px;
    min-width:80px;
    vertical-align: middle;
    position:relative;
}
.sidenav_item_alert .sidenav_item_image::after
{
    content: '!';
    width: 14px;
    height: 14px;
    font-size: .75em;
    color: #ff8800;
    background: #fff;
    border: 2px solid #ff8800;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 13px;
    right: 13px;
    border-radius: 100%;
    font-weight: bold;
    line-height: 1;
}
.sidenav_item_image img,
.sidenav_item_image span
{
    width: 50px;
    height: 50px;
    object-fit: cover;
    object-position:center center;
    border-radius: 50%;
    display: block;
}
.sidenav_item_alert .sidenav_item_image img
{
    width:54px;
    height:54px;
    border:2px solid #FF8800 !important;
}
.sidenav_item_image span
{
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--primary-alt);
    color:#fff;
    font-size:1.15em;
    font-weight:normal;
    line-height:1;
}
.sidenav_actionbutton .sidenav_item_image
{
    height:90px;
    background: #E7F2FF;
    text-align: center;
    color: var(--primary-alt-2);
    font-size: 1.5em;
}
.sidenav_item_text
{
    padding: 10px 15px;
    font-weight:600;
}
.sidenav_actionbutton .sidenav_item_text
{
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 0.05em;
    color:var(--primary-alt-2);
    line-height:1;
}
.sidenav_item.sidenav_open
{
    z-index:5;
}
.sidenav_item.sidenav_open::after
{
    -webkit-box-shadow: 0px 0px 10px 3px rgba(221, 221, 221, 1);
    -moz-box-shadow:    0px 0px 10px 3px rgba(221, 221, 221, 1);
    box-shadow:         0px 0px 10px 3px rgba(221, 221, 221, 1);
    transform:scale(1.075);
    border-radius:5px;
}
.sidenav_actionbutton .sidenav_item_image
{
    transition: all 0.3s;
}
.sidenav_actionbutton.sidenav_open .sidenav_item_image
{
    background: var(--primary-alt-2);
    color: #E7F2FF;
    transform:scaleY(1.075);
}
@media (max-width:1199.9px)
{
    .sidenav
    {
        position:fixed;
        left:0;
        right:0;
        top:60px;
        z-index:10;
        transform:translateX(-100%);
        background:#fff;
        width:50%;
        height:calc(100vh - 59px);
        overflow-y:auto;
        border-right:2px solid #D7DCE1;
        box-shadow:none;
    }
    .sidenav.sidenav_mobiletransition
    {
        transition:transform .3s ease;
    }
    .sidenav.sidenav_mobileopen
    {
        transform:translateX(0%);
        -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.1);
        -moz-box-shadow:    0px 0px 15px 0px rgba(50, 50, 50, 0.1);
        box-shadow:         0px 0px 15px 0px rgba(50, 50, 50, 0.1);
    }
    .sidenav_actionbutton .sidenav_item_image
    {
        height:80px;
    }
    .sidenav_item::after
    {
        display:none;
    }
    .sidenav_item.sidenav_open
    {
        background:#E7F2FF;
    }
    .sidenav_item.sidenav_open .sidenav_item_text
    {
        font-weight:800;
    }
    .sidenav_actionbutton.sidenav_open .sidenav_item_image
    {
        transform:none;
    }
}
@media (max-width:767.9px)
{
    .sidenav
    {
        width:100%;
        max-width:100%;
        border-right:0;
        height:auto;
        position:absolute;
        overflow:visible;   
        min-height:calc(100vh - 60px);
    }
    body.nav_open form
    {
        position:absolute;
        width:100%;
    }
}
/* END LEFT NAV */

/* LEFT NAV ADMIN */
.sidenav_admin
{
    background:#333;
    padding:15px 0;
}
.admin_navitem
{   
    position:relative;
    color:#fefefe;
    text-decoration:none;
    display:flex;
    flex-direction:row;
    align-items:center;
    padding:10px 30px;
    margin:5px 0;
    font-weight:400;
    font-size:1.125em;
    user-select:none;
    -webkit-user-select:none;
    cursor:pointer;
}
.admin_navitem:hover
{
    text-decoration:none;
}
.admin_navitem.sidenav_open::before
{
    content:'';
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    background:var(--primary);
    width:3px;
    height:75%;
}
.admin_navitem_icon
{
    display:block;
    margin-right:10px;
}
.admin_navitem_text
{
    transition:transform .2s ease;
}
.admin_navitem:hover .admin_navitem_text
{
    transform:translateX(5px);
}
.navicon_esv
{
    display:block;
    width:1.25em;
    height:1em;
    object-fit:contain;
    object-position:center center;
}
.admin_navspacer
{
    height:1px;
    background:rgba(255,255,255,0.1);
    width:calc(100% - 30px);
    margin:15px auto;
}
/* END LEFT NAV ADMIN */

/* FOOTER */
footer
{
    background: var(--secondary);
    height:60px;
    flex:none; /* Required to maintain 60px height */
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 30px;
    color: #eee;
    position:relative;
    z-index:3;
}
footer a
{
    color: #eee;
    text-decoration: none;
}
footer a:hover
{
    text-decoration: underline;
}
.footer_links
{
    margin-left:auto;
    display:flex;
    flex-direction:row;
    align-items:center;
}
.footer_link_separator
{
    height:1.5em;
    background:#eee;
    width:1px;
    margin:0 15px;
}
@media (max-width:991.9px)
{
    footer
    {
        height:auto;
        padding:30px;
        flex-direction:column;
        text-align:center;
    }
    .footer_links
    {
        margin:10px 0 0;
    }
}
@media (max-width:320.9px) /* iPhone 5/SE */
{
    footer a
    {
        flex:1;
        text-align:center;
    }
    footer
    {
        padding:30px 15px;
    }
}
/* END FOOTER */

/* UPDATES (NOTIFICATIONS) */
.notification_alert
{
    width:100%;
    margin-bottom:30px;
    background: #CDDBF2;
    border: 1px solid #4285F4;
    border-radius: 7px;
    position: relative;
    color: #1F407D;
    padding:20px;
}
.notification_title
{
    display:block;
    font-weight:600;
    font-size:1.125em;
    margin:10px 0 20px;
    line-height:1px;
}
.notification_body
{
    font-size:1em;
}
.notification_alert ul,
.notification_alert p
{
    margin-bottom:0;
}
.notification_close
{
    position: absolute;
    top: 10px;
    right: 10px;
}
.notification_close svg
{   
    color: #4B679A;
    line-height:1;
    width: 20px !important;
    height: 20px !important;
}
.notification_close:hover svg
{
    color:var(--primary-alt);
}
@media (max-width: 767.9px)
{
    .notification_alert
    {
        border-radius: 0;
        margin-bottom: 0;
    }
}
/* END UPDATES (NOTIFICATIONS) */

/* TIMEOUT COUNTDOWN */
.timeoutbox
{
    font-variant-numeric: tabular-nums;
    position:fixed;
    top:30px;
    right:30px;
    border-radius:3px;
    z-index:99999;
    pointer-events: none;
    
    line-height:1;
    color:#333;
    background:rgba(255,255,255,.9);
    padding:15px;
    font-size:.875em;
    font-weight:300;    
    font-family: proxima-nova, sans-serif;

    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.1);
    -moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.1);
    box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.1);
}
@media(max-width:991.9px)
{
    .timeoutbox
    {
        display:none;
    }
}
/* END TIMEOUT COUNTDOWN */

/* GOOGLE TRANSLATE */
.translatebox
{
    font-variant-numeric: tabular-nums;
    position:fixed;
    top:90px;
    right:30px;
    border-radius:3px;
    z-index:99999;
    
    line-height:1;
    color:#333;
    background:rgba(255,255,255,.9);
    padding:10px;
    font-size:.875em;
    font-weight:300;
    font-family: proxima-nova, sans-serif !important;

    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.1);
    -moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.1);
    box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.1);    
}
.goog-te-gadget
{
    font-family: proxima-nova, sans-serif !important;
}
.goog-te-gadget-simple
{
    background: transparent !important;
    border: none !important;
}
.goog-te-menu-value
{
    display: inline !important;
    font-size:16px;
    font-weight:bold;
}
GoogleTranslate:hover .google_translate_element
{
    background: black !important;
}
.GoogleTranslate:hover a
{
    color: White !important;
    background: transparent !important;
}
.goog-te-gadget-simple
{
    padding: 0 !important;
}
.GoogleTranslate [style="color: rgb(118, 118, 118);"], .GoogleTranslate [style="color: rgb(155, 155, 155);"], .GoogleTranslate [style="color: rgb(213, 213, 213);"], .GoogleTranslate [style=" border-left-width: 1px; border-left-style: solid; border-left-color: rgb(187, 187, 187);"]
{
    display:none !important;
}
.goog-te-gadget-simple .goog-te-menu-value
{
    color:#3d4042 !important;
}
.GoogleTranslate [style="border-left: 1px solid rgb(187, 187, 187);"]
{
    border-left: none !important;
}
.goog-te-gadget-icon
{
    display: none !important;
}
.GoogleTranslate
{
    transition: all 0.5s;
}
.GoogleTranslate:hover 
{
    background: black;
}
.goog-te-gadget-simple .goog-te-menu-value span
{
	color:#626669 !important;
    font-family:"proxima-nova-condensed", Sans-Serif !important;
    font-size:15px;
    font-weight:400 !important;
}
@media(max-width:991.9px)
{
    .translatebox
    {
        top:15px;
        right:40px;
    }
}

/* MODAL WINDOWS */
.modal_background
{
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1000;
    width: 100%;
    min-height: 100vh;
    z-index:9999;
}
.modal_body
{
    max-width: 1200px;
    background: #fff;
    border: 0px;
    border-radius: 4px;
    position: fixed;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    width: calc(100vw - 60px);
    max-height: calc(100vh - 60px);
    padding:30px;
    display:flex;
    flex-direction:column;
    z-index:2;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.4);
    box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.4);
}
.modal_scroll
{
    width:100%;
    max-height:100%;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
}
.modal_frame
{
    width:0;
    min-width:100%;
    border:0;
}
.modal_closebutton,
.popup_closebutton
{
    position: absolute;
    width: 20px;
    height:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    line-height:1;
    top: 5px;
    right: 5px;
    z-index: 20;
    color:var(--primary);
    text-align: center;
    cursor:pointer;
}
.popup_body
{
    max-width: 800px;
    background: #fff;
    border: 0px;
    border-radius: 4px;
    position: fixed;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    width: calc(100vw - 60px);
    max-height: calc(100vh - 60px);
    padding:80px 30px 30px;
    display:flex;
    flex-direction:column;
    z-index:2;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.4);
    box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.4);
}
.popup_title
{
    margin:0;
    padding:0 45px 0 30px;
    height:60px;
    display:flex;
    align-items:center;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    font-size:1.5em;
    color:#fff;
    background:var(--primary-alt);
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}
.popup_closebutton
{
    color:#fff;
    top:20px;
    right:30px;
}
.popup_text
{
    font-size:1.25em;
    margin:0 0 30px;
}
.popup_okaybutton
{
    font-size:1.125em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    margin-left:auto;
    padding: 0 30px;
    height: 50px;
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    border: none;
    -webkit-appearance: none;
    background: #3AB196;
}
.popup_okaybutton:hover
{
    background: #349E87;
}

@media(max-width:767.9px)
{
    .modal_body
    {
        position:absolute;
        transform:none;
        top:0;
        left:0;
        height:auto;
        min-height:100vh;
        max-height:unset;
        width:100%;
        border-radius:0;
        padding:50px 0 0;
    }
    .modal_closebutton
    {
        width:30px;
        height:30px;
        top:10px;
        font-size:1.25em;
    }
    .modal_scroll
    {
        width:100%;
        height:auto;
        overflow:visible;
    }
}
/* END MODAL WINDOWS */

/* INFO BAR */
.infobar
{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    line-height:1;
    padding:0 15px;
}
.infobar.info_top
{
    margin-bottom:30px;
}
.infobar.info_bottom
{
    margin-top:30px;
}

.info_person
{
    display:flex;
    flex-direction:row;
    align-items:center;
    padding-right:50px;
}
.info_person_textbox h4,
.info_school h4
{
    color:var(--primary-alt);
    font-size:1em;
    padding:0;
    margin:0 0 10px;
    font-weight:800;
}
.info_person_name,
.info_school_address,
.info_school_phone,
.info_text
{
    font-size:.875em;
    font-weight:600;
    display:block;
    margin:0 0 10px;
    color:var(--primary-alt-2);
}
.info_text:last-child
{
    margin-bottom:0;
}
.info_school_phone
{
    margin:0;
    display:flex;
    flex-direction:row;
    align-items:center;
}
.info_school_phone svg
{
    font-size:1.125em;
    margin-right:5px;
}
.info_person_textbox a
{
    font-weight:800;
    color: #4285F4;
    text-decoration: none;
    font-size:.875em;
}
.info_person_textbox a:hover
{
    text-decoration: underline;
}
.info_person_image,
.info_initials
{
    width: 75px;
    min-width:75px;
    height: 75px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 15px;
    user-select:none;
    -webkit-user-select:none:
}
.info_initials
{
    background:var(--primary-alt);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.75em;
    line-height:1;
    font-weight:normal;
}
@media (max-width:767.9px)
{
   .info_super
    {
        display:none;
    } 
    .infobar
    {
        align-items:center;
        justify-content:flex-start;
        padding:0 30px;
    }
}
/* END INFO BAR */

/* FORMS */
.forms
{
    background: #F7F9FA;
    border-radius: 4px;
    padding: 30px;
    margin:15px 0 0;
}
.forms_modal
{
    margin:0;
}
.forms_bordered
{
    border: 1px solid #BFD8F6;
}
.forms_container
{
    margin:-15px 0 0;
}
.forms_title
{
    color: var(--primary-alt-2);
    font-size: 0.875em;
    font-weight: 600;
    text-transform: uppercase;
    line-height:1;
    margin:0 0 35px;
    padding:0;
}
.forms_title svg
{
    margin-right:5px;
}
.forms_subtitle
{
    color:var(--primary-alt);
    font-size:1em;
    font-weight:800;
    margin:35px 0 10px;
    padding:0;
}
.forms_info
{
    font-size:.875em;
}
p.forms_info
{
    margin:0 0 15px;
    padding:0;
    display:block;
}
.forms_section
{
    padding-top:15px;
    padding-bottom:15px;
}
.forms_sectiontitle
{
    color:#394a6a;
    font-weight:800;
    line-height:1;
    font-size:1em;
    margin:0 0 35px;
    padding:0;
}
.forms_sectiontitle.subsection_title
{
    margin:55px 0 35px;
}
.forms_separator
{
    background:var(--primary-alt);
}
.forms_group
{
    margin:0 0 20px;
}
.forms_group_horizontal
{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
    margin-left:-15px;
    margin-right:-15px;
}
.forms_control
{
    display:flex;
    flex-direction:row;
    align-items:center;
    -webkit-border-radius:0;
    height:40px;
    width:100%;
    border: 1px solid #BFD8F6;
    border-radius: 3px;
    padding: 0 15px;
    font-weight: 600;
    font-size: 0.875em;
    color: #0e192e;
    position:relative;
    z-index:1;
}
textarea.forms_control
{
    height:auto;
    display:block;
    padding:15px;
}
.forms_control:focus
{
    z-index:2;
}
.forms_control[disabled]
{
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    cursor:not-allowed;
}
.forms_control_autowidth
{
    width:auto;
}
.control_small
{
    padding:0 7px;
    height:30px;
    font-size:.875em;
}
.forms_text
{
    display:flex;
    flex-direction:row;
    align-items:center;
    height:40px;
    width:100%;
    font-weight: 600;
    font-size: 0.875em;
    color: #0e192e;
    position:relative;
    z-index:1;
}
.forms_label
{
    margin-bottom:8px;
    color: var(--primary-alt-2);
    font-weight: 600;
    font-size: 0.875em;
    line-height:1;
    display:inline-block;
}
.label_required
{
    font-weight:800;
    color:#394a6a;
}
.label_required::before
{
    content: "* ";
}
.forms_radiobuttons
{
    display:block;
    padding:0;
    margin:0;
    list-style-type:none;
}
.forms_radiobuttons li
{
    display:flex;
    flex-direction:row;
    align-items:center;
    margin-bottom:5px;
    font-size:.875em;
    font-weight:400;
    color:var(--primary-alt-2);
}
.forms_radiobuttons li label
{
    margin-left:10px;
}
.forms_buttons
{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
    margin:0 -3px 15px;
    user-select:none;
    -webkit-user-select:none;
}
.buttons_spaced
{
    margin-top:15px;
}
.buttons_unspaced
{
    margin:0 -3px;
}
.buttons_right
{
    justify-content:flex-end;
}
.buttons_center
{
    justify-content:center;
}
.forms_button
{
    -wekit-appearance:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin:0;
    padding:0 30px;
    height:40px;
    border-radius:4px;
    color:#fff;
    font-weight:600;
    text-decoration:none;
    border:none;
    -webkit-appearance:none;
    line-height:1;
}
.forms_button:hover
{
    text-decoration:none;
    color:#fff;
}
.button_green{background: #3AB196;}
.button_green:hover{background: #349E87;}
.button_red{background: #EB4B3B;}
.button_red:hover{background: #de2817;}
.button_blue{background:#165fb2;}
.button_blue:hover{background:#104684}
.button_mint{background:#17a2b8;}
.button_mint:hover{background:#138496;}
.button_small
{
    padding:0 15px;
    height:30px;
    font-size:.875em;
}
.forms_buttons .forms_button
{
    margin:3px;
}

.input_group
{
    display:flex;
    flex-direction:row;
}
.input_group .forms_button:first-child,
.input_group .forms_control:first-child
{
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
    margin:0;
}
.input_group .forms_button,
.input_group .forms_control
{
    border-radius:0;
    margin:0;
    margin-left:-1px;
}
.input_group .forms_button
{
    flex:none;
}
.input_group .forms_control
{
    flex:1 1 auto;
}
.input_group .forms_checkbox
{
    flex:none;
    padding:0 5px;
    display:flex;
    align-items:center;
    flex-direction:row;
    width:auto;
    margin:0;
}
.input_group_setwidths .forms_control
{
    flex:none;
}
.input_group .forms_button:last-child,
.input_group .forms_control:last-child
{
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
}
.forms_panel
{
    margin:0 0 20px;
    width:100%;
    border:1px solid #ddd;
    background:#fefefe;
    padding:30px 15px;
    border-radius:4px;
}
.forms_checkboxtable
{
    table-layout:fixed;
}
.forms_checkboxlist
{
    width:100%;
    display:flex;
    flex-direction:column;
    margin:0;
    padding:0;
    list-style-type:none;
}
.checkboxlist_horizontal
{
    flex-direction:row;
    justify-content:flex-start;
    flex-wrap:wrap;
    margin:0 -10px;
    width:100%;
    max-width:100%;
}
.forms_checkbox,
.forms_checkboxlist li
{
    display:flex;
    width:100%;
    flex-direction:row;
    align-items:center;
    margin-bottom:20px;
}
.checkbox_red label,
.checkboxlist_red li label {
    color: #EB4B3B !important
}
.checkboxlist_horizontal li
{
    width:auto;
    margin:10px;
}
.forms_checkboxlist input[type="checkbox"],
.forms_checkboxlist input[type="radio"],
.forms_checkbox input[type="checkbox"],
.forms_checkbox input[type="radio"],
.forms_checkboxtable input[type="checkbox"],
.forms_checkboxtable input[type="radio"]
{
    margin:0;
    margin-right:5px;
}
.forms_checkboxlist label,
.forms_checkbox label,
.forms_checkboxtable label
{
    margin:0;
    color: var(--primary-alt-2);
    font-weight: 600;
    font-size: 0.875em;
    line-height:1;
}
.forms_button_separator
{
    padding:15px;
    text-align:center;
    font-weight:600;
}
@media (min-width:768px)
{
    .forms_group_horizontal .forms_label
    {
        margin-bottom:0;
        text-align:right;
    }
}
@media (max-width:499.9px)
{
    .forms_button_separator
    {
        width:100%;
    }
}
/* END FORMS */ 

/* FORM ERRORS */
.control_error
{
    z-index:2;
    box-shadow: rgb(235, 75, 59) 1px 1px 0px 0px, rgb(235, 75, 59) -1px -1px 0px 0px, rgb(235, 75, 59) 1px -1px 0px 0px, rgb(235, 75, 59) -1px 1px 0px 0px;
}
.group_error
{
    position:relative;
}
.group_error::after
{
    content:'';
    display:block;
    position:absolute;
    left:-10px;
    top:-10px;
    bottom:-10px;
    right:-10px;
    height:calc(100% + 20px);
    width:calc(100% + 20px);
    border-radius:4px;
    z-index:2;
    box-shadow: rgb(235, 75, 59) 1px 1px 0px 0px, rgb(235, 75, 59) -1px -1px 0px 0px, rgb(235, 75, 59) 1px -1px 0px 0px, rgb(235, 75, 59) -1px 1px 0px 0px;  
    pointer-events: none;
}
/* END FORM ERRORS */

/* FORMS GROUP ROW */
.forms_group_row
{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    margin:0 0 20px;
    align-items:flex-end;
}
.forms_group_row .forms_group,
.forms_group_row .forms_checkbox
{
    margin:0;
}
.forms_group_row [class*="col-"]
{
    padding:0;
    margin-right:-1px;
}
.forms_group_row [class*="col-"]:last-child
{
    margin:0;
}
.forms_group_row [class*="col-"]:first-child .forms_control
{
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
}
.forms_group_row [class*="col-"] .forms_control
{
    border-radius:0;
}
.forms_group_row [class*="col-"]:last-child .forms_control
{
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
}
.forms_group_row .forms_checkbox
{
    height:40px;
    justify-content:center;
}
.labeled_row
{
    position:relative;
    padding-left:15px;
    margin-bottom:20px;
    margin-top:20px;
}
.labeled_row > .forms_group_row
{
    padding-left:15px;
}
.row_label
{
    position:absolute;
    left:0px;
    top:50%;
    transform:translateY(-50%);
    font-weight:800;
    line-height:1;
}
@media (min-width:1200px)
{
    .forms_group_row .col-lg-12 .forms_control
    {
        border-radius:4px;
    }
    .forms_group_row .col-lg-12 .forms_group,
    .forms_group_row .col-lg-12 .forms_checkbox
    {
        margin:0 0 20px;
    }
}
@media (min-width:992px and max-width:1199.9px)
{
    .forms_group_row .col-md-12 .forms_control
    {
        border-radius:4px;
    }
    .forms_group_row .col-md-12 .forms_group,
    .forms_group_row .col-md-12 .forms_checkbox
    {
        margin:0 0 20px;
    }
}
@media(min-width:768px and max-width:991.9px)
{
    .forms_group_row .col-sm-12 .forms_control
    {
        border-radius:4px;
    }
    .forms_group_row .col-sm-12 .forms_group,
    .forms_group_row .col-sm-12 .forms_checkbox
    {
        margin:0 0 20px;
    }
}
@media(max-width:767.9px)
{
    .labeled_row,
    .labeled_row > .forms_group_row
    {
        padding:0;
    }
    .row_label
    {
        display:block;
        margin:0 0 20px;
        position:static;
        width:100%;
        transform:none;
    }
    .row .row_label
    {
        padding:0 15px;
    }
    .forms_group_row
    {
        margin:0;
    }
    .forms_group_row .col-xs-12 .forms_control
    {
        border-radius:4px;
    }
    .forms_group_row .col-xs-12 .forms_group,
    .forms_group_row .col-xs-12 .forms_checkbox
    {
        margin:0 0 20px;
        justify-content:flex-start;
    }
}
/* END FORMS GROUP ROW */

/* BUILDING AGREEMENTS */
.agreement_title
{
    text-decoration:underline;
}
/* END BUILDING AGREEMENTS */

/* LISTS */
.list
{
    display:block;
    margin:0 0 15px;
    padding:0;
    list-style-type:none;
}
.list_item
{
    display:block;
    padding:15px;
    border:1px solid #ddd;
    margin:0 0 -1px;
}
.list_item:first-child
{
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}
.list_item:last-child
{
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    margin:0;
}
.list_item_title
{
    font-size:1em;
    font-weight:800;
    margin:0 0 5px;
    padding:0;
    line-height:1.4;
}
/* END LISTS */

/* DETACH STUDENTS */
.attached_list
{
    display:block;
    margin:0;
    padding:0;
    list-style-type:none;
    font-weight: 600;
    font-size: 0.875em;
    color: #0E192E;
}
.attached_list_item
{
    margin:15px 0;
    display: flex;
    align-items: center;
}
.attached_removebutton
{
    display: inline-flex;
    align-items:center;
    justify-content:center;
    height: 20px;
    width: 20px;
    text-align: center;
    background: #EB4B3B;
    border-radius: 4px;
    color:#fff;
    margin-right: 10px;
}
.attached_removebutton:hover
{
    background:#de2817;
}
/* END DETACH STUDENTS */

/* TABS */
.tab_outer
{
    padding:0 15px;
}
.tabbar
{
    display: flex;
    flex-direction:row;
    align-items:flex-end;
    width: 100%;
    margin-top: 15px;
    margin-bottom:-1px;
    z-index:5;
    position:relative;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
}
.tab_button
{
    flex:1 0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    height:50px;
    padding:0 15px;
    transition: border 0.2s;
    text-align: center;
    cursor: pointer;
    color:var(--primary-alt-2);
    border-bottom:3px solid transparent;
    font-weight:600;
    user-select:none;
    -webkit-user-select:none;
}
.tab_button:hover
{
    color:var(--primary-alt);
    text-decoration:none;
}
.tab_button.tab_selected
{
    color:var(--primary-alt);
    border-bottom: 3px solid #699FF5;
}
.tab_content
{
    background:#f7f9fa;
    padding:30px;
}
.tab_content.tabs_fullwidth
{
    padding:0;
}
.tab_panel
{
    background:#fff;
    padding: 30px;
    min-height:15px;
    box-shadow: 0 0 9px rgba(195, 201, 219, 0.61);
    border-radius: 4px;
}
.tabs_fullwidth .tab_panel
{
    border-top-left-radius:0;
    border-top-right-radius:0;
}
@media (min-width:768px)
{
    .tabs_vertical
    {
        display:flex;
        flex-direction:row;
        background:#f7f9fa;
        padding:30px;
    }
    .tabs_vertical .tab_content
    {
        background:transparent;
        padding:0;
        padding-right:15px;
        z-index:4;
    }
    .tabs_vertical .tab_panel
    {
        min-height:100%;
    }
    .tabs_vertical .tabbar
    {
        padding-right:15px;
        margin-top:0;
        flex-direction:column;
        justify-content:flex-start;
        overflow:visible;
        width:auto;
    }
    .tabs_vertical .tab_button
    {
        flex:none;
        width:100%;
        background:#fff;
        justify-content:flex-start;
        border-radius: 4px;
        border:0;
        padding:0 25px 0 20px;
        margin-bottom: 10px;
        font-weight: 700;
        border-radius: 3px;
        transition: all 0.3s;
        position: relative;
        box-shadow: 0 0 4px rgba(195, 201, 219, 0.3);
    }
    .tabs_vertical .tab_button.tab_selected
    {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        box-shadow: 0 0 9px rgba(195, 201, 219, 0.75);
        border:0;
    }
    .tabs_vertical .tab_button::after,
    .tabs_vertical .tab_button::before
    {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 0px;
        height: 100%;
        background: #fff;
        transition: right 0.3s, width 0.3s;
    }
    .tabs_vertical .tab_button.tab_selected::after
    {
        width:31px;
        right:-23px;
    }
    .tabs_vertical .tab_button.tab_selected::before
    {
        width:20px;
        right:-15px;
        z-index:-1;
        box-shadow: 0 0 9px rgba(195, 201, 219, 0.75);
    }
    .tabs_vertical .tab_content
    {
        flex:1;
    }

}
@media (max-width:767.9px)
{
    .tab_content
    {
        padding:30px 15px;
    }
    .tab_panel
    {
        padding:0;
        box-shadow:none;
        background:transparent;
    }
    .tab_button
    {
        font-size:0.875em;
        padding:0 10px;
    }
}
/* END TABS */

/* FORM LINKS */
.formlink_item
{
    display: flex;
    align-items:center;
    height:50px;
    justify-content:space-between;
    border-radius: 5px;
    border: 1px solid #4285F4;
    width: 100%;
    max-width:100%;
    margin-bottom: 10px;
    font-weight: 800;
    line-height:1;
    background:#fff;
}
.formlink_item:last-child
{
    margin-bottom: 0;
}
.formlink_item:hover
{
    text-decoration:none;
    background: rgba(66, 133, 244, 0.12);
}
.formlink_name
{
    padding:0 15px;
    margin-right:auto;
    color:var(--primary-alt);
}
.formlink_sublink
{
    padding:0 15px;
    margin-right:auto;
    color:var(--primary-alt);
}
.formlink_date
{
    padding:0 15px;
    color:var(--primary-alt-2);
}
.formlink_icon
{
    display:flex;
    align-items:center;
    justify-content:center;
    color: #fff;
    background: #4285F4;
    width: 50px;
    min-width:50px;
    height: 50px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 1.125em;
}

.formlink_item.item_green{border-color: #3AB196;}
.formlink_item.item_green:hover{background: rgba(58, 177, 150, 0.16);}
.formlink_item.item_green .formlink_icon{background: #3AB196;}

.formlink_item.item_red{border-color: #EB4B3B;}
.formlink_item.item_red:hover{background: rgba(235, 75, 59, 0.16);}
.formlink_item.item_red .formlink_icon{background: #EB4B3B;}

.formlink_item.item_orange{border-color: #FF8800;}
.formlink_item.item_orange:hover{background: rgba(255, 136, 0, 0.16);}
.formlink_item.item_orange .formlink_icon{background: #FF8800;}

.formlink_item.item_blue{border-color: #165fb2;}
.formlink_item.item_blue:hover{background: rgba(22, 95, 178, 0.16);}
.formlink_item.item_blue .formlink_icon{background: #165fb2;}

.formlink_item.item_mint{border-color: #17a2b8;}
.formlink_item.item_mint:hover{background: rgba(23, 162, 184, 0.16);}
.formlink_item.item_mint .formlink_icon{background: #17a2b8;}

@media(max-width:499.9px)
{
    .formlink_date
    {
        display:none;
    }
}
/* END FORM LINKS */

/* RESOURCES AND LINKS */
.resourcelinks_grid
{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    margin:0 -10px;
}
.resourcelinks_item
{
    position:relative;
    border: 1px solid #d7dce1;
    background: #fff;
    padding:0 15px;
    height:150px;
    flex: 1 1 auto;
    width: calc(25% - 20px);
    margin: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition:all .25s ease;
    min-width:150px;
    border-radius:3px;
}
.resourcelinks_item img
{
    width:170px;
    max-width:100%;
    max-height:100%;
}
.resourcelinks_item:hover,
.resourcelinks_item:focus
{
    transform:scale(1.04);
    border:1px solid transparent;
    -webkit-box-shadow: 0px 0px 10px 3px rgba(221, 221, 221, 1);
    -moz-box-shadow: 0px 0px 10px 3px rgba(221, 221, 221, 1);
    box-shadow: 0px 0px 10px 3px rgba(221, 221, 221, 1);
}
@media (max-width:767.9px)
{
    .resourcelinks_item
    {
        height:130px;
        width:calc(33.33% - 20px);
    }
}
/* END RESOURCES AND LINKS */


/* PORTAL HOME NEWS AND EVENTS */
.newsevent_container
{
    max-height: 600px;
    overflow-y: auto;
    -webkit-overflow-scrolling:touch;
}
.news_article
{
    margin-bottom:40px;
}
.news_article:last-child
{
    margin-bottom:0;
}
.news_title
{
    font-size:1em;
    font-weight:800;
    margin:0 0 7px;
    padding:0;
    line-height:1.4;
}
.news_subheader
{
    display:block;
    font-weight:600;
    font-size:0.875em;
    margin:0 0 7px;
}
.news_readmore
{
    font-size:0.875em;
    font-weight:800;
    color:#4285F4;
    text-decoration:none;
    line-height:1;
}
.news_readmore:hover
{
    text-decoration:underline;
}

.event_item
{
    display:flex;
    flex-direction:row;
    margin-bottom:35px;
    align-items:flex-start;
}
.event_item:last-child
{
    margin-bottom:0;
}
.event_datebox
{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:70px;
    min-width:70px;
    height:70px;
    border:1px solid #dde2ec;
    background:#fff;
    color:#394a6a;
    font-size:1.125em;
    text-transform:uppercase;
    margin-right:30px;
    font-weight:800;
    line-height:1;
    box-shadow: 0px 0px 8px 0px rgba(222, 227, 243, 0.5);
}
.event_datebox_month
{
    margin-bottom:5px;
}
.event_title
{
    font-size:1em;
    margin:0 0 7px;
    padding:0;
    font-weight:800;
    line-height:1.4;
}
.event_title a
{
    color:var(--primary-alt);
    text-decoration:none;
}
.event_title a:hover
{
    text-decoration:underline;
}
.event_infoitem
{
    font-size:.875em;
}
.eventsnews_noitems
{
    display:block;
    color: var(--primary-alt-2);
    font-weight: bold;
}
/* END PORTAL HOME NEWS AND EVENTS */


/* ENROLLMENT */
.enrollment_status
{
    display:flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    border-radius: 4px;
    height: 30px;
    width: 30px;
}
/* END ENROLLMENT */

/* ADMIN GENERAL STYLES */
.admin_pagetitle
{
    color:#394a6a;
    font-weight:800;
    line-height:1;
    font-size:1em;
    margin:0 0 35px;
    padding:0;
}
/* END ADMIN GENERAL STYLES */

/* STUDENT PROFILE */
.infolist
{
    display:block;
    list-style-type:none;
    margin:0;
    padding:0;
}
.infolist li
{
    display:flex;
    flex-direction:row;
    margin:0 0 15px;
    background:#fefefe;
    border-radius:4px;
    width:100%;
    padding:0;
    min-height:50px;
    overflow:hidden;
}
.infolist li::last-of-type
{
    margin:0;
}
.infolist_label
{
    flex:none;
    width:200px;
    background:var(--primary-alt-2);
    color:#fefefe;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    margin:0;
    padding:0 15px;
}
.infolist_text
{
    display:flex;
    align-items:center;
    padding:15px;
    flex:1 1 auto;
}
.infolist_button
{
    height:unset;
    padding:0 15px;
    border-radius:0;
}
@media (max-width:649.9px)
{
    .infolist li
    {
        flex-direction:column;
        align-items:stretch;
    }
    .infolist_label
    {
        width:100%;
        justify-content:center;
        padding:15px;
    }
    .infolist_text
    {
        padding:15;
    }
    .infolist_button
    {
        padding:15px;
    }
}
/* END STUDENT PROFILE */

/* FORM STATUS */
.tr_green{ background: rgba(58, 177, 150, 0.16) !important; }
.tr_green:hover{ background: rgba(58, 177, 150, 0.25) !important; }

.tr_red { background: rgba(235, 75, 59, 0.16) !important; }
.tr_red:hover { background: rgba(235, 75, 59, 0.25) !important; }

.tr_orange { background: rgba(255, 136, 0, 0.16) !important; }
.tr_orange:hover { background: rgba(255, 136, 0, 0.25) !important; }

.tr_blue { background: rgba(22, 95, 178, 0.16) !important; }
.tr_blue:hover { background: rgba(22, 95, 178, 0.25) !important; }

.tr_mint { background: rgba(23, 162, 184, 0.16) !important; }
.tr_mint:hover { background: rgba(23, 162, 184, 0.25) !important; }

.alert_box
{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:4px;
    background:#FF8800;
    color:#fff;
    font-size:.75em;
    padding:0 15px;
    height:25px;
    margin:0 3px;
}
a.alert_box
{
    background:#17a2b8;
}
/* END FORM STATUS */

.ShowPassword
{
    color: #7A7A7A;
    float: right;
    margin: -30px 15px -30px 0;
}
.ShowPassword.Shown
{
    color: #212121;
}