MediaWiki:Bootstrapskin.css

@font-face {
    font-family: Overseer;

    /* pour IE */
    src : url('skins/common/fonts/Overseer.eot');

    /* pour les autres */
    src : url('skins/common/fonts/Overseer.eot?#iefix') format('embedded-opentype'),
               url('skins/common/fonts/Overseer.woff') format('woff'),
               url('skins/common/fonts/Overseer.ttf') format('truetype');
}

@font-face {
     font-family: 'Monofonto-Regular';
     src: url('skins/common/fonts/245361_0_0.eot');
     src: url('skins/common/fonts/245361_0_0.eot?#iefix') format('embedded-opentype'),
	      url('skins/common/fonts/245361_0_0.woff') format('woff'),
	      url('skins/common/fonts/245361_0_0.ttf') format('truetype');
}

/* Corrige le bug d'affichage du titre principal des articles */
.layout .firstHeading {
    display: block;
}

body{
   background: url(/skins/bootstrap/images/background/cool.png);
   color: #F5F7F2;  
}

legend{
   color: #ACA9A9;
   font-weight: bolder;
}

div#contentSub {
   font-size: 12px;
   margin: -12px 0px 12px 12px;
}

/*
p{
  line-height: 1.8 !important;
  margin: 0 0 15px;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
}*/

.pull-right{
    //float: left !important;
    //margin-left: 25px;
    width: 28%;
}

#menu-wiki{
   width: 76%;
   float: left !important;
   padding-left: 4%;
   padding-right: 4%;
}

#menu-wiki ul{
   float: left !important;
   width: 100%;
}


.contributionscores-wrapper, .contributionscores{
   width : 100%;
}

.contributionscores tbody tr th {
    background-color: black;
    color: white;
   text-align : center !important;
}

input#mw-searchButton {
    background-color: white;
    box-shadow: 0px 0px 0px 0px #D8D5D5 inset;
    border-color: white;
        overflow: hidden;
    background-image: url(/skins/bootstrap/images/search.png?39f97);
    background-image: linear-gradient(transparent,transparent),url(//skins/bootstrap/images/search.svg?07752)!ie;
    background-image: -o-linear-gradient(transparent,transparent),url(/skins/bootstrap/images/search.png?39f97);
    background-position: center center;
    background-repeat: no-repeat;
   cursor: pointer;
   height: 34px;
}

.contributionscores tbody tr td {
    background: url(/skins/bootstrap/images/background/black1.png);
    color: white;
   text-align : center !important;
}

.leftAlignClass{
   text-align : left !important;
}

.thumbimage{
    max-width: 100%;
    max-height: 100%;
}

.thumbinner{
   padding: 3px;
   font-size: 94%;
   text-align: center;
   overflow: hidden;
   margin-top : 2px;
   background-color: rgba(58,58,58,0.2);
   width : 100% !important;   
   border: 1px solid #383838;
}

.thumb.tnone{
    width: 22%;
    margin-left: auto;
    margin-right: auto;
}

.k-player .volume-slider{
   height: 16px !important;
}

.ui-slider {
    border: 1px solid transparent !important;
}

.tright .thumbinner{
   width: 100% !important;
}

.center{
   margin-left : 22%;
   margin-right : 22%;
}

.k-player .control-bar{
   height : 25px !important;
}

.k-player .k-menu{
   opacity: 1 !important;
}

.thumbcaption{
   text-align:left !important;
   padding: 2px !important;
}

.mwPlayerContainer{
   height: 25px !important;
}

.ui-widget-header{
   background-color : #E4E4E4 !important;
}

.logo-container-right{
   width: 24%;
}

.logo-container-left{
   width: 76%;
}

.logo-container-href{
   text-align: center;
}

.logo-container-img{
   width: 25%;
}

#pull-left-logo{
   width : 100%;
}

#p-logo a{
    text-align : center;
}

#footer div, #footer footer{
   //width : 70%;
}

.custom-footer {
    width: 70%;
    margin-left: 5%;
}

#footer #footer {
    width: 100%;
}

.col-md-6{
   width : 100%;
}

