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

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

input,select,textarea{max-width:280px}
.btn-bracketed::before{
	display:inline-block;
	content:"[";padding-right:.5em
}

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

@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
}

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

@media all and (min-width:768px){
	#frameHeaderLogoText{
		background:#fff 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
}
	
.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:#f0f0f0
}
@media all and (max-width:767px){
    #frameHeaderText{
        display:none
    }
    .bottom-menu{
        margin-top:5px;
        margin-bottom:5px;
        padding-bottom:5px;
        border-top:none
    }
}
.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:.9rem
}
table thead{
    padding:2px;
    color:#dcd4c2;
    background-color:#808080
}
table thead tr th a{
    color:#dcd4c2
}
.tableData tbody tr td{
    padding:.2rem;
    border:1px solid #808080
}
#cellContent{
    font-family:'VAGRounded-Light',Sans-Serif;
    font-size:14px
}
.card.card-header.card-header-custom{
    background-color:#808080;
    color:#fff
}
.card.card-info.card-info-custom{
    border-color:#808080
}
.grid-action-button{
    width:18px;
    height:18px
}
.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,.05);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.05)
}
.well blockquote{
    border-color:#ddd;
    border-color:rgba(0,0,0,.15)
}
.well-lg{
    padding:24px;
    border-radius:6px
}
.well-sm{
    padding:9px;
    border-radius:3px
}
th{
    color:#dcd4c2
}