/* 
 * Stylesheet for Funky Theme.
 *
 * Copyright 2010, Antoine Mercadal - Capgemini
 * Copyright 2010, Franck Villaume - Capgemini
 * Copyright 2011, Iñigo Martinez
 * Copyright 2013-2014, Franck Villaume - TrivialDev
 * http://fusionforge.org
 *
 * This file is part of FusionForge. FusionForge is free software;
 * you can redistribute it and/or modify it under the terms of the
 * GNU General Public License as published by the Free Software
 * Foundation; either version 2 of the Licence, or (at your option)
 * any later version.
 *
 * FusionForge is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License along
 * with FusionForge; if not, write to the Free Software Foundation, Inc.,
 * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
 */

/* HTML elements */
html {
    background-color: transparent;
}

body {
    font-size:0.85rem;
    font-family: LatoWeb, Helvetica, sans-serif;
    color:rgb(68,68,68);
    background-color:white;
    text-align:left;
    border-radius: 0;
    margin: 0;
}

div#maindiv {
    margin:1em;
    min-height:450px;
}

form {
    margin:0;
}

img {
    border:0;
}

h1 {
    color: #304c6f;
    -webkit-mask-image:none;

}

h2 {
    margin-top: 15px;
    color: #41494c;
    -webkit-mask-image:none;
}

h3 {
    margin-top: 15px;
    color: #41494c;
    -webkit-mask-image:none;
}

ul {
    list-style-type: circle;
    margin: 0;
}

li {
    margin: 10px;
}

a {
    font-weight: bold;
    color: #4a5ea5;
    text-decoration: underline;
    -webkit-transition-property: background-color, color, height, shadow;
    -webkit-transition-duration: 0.3s;
    -moz-transition-property: background-color, color, height, shadow;
    -moz-transition-duration: 0.3s;
    -o-transition-property: background-color, color, height, shadow;
    -o-transition-duration: 0.3s;
    transition-property: background-color, color, height, shadow;
    transition-duration: 0.3s;
}

a:hover {
    text-decoration: none; 
    color: #4a5ea5; 
    font-weight: bold;
}

th, td {
    text-align:left; 
    border:none;
    border-collapse: collapse;
}

input[type="text"], input[type="password"], input[type="url"], input[type="email"], textarea {
    width: auto;
    border-radius: 6px;
    border: 1px solid #e6e6e6;
    padding: 3px;
    font-family:"Lucida Grande",sans-serif;
}

hr {
    border: 0;
    background-color: #E2E2E2;
    height: 1px;
}

/* =header */
#header {
    background-image: none;
    background-color: #FFF;
    /*font-size:77%;*/
    margin: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-collapse: collapse;

}

/*#header-col1 {
    padding:10px;
    width: 30%;
} */
#header-col1 {
    float : left;
    width:29%;
    margin:1em 0 0 0;
    padding:0;	
} 

#header-col1 img{
    padding:0;
    padding-left: 1rem;
    height: 60px;
    /*  height: 50%;
      width: 50%;
    */}

#header-col1 h1 {
    padding: 0;
    margin: 0;
}

#header-col2 {
    float : left;
    width:39%;
    margin:0;
    padding:0;
    text-align:center;
    text-shadow: 1px 1px white;
    font-weight: bold;
}

#header-col2 a {
    font-size: 10px;
    color: #7D88CC;
    font-weight: 800;
    text-shadow: 1px 1px white;
}

#header-col2 a:hover {
    font-size: 10px;
    color: #7eaaee;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 1px 1px white;
}

#header-col2 h1 {
    margin-top:2.5rem;
    padding:0 0 0.2em 0em;
    font-size: 1.5em!important;
    letter-spacing:0.1em;
    -webkit-mask-image:none;
}

#header-col2 span{
    font-size: 1.5em!important;
    font-family: foobar_proregular, Arial, sans-serif;
    font-weight:normal;
    color: #304c6f; 
    letter-spacing:0;
    margin:0 auto;
}

#header-col3 {
    float : right;
    margin-top:1em;
    margin-bottom: 0.8em;
    padding: 0 1em 0 0!important;
    text-align:right;
    /*    font-size:1.2em;*/
    font-weight:bold;
    /*color:#fff;*/
    /*    line-height: 2.5em;*/
    max-width:29%;
}

#header-line2 {
    background-image: none;
    background: #263548;
    text-align: right;
    padding-top: 10px;
}

#header-news {
    background-color: #263548;
    display: table-cell;
}