section#content a.external, section#content a.external[href^="gopher://"] {
    padding-right: 0px;
    padding-left: 2px;
}

hr {
    margin-top: 5px;
    margin-bottom: 5px;
    border-color: black -moz-use-text-color -moz-use-text-color;
}

.wikiEditor-preview-contents, .wikiEditor-ui-text, .wikiEditor-ui-bottom {
   color:  black ;
}

#page-header{
    /* background: url('http://i.imgur.com/LSUiUTN.gif');
    background-repeat: no-repeat;
    background-position: 37% 0%;
    background-size: 15%; */
    margin-top: 65px;
}

#content{
   width : 80%;
}

#bodyContent{
    padding-left: 3%;
    padding-right: 3%;
    padding-bottom: 3%;
    //padding-top: 5px;
    width: 76%;
    margin-top: 5px;
    //background : url('http://www.polyvore.com/cgi/img-thing?.out=jpg&size=l&tid=27327971');
    background : url('/skins/bootstrap/images/background/coolblack.png');
    display: inline-block;
    border: 1px solid #413F3F;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    -webkit-border-radius: 20px;
/*
   display: inline-block;
    overflow: hidden;
    margin-right: 5px;
    border-style: solid;
    border-width: 21px 23px 57px 25px;
    -moz-border-image: url('/skins/bootstrap/images/background/coolblack.png') 21 23 57 25 repeat;
    -webkit-border-image: url('/skins/bootstrap/images/background/coolblack.png') 21 23 57 25 repeat;
    -o-border-image: url('/skins/bootstrap/images/background/coolblack.png') 21 23 57 25 repeat;
    border-image: url('/skins/bootstrap/images/background/coolblack.png') 21 23 57 25 fill repeat;
    color : black;*/
}

#rightContent{
    padding: 3%;
    padding-top: 0;
    width: 23%;
    margin-top: 5px;
    display: inline-block;
    float : right;
    background: url(skins/common/images/pipground.gif) #0f3d20;
    border: 1px solid #413F3F;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    -webkit-border-radius: 20px;
    box-shadow: 0 0 70px #000000 inset, 0 1px 0 #383838;
    -moz-box-shadow: 0 0 70px #000000 inset, 0 1px 0 #383838;
    -ms-box-shadow: 0 0 70px #000000 inset, 0 1px 0 #383838;
    -o-box-shadow: 0 0 70px #000000 inset, 0 1px 0 #383838;
    -webkit-box-shadow: 0 0 70px #000000 inset, 0 1px 0 #383838;
}

#innerrightcontent{
}

.nolayout .firstHeading {
    margin-top: 0;
    font-weight: bold;
}

#firstHeadingRight{
   background : none;
   padding-top : 0;
   text-align : center;
   color: #51E527;
   font-family: 'Monofonto-Regular';
   margin: 0;
   text-shadow: 0 0 10px #000000;
   mask-image: url(skins/common/images/text-mask.png);
   -moz-mask-image: url(skins/common/images/text-mask.png);
   -ms-mask-image: url(skins/common/images/text-mask.png);
   -o-mask-image: url(skins/common/images/text-mask.png);
   -webkit-mask-image: url(skins/common/images/text-mask.png);
}

.editButtons{
   color : black;
}

.cancelLink {
   color : blue;
}

div.tright.thumb{
   /* clear : none; */
   margin-left: 12px;
}

div.thumb.tleft{
   margin-right: 12px;
}

.page-header{
   margin: 30px 0 20px;
}

#searchInput{
   display: inline-block;
   float: left;
   width: 75%;
}

.contributionscores td:nth-child(4) {     display:none; } .contributionscores .header th:nth-child(4) {     display:none; }

.contributionscores td:nth-child(3) {     display:none; } .contributionscores .header th:nth-child(3) {     display:none; }

.contributionscores-title{
display:none;
}

.nav > li > a {
   color : #51E527;
   font-family: Overseer;
   font-size: large;
   padding: 5px 25px !important;
}

.search-navbar{
       margin-top: 0 !important;
    margin-right: 1%;
    //margin-left: 100%;
    width: 100%;
}

