html, body, .container {
    height: 100%;
}
/** SHAME ON YOU, GODDAMN SANTANDER PLUGIN THAT IS INSERTING AN ELEMENT IN MY PAGE!!!! */
html > object {
    display: none;
}
.container {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.main-app, .home-app{
    background: #1E1E1E url("/img/bg-black.jpg");
    background-size: 100% auto;
}
.mxp-app {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8a8e91+0,333f50+100 */
    background: #8a8e91; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #8a8e91 0%, #5c606c 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #8a8e91 0%,#5c606c 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #8a8e91 0%,#5c606c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a8e91', endColorstr='#5c606c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.qh-app {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7b99c2+0,333f50+100 */
    background: #7b99c2; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #7b99c2 0%, #333f50 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #7b99c2 0%,#333f50 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #7b99c2 0%,#333f50 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b99c2', endColorstr='#333f50',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.fd-app {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4abd8d+0,8fd0b2+100 */
    background: #8fd0b2; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #8fd0b2 0%, #4abd8d 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #8fd0b2 0%,#4abd8d 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #8fd0b2 0%,#4abd8d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fd0b2', endColorstr='#4abd8d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.panel.login-panel {
    position: relative;
    top: 50%;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0;
    border: 0;

    background-color: #808080;

    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

    -webkit-box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.5);
}
.menu-header {
    padding-bottom: 50px;
}
.menu-panel {
    position: relative;
    top: 50%;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0;
    border: 0;
    
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.mxp-logo {
    opacity: 0.6;
    filter: alpha(opacity=60)
}
.greeting {
    font: 18px bold;
    color: #FFF;
}
.menu-wrapper {
    text-align: center;
    padding: 0 15px;
    -webkit-box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.5);
}
.menu-btn {
    height: 270px;
    width: 100%;
    display: inline-block;
    border-radius: 25px;
}
.monitorit-btn {
    background-color: #F7931E;
}
.explorit-btn {
    background-color: #6CBFC1;
}
.buildit-btn {
    background-color: #4A8068;
}
.snews-btn {
    background-color: #BD3232;
}
.openit-btn {
    background-color: #FBC02D;
}
.monitorit-btn.disabled,
.explorit-btn.disabled,
.buildit-btn.disabled,
.snews-btn.disabled,
.openit-btn.disabled{
    cursor: not-allowed;
}
.monitorit-btn.disabled img,
.explorit-btn.disabled img,
.buildit-btn.disabled img,
.snews-btn.disabled img,
.openit-btn.disabled img{
    opacity: 0.2;
}
.footer {
    font-family: roboto;
    text-align: center;
    font: 18px bold;
    color: #FFF;
    margin-top: 20px;
}
.menu-btn img {
    height: 270px;
    margin-left: -20px;
}

.snews-img {
    margin-left: 0 !important;
}

.login-panel .panel-heading {
    height: 143px;
    border-bottom: 5px solid #808080;
    text-align: center;
}
.login-panel .panel-body {
    height: 243px;
    margin: 0;
    border: 0;
    background-color: #939598;
}
.login-panel .panel-body form {
    margin-top: 25px;
}
.login-panel .input-group {
    padding: 6px 15px;
}
.login-panel .input-group-addon {
    padding: 0;
    padding-right: 15px;
    padding-right: 15px;
    border: 0;
    background-color: inherit;
}
.login-panel .input-group-addon img {
    height: 30px;
    color: #333F50;
}
.login-panel input.form-control {
    height: 40px;
    border: 1px solid silver;
    border-radius: 0;
    background-color: #A7A9AC;
    /*    background-color: #E6E6E6;*/
}
.login-panel .btn {
    height: 38px;
    width: 38px;
    margin-right: 15px;
    padding: 0;
    border: 0;
    border-radius: 24px;
}
.login-panel .btn img {
    height: 24px;
    margin: 0 auto;
    margin-left: -3px;
    color: #333F50;
}
.alert.center-block.mp-alert{
    position: fixed;
    width: 50%;
    margin-left: 25%;
    text-align: center;
}
.login-panel .watermark {
    margin-left: 55px;
    margin-top: 7px;

    opacity: 0.25;
    -khtml-opacity: 0.25;
    -moz-opacity: 0.25;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    /* IE 5-7 */
    filter: alpha(opacity=50);
}
.main-app .login-panel {
    background: transparent;
}
.main-app .login-panel .panel-heading {
    background-color: #353535;
    border-color: #000;
}
.mxp-app .login-panel .panel-heading {
    background-color: #A1EBF4;
}
.qh-app .login-panel .panel-heading {
    background-color: #F7931E;
}
.fd-app .login-panel .panel-heading {
    background-color: #4A8068;
}
.main-app .login-panel .panel-body {
    background-color: #1E1E1E;
}
.main-app .login-panel .panel-heading img {
    margin-top: 35px;
}
.mxp-app .login-panel .panel-heading img {
    margin-top: 25px;
}
.qh-app .login-panel .panel-heading img {
    margin-top: 20px;
}
.fd-app .login-panel .panel-heading img {
    margin-top: 25px;
}
.main-app .login-panel .btn {
    border: 2px solid #6D6E71;
    background-color: transparent;
}
.mxp-app .login-panel .btn {
    background-color: #A1EBF4;
}
.qh-app .login-panel .btn {
    background-color: #F7931E;
}
.fd-app .login-panel .btn {
    background-color: #4A8068;
}