#header-news span {
    background-color: #263548 ;
    height: 200px;
}

.quicknews-toggle {
    display: inline;
    font-size: 12px;
    /*    text-shadow: 1px 1px gray;*/
    color: white;
}

.quicknews .title {
    font-size: 12px;
    color: red;
}

.quicknews ul {
    background-color: white;
    width: 100%;
    margin: 10px;
    display: block;
}

.quicknews ul li {
    display: inline;
    list-style: none;
    margin: 0;
}

.quicknews ul li:hover {
    background-color:blue;
}

/* =searchBox */
#searchBox {
    display: inline;
}

#searchBox a{
    font-size: 10px;
    margin-right: 10px;
    text-decoration:none; 
    font-weight: bold; 
    color: #7D88CC;
    -webkit-transition-property: background-color, color, height, shadow;
    -webkit-transition-duration: 0.3s;
    -moz-transition-property: background-color, color, height, shadow;
    -moz-transition-duration: 0.3s;
    -o-transition-property: background-color, color, height, shadow;
    -o-transition-duration: 0.3s;
    transition-property: background-color, color, height, shadow;
    transition-duration: 0.3s;
}

#searchBox a:hover {
    text-decoration: none; 
    color: #7eaaee; 
    font-weight: bold;
}


#searchBox span {
    display: inline;
    margin-left: 20px;
}

#searchBox span input[type=text] {
    padding-left: 20px;
    border-radius: 20px;
    border: 1px solid white;
    background-image: url(../images/search-logo.png);
    background-repeat: no-repeat;
    background-position: 3px 2px;
    display: inline;
    width: 130px;
    margin-right: 7px;
    height: 10px;
}

#searchBox span input[type=submit] {
    display:none;
}

/* =quicknavform */
#quicknavform {
    display: inline;
    color: white;
    float: left;
}

#quicknavform span {
    display: inline;
    color: white;
}

#quicknav {
    margin-left: 7px;
    width: 180px;
}

/* =tabGenerator */
.tabGenerator {
    font-weight:bold;
    border-collapse: collapse;
    height: 36px;
}

.tabGenerator tbody {
    margin-left: 50px;
}

.tabGenerator td {
    padding:0;
    margin: 0; 
    vertical-align: middle;
}

.tabGenerator .tg-middle {
    background-color: #263548;
    vertical-align: bottom;
}

.tabGenerator .tg-middle span {
    background-color: #41495C;
    margin-top: 0;
}

.tabGenerator .tg-middle span span {
    display: block;
    text-align:center;
    vertical-align: middle;
    height: 30px;
    border-bottom: 0;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    -webkit-top-right-border-radius: 0px;
    -webkit-top-left-border-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-topleft: 0px;
    /*background-color: #909DB7;*/
    background-color: lightgrey;
    line-height: 27px;
    color: #304c6f;
    /*text-shadow: 1px 1px #B2BFD9;*/
    text-shadow: none;
    margin: 0 1px;
    -webkit-transition-property: background-color, color, height, shadow;
    -webkit-transition-duration: 0.3s;
    -moz-transition-property: background-color, color, height, shadow;
    -moz-transition-duration: 0.3s;
    -o-transition-property: background-color, color, height, shadow;
    -o-transition-duration: 0.3s;
    transition-property: background-color, color, height, shadow;
    transition-duration: 0.3s;
    white-space: nowrap;
}

.tabGenerator .tg-middle span span:hover {
    display: block;
    background-color: white;
    /*text-shadow: 1px 1px white;*/
    height: 30px;
}

.tabGenerator .tg-middle span span a {
    display: block;
    color: black;
}

.tabGenerator .tg-middle span.selected span {
    background-color: white;
    text-shadow: 1px 1px white;
    height: 30px;
}

.tabGenerator .tg-right span.selected span {
    display:none;
}

.tabGenerator a {
    text-decoration: none;
}

/*
        innertabs
*/
.innertabs .tabGenerator {
    font-weight:bold;
    border-collapse: collapse;
    height: 20px;
}

.innertabs .tabGenerator tbody {
    margin-left: 50px;
}

.innertabs .tabGenerator td {
    padding:0;
    margin: 0; 
    vertical-align: middle;
}

.innertabs .tabGenerator .tg-middle {
    background-color: #F7F7F7;
    vertical-align: middle; 
}

.innertabs .tabGenerator .tg-middle span {
    background-color: #F7F7F7;
    margin-top: 0;
}