#tabs-default-lighter{
      z-index: 10;
}

#b-edit, #b-ve-edit{
   color: rgb(210, 20, 20);
   font-family: overseer;
   font-size: 19px;
}

#b-ve-edit{
    display: inline-block;
    margin-bottom: 0;
    font-weight: 300;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 19px;
    line-height: 1.25;
    border-radius: 0
}

.mw-enhanced-rc{
   color : black;
}

/* Couleur du texte dans le menu renommer */
select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    color: black;
}

/* Couleur du texte dans le menu renommer */
td.mw-submit {
    color: black;
}

/* Couleur de l'heure dans le menu des modifications récentes */
td.mw-enhanced-rc {
    color: white;
}

/* Modifie la boîte des catégories en bas de page */
#catlinks {
    text-align: left;
    border: 1px solid #FFF;
    border-radius: 5px;
    padding: 8px;
    margin-top: 20px;
    clear: right;
}

/* Couleur des boutons de développement pour les catégories */
.CategoryTreeToggle {
    color: #51E527 !important;
}

/* Enleve les boutons des réseaux sociaux sous la page de contenu */
.buttons-whitespace-social {
    display: none;
}

td.diff-addedline .diffchange {
    background: #6BFF21;
    color: black;
}

td.diff-context{
    background: #5E5C5C;
    color: #FFFFFF;
}

.Histoire-Globale {
    border-color: white;
    background-color: black;
    color: white;
}

.has-light .form-control:focus {
    border-color: #51E527;
}

/* #################### */
/* #     SECTIONS     # */
/* #################### */

h1, .h1 {
    font-size: 1.8em;
}

.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 {
    overflow: auto;
    font-weight: normal;
}

.mw-body h1, .mw-body h2 {
    padding-top: 0 !important;
}

.mw-body h2 {
    font-size: 1.5em;
    border-bottom: 1px solid #383838;
    padding-bottom: 3px;
}

.mw-body h3 {
    font-size: 1.2em;
    border-bottom: 1px dotted #383838;
    padding-bottom: 3px;
}

.mw-body h4, .mw-body h5, .mw-body h6 {
    border-bottom: none;
    font-size: 100%;
}

/* ########################################## */
/* ### Spécial:Modifications_récentes       # */
/* ########################################## */

span.comment {
    color: #F5F7F2;
}

/* ##################### */
/* #       LIENS       # */
/* ##################### */

a {
   color: #51E527;
}

a:focus {
   outline: none;
}

a:hover, a:focus {
   color: green;
}

a.new {
    color: #EE474D;
}

/* ########################### */
/* # Extension:MassEditRegex # */
/* ########################### */

.sitedir-ltr textarea, .sitedir-ltr input{
   color : black;
}

/* ######################### */
/* # MsCatSelect extension # */
/* ######################### */

#MsCatSelect{
   background : transparent;
}

.chzn-container .chzn-results {
   color : black;
}

/* ######################### */
/* #         MENU          # */
/* ######################### */

.nav-pills > li.active > a {
    box-shadow: 0px -4px 0px 0px white inset;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: white;
    background-color: transparent;
}

.nav-pills > li > a {
    border-bottom: 0;
}

.nav-pills > li > a:hover, .nav-pills > li > a:focus, .nav-pills > li > a:active {
    color: white;
    box-shadow: 0px -4px 0px 0px white inset;
}

/* ######################### */
/* #   ÉDITEUR WIKICODE    # */
/* ######################### */

/* Modifie la police du texte dans l'éditeur de wikicode */
#editform textarea, #wpTextbox1 {
    font-size: 15px;
    background: transparent none repeat scroll 0% 0%;
    color: #C0C0C0;
    font-family: Courier New;
}

input:focus:not([type]) {
    border-color: #008000;
    box-shadow: 0px 1px 1px #008000 inset, 0px 0px 8px #008000;
}

div.mw-warning-with-logexcerpt {
    border: 2px solid #51E527;
}

.wikiEditor-ui-toolbar .group {
    border-right: 1px solid #383838;
}

.wikiEditor-ui-controls {
    float: none;
}

