/*
    see http://brand.arcelormittal.com/BMS/

    Primary theme colors:
    Orange:       255,  55,   0    #ff3700
    Grey:         197, 188, 164    #c5bca4
    Dark Grey:    105, 105, 105    #696969

    Secondary theme colors:
    Purple:       134,  95, 127    #865f7f
    Light Purple: 139, 129, 158    #8b819e
    Blue:          92, 127, 137    #5c7f89
    Light Blue:   157, 177, 201    #9db1c9
    Green:        112, 164, 137    #70a489
    Light Green:  186, 196, 140    #bac48c
    Tan:          200, 143,  66    #c88f42
    Light Tan:    170, 158, 110    #aa9e6e
    Pale Grey:    220, 212, 194    #dcd4c2
*/

body {
    padding-bottom: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9rem;
    margin: auto;
}


/* Wrapping element */


/* Set some basic padding to keep content from hitting the edges */

.body-content {
    padding-left: 15px;
    padding-right: 15px;
    margin:auto;
}


/* Set widths on the form inputs since otherwise they're 100% wide */

input,
select,
textarea {
    max-width: 280px;
}


/* buttons and links extension to use brackets: [ click me ] */

.btn-bracketed::before {
    display: inline-block;
    content: "[";
    padding-right: 0.5em;
}

.btn-bracketed::after {
    display: inline-block;
    content: "]";
    padding-left: 0.5em;
}


/* Hide/rearrange for smaller screens */

@media screen and (max-width: 767px) {
    /* Hide captions */
}


/* ArcelorMittal White Theme */

@font-face {
    font-family: 'VAGRounded-Black';
    src: url(../fonts/VAGRounded-Black.eot?#iefix), url(../fonts/VAGRounded-Black.ttf);
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'VAGRounded-Bold';
    src: url(../fonts/VAGRounded-Bold.eot?#iefix), url(../fonts/VAGRounded-Bold.ttf);
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'VAGRounded-Light';
    src: url(../fonts/VAGRounded-Light.eot?#iefix), url(../fonts/VAGRounded-Light.ttf);
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'VAGRounded-Thin';
    src: url(../fonts/VAGRounded-Thin.eot?#iefix), url(../fonts/VAGRounded-Thin.ttf);
    font-weight: normal;
    font-style: normal;
}

#frameTop {
    background-color: #FF3700;
    height: 2px;
}

#frameSite {
    color: #FF3700;
}

#Announcements {
    color: #FF3700;
}

@media(min-width: 768px) {
    #frameHeaderLogo {
        background: #FFFFFF url(../images/ArcelorMittal.png) no-repeat left top;
        width: 175px;
        height: 64px;
        left: 0px;
        margin-top: -17px;
    }
    .navbar-brand, .hidden-md-up {
        display: none;
    }
}

@media all and (min-width: 768px) {
    #frameHeaderLogoText {
        background: #FFFFFF url(../images/TransformingTomorrow.png) no-repeat left top;
        width: 196px;
        height: 25px;
        left: 192px;
        top: 55px;
        position: absolute;
    }
    #frameHeaderText {
        font-family: 'VAGRounded-Light', Sans-Serif;
        font-size: 16px;
        position: absolute;
        top: 30px;
        right: 40px;
        width: auto;
        height: auto;
    }
}

.top-menu {
    border-width: 0;
    border-radius: 0;
    margin-bottom: 0;
    padding: 0;
    right: 1rem;
}

.top-menu>div>ul>li {
    color: #696969;
    font: normal 13px VAGRounded-Thin, Sans-Serif;
    margin-top: 3px;
    padding-bottom: 0;
}


/*.top-menu > .collapse > .navbar-nav > li {
    border-left: 1px solid #FF3700;
}*/

.bottom-menu {
    margin-top: 10px;
    margin-bottom: 5px;
    padding-top: 0;
    padding-bottom: 0;
    border-top: 1px solid #dcd4c2;
    border-bottom: 1px solid #dcd4c2;
}

.nav-link {
    color: #696969;
    padding-top: 2px;
    padding-bottom: 2px;
}

li.nav-item {
    list-style-type: none;
}

ul.links {
    padding-left: 1rem;
}

a:hover {
    color: #ff3700;
}

a:visited {
    text-decoration: none;
}

.navbar>.collapse>.navbar-nav>li>a:hover,
.navbar>.collapse>.navbar-nav>li>a:focus {
    color: #ff3700;
    /*background-color: #dcd4c2;*/
    background-color: #f0f0f0;
}

@media all and (max-width: 767px) {
    #frameHeaderText {
        display: none;
    }
    .bottom-menu {
        margin-top: 5px;
        margin-bottom: 5px;
        padding-bottom: 5px;
        border-top: none;
    }
}


/*
.navbar .navbar-text {
  color: #dcd4c2;
}

.navbar .navbar-nav > li > a {
  color: #696969;
  font: normal 13px VAGRounded-Thin,Sans-Serif;
  padding-top: 0;
  padding-bottom: 0;
}

.navbar-brand {
    height: auto;
    padding: 0;
}

.navbar .navbar-toggle .icon-bar {
    background-color: #000;
    border: 1px solid grey;
}

.navbar-toggle {
    border: 1px solid #dcd4c2;
}

.top-menu > .navbar-collapse > .nav > li {
    border-left: 1px solid #FF3700;
}*/

.splitCaption {
    font-family: 'VAGRounded-Light';
    font-size: 20px;
    color: #696969;
}

.firstword {
    color: #ff3700;
}

.navbar-light .navbar-nav .nav-link {
    color: #696969;
}

#navbarNav>ul>li>a.nav-link {
    font-family: Arial;
    font-size: 0.9rem;
}


/*Table Styles*/

table thead {
    padding: 2px;
    color: #dcd4c2;
    background-color: #808080;
}

table thead tr th a {
    color: #dcd4c2;
}

.tableData tbody tr td {
    padding: 0.2rem;
    border: 1px solid #808080;
}

#cellContent {
    font-family: 'VAGRounded-Light', Sans-Serif;
    font-size: 14px;
}


/*End Table Styles*/


/*Card Styles*/

.card.card-header.card-header-custom {
    background-color: #808080;
    color: #fff;
}

.card.card-info.card-info-custom {
    border-color: #808080;
}


/*End Card Styles*/


/*Grid Styles*/

.grid-action-button {
    width: 18px;
    height: 18px;
}


/*End Grid Styles*/


/*Page Heading Styles*/

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15);
}

.well-lg {
    padding: 24px;
    border-radius: 6px;
}

.well-sm {
    padding: 9px;
    border-radius: 3px;
}


/*End Page Heading Styles*/

th {
    color: #dcd4c2;
}


/* Add your per site theme after this point */

.form-group a {
  text-decoration: none;
  color: #FF3700;
}


/* Custom styles */

.required-star {
  color: red;
  margin-left: 2px;
}

.errorMessages {
	color: black;
	display: none;
	margin-top: 8px;
	font-weight: bold;
}

.hidden {
	display: none !important;
}

#blogin {
    background-color: #ff3700;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
	margin-top: 5px;
  }
  
#blogin:disabled {
    opacity: 0.4;
    cursor: not-allowed;
  }