File Manager

Current Directory: /home/astoriaah/www/administrator/components/com_gdpr/css
Viewing File: /home/astoriaah/www/administrator/components/com_gdpr/css/bootstrap-interface.css
/** * Generic interface styles */ select { color: #555 !important; padding: 5px 4px 5px 5px !important; background-color: #F9F9F9 !important; cursor: pointer; min-height: 30px; font-size: 13px !important; font-weight: bold !important; -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; border-radius: 10px !important; margin-right: 3px !important; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -ms-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; } select:focus,select.refreshfocus { outline: none !important; border: 1px solid rgba(82, 168, 236, 0.8); /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -webkit-transition: all 0s ease-out; -moz-transition: all 0s ease-out; -ms-transition: all 0s ease-out; -o-transition: all 0s ease-out; transition: all 0s ease-out; } select#limit { padding: 2px; min-height: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } label.label { color: #FFF; font-size: 100%; } label.label.marked { font-size: 120%; } label.label a,span.label a { color: #FFF; } span.label.large { font-size: 12px; padding: 2px 20px; } .nav.nav-pills a { padding: 8px; cursor: default; min-width: 235px; } .input-group { display: inline-table; max-width: 420px; } .input-group.active { cursor: pointer; } .input-group-addon { padding: 4px 12px; } #adminForm input[readonly] { cursor: text; } div.editor, div[class*=js-editor] { width: 600px; } div.editor iframe, div[class*=js-editor] iframe { max-height: 250px; } div.accordion-heading h4.accordion-title { color: #555; font-weight: normal; font-size: 18px; } div.accordion-heading.opened h4.accordion-title { font-weight: bold; } .accordion-heading .accordion-toggle { display: block; padding: 2px 15px !important; } .nav-tabs a { cursor: pointer; } div.clr.vspacer { height: 10px; } *.hidden { display: none; } *.label-icon { padding-left: 10px; } tfoot div.container { width: auto !important; } #backtop { font-size: 11px; position: fixed; bottom: 75px; right: 40px; cursor: pointer; width: 100px; } #gobottom { font-size: 11px; position: fixed; bottom: 50px; right: 40px; cursor: pointer; width: 100px; } #backtop > span, #gobottom > span { margin: 0 5px } /** * Admin list entities header */ table.headerlist span.label { font-size: 12px; } table.headerlist { margin-top: 10px; margin-bottom: 5px; width: 100%; } table.headerlist td.left { width: 60%; } table.headerlist td.right div { float: right; } table.headerlist td.right select { border-radius: 0px !important; height: 28px !important; min-height: 0; } table.full.headerlist { width: 100%; } table.full.headerlist td { position: relative; } /** * Admin list entities */ table.adminlist th,table.adminlist td { font-size: 12px; vertical-align: middle; } table.adminlist tbody td div.breakword { word-break: break-word; width: 100%; } table.adminlist td.alignleft { text-align: left; } table.adminlist td, table.adminlist th { padding: 8px !important; } table.adminlist td label.hasTooltip { float: left; } table.adminlist input[type=text] { max-width: 30px; } table.adminlist tr.subform-repeatable-group input[type=text] { max-width: 100%; } table.adminlist tr.subform-repeatable-group div.controls { width: 90%; } table.adminlist tr.subform-repeatable-group div.controls { float: none; } div.subform-repeatable table.adminlist th { max-width: 400px; } table.adminlist tr.subform-repeatable-group td:not(:first-child) div.control-group { min-height: 200px; } @media (max-width: 1024px) { div.subform-table-layout tbody td:first-of-type { min-height: 60px; padding-top: 20px !important; } div.subform-table-layout tbody td:first-of-type:before { top: 2px; } div.subform-table-layout td:before { top: -10px; } } dd.message.fade { opacity: 1 !important; } table.adminlist th.order { width: 140px; } table.adminlist input.ordering_input { float: right; } table.adminlist span.catlevel { font-size: 20px; } table.adminlist a.preview { word-wrap: break-word; white-space: normal; } table.adminlist a.external_link:hover, table.adminlist a.external_link:focus { text-decoration: none; } table.adminlist td.list_icon_user span.social_icon, table.adminlist td.list_icon_page span.social_icon { background: url("../images/socialicons_sprite.png") no-repeat; width: 32px; height: 32px; background-position: 2px 2px; } table.adminlist td.list_icon_goog span.social_icon { background: url("../images/socialicons_sprite.png") no-repeat; width: 32px; height: 32px; background-position: -32px -30px; } table.adminlist td.list_icon_twit span.social_icon { background: url("../images/socialicons_sprite.png") no-repeat; width: 32px; height: 32px; background-position: -32px 2px; } table.adminlist td[class^=list_icon] { text-align: left; } table.adminlist td[class^=list_icon] span { text-align: left; display: inline-block; } table.adminlist td.stroked { text-decoration: line-through; } table.adminlist span.label.label-large { white-space: inherit; } .row.tablestats table.adminlist th span { cursor: pointer; background-image: url(../js/tablesorter/order.png); background-position: right 5px center; background-repeat: no-repeat; padding: 0 20px 0 0; } .row.tablestats table.adminlist th.headerSortUp span { background-image: url(../js/tablesorter/desc.png); } .row.tablestats table.adminlist th.headerSortDown span { background-image: url(../js/tablesorter/asc.png); } /** * Admin table edit entities */ table.admintable { width: 75%; } table.admintable td { height: 35px; font-size: 12px; } table.admintable td.left_title { width: 28% !important; background-color: #f6f6f6; text-align: right; width: 140px; color: #666; font-weight: bold; border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; } table.admintable td.left_title label { font-weight: bold; float: right; } table.admintable td.right_details { width: 72% !important; } table.admintable td.right_details { width: 72% !important; } table.admintable td div.controls,table.admintable td span.controls { font-size: 0; } table.admintable.response td { border-bottom: 1px solid #ccc; } table.admintable td select,table.admintable td textarea { float: left; } table.admintable tr.nomessage td { border-bottom: 0px; } table.admintable div#element-box div.m { background-color: #FFF; } fieldset.adminform legend { border: none; margin-bottom: 0; width: auto; } table.admintable.paramlist td.paramlist_value { font-size: 0; } table.admintable input.inputbox-large, table.admintable textarea.inputbox-large { width: 500px; } #config-gdpr textarea.inputbox-large { width: 500px; } #configParams table.admintable td.paramlist_key { width: 200px !important; text-align: left !important; } dl.tabs dt { border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 8px 16px !important; } dl.tabs dt.open { background-color: #FFF !important; } h1.page-title { background: url("../images/gdpr-32x32.png") no-repeat; padding-left: 38px; } .page-title span.icon-gdpr { margin-right: -16px; } /** * Generic control fieldset bootstrap style */ 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-color: #fff; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; padding: 3px 6px; font-size: 12px; } textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6); } input[readonly],select[readonly],textarea[readonly] { cursor: not-allowed; background-color: #eee; } a.btn.btn-primary,a.btn.btn-primary:link,a.btn.btn-primary:visited,a.btn.btn-primary:hover { color: #FFF !important; font-size: 13px; } #toolbar button.btn-primary span[class^="icon-"], #toolbar a.btn-primary span[class^="icon-"] { background-color: #2384d3; } #toolbar button.btn-primary:hover span[class^="icon-"], #toolbar a.btn-primary:hover span[class^="icon-"] { background-color: #185b91; } button.absolute,a.absolute { position: absolute; top: 0; right: 10px; } button.btn { margin-top: 0; } #details button.btn.btn-mini.btn-success, #details button.btn.btn-mini.btn-warning { margin: 3px; outline: none; } button.close span.icon-remove { font-size: 10px; position: absolute; top: 0; right: 0; font-weight: normal; } span.icon-white:before { color: #FFF !important; } div.row-fluid .icon-delete::before { color: #E00; } /** * Modal overrides style */ div.modal { width: 800px; margin-left: -400px; display: none; } div.modal.fade.in { width: 800px; height: 480px; margin-left: -400px; } .modal-open { overflow: auto !important; } .modal-backdrop.fade.in { opacity: 0.5; } div.modal-dialog div { border-radius: 6px; } h4.modal-title { padding-left: 10px; } .generic_modal { left: auto; bottom: auto; right: auto; overflow: hidden; outline: none !important; cursor: move; } .generic_modal:focus { border: none; } .generic_modal div.modal-dialog { padding: 0 !important; width: 1024px; } div.modal-header { padding: 5px; } h4.modal-title { color: #0B55C4; } div.modal-content { background-color: #f7f7f7; } div.modal-content p { margin: 0 0 5px 0; } div.modal-body { padding: 0; max-height: none; } #dialog_iframe { width: 98%; height: 428px; border: none; } /** * Accordion toggle styles */ div.accordion-heading { font-size: 1.2em; } div.accordion-heading.opened { font-weight: bold; color: #555; font-size: 1.4em; } div.accordion-toggle { cursor: pointer; background-color: #f5f5f5; } div.accordion-toggle:hover { background-color: #efefef; } div.modal-header .close { margin: 2px 5px 0 0; } div.accordion-toggle span[class^="icon-"] { margin-right: 10px; font-weight: normal; } div.accordion-toggle.noaccordion { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; cursor: auto; padding: 4px 8px; } div.accordion-toggle.noaccordion h4 { font-weight: normal; margin: 2px 0 2px 0; } div.accordion-toggle.accordion_lightblue { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; padding: 4px 8px; } div.accordion-toggle.accordion_lightyellow { color: #c09853; background-color: #fcf8e3; border-color: #fbeed5; } div.accordion-toggle h3 { font-weight: normal; } div.accordion-body.accordion-inner, div.accordion-body.accordion-inner:hover { overflow: auto; } @supports ( -moz-appearance:none ){ div.accordion-body.collapse.in { overflow: visible; } } .row.tablestats { margin-top: 20px } /** * Alert messages styles */ .alert { margin: 0; } .alert .alert-message { padding-left: 10px; } /** * Alert messages styles for J3 BS admin styles and J2.5 old dd ul */ #system-message .alert { padding: 8px 35px 8px 14px; margin-bottom: 18px; text-shadow: 0 1px 0 rgba(255,255,255,0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #system-message .alert, #system-message .alert h4 { color: #c09853; } #system-message .alert h4 { margin: 0; } #system-message .alert .close { position: relative; top: -2px; right: -21px; line-height: 18px; } #system-message .alert-message { background-color: #dff0d8; border-color: #d6e9c6; color: #468847; } #system-message .alert-message h4 { color: #468847; } #system-message .alert-danger, #system-message .alert-error { background-color: #f2dede; border-color: #eed3d7; color: #b94a48; } #system-message .alert-danger h4, #system-message .alert-error h4 { color: #b94a48; } #system-message .alert-notice { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad; } #system-message .alert-notice h4 { color: #3a87ad; } dd.message.message ul { background-color: #dff0d8 !important; border-color: #d6e9c6 !important; color: #468847 !important; } dd.notice.message ul { background-color: #d9edf7 !important; border-color: #bce8f1 !important; color: #3a87ad !important; } dd.warning.message ul { background-color: #fcf8e3 !important; border-color: #fbeed5 !important; color: #c09853 !important; } dd.error.message ul { background-color: #f2dede !important; border-color: #eed3d7 !important; color: #b94a48 !important; } dd.message ul { padding: 15px; margin: 20px; border: 3px solid transparent !important; border-radius: 4px; background-position: 4px 3px !important; } /** * Validation labels */ li.validation.label { color: #FFF; } /** * CPanel iconsets */ div#cpanel div.icon a { background-color: #f3f7fc; background-position: -30px; display: block; float: left; height: 110px; width: 200px; color: #565656; vertical-align: middle; text-decoration: none; text-align: center; margin-right: 15px; margin-bottom: 15px; border: 1px solid hsl(214,50%,93%); border-radius: 4px; transition-property: background, background-position, border-bottom-left-radius, box-shadow, color, border; transition-duration: 0.4s; } #cpanel div.icon a:hover, #cpanel div.icon a:focus, #cpanel div.icon a:active { background-position: 0; border-bottom-left-radius: 50% 20px; box-shadow: -5px 10px 15px rgba(0, 0, 0, 0.25); position: relative; z-index: 10; background: #1f3047; color: #FFF; border: 1px solid hsl(215deg 39% 20%); } #cpanel span { font-size: 12px; font-weight: bold; display: block; text-align: center; } #cpanel div.task { margin-top: 32px; margin-left: -24px; font-size: 48px; color: #476285; min-height: 30px; transition: color 0.6s; } #cpanel div.icon a:hover div.task, #cpanel div.icon a:focus div.task, #cpanel div.icon a:active div.task { color: #FEFEFE; transition: color 0.6s; } #cpanel span.task { margin-top: 8px; } #cpanel img { padding: 10px 0; margin: 0 auto; } /** * Configuration compliance */ fieldset.radio { padding: 0; margin: 0; display: inline-block; border: none; } fieldset.radio label { clear: none; min-width: 45px; float: left; } fieldset.radio.small label { padding: 4px 8px; } span.label.spacer label { width: auto; min-width: 0; padding: 2px !important; margin: 0 !important; } span.label-info.spacer { float: left; } span.label-large { font-size: 14px; padding: 4px 6px; } span.label-italic { font-style: italic; } .controls>.radio:first-child,.controls>.checkbox:first-child { padding-top: 4px !important; } .btn-group label:first-of-type { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group label:last-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } div.control-group,div.controls { min-height: 48px; } .admintable td.right_details div.control-group,.admintable td.right_details div.controls { min-height: 35px; } div.controls { float: left; } iframe.video { margin: 0 0 20px 10px; } div.control-group, div.controls { min-height: 48px; } .admintable td.right_details div.control-group, .admintable td.right_details div.controls { min-height: 35px; } input#params_secret { width: 300px; } div.controls input[data-role=copyclipboard] { width: 1px; padding: 0; border: none; } div.controls button[data-role=copyclipboard] { margin-top: 4px; } div.control-label { width: 300px; border-bottom: 1px solid #EEE; margin: 8px 0 0 0; color: #666; display: block; float: left; clear: left; } div.controls span.label-large { font-size: 14px; padding: 4px 8px; font-weight: normal; } div.controls input.inputbox-large { width: 350px; } div.tmpl_wrapper { float: left; padding: 10px; border: 5px dashed #CCC; margin-left: 10px; min-height: 100px; box-sizing: border-box; margin-bottom: 20px; } div.accordion-group div.control-label { margin: 8px 0 0 8px; } div.current { border: none !important; } div.current fieldset.radio input { clear: none; min-width: 15px; float: left; margin: 3px 0 0 2px; } div.current fieldset.radio label { clear: none; min-width: 45px; float: left; margin: 3px 0 0 5px; } div.current label,div.current span.faux-label { display: block; min-width: 150px; float: left; clear: left; margin-top: 8px; } div.current div[id^=permission] td[headers^=action] label { width: 100%; } div.current label.nospacer { clear: none; min-width: 100px; padding: 4px 6px; margin-left: 6px; } div.current label.nospacer.resetconsents { font-size: 12px; font-weight: normal; } div.current label.nospacer.resetconsents span.icon { margin-right: 0; } div.current input,div.current textarea,div.current select { clear: none; float: left; } div.control-label label { font-weight: bold; display: inline-block; margin-top: 5px !important; } div.current fieldset.radio { float: left; } #permissions div.control-label { float: none; } div#element-box div.m { background-color: #FFF; } label.btn { margin: 0 !important; } a.label-audit, a.label-audit[href] { padding: 5px 10px; font-size: 16px; margin-top: 5px; } .adderbtn { cursor: pointer; margin-right: 10px; height: 16px; padding-left: 20px; display: inline-block; background: url("../images/addicon.png") no-repeat; display: inline-block; } #uploadrow { margin-bottom: 20px; } #uploadrow span.input-prepend { margin-bottom: 0; } .dialog_trigger,.deleterbtn { float: left; margin-left: 5px; } #module_images input { min-height: 0; } #module_images div.control-group { min-height: 0; margin-bottom: 0; } #module_images div.control-group:nth-child(3) { padding-bottom: 20px; } #module_images div.control-group:nth-child(3) div.control-label { margin-top: 20px; } #module_images input,#module_images textarea { width: 35%; } #module_images img.preview { float: right; max-width: 240px; margin-top: 10px; max-height: 156px; border: 3px dotted #CCC; padding: 10px; } #sortable { margin: 10px 0 0 0; } #sortable li { list-style-type: none; background-color: #FFF; } #sortable li.ui-sortable-helper { border: 2px solid #CCC; padding: 10px; height: 200px !important; width: 90% !important; } #sortable li.ui-sortable-helper label { color: #CCC } #sortable li.ui-sortable-helper div.controls { min-height: 0; } #sortable li.ui-state-highlight { height: 250px; } #sortable span.handler { display: block; width: 10px; cursor: move; margin-top: 10px; } #sortable li { cursor: move; } .input-prepend.calendar { display: block; } .input-prepend.active { cursor: pointer; } .input-prepend span.add-on:not(.field-media-preview) { min-width: 90px; } .label[href], .badge[href] { color: #FFF; font-size: 12px; } .badge-inverse-info { background-color: #FFF !important; color: #3a87ad !important; margin-left: 5px; } div.row.no-margin { margin-left: 0; } .changearrow { background: url(../images/changearrow.png) no-repeat; width: 30px; height: 20px; position: absolute; top: 15px; right: 2%; z-index: 1; background-size: 30px; opacity: 0.5; } table.table-showdetails.table-striped tbody tr td { position: relative; font-style: italic; } table.table-showdetails.table-striped tbody tr td label.label{ font-style: normal; } table.table-showdetails.table-striped tbody tr td.table-cell-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } table.table-showdetails.table-striped tbody tr td.table-cell-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } table.table-showdetails.table-striped tbody tr td.table-cell-error { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } table.table-showdetails th { font-size: 14px; } /** * Panel dialogs */ .panel { margin-bottom: 20px; background-color: #ffffff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-body:before,.panel-body:after { content: " "; /* 1 */ display: table; /* 2 */ } .panel-body:after { clear: both; } .panel-body:before,.panel-body:after { content: " "; /* 1 */ display: table; /* 2 */ } .panel-body:after { clear: both; } .panel>.list-group { margin-bottom: 0; } .panel>.list-group .list-group-item { border-width: 1px 0; } .panel>.list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .panel>.list-group .list-group-item:last-child { border-bottom: 0; } .panel-heading+.list-group .list-group-item:first-child { border-top-width: 0; } .panel>.table { margin-bottom: 0; } .panel>.panel-body+.table { border-top: 1px solid #dddddd; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; } .panel-title>a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #dddddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel+.panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading+.panel-collapse .panel-body { border-top: 1px solid #dddddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer+.panel-collapse .panel-body { border-bottom: 1px solid #dddddd; } .panel-default { border-color: #dddddd; } .panel-default>.panel-heading { color: #333333; background-color: #f5f5f5; border-color: #dddddd; } .panel-default>.panel-heading+.panel-collapse .panel-body { border-top-color: #dddddd; } .panel-default>.panel-footer+.panel-collapse .panel-body { border-bottom-color: #dddddd; } .panel-primary { border-color: #428bca; } .panel-primary>.panel-heading { color: #ffffff; background-color: #428bca; border-color: #428bca; } .panel-primary>.panel-heading+.panel-collapse .panel-body { border-top-color: #428bca; } .panel-primary>.panel-footer+.panel-collapse .panel-body { border-bottom-color: #428bca; } .panel-success { border-color: #d6e9c6; } .panel-success>.panel-heading { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success>.panel-heading+.panel-collapse .panel-body { border-top-color: #d6e9c6; } .panel-success>.panel-footer+.panel-collapse .panel-body { border-bottom-color: #d6e9c6; } .panel-warning { border-color: #fbeed5; } .panel-warning>.panel-heading { color: #c09853; background-color: #fcf8e3; border-color: #fbeed5; } .panel-warning>.panel-heading+.panel-collapse .panel-body { border-top-color: #fbeed5; } .panel-warning>.panel-footer+.panel-collapse .panel-body { border-bottom-color: #fbeed5; } .panel-danger { border-color: #eed3d7; } .panel-danger>.panel-heading { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } .panel-danger>.panel-heading+.panel-collapse .panel-body { border-top-color: #eed3d7; } .panel-danger>.panel-footer+.panel-collapse .panel-body { border-bottom-color: #eed3d7; } .panel-info { border-color: #bce8f1; } .panel-info>.panel-heading { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } .panel-info>.panel-heading+.panel-collapse .panel-body { border-top-color: #bce8f1; } .panel-info>.panel-footer+.panel-collapse .panel-body { border-bottom-color: #bce8f1; } @media (min-width: 768px) and (max-width: 899px) { #placeholder_cpanelicons { padding: 9px 2px; } div#cpanel div.icon a { margin-right: 5px; } }