.wikiEditor-ui-buttons {
    background: none;
    border: none;
}

.wikiEditor-ui-tabs {
    border: 1px solid #51E527;
    background: transparent;
}

.wikiEditor-ui .wikiEditor-ui-view {
    border: 1px solid #51E527;
}

.wikiEditor-ui-tabs div {
    background-color: transparent;
    border-right: 1px solid #51E527;
    border-bottom: none;
}

.wikiEditor-ui-tabs div.current a {
    color: green;
}

.wikiEditor-ui-tabs div.current {
    border-bottom: none;
    background-color: transparent;
}

.wikiEditor-ui-toolbar {
    background-image: none;
    background-color: transparent;
}

.wikiEditor-ui-toolbar .sections .section {
    background-color: transparent;
    border-top: 1px solid #51E527;
}

.wikiEditor-ui-tabs div a {
    color: #51E527;
    background-color: transparent;
}

.wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited {
    color: #51E527;
}

#upload-drop {
    height: inherit;
}

#upload-bottom {
    height: inherit;
}

#upload-div {
    width: 100%;
    background: #191919;
    border-top: 1px solid #51E527;
    border-bottom: 1px solid #51E527;
}

#upload-list .file {
    background: #697474;
}

#upload-list .file .file-warning {
    color: white;
}

.wikiEditor-ui .wikiEditor-ui-top {
    border-bottom: none;
}

.wikiEditor-ui-toolbar .booklet .pages {
    background-color: rgba(56, 56, 56, 0.3);
}

.wikiEditor-ui-toolbar .booklet .index div {
    color: #51E527;
}

.wikiEditor-ui-toolbar .booklet .index .current {
    background-color: transparent;
}

.wikiEditor-ui-toolbar .page-characters div span {
    border: 1px solid #383838;
    padding: 0px 5px 5px 5px;
    color: #F5F7F2;
}

/* ######################### */
/* #    ÉDITEUR VISUEL     # */
/* ######################### */

/* couleur du texte dans le menu "enregistrer la page" */
.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
    color: black;
}

/* Cache la bordure dans le visual editor */
.ve-activated #bodyContent{
   display : none;
}

#wpSave, #wpPreview, #wpDiff{
   color : black;
}

/* Customisation du visual editor */
.ve-ce-documentNode {
    background: url(http://www.fallout-wiki.com/skins/bootstrap/images/background/coolblack.png);
    border: 1px solid #413F3F;
    border-radius: 20px;
    margin: 5px;
    margin-left: 0;
    margin-right: 2%;
    padding: 2%;
    width: 76%;
}

.ve-ui-desktopContext-menu {
    background-color: #383838;
}

.client-nojs #ca-ve-edit, .client-nojs .mw-editsection-divider, .client-nojs .mw-editsection-visualeditor, .ve-not-available #ca-ve-edit, .ve-not-available .mw-editsection-divider, .ve-not-available .mw-editsection-visualeditor {
    display: inline;
}

.layout .previewnote, .layout #editform {
    margin: 40px 0px 20px;
}

.wikiEditor-ui-controls {
    background-color: white;
}

.wikiEditor-ui {
    background-color: transparent;
}

/* Fond transparent et couleur de police blanche lors de la prévisualisation */
.wikiEditor-preview-contents, .wikiEditor-ui-text, .wikiEditor-ui-bottom {
    color: white;
    background: transparent none repeat scroll 0% 0%;
}

.va-portal-section-header, .va-infobox-title, .va-navbox-title{
   background: url('/skins/bootstrap/images/background/foggy.png') !important;
}

.va-portal-section-body{
    background: url('/skins/bootstrap/images/background/hardline.png') !important;
}

/* ################# */
/* #    GALERIE    # */
/* ################# */

li.gallerybox div.thumb {
   border: 1px solid #383838;
   background-color: rgba(56, 56, 56, 0.3);
}

div.gallerytext {
   font-size: 70%;
   font-family: sans-serif;
}

/* ################################ */
/* #   TABLE DES MATIÈRES (TOC)   # */
/* ################################ */