.innertabs .tabGenerator .tg-middle span span {
    display: block;
    text-align:center;
    vertical-align: middle;
    height: 30px;
    margin: 0;
    border-bottom: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #F1F1F1;
    line-height: 27px;
    color: black;
    text-shadow: 1px 1px white;
    border-left: 1px solid white;
    border-right: 1px solid white;
}

.innertabs .tabGenerator .tg-middle span span:hover {
    display: block;
    background-color: white;
}

.innertabs .tabGenerator .tg-middle span span a {
    display: block;
    color: black;
}

.innertabs .tabGenerator .tg-middle span.selected span {
    background-color: white;
    text-shadow: 1px 1px white;
}

.innertabs .tabGenerator .tg-right span.selected span {
    display:none;
}

/* =tabber */
.topTab, a.topTab, a.topTab:visited, a.topTab:hover,
.topTabSelected, a.topTabSelected, a.topTabSelected:visited,
a.topTabSelected:hover {
    text-decoration: none;
    font-weight: bold;
    color: rgb(68, 68, 68);
    font-family: arial, helvetica, sans-serif;
    font-size: 0.9em;
}

.bottomTab, a.bottomTab, a.bottomTab:visited, a.bottomTab:hover {
    text-decoration: none;
    font-weight: bold;
    color: white;
    font-family: arial, helvetica, sans-serif;
    font-size: 0.9em;
}

.bottomTabSelected, a.bottomTabSelected, a.bottomTabSelected:visited, a.bottomTabSelected:hover {
    text-decoration: none;
    font-weight: bold;
    color: rgb(68, 68, 68);
    font-family: arial, helvetica, sans-serif;
    font-size: 0.9em;
}

.topLeft {
    vertical-align: top;
    text-align: left;
}

.middleRight {
    vertical-align: middle;
    text-align: right;
}

.pane {
    color: rgb(112, 112, 112);
    background-color: white;
}

/* Tag cloud */
.tag1, .tag2, .tag3, .tag4, .tag5 {
    text-decoration: none;
}
.tag1:hover, .tag2:hover, .tag3:hover, .tag4:hover, .tag5:hover {
    text-decoration: underline;
}

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
    display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}

.tabberlive {
}

.tabberlive ul {
    margin-top: 10px;
    margin-bottom: 0;
    margin-left: 0;
    /*border-collapse: collapse;*/
    border-bottom: 1px solid #E2E3E4;
    border-spacing: 6px 0;
    padding-left: 0;
}

.tabberlive li {
    display: table-cell;
    border: 1px solid #E2E3E4;
    height: 16px;
    padding: 5px;
    border-bottom: none;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-top-right-border-radius: 6px;
    -webkit-top-left-border-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-topleft: 6px;
    margin-right: 10px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#f7f7f7));
}

.tabberlive li:hover  {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7), to(white));
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive, .tabbertab {
    padding: 5px;
    border:1px solid #E2E3E4;
    border-top:0;
    margin-bottom: 10px;
}

.tabberlive#tab1 {
}

.tabberlive#tab2 {
}

.tabberlive#tab2 .tabbertab {
    height:200px;
    overflow:auto;
}

.field-holder {
    clear: both;
}

/* Boxes (top / middle / bottom)
----------------------------------------------- */
.box-surround {
    /*  margin-bottom: 1em;*/
    background-color: #F7F7F7;
    border: 1px solid #E2E3E4;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin-bottom: 0;
}

.box-title-content {
    color: #808080;
    font-weight: bold;
    font-size: 13px;
    padding-left: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #E2E3E4;
}


.box-content {
    border-bottom: 1px solid #E2E3E4;
    margin: 0;
    padding: 8px 8px 8px 18px;
}

.box-content p {
    margin: 0;
}


.box-middle {
    margin: 0;
    padding-left: 18px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #808080;
    font-weight: bold;
}


/* widgets */

.widget {
    margin-top: 5px;
    background-color: #F7F7F7;
    border: 1px solid #E2E3E4;
    border-bottom: none;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin-bottom: 10px;
}

.widget_titlebar {
    color: #808080;
    font-weight: bold;
    font-size: 13px;
    padding-left: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #E2E3E4;
    background: none;
}

.widget_titlebar_close img {
    width: 12px;
    height: 12px;
}

.widget_titlebar_minimize img {
    width: 12px;
    height: 12px;
}

.widget_titlebar_maximize img {
    width: 12px;
    height: 12px;
}

.widget_content {
    border-bottom: 1px solid #E2E3E4;
    margin: 0;
    padding: 8px;
}

