a, div a, a:link, a:visited {
    text-decoration: none;
}

    a.btn, a.btn:link, a.btn:visited, a.btn:hover, a.btn:active {
        color: #fff;
        border: none;
    }

h1 {
    margin-top: 25px;
    font-size: 1.7rem;
}

.cs_subtitle {
    color: #8e6f3e;
}


/* flex-box */
.flexbox-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .flexbox-container > [class*='col-'] {
        margin-right: -1px;
    }

.flexbox {
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    margin-bottom: 20px;
    overflow: auto;
    margin-right: -1px;
    border-radius:3px;
}

    .flexbox .text-container {
        padding: 0 15px 15px;
    }

    .flexbox a:link, .flexbox a:visited, .flexbox a:hover, .flexbox a:active {
        font-weight: normal;
    }

    .flexbox .heading-title {
        text-align: left;
        padding: 12px 0px 2px;
        font-weight: bold;
        font-family: acumin-pro-semi-condensed,'Franklin Gothic',sans-serif;
        font-size: 1.3em;
        line-height: 1.3em;
    }

    .flexbox .webstat {
        display: inline-block;
        padding: 2px 12px 4px;
        background-color: #81D4FA;
        border-radius: 15px;
        margin: 8px 1px;
        font-size: 14px;
    }

        .flexbox .webstat.webstat-comp {
            background-color: #AED581;
        }

        .flexbox .webstat.webstat-prog {
            background-color: #FFB74D;
        }

        .flexbox .webstat.webstat-expi {
            background-color: #E57373;
        }


    .flexbox:hover {
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    }

.flexbox-nohover h2, .flexbox-nohover p {
    padding: 2px 15px;
    text-align: center;
}




.flexbox-nohover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    background-color: #fff;
    margin-bottom: 30px;
    overflow: auto;
    margin-right: -1px;
}




/* PersonInfo.aspx */

.form-horizontal .form-group-sm {
    margin-bottom: 15px !important;
}

    .form-horizontal .form-group-sm .control-label {
        font-size: 15px;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-right: 0px;
    }

    .form-horizontal .form-group-sm label {
        font-size: 15px;
        padding-bottom: 4px;
        padding-right: 0px;
        margin-bottom: 0;
    }

    .form-horizontal .form-group-sm input {
        font-size: 15px;
    }

    .border-top {
        border-top: 4px solid #3276B1;
    }

.ec2k-pi-panel {
    margin-bottom: 15px;
}

.ec2k-pi-panel-title {
    text-align: center;
    padding-bottom: 20px;
}

.no-padding-right {
    padding-right: 0 !important;
}

.pad15 {
    padding: 15px;
}

.inner-border {
    outline: 4px solid #3276B1;
    outline-offset: -4px;
}

.text-grey {
    color: rgb(180,180,180) !important;
}

    .text-grey h2 > span {
        color: rgb(180,180,180) !important;
    }

.bg-highlight {
    background-color: #3276B1;
    color: white;
    padding-right: 5px !important;
}


.main-content label {
    font-weight: normal;
    font-family: acumin-pro-semi-condensed,'Franklin Gothic',sans-serif;
    font-size: 16px;
    display: inline;
}

.box-shadow {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

    .box-shadow:hover {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }



/*.btn-primary {
    background-color: #337ab7;
}

.btn-success {
    background-color: #49A749;
}

.btn-danger {
    background-color: #C9302C;
}*/



#header_logo {
    background-image: none
}

.top .department {
    margin-top: 0 !important;
}

.top .logo {
    margin: 0;
}


/* Style correction for 2020 Brand */
.goldbar {
    text-transform: none;
}

    .goldbar .quicklinks li a {
        margin: 0
    }

.caret {
    display: inline;
    border-top: none;
}



.gsc-input-box {
    border-radius: 0 !important;
}

.nav.navbar-nav.information li.dropdown {
    padding: 0 !important;
}

.navbar-inverse .navbar-nav > li > a {
    color: #000;
}

.bottom a, .bottom a:link, .bottom a:visited {
    text-decoration: underline;
}

.footer .container .row .panel:nth-child(1) .panel-collapse .panel-body ul li, .footer .container .row .panel:nth-child(2) .panel-collapse .panel-body ul li {
    text-align: left;
}

.footer ul li a {
    font-size: 0.875rem;
    line-height: 1.5em;
}

.footer .motto a .fa {
    margin: 0
}

.bottom p {
    font-size: 0.875rem;
}

@media (max-width:991px) {
    .blackbar.navbar-inverse .navbar-nav > li > a {
        color: #fff;
    }

    #divMyProfile {
        float: none !important;
    }

    .blackbar .black ul.navbar-nav {
        padding: 0 !important;
    }
}


/* New Button Style with 2020 brand color */

#pageContent .btn {
    white-space: normal;
    font-family: acumin-pro-condensed,'Franklin Gothic',sans-serif;
    font-weight: bold;
    font-size: 19px;
}

.btn-primary, .btn-primary:link, .btn-primary:hover, .btn-primary:visited {
    background-color: #EBD99F !important;
    color: #000 !important;
    border: none !important;
    font-weight: normal !important;
    border-radius: 4px !important;
}
    
    .btn-success, .btn-success:link, .btn-success:hover, .btn-success:visited {
    background-color: #8E6F3E !important;
    color: #fff !important;
    border: none !important;
    font-weight: bold !important;
    border-radius: 4px !important;
}

.btn-danger, .btn-danger:link, .btn-danger:hover, .btn-danger:visited {
    background-color: #9D9795 !important;
    color: #000 !important;
    border: none !important;
    font-weight: normal !important;
    border-radius: 4px !important;
}

.btn-info, .btn-info:link, .btn-info:hover, .btn-info:visited {
    background-color: #fff !important;
    color: #555960 !important;
    border: 1px solid #9D9795 !important;
    padding: 9px 15px !important;
    font-weight: normal !important;
    border-radius: 4px !important;
}

/*Overwrite Bootstrap Alert Class Style and Change them to BS Callout Style*/
.alert {
    padding: 20px;
    border: 0;
    border-radius: 0;
    border: 2px solid #eee;
    background-color: #fff;
    border-radius: 3px;
}

    .alert a{text-decoration:underline !important}

    .alert h4 {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .alert p:last-child {
        margin-bottom: 0
    }

.alert-danger {
    background-color: #DDB945;
    /*border-color: #DAAA00;*/
    color: #000;
    border: 2px solid #8E6F3E;
    border-radius: 3px;
    margin-top: 15px
}

    .alert-danger h4 {
        color: #000
    }

.alert-warning {
    background-color: #C4BFC0;
    border-color: #9D9795;
    color: #000;
}

    .alert-warning h4 {
        color: #000
    }

.alert-info {
    background-color: #EBD99F;
    border-color: #CFB991;
    color: #000;
}

    .alert-info h4 {
        color: #000
    }

.alert-success {
    border-color: #CFB991;
}