#toc, .toc {
    width: 30%;
    float: none !important;
    font-size: 85%;
    margin: 0;
    background-color: rgba(58, 58, 58, 0.2);
    border: 1px solid #383838;
}

.mw-body #toc h2, .mw-body .toc h2 {
    font-size: 100%;
    border-bottom: none;
    margin-top: 0px;
    text-align: center;
}

/* ########################### */
/* #   BARRE DE NAVIGATION   # */
/* ########################### */

.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
}

.firstHeading{
    /* background: url('http://i.stack.imgur.com/YqDV2.png'); */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100% 0%;
    font-weight: bold;
}

#userbar {
   position: fixed;
   width: 100%;
   top: 0;
   //background: url(http://www.polyvore.com/cgi/img-thing?.out=jpg&size=l&tid=27327971);
   background : url(/skins/bootstrap/images/background/blackover2.png);
   z-index : 20;
   border-bottom: 1px solid #51E527;
}

.navbar {
    min-height: 38px !important;
}

/* Couleur des onglets et des menus déroulants */
.nav-tabs-lighter.nav .open > a, .nav-tabs-lighter.nav .open > a:hover, .nav-tabs-lighter.nav .open > a:focus {
    border-color: white;
    background-color: white;
    color: black;
}

/* Barre de recherche */
.input-group-btn{
    display: inline-block;
    float: left;
    width: 20%;
}

#searchInput {
    color: black;
}

.input-group {
    margin-top: 15px;
    margin-right: 3px;
}

.has-light .form-control {
    border-color: white;
    box-shadow: 0px 0px 0px 0px #51E527 inset;
}

.form-control {
    border: 1px solid black;
}

.btn.btn-default {
    background-color: black;
    border-color: black;
    box-shadow: 0px 1px 0px 0px black inset;
    text-shadow: none;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: black;
}

/* ################# */
/* #    TABLEAU    # */
/* ################# */

table {
    background-color: transparent;
}

/* Tableau des bases de données et des pages spéciales */
.mw-datatable th {
    background-color: rgba(28, 28, 28, 1);
}

.mw-datatable td {
    background-color: #383838;
}

.mw-datatable, .mw-datatable td, .mw-datatable th {
    border: 1px solid rgba(81, 229, 39, 0.3);
    padding: 0 0.15em 0 0.15em;
}

/* ######################## */
/* #     PROFIL SOCIAL    # */
/* ######################## */

#profile-top {
    background-color: #141414;
    border: 1px solid #51E527;
}

.no-info-container {
    background-color: #383838;
    color: #E1E4E1;
}

#profile-image {
    margin: 0px 8px 0px 8px;
}

#profile-image img {
    border: 1px solid #51E527;
    background-color: #171717;
    padding: 3px;
}

#profile-toggle-button {
    background-color: #171717;
    margin: 3px 8px 0px 0px;
    border: 1px solid #51E527;
}

#profile-right {
    font-size: small;
}

#user-page-left {
    width: 39%;
    float: left;
    border-top: 1px solid #51E527;
    background-color: rgba(56,56,56,0.3);
    font-family: Arial;
    padding: 5px 5px 5px 5px;
    font-size: small;
}

#user-page-right {
    float: right;
    width: 60%;
    border-top: 1px solid #51E527;
    background-color: rgba(56,56,56,0.3);
    padding: 5px 5px 5px 5px;
    font-family: Arial;
    font-size: small;
}

.user-section-heading {
    border-bottom: 1px solid #383838;
}

.user-board-message {
    border: 1px solid black;
}

.user-board-message-from {
    background-color: #383838;
}

/* ##################### */
/* #    PRÉFÉRENCES    # */
/* ##################### */

.mw-notification {
    border: solid 1px #51E527;
    background-color: rgba(25, 25, 25, 0.5);
    margin-top: 30px;
}

.successbox {
    color: white;
    border-color: #51E527;
    background-color: #383838;
}

.visualClear {
    font-family: Arial;
    font-size: 14px;
}

#preftoc li.selected a {
    background-color: rgba(56, 56, 56, 0.3);
    border: 1px solid #51E527;
    border-bottom: none;
    outline: 0;
}