.widget_content table {
    border-collapse: collapse;
    border: 1px solid #D5D5D5;
}
.widget_content table td {
    padding: 4px;
}

.bgcolor-grey {
    background-color: #CDDCF3;
}

/*
        listTable
*/

.listTable table {
    border-collapse: collapse;
}

.listTable table td{
    padding: 5px;
    border: 1px solid gray;
}

/*
        submenu
*/
.submenu {
    margin-top: 10px;
    margin-bottom: 25px;
    margin-left: 0;
    /*border-collapse: collapse;*/
    border-bottom: 1px solid #E2E3E4;
    border-spacing: 6px 0;
    padding-left: 0;
}

.submenu li {
    display: table-cell;
    margin-left: 5px;
    border: 1px solid #E2E3E4;
    height: 16px;
    padding: 5px;
    border-bottom: none;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-top-right-border-radius: 6px;
    -webkit-top-left-border-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-topleft: 6px;
    margin-right: 10px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#f7f7f7));
}

.submenu li:hover  {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7), to(white));
}
.submenu a  {
    text-decoration: none; 
}


/* =ft (footer)
----------------------------------------------- */
#ft {
    margin-top:3rem;
    text-align:center;
}

/* error_msg, warning_msg or feedback function
----------------------------------------------- */
.error {
    background-color: #ff4940; /* red */
    border: 1px solid red;
    padding: 7px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    text-shadow: 1px 1px #ff7c73;
    text-align: left;
    font-size: small;
    font-weight: normal;
    color: black;
    margin: 2px 3px 3px;
}

.warning_msg, .warning, .tips, .important {
    background-color: #ffd297; /* orange */
    border: 1px solid #ffa500; /* orange */
    padding: 7px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    text-shadow: 1px 1px #fff5CA;
    text-align: left;
    font-weight: normal;
    font-size: small;
    margin: 2px 3px 3px;
}

.feedback {
    background-color: #aef26d; /* green */
    border: 1px solid green;
    padding: 7px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    text-shadow: 1px 1px #DFF59f;
    text-align: left;
    font-weight: normal;
    font-size: small;
    margin: 2px 3px 3px;
}

p.information {
    background-color: #9db0d2;
    border: 1px solid #3a5fa5;
    padding: 7px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    text-shadow: 1px 1px #DFF59f;
    text-align: left;
    font-weight: normal;
    font-size: small;
    margin: 2px 3px 3px;
}

#ffErrors {
    background-color: #ff4940; /* red */
    border: 1px solid red;
    padding: 7px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    text-shadow: 1px 1px #ff7c73;
    color: black;
    margin: 2px 3px 3px;
}

#ffErrors .error {
    background-color: #ff4940; /* red */
    border: 1px solid red;
    padding: 7px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    text-shadow: 1px 1px #ff7c73;
    color: black;
    margin: 2px 3px 3px;
}

.ui-tabs,
.ui-tabs-nav,
.ui-tabs-panel {
    background:none;
}

.ui-tabs .ui-tabs-nav {
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid #bbbbbb;
}

.ui-tabs .ui-tabs-panel {
    border: none;
}

.even {
    background-color: #F0F0F0;
    font-weight: normal;
}

.odd {
    background-color: #FFFFFF;
    font-weight: normal;
}

.info-box h2 {
    font-size: 1.3em;
    -moz-border-radius: 0.5em 0.5em 0 0;
    -webkit-border-radius: 0.5em 0.5em 0 0;
    border-radius: 0.5em 0.5em 0 0;
    color: white;
    background: #34b234;
    padding: 3px 3px 3px 10px;
    margin: 0 -4px 0 -4px;
}

.info-box:nth-child(4n) h2 {
    background: #b4355e;
}
.info-box:nth-child(4n+1) h2 {
    background: #402c5d;
}
.info-box:nth-child(4n+2) h2 {
    background: #34b234;
}
.info-box:nth-child(4n+3) h2 {
    background: #00539f;
}

.info-box {
    background: #f7f6f7;
    color: #565c5e;
    padding: 1px 4px 4px 4px;
    margin-bottom: 8px;
    -moz-border-radius: 0.5em 0.5em 0 0;
    -webkit-border-radius: 0.5em 0.5em 0 0;
    border-radius: 0.5em 0.5em 0 0;
}

