/*
    Over-ride any of the styles defined in the product here.
    Included in the stylesheets of the product.
 */

.page-header {
    padding-bottom: 9px;
    margin-top: 40px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0px;
    border-bottom: 0px;
}

.menu-item {
    display: flex;
    align-items: center;
    font-size: 16px;
    margin-bottom: 5px;
}

.menu-item a:hover {
    text-decoration: none;
}

.flex-link {
    display: flex !important;
    align-items: center !important;
}

.flex-link .fas {
    margin-right: 5px !important;
}

.home-page-panel {
    border: 0;
    box-shadow: none;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 50px;
    background-color: white !Important;
}

.home-page-menu-panel {
    border: 0;
    box-shadow: none;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px;
    background-color: white !Important;
}

.panel {
    border: 1px solid rgba(0, 0, 0, 0.125);
    box-shadow: none;
}

.icsynergy-field .panel {
    border: 1px solid lightgrey;
}


.table > thead > tr > th, .table > thead > tr > td {
    border: 0;
    box-shadow: none;
}

body {
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #F5F5F5;
}

.flex-container {
    /* Need to mark this as important to override BS3 styles */
    display: flex !important;
    align-items: center !important;
}

.flex-container .fa-caret-down {
    position: relative;
    top: 2px;
}

.navbar-default {
    border-bottom: none;
    box-shadow: none;
}

/* Displays the logo in the top-left corner. */
#navbar-logo {
    background-image: url("/sspr/images/ahs-monolith-logo-7578cb822e0424af0841bc9fe877cc05.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 5px;
    width: 500px;
    height: 50px;
    min-width: 500px;
    min-height: 50px;
}

#header-label {
    margin-left: 50px;
}

.navbar-wrapper .navbar-nav > li > a:hover {
    color: lightblue !Important;
}

.navbar-wrapper .navbar-nav > li > form > button:hover {
    color: lightblue !Important;
    text-decoration: none !Important;
}

.ics-header .navbar-header {
    min-height: 60px;
}

.navbar-title {
    margin-top: 0px;
    width: 375px;
}


#networkAccountsParentDiv {
    width: 3000px;
}

#networkAccountsNavDiv {
    width: 850px;
}

.networkAccountsParentGroup {
    clear: both;
}

.networkAccountsFieldGroup .panel {
    margin: 5px;
}

.networkAccountsFieldGroup .dl-horizontal dt {
    max-width: 135px;
}

.networkAccountsFieldGroup .dl-horizontal dd {
    margin-left: 150px;
}

.networkAccountsAccountGroup {
    float: left;
}

.networkAccountsSelectedInput {
    border: 4px solid deepskyblue;
}

.networkAccountsHeader {
    padding-top: 15px;
}

.accountsPagePanel {
    width: 950px;
}

.accountsPage .dl-horizontal dt {
    width: 260px;
}

.accountsPage .dl-horizontal dd {
    margin-left: 280px;
}

#returnToTopButton {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
}

.break {
    display: inline-block;
}

.training-popover-box {
    width: 450px;
    height: 375px;
    overflow-y: scroll;
    position: relative
}

.training-popover-box-wrap {
    word-wrap: break-word;
}

option:disabled {
    color: #cdb7b7 !important;
    font-style: italic !important;
}

/* IAM-6168: Wrap the Email To field within the dialog */
.modal-body .list-group .list-group-item p {
    word-wrap: break-word;
}

/* Darken Bootstrap 3 Secondary Button */

.btn-default {
    background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #d8d8d8 100%);
    background-image: -o-linear-gradient(top, #f0f0f0 0%, #d8d8d8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#d8d8d8));
    background-image: linear-gradient(to bottom, #f0f0f0 0%, #d8d8d8 100%);
    border-color: #b0b0b0;
}

.btn-default:hover,
.btn-default:focus {
    background-color: #d8d8d8;
    background-position: 0 -15px;
    border-color: #a3a3a3;
}

.btn-default:active {
    background-image: none;
    background-color: #d8d8d8;
    border-color: #a3a3a3;
}

/* Custom CSS to darken the selected default button in a button group */

.btn-group .btn-default.active {
    background-image: none; /* This is the default for active state, so we'll keep it */
    background-color: #d8d8d8; /* The slightly darker background */
    border-color: #9c9c9c; /* The slightly darker border */

    /* Keep the original inset shadow for the "pressed" effect */
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-group .btn-default.active:hover,
.btn-group .btn-default.active:focus {
    /* Apply the same styles on hover/focus to maintain consistency */
    background-color: #d8d8d8;
    border-color: #9c9c9c;
}

/* Custom CSS to increase the top curve of panels */

/* Increase the border radius for the main panel container */
.panel {
    border-radius: 6px; /* Adjust this value to control the overall corner size */
}

/* Override the border radius specifically for the top panel heading */
.panel-heading {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/* Custom CSS to darken a default panel header to match the default button */

.panel-default > .panel-heading {
    /* Set the background gradient to match the default button */
    background-image: -webkit-linear-gradient(top, #fff 0%, #e6e6e6 100%);
    background-image:      -o-linear-gradient(top, #fff 0%, #e6e6e6 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e6e6));
    background-image:         linear-gradient(to bottom, #fff 0%, #e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    background-repeat: repeat-x;

    /* Set the border color to match the default button */
    border-color: #ccc;

    /* Ensure the color and text shadow are appropriate */
    color: #333;
    text-shadow: 0 1px 0 #fff;
}