@charset "UTF-8"; /* fonts */ @font-face { font-family: 'ModernPictogramsNormal'; src: url('../font/modernpics-webfont.eot'); src: url('../font/modernpics-webfont.eot?#iefix') format('embedded-opentype'), url('../font/modernpics-webfont.woff') format('woff'), url('../font/modernpics-webfont.ttf') format('truetype'), url('../font/modernpics-webfont.svg#ModernPictogramsNormal') format('svg'); font-weight: normal; font-style: normal; } .icon { font-family: 'ModernPictogramsNormal', Arial, sans-serif; font-weight:normal !important; } /* geral */ html, body, .container-fluid { height:100%; padding:0; -webkit-font-smoothing: antialiased; } body .container-fluid > section > footer {display: none;} body { font-size:14px; } ul, ol { padding: 0; } p { font-size:0.85em; } legend { line-height: 50px; border-bottom: 1px solid #DFDFDF; } h2 { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: 50px; color: #333; border: 0; border-bottom: 1px solid #DFDFDF;} input, textarea, .uneditable-input { width: 282px; } select { width: 294px; } a:hover .icon, a .icon:hover a.icon:hover {text-decoration: none; } h5 { margin-top: 20px; margin-bottom: 0; } .empty { font-style: italic; color: #999; text-align: center; } button, input[type="button"], input[type="reset"], input[type="submit"] { background:#333; text-transform:uppercase; color: #FFF; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0; border:0 none; line-height:50px; height:50px; padding: 0 30px; font-size: 10pt; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background: #000; } button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { color:#DDD; } #main-content button .icon { opacity: 0.9; } #main-content button:hover .icon, #main-content button:active .icon, #main-content button .icon:hover, #main-content button .icon:active { color: #FFF; opacity: 1; } .btn-small {line-height: 23px; height: 28px; margin: 0; text-transform: lowercase;} .hide {display: none;} .show {display: block;} .centered { position: absolute; z-index: 9999; top: 50%; left: 50%; margin-left: 50px; margin-top: -75px; } .boxf { border: 1px solid #DFDFDF; padding: 10px 40px; background: #dfdfdf; width: 300px; margin: 0 auto; text-align: center; } #main-content .icon { font-size:22px; opacity:1; font-style:normal !important; } #main-content .icon:hover, #main-content a:hover .icon { color:#555; text-decoration:none; opacity:1; } #main-content .status { width: 10px; height: 10px; display: block; text-indent: -999px; overflow: hidden; text-align: left !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} #main-content .status.green, #main-content .status.green:hover { background-color: #50ae34; } #main-content .status.yellow, #main-content .status.yellow:hover { background-color: #f0ae11; } #main-content .status.red, #main-content .status.red:hover { background-color: #c32838; } #main-content .icon.green, #main-content .icon.green:hover { color: #50ae34; } #main-content .icon.yellow, #main-content .icon.yellow:hover { color: #f0ae11; } #main-content .icon.red, #main-content .icon.red:hover { color: #c32838; } .accordion-group { margin-bottom: 0; border: 0 none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } section .alert { width: 100%; margin-bottom:0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: 0; left: 0; position: fixed; z-index: 3; padding-top: 20px; padding-bottom: 20px; padding-left: 200px; height: 60px; line-height: 20px; border: 0 none; color: #FFF; text-shadow: none; background: #dfdfdf; color: #555; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } section .alert .close { height:auto; padding: 10px; top: -12px; right: -30px; } section .alert .close:hover { background:none; color: #777; opacity:1; } section .alert-success { background-color: #50ae34; } section .alert-info { background-color: #298fc2; } section .alert-error { background-color: #c32838; } section .alert-block { background-color: #f0ae11; } section .alert-success, section .alert-info, section .alert-error, section .alert-block {color: #FFF;} section .alert .arrows {} section .alert .arrows a { color: #333; display: block; float: left; padding: 0 12px; font-size: 12px; } section .alert .arrows a:hover { color: #000; } section .alert .arrows a.disable { opacity: 0.2 !important; cursor: default; } /* colors */ /* #sidebar nav ul li.color-1 a.collapsed, #sidebar nav ul li.color-1 a.collapsed span,*/ #main-content.color-1 a, #main-content.color-1 p, #main-content.color-1 article h2, #main-content.color-1 article legend, #main-content.color-1 article table td > label, #main-content.color-1 article table th > label, #sidebar nav ul li.color-1 ul li a:hover, #sidebar nav ul li.color-1 ul li a:active, #sidebar nav ul li.color-1 ul li a:focus, #sidebar nav ul li.color-1 ul li a.active { color:#0f2d40; } #sidebar nav ul li.color-1 a, #sidebar nav ul li.color-1 a:hover, #sidebar nav ul li.color-1 a.active, #sidebar nav ul li.color-1 a:focus, #main-content.color-1 nav ul li a.active, #main-content.color-1 nav ul li a:hover, #main-content.color-1 nav ul li a:active, #main-content.color-1 nav ul li a:focus, #main-content.color-1 article h2 a, #main-content.color-1 article h2 a:active, #main-content.color-1 article h2 a:focus, #main-content.color-1 article h2 a:hover, #main-content.color-1 article a.add-new:hover, #main-content.color-1 article a.add-new:focus, #main-content.color-1 article.active a.add-new, #main-content.color-1 button, #main-content.color-1 input[type="button"], #main-content.color-1 input[type="reset"], #main-content.color-1 input[type="submit"] { background-color:#0f2d40; } #main-content.color-1 article.active, #sidebar nav ul li.color-1 ul { border-color:#0f2d40; } /*#sidebar nav ul li.color-2 a.collapsed, #sidebar nav ul li.color-2 a.collapsed span,*/ #main-content.color-2 a, #main-content.color-2 article h2, #main-content.color-2 article legend, #main-content.color-2 article table td > label, #main-content.color-2 article table th > label, #sidebar nav ul li.color-2 ul li a:hover, #sidebar nav ul li.color-2 ul li a:active, #sidebar nav ul li.color-2 ul li a:focus, #sidebar nav ul li.color-2 ul li a.active { color:#194759; } #sidebar nav ul li.color-2 a, #sidebar nav ul li.color-2 a:hover, #sidebar nav ul li.color-2 a.active, #sidebar nav ul li.color-2 a:focus, #main-content.color-2 nav ul li a.active, #main-content.color-2 nav ul li a:hover, #main-content.color-2 nav ul li a:active, #main-content.color-2 nav ul li a:focus, #main-content.color-2 article h2 a, #main-content.color-2 article h2 a:active, #main-content.color-2 article h2 a:focus, #main-content.color-2 article h2 a:hover, #main-content.color-2 article a.add-new:hover, #main-content.color-2 article a.add-new:focus, #main-content.color-2 article.active a.add-new, #main-content.color-2 button, #main-content.color-2 input[type="button"], #main-content.color-2 input[type="reset"], #main-content.color-2 input[type="submit"] { background-color:#194759; } #main-content.color-2 article.active, #sidebar nav ul li.color-2 ul { border-color:#194759; } /*#sidebar nav ul li.color-3 a.collapsed, #sidebar nav ul li.color-3 a.collapsed span,*/ #main-content.color-3 a, #main-content.color-3 article h2, #main-content.color-3 article legend, #main-content.color-3 article table td > label, #main-content.color-3 article table th > label, #sidebar nav ul li.color-3 ul li a:hover, #sidebar nav ul li.color-3 ul li a:active, #sidebar nav ul li.color-3 ul li a:focus, #sidebar nav ul li.color-3 ul li a.active { color:#296b73; } #sidebar nav ul li.color-3 a, #sidebar nav ul li.color-3 a:hover, #sidebar nav ul li.color-3 a.active, #sidebar nav ul li.color-3 a:focus, #main-content.color-3 nav ul li a.active, #main-content.color-3 nav ul li a:hover, #main-content.color-3 nav ul li a:active, #main-content.color-3 nav ul li a:focus, #main-content.color-3 article h2 a, #main-content.color-3 article h2 a:active, #main-content.color-3 article h2 a:focus, #main-content.color-3 article h2 a:hover, #main-content.color-3 article a.add-new:hover, #main-content.color-3 article a.add-new:focus, #main-content.color-3 article.active a.add-new, #main-content.color-3 button, #main-content.color-3 input[type="button"], #main-content.color-3 input[type="reset"], #main-content.color-3 input[type="submit"] { background-color:#296b73; } #main-content.color-3 article.active, #sidebar nav ul li.color-3 ul { border-color:#296b73; } /*#sidebar nav ul li.color-4 a.collapsed, #sidebar nav ul li.color-4 a.collapsed span,*/ #main-content.color-4 a, #main-content.color-4 article h2, #main-content.color-4 article legend, #main-content.color-4 article table td > label, #main-content.color-4 article table th > label, #sidebar nav ul li.color-4 ul li a:hover, #sidebar nav ul li.color-4 ul li a:active, #sidebar nav ul li.color-4 ul li a:focus, #sidebar nav ul li.color-4 ul li a.active { color:#3e8c84; } #sidebar nav ul li.color-4 a, #sidebar nav ul li.color-4 a:hover, #sidebar nav ul li.color-4 a.active, #sidebar nav ul li.color-4 a:focus, #main-content.color-4 nav ul li a.active, #main-content.color-4 nav ul li a:hover, #main-content.color-4 nav ul li a:active, #main-content.color-4 nav ul li a:focus, #main-content.color-4 article h2 a, #main-content.color-4 article h2 a:active, #main-content.color-4 article h2 a:focus, #main-content.color-4 article h2 a:hover, #main-content.color-4 article a.add-new:hover, #main-content.color-4 article a.add-new:focus, #main-content.color-4 article.active a.add-new, #main-content.color-4 button, #main-content.color-4 input[type="button"], #main-content.color-4 input[type="reset"], #main-content.color-4 input[type="submit"] { background-color:#3e8c84; } #main-content.color-4 article.active, #sidebar nav ul li.color-4 ul { border-color:#3e8c84; } /* heights */ [class*="height"] { padding-bottom:10px; padding-top:10px; } .height1 { height:50px; } .height2 { height:121px; } .height3 { height:192px; } .height4 { height:263px; } /* sidebar */ #sidebar { -webkit-box-shadow: inset -1px 0 0 0 #dfdfdf; -moz-box-shadow: inset -1px 0 0 0 #dfdfdf; box-shadow: inset -1px 0 0 0 #dfdfdf; overflow:auto; display:block; float:left; width:180px; height:100%; position:fixed; min-height:615px; background: white; z-index: 104; } #sidebar h1 { padding:35px 20px; display:block; color: #555; height:70px; margin:0; text-align: center; } #sidebar h1 a:hover, #sidebar h1 a:focus, #sidebar h1 a:active { opacity: 0.6; } #sidebar nav ul { margin:0; position:relative; z-index:2; background:#FFF; } #sidebar nav ul li { display:block; clear:both; width: 100%; } #sidebar nav ul li a { display:block; border-color: #dfdfdf; border-width: 0 0 1px; border-style: solid; border-collapse:collapse; vertical-align: middle; padding: 10px 15px; line-height:50px; font-weight:400; white-space:nowrap; font-size:1em; color: #FFF; } #sidebar nav ul li a:hover { text-decoration: none; } #sidebar nav ul li:first-child a { border-width: 1px 0; } #sidebar nav ul li a span { display:block; font-size:2em; margin: 5px 15px 5px 0; width:40px; height: 40px; text-align:center; line-height:43px; float:left; font-weight: normal; -webkit-font-smoothing: antialiased; } #sidebar nav ul li a span, #sidebar nav ul li[class*="color-"] a span { color: #FFF; } #sidebar nav ul li a.collapsed, #sidebar nav ul li a.collapsed span { color: #FFF; color: rgba(255,255,255,0.7); } #sidebar nav ul li a.active span, #sidebar nav ul li a:hover span, #sidebar nav ul li a:active span, #sidebar nav ul li a:focus span, #sidebar nav ul li a.collapsed:hover, #sidebar nav ul li a.collapsed:hover span { color: #FFF !important; } #sidebar nav > ul > li > div > a.active, #sidebar nav > ul > li > div > a:hover, #sidebar nav > ul > li > div > a:focus, #sidebar nav > ul > li > div > a:active { color:#FFF !important; text-decoration:none; } #sidebar nav > ul > li > div > a.active { font-weight: bold; } #sidebar nav ul li ul { background: #dfdfdf; border-left-width: 0; border-left-style: none; } #sidebar nav ul li ul li { background: none; } #sidebar nav ul li ul li a { padding: 5px 25px; line-height:30px; font-weight:400; font-size:0.9em; border: 0; background: none !important; color: #555; text-decoration:none; } #sidebar nav ul li ul li a:hover, #sidebar nav ul li ul li a.active { background: #FFF !important; } #sidebar nav ul li ul li:last-child a { border-bottom: 1px solid #dfdfdf; } #sidebar aside {} #sidebar aside a#help-item { display:block; border-color: #dfdfdf; border-width: 0 0 1px; border-style: solid; border-collapse:collapse; width: 100%; vertical-align: middle; padding: 10px 20px; line-height:50px; font-weight:bold; white-space:nowrap; font-size:1em; color:#999; } #sidebar aside a#help-item span { display:block; font-size:2em; margin: 5px 15px 5px 0; width:40px; height: 40px; border-radius:45px; background: #FFF; text-align:center; line-height:43px; float:left; background-color:#FFF; color:#999; } #sidebar aside a#help-item:hover, #sidebar aside a#help-item.active, #sidebar aside a#help-item:focus { color:#FFF !important; text-decoration:none; background-color:#999; } #sidebar .user-details { padding: 15px 25px; border-top: #dfdfdf 1px solid; } #sidebar .user-details h2 { font-size:1.1em; margin:0 0 1em; line-height:1.2em;} #sidebar .user-details h3, #sidebar .user-details p { font-size: 0.85em; color:#7f7f7f; margin:0; line-height:1.2em; position:relative; } #sidebar .user-details p { font-size: 0.70em; } #sidebar .user-details .close { position: absolute; right: -10px; top: -2px; } /* main content */ #main-content { width:auto; margin:0 0 0 180px; padding-top: 60px; float:none; -webkit-box-shadow: 1px 0 0 0 #dfdfdf; -moz-box-shadow: 1px 0 0 0 #dfdfdf; box-shadow: 1px 0 0 0 #dfdfdf; border-right: 0 none; display:block; height:100%; left: 0; position: relative; } #main-content nav { display: table; border-bottom: #dfdfdf 1px solid; width: 100%; } #main-content nav ul { display: table-row; margin:0; position:relative; background:#FFF; } #main-content nav ul li { display: table-cell; width: 25%; height: 100px; } #main-content nav ul li a { display:block; border-color: #dfdfdf; border-width: 1px 1px 0 0; border-style: solid; border-collapse:collapse; vertical-align: middle; padding: 60px 20px 20px; height: 45px; line-height:1.5em; font-weight:500; white-space:nowrap; font-size:1em; color: #FFF; text-decoration: none; } #main-content nav ul:first-child li a { border-top-width: 0;} #main-content nav ul li a .icon, #main-content nav ul li a:hover .icon, #main-content nav ul li a:focus .icon, #main-content nav ul li a:active .icon { color: inherit !important; } #main-content nav ul li:last-child a { border-right-width: 0; } #main-content nav ul li a.active, #main-content nav ul li a:hover, #main-content nav ul li a:active, #main-content nav ul li a:focus { color: #FFF; } #main-content article { padding: 20px; position:relative; } #main-content article table { width: 100%; } #main-content article table thead td, #main-content article table thead th { font-style: italic; color: #999; border-bottom: 1px solid #dfdfdf; padding-bottom: 21px; } #main-content article table tbody td, #main-content article table tbody th { border-top: 1px solid #f4f4f4; } #main-content article table tr.zero { color:red; background-color: #FAE3E3; } #main-content article table tbody tr:first-child td, #main-content article table tbody tr:first-child th { border-top: 0 none; } #main-content article table tbody tr:hover > td, #main-content article table tbody tr:hover > th, #main-content article table tbody tr:focus > td, #main-content article table tbody tr:focus > th, #main-content article table tbody tr.new > td, #main-content article table tbody tr.new > th { background: #F4F4F4; } #main-content article table tbody tr:hover > td input, #main-content article table tbody tr:hover > th input, #main-content article table tbody tr.new > td input, #main-content article table tbody tr.new > th input { background: #FFF; } #main-content article table tbody tr td, #main-content article table tbody tr th, #main-content article table tbody tr.new > td, #main-content article table tbody tr.new > th, #main-content article table tbody tr.new > td input, #main-content article table tbody tr.new > th input { -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; } #main-content article table th { text-align: left; } #main-content article table td, #main-content article table th { padding: 8px 10px; } #main-content article h2 { font-size:1em; margin: 0; } #main-content article h2 a { display:block; margin:0; padding:28px 30px; height:14px; line-height:1em; color:#FFF; text-decoration:none; } #main-content article h2 a.collapsed { color:inherit !important; text-decoration:none; background:#FFF; } #main-content article h2 a, #main-content article h2 a:active, #main-content article h2 a:hover { color:#FFF !important; } #main-content article table tbody tr td > label { cursor: pointer; } #main-content article table tbody tr td:hover > label { text-decoration: underline; } #main-content article table tbody tr.details > td, #main-content article table tbody tr.details > th { padding-bottom:20px; border-top: 0 none; color: #666; background: #FFF; padding-top: 0; } #main-content article table tfoot td, #main-content article table tfoot th {border-top: 1px solid #dfdfdf; padding-top: 21px;} #main-content article table tr td:last-child { white-space: nowrap; } form {} form ul { margin: -10px; padding: 0; display: block; clear: both; overflow: hidden; height: auto; max-width: 600px; } form ul li { display: block; float: left; width: 220px; margin: 10px; height:55px; } form ul li label {} form ul li input {} form ul li select {} form ul li.size-half {} form ul li.size-full { width: 460px; } form ul li.size-full input, form ul li.size-full textarea, form ul li.size-full select { width:450px; } textarea, 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 { background: #F3F3F3; border:0 none; -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.075); -o-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.075); -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius: 0; } .search-box { background: #F5F5F5; padding: 20px; } .search-box legend { line-height: 30px; font-size: 1.2em; text-transform: lowercase;} .search-box textarea, .search-box input[type="text"], .search-box input[type="password"], .search-box input[type="datetime"], .search-box input[type="datetime-local"], .search-box input[type="date"], .search-box input[type="month"], .search-box input[type="time"], .search-box input[type="week"], .search-box input[type="number"], .search-box input[type="email"], .search-box input[type="url"], .search-box input[type="search"], .search-box input[type="tel"], .search-box input[type="color"], .search-box .uneditable-input { background: #FFF; width: 261px; } .search-box select { background: #FFF; width: 273px; } .search-box form {margin-bottom: 0;} h5:first-child { margin-top: 6px; } h5 { margin-top: 40px; margin-bottom: 12px; border-bottom: 1px solid #ddd; padding-bottom: 12px; } #main-content article .controls table { margin-bottom: 15px; } #main-content article .controls table thead td, #main-content article .controls table thead th { padding-bottom: 1px; padding-top: 20px; } .controls table input, .controls table textarea, .controls table .uneditable-input { width: 60px; } .controls table select { width: 100px; } /*#sidebar nav ul li a.collapsed, #sidebar nav ul li a.collapsed span,*/ #main-content a, #main-content article h2, #main-content article legend, #sidebar nav ul li ul li a:hover, #sidebar nav ul li ul li a:active, #sidebar nav ul li ul li a:focus { color:#333; } #sidebar nav ul li a, #sidebar nav ul li a:hover, #sidebar nav ul li a.active, #sidebar nav ul li a:focus, #main-content nav ul li a.active, #main-content nav ul li a:hover, #main-content nav ul li a:active, #main-content nav ul li a:focus, #main-content article h2 a, #main-content article h2 a:active, #main-content article h2 a:focus, #main-content article h2 a:hover, #main-content article a.add-new:hover, #main-content article a.add-new:focus, #main-content article.active a.add-new, #main-content button, #main-content input[type="button"], #main-content input[type="reset"], #main-content input[type="submit"] { background-color:#333; } #main-content article.active { border-color:#333; } /* LOGIN PAGE ****************/ body.login-page {} body.login-page h2 { border: 0 none; width: auto; } body.login-page #sidebar { display:table; } body.login-page #sidebar h1 { height:100%; display:table-cell; vertical-align:middle; } body.login-page #main-content { display:block; height:100%; } body.login-page #main-content article { border-bottom:0 none; border-left:0 none; display: block; margin: 0 auto; width: auto; top: 50%; height: 250px; margin-top: -125px; } body.login-page #main-content article h2 { font-family:"Arial Black", Gadget, sans-serif; text-transform:uppercase; font-size:1.6em; margin: 10px 10%; } body.login-page #main-content article form { } body.login-page input[type="submit"], body.login-page button {float: right; margin: 10px 11%; } body.login-page input[type="text"], body.login-page input[type="password"], body.login-page a { padding: 2%; width: 75%; margin: 10px 10%; } body.login-page #main-content a { color: #9f9f9f; padding: 0; font-style: italic; } /* Touch Devices */ body.touch-device #main-content article a.add-new { background:rgba(0,0,0,0.1); } body.touch-device #main-content article.active a.add-new, body.touch-device #main-content article:hover a.add-new { color:#FFF; } @media(max-height:615px){ #sidebar { position:relative; } } @media(max-width:1024px){ #main-content article .open-items > * > tr td { padding:0 5px; } #main-content article .open-items > * > tr td.title, #main-content article .open-items > * > tr td:first-child { padding-left:15px; } } @media(max-width:768px){ body.login-page #sidebar { display:none; } body.login-page #main-content { border: 0; margin: 0; position: relative } body.login-page #main-content .alert { position: absolute; top: 0; left: 0; } #main-content { margin:0 0 0 70px; padding-top: 35px; } #sidebar h1 { display: none;} #sidebar { width:70px; min-height:426px; overflow: visible; } #sidebar > nav > ul > li > div > a, #sidebar aside a#help-item { text-indent: -9999px; padding:10px 15px; width:40px;} #sidebar > nav > ul > li > div > a > span, #sidebar aside a#help-item span { text-indent:0; margin:5px 0; } #sidebar nav ul li { position: relative; min-width: 140px; } #sidebar nav ul li ul { position: absolute; left: 70px; top: 0; } #sidebar nav ul li ul.in { border: 1px solid #dfdfdf; border-bottom: 0 none; } #sidebar nav ul li:first-child a { border-top: 0 none; } #sidebar h1 { font-size:1em; height: 40px; padding: 15px 0;text-align:center; } #sidebar aside div { display:none; } section .alert { padding-top: 10px; padding-bottom: 10px; padding-left: 90px; height: 35px; line-height: 15px; } .centered { margin-left: -40px; } } @media(max-width:520px){ body { font-size: 13px; } #main-content {} section .alert {left:auto; } } @media print { body { font-size: 11px; } p { font-size: 0.95em;} * {-webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; max-width: 100% !important;} #main-content, #sidebar, body .container-fluid > section > footer { margin: 0 !important; padding: 0; width: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; } #main-content article { padding: 0; } .container-fluid {display: block; padding: 10px 30px 10px; position: static; } #sidebar nav, #sidebar h1, #sidebar aside, #main-content > nav, button, .alert { display: none; } #main-content { margin-left: 0; } #sidebar { margin-bottom: 20px !important; border-top: 0; border-right: 0; border-left: 0; border-bottom: 5px solid #DDD; background: url(../img/logo_vertical-300.png) no-repeat; background-size: 210px 105px; background-position: 0 20px; overflow: hidden; width: 100%; position: relative; height: 150px !important; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; min-height: 150px; max-height: 150px; } body .container-fluid > section > footer { display: block; border-top: 5px solid #DDD; padding: 30px 0 10px; margin-top: 40px; position: relative; } body .container-fluid > section > footer p { text-align: right; float: right; width: 70%; } body .container-fluid > section > footer p.fone { float: left; width: 25%; text-align: left; } }