.priority1 { background-color: #f3f4db}
.priority2 { background-color: #fcecc2}
.priority3 { background-color: #fde4aa}
.priority4 { background-color: #fcd986}
.priority5 { background-color: #fac955}

.highlight-label {
    background-color : yellow;
    font-weight: bold;
}


.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.row::after {
    clear: both;
}
.row::before, .row::after {
    display: table;
    content: ' ';
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-order: 1;
    order: 1;
}

.row {
    max-width: 62.5rem;
    margin-left: auto;
    margin-right: auto;
}

.column, .columns {
    width: 100%;
    float: left;
}

.columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
}


.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right;
}

.small-1 {
  width: 8.33333%; }
.small-2 {
  width: 16.66667%; }
.small-3 {
  width: 25%; }
.small-4 {
  width: 33.33333%; }
.small-5 {
  width: 41.66667%; }
.small-6 {
  width: 50%; }
.small-7 {
  width: 58.33333%; }
.small-8 {
  width: 66.66667%; }
.small-9 {
  width: 75%; }
.small-10 {
  width: 83.33333%; }
.small-11 {
  width: 91.66667%; }
.small-12 {
  width: 100%; }

@media screen and (min-width: 40em) {
  .medium-1 {
    width: 8.33333%; }
  .medium-2 {
    width: 16.66667%; }
  .medium-3 {
    width: 25%; }
  .medium-4 {
    width: 33.33333%; }
  .medium-5 {
    width: 41.66667%; }
  .medium-6 {
    width: 50%; }
  .medium-7 {
    width: 58.33333%; }
  .medium-8 {
    width: 66.66667%; }
  .medium-9 {
    width: 75%; }
  .medium-10 {
    width: 83.33333%; }
  .medium-11 {
    width: 91.66667%; }
  .medium-12 {
    width: 100%; }
}

@media screen and (min-width: 64em) {
  .large-1 {
    width: 8.33333%; }
  .large-2 {
    width: 16.66667%; }
  .large-3 {
    width: 25%; }
  .large-4 {
    width: 33.33333%; }
  .large-5 {
    width: 41.66667%; }
  .large-6 {
    width: 50%; }
  .large-7 {
    width: 58.33333%; }
  .large-8 {
    width: 66.66667%; }
  .large-9 {
    width: 75%; }
  .large-10 {
    width: 83.33333%; }
  .large-11 {
    width: 91.66667%; }
  .large-12 {
    width: 100%; }
}

.margin-top-personal-repo {
    margin-top: 1.5rem;
}

#motd,
#about_sourcesup {
    display: none;
}

.ui-dialog {
    background: #FFF;
    font-size: 1rem;
    font-family: LatoWeb, Helvetica, sans-serif;
    border-radius: 5px;
    text-align: justify;
}

.noTitleStuff .ui-dialog-titlebar {
    display:none
}

.ui-dialog .ui-dialog-title {
    font-family: LatoWebbold, Helvetica, sans-serif;
    width: 100%;
    font-size: 1.5rem;
    text-align: center;
    color: #6b78b9;
    font-weight: normal;
    white-space: normal;
}

.ui-dialog .ui-widget-content,
.ui-dialog .ui-widget-header {
    background: #FFF;
    border: 0px;
}

.ui-dialog .ui-dialog-buttonpane { 
    text-align: center;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { 
    float: none;
}

.ui-tooltip{
    background: none;
    border:none!important;
    padding:0;
    margin:0;
}
.ui-tooltip-content.tooltip {
    background-color: #fff0c6;
    color: #41494c;
    font-size: 100%;
    max-width: 20rem ;
    border-radius: 3px;
    text-align: justify;
    box-shadow: 0px 5px 20px 0px rgba(1, 1, 1, 0.6);
    /*position: absolute;*/
    /*top: calc(100% + .6495rem);*/
    z-index: 1200;
    padding: .75rem;
    font-size: 80%;
}
@media screen and (min-width: 40em) {
    .medium-5 {
        width: 41.66667%;
    }
}
@media screen and (min-width: 40em) {
    .medium-7 {
        width: 58.33333%;
    }
}

/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 74em) and (max-width: 90em) {
    .row{
        max-width:70rem;
    }
}

/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 90.063em) {
    .row{
        max-width:80rem;
    }
}

#widget_scmupgradeinfo-0 {
	background: #d1ecf1;
	color: #0c5460;
	border-radius: 5px;
	border-color: #bee5eb;
}

#widget_scmupgradeinfo-0 p.code {
	background: white;
	margin:0;
	padding: 15px;
}

#widget_scmupgradeinfo-0  .widget_titlebar {
	color: #0c5460;
}

.register-project-homepage {
    text-align: center !important;
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}