#preferences {
    border: 1px solid #51E527;
    background-color: rgba(56, 56, 56, 0.3);
}

#preferences legend {
    border-bottom: 1px solid #383838;
    font-size: 20px;
}

.prefsection table {
    width: 100%;
    background-color: rgba(25, 25, 25, 0.3);
    border: 1px solid #383838;
}

/* ########################### */
/* #  Spécial:UpdateProfile  # */
/* ########################### */

.offset1 span10 {
    font-family: arial;
}

.profile-tab {
    background-color: transparent;
    padding: 0px 5px 0px 5px;
    margin: 0px 5px 0px 0px;
    border-left: 1px solid #51E527;
    border-right: 1px solid #51E527;
}

.profile-tab-on {
    background-color: rgba(56,56,56,0.3);
    border: 1px solid #51E527;
    border-bottom: none;
    font-size: inherit;
    padding: 0px 5px 0px 5px;
}

.profile-info {
    background-color: rgba(56,56,56,0.3);
    border: 1px solid #51E527;
    width: 100%;
    padding: 20px 20px 20px 20px;
}

.profile-update {
    font-family: Arial;
}

.profile-update-title {
    font-size: 20px;
    color: #ACA9A9;
    margin: 0px 0px 5px 0px !important;
    font-weight: bold;
    border-bottom: 1px solid #383838;
}

.profile-update-unit-left {
    color: #777;
    font-weight: inherit;
    font-size: 14px;
    float: left;
    width: 20%;
}

/* ############################ */
/* #    Spécial:Téléverser    # */
/* ############################ */

#mw-upload-form fieldset {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 20px 0px;
    border: 1px solid rgba(81, 229, 39, 0.5);
    background-color: rgba(56,56,56,0.3);
}

#mw-upload-form legend {
    display: block;
    width: 23%;
    font-size: 18px;
    color: #ACA9A9;
    border: 1px solid rgba(81, 229, 39, 0.5);
    text-align: center;
    margin: 0% 0% 0% 3%;
    background-color: #191919;
}

#mw-upload-form table {
    margin: 10px 10px 10px 10px;
}

/* ##################### */
/* #  VERSION MOBILE   # */
/* ##################### */

@media (max-width: 640px) {
     #bodyContent{
        width : 100%;
     }
     #rightContent{
        width : 100%;
     }
     #content{
        width: 98%;
     }
     .va-infobox{
        float: initial;
        width: 95% !important;
     }
     a.image.fancybox img {
        width: 98%;
     }
     .pull-right{
        margin-left:0px;
        width: 90%;
     }
     .thumbinner{
        width: 100% !important;
     }
     #innerbodycontent > div > div{
        padding-left: 2%;
        padding-right: 2%;
     }
     .va-listen, .va-newsquote, .va-quotation, .va-transcript{
        padding: 10px 10px;
     }
     #menu-wiki {
        display:none;
     }

     .logo-container-left{
        width: 100%;
     }

     .thumb.tnone{
       width: 100%; 
    }

     #userbar{
        margin-left: 0;
     }

     body{
       display: block;
       margin-top: 15%;
     }

     .nolayout .firstHeading {
       text-align:center;
     }

     .search-navbar{
       display: block !important;
     }

     #page-header {
        margin-top: 3%;
     }
     .nav > li > a{
        padding: 5px 5px !important;
     }

     .mw-body h1, .mw-body h2{
        padding-left: 5%;
        padding-right: 5%;
     }

     .page-header{
        margin: 9px 0 20px;
     }
     .row {
        margin-top: 2%px;
        margin-left: -10px;
        margin-right: -10px;
     }
     table{
         overflow-x: auto;
         display: block;
     }

     .logo-container-img{
         width: 40%;
     }

     .va-portal-columns-left{
         width: 103% !important;
     } 
     
     .va-portal-columns-middle{
         width : 103% !important;
         margin-right: -3% !important;
     }

     .custom-footer{    
        width: 100%;
        margin-left: 0;
     }
     .center{
        margin-left : 22%;
        margin-right : 22%;
     }

}