/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 0px;
    padding-right: 0px;
}

body {
    font-family: 'Montserrat', 'Source Sans Pro', 'calibri', 'Helvetica', 'Arial', sans-serif
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/*MV Added code below to change the look to meet Ansys one look*/
.nav {
    /*background-color:white;
  background-image: none;
  background-repeat: no-repeat;
  min-height: 63px; /*Needed for the small menu or will overlap*/
}

.navbar {
    background-color: white;
    border: none;
    margin-bottom: 0;
}

.navbar-toggle {
    background-color: black;
}

    .navbar-toggle.collapsed#burger svg {
        visibility: visible
    }

    .navbar-toggle#burger svg {
        visibility: hidden
    }

    .navbar-toggle#burger:not(.collapsed):before, .navbar-toggle#burger:not(.collapsed):after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 9pt;
        height: 2px;
        background: #fff;
        -webkit-transform-origin: center;
        transform-origin: center
    }

    .navbar-toggle#burger:not(.collapsed):before {
        -webkit-transform: translate(-50%,-50%) rotate(45deg);
        transform: translate(-50%,-50%) rotate(45deg)
    }

    .navbar-toggle#burger:not(.collapsed):after {
        -webkit-transform: translate(-50%,-50%) rotate(-45deg);
        transform: translate(-50%,-50%) rotate(-45deg)
    }

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: black
}

/*Small Glass CSS Starts here*/
@media(max-width:767px) {
    .navbar-header {
        background-color: black;
        min-width: 284px;
    }

    .navbar-brand {
        float: none;
    }

    body {
        /*padding-bottom: 20px;*/
    }

    .body-content {
        position: relative;
        /*margin-top: 63px;*/
    }

    .navbar {
        position: relative;
    }

    .sg-hide {
        display: none !important;
    }
}


.menu-links > li > a {
    padding: 15px 10px 15px
}

li.separ {
    padding: 15px 0 15px 0;
    color: #dbdbdb
}

.navbar-inverse .navbar-nav {
}

    .navbar-inverse .navbar-nav > li > a {
        color: #d2d2d2;
        font-size: 85%;
        text-transform: uppercase;
        padding: 0px 15px 10px;
        letter-spacing: 1px;
        font-weight: 600
    }

        .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .top-bar-link a:hover {
            color: #ffb71b;
            background-color: transparent;
        }

    .navbar-inverse .navbar-nav > li .link-style-button {
        border: none;
        background: none;
        padding: 0;
        margin: 0;
        font-family: inherit;
        font-size: 85%;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 600;
        color: #d2d2d2;
        cursor: pointer;
    }
        .navbar-inverse .navbar-nav > li .link-style-button:hover,
        .navbar-inverse .navbar-nav > li .link-style-button:focus {
            color: #ffb71b;
        }

.banner-image {
    margin-left: -15px;
    max-width: 103%;
    min-width: 100%;
}

.gradient-top {
    /*height: 2rem;*/
    -webkit-box-shadow: inset 0 -20px 20px -20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 -20px 20px -20px rgba(0, 0, 0, 0.3);
    /* box-shadow: inset 0 -20px 20px -20px rgba(0, 0, 0, 0.3); */
    /* margin-top: -2rem; */
}

.gradient-bottom {
    /*height: 2rem;*/
    /*-webkit-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.3);*/
    /*-moz-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.3);*/
    /*box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.3);*/
    clear: both;
    display: block;
}

.body-content {
    min-height: 5rem;
}

.centerboot {
    float: none;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
}

.container {
    max-width: 100%;
}

footer {
    background-color: black;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 100%;
}

    footer.itfixedfooter ul {
        display: block;
        text-align: center;
        padding: 5px 15px 5px 15px;
        margin-bottom: 1px
    }

itfixedfooter {
    font-size: 8pt !important;
}

footer ul li {
    display: inline-block !important;
    font-size: 8pt !important;
    color: #ffffff !important;
    padding: inherit;
}

    footer ul li a {
        color: #ffffff !important;
    }

        footer ul li a:hover {
            color: blue;
        }

#Ansys_logo {
    height: 4rem;
    margin-top: -7px;
}

@media(max-width:768px) {
    footer.itfixedfooter ul li {
        display: block;
        text-align: center;
        padding: 5px 5px 5px 5px;
    }

    #Ansys_logo {
        height: 4rem
    }

    .navbar-toggle {
        margin-top: 0rem
    }

    .navbar-fixed-top {
        padding: 1rem 1rem 0;
        position: relative;
    }
}

.navbar-nav.logcont {
    float: right !important;
}


@media(min-width:768px) {
    .navbar-nav .menu-links {
        margin: .7rem 0 0 1rem;
        float: left !important;
    }

    #anssyn {
        margin-top: -1.5rem;
        margin-right: 1rem;
    }

    .navbar-nav .logcont {
        float: right !important;
    }

    .navbar-inverse {
        border-color: transparent;
    }

    body {
        /*padding-top: 50px;*/
        /*padding-bottom: 20px;*/
    }

    .body-content {
        position: relative;
        /*margin-top: 113px;*/
    }

    .navbar-fixed-top {
        padding: 2rem 2rem 0;
        position: relative;
    }

    .navbar-collapse.collapse {
        /*height:100px !important;*/
    }

    .navbar-brand {
        float: none;
    }

    .user-account {
        height: 39px;
        margin: -2% 0 0 0;
        align-items: stretch;
        width: 470px;
        float: right;
    }

    .user-account2 {
        height: 39px;
        text-align: left !important;
        float: right;
        font-size: 13px !important;
    }
}