/* - ++resource++enisa.cloudcert/ccsm/ccsm.css - */
@media screen {
/* https://resilience.enisa.europa.eu/portal_css/++resource++enisa.cloudcert/ccsm/ccsm.css?original=1 */
#main {
width: 100%;
}
.content-header {
display: none;
}
.ccsm-header-title {
overflow: auto;
margin-top: 20px;
margin-bottom: 1em;
padding: 0 1em 1em;
border-bottom: 1px solid #ddd;
}
.ccsm-header-title .portal-logo {
display: none;
}
.ccsm-header-title h1 {
margin: 7px 0 auto!important;
}
.ccsm-subtitle {
color: #484848;
font-size: 11px;
font-style: italic;
margin-top: 10px;
}
.ccsm-logo {
float: left;
display: block;
max-width: 100%;
width: 300px;
height: auto;
margin-right: 20px;
vertical-align: middle;
}
#ccsm-content {
font-size: inherit;
margin-left: 1px;
background: inherit;
border: 1px solid #ccc;
min-height: 720px;
line-height: 1.5em;
clear: both;
padding: 24px 35px;
}
#ccsm-content ul.nav-pills.nav-stacked {
list-style-type: none;
width: 300px;
margin-left: 0;
float: left;
}
.vertical-tabs .tab-content {
border: 1px solid #8FBCE4;
margin-left: 299px;
border-radius: 4px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
min-height: 352px;
}
#ccsm-content ul.nav-pills.nav-stacked a {
background-color: #8FBCE4;
border: 1px solid #8FBCE4;
color: #FFF;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
text-decoration: none;
}
#ccsm-content ul.nav-pills.nav-stacked .active a,
#ccsm-content ul.nav-pills.nav-stacked a:hover {
background: #FFF;
border: 1px solid #8FBCE4;
color: #427597;
border-right: 0;
}
#ccsm-content ul.nav-pills.nav-stacked .active a:hover {
color: #427597 !important;
}
#ccsm-content textarea {
height: 100px;
}
#ccsm-content .linked-schemes {
display: none;
width: 30.5%;
vertical-align: top;
}
.tab-pane.active {
overflow: hidden;
padding: 20px 10px 10px;
text-decoration: none;
}
.panel-heading .panel-title a {
cursor: pointer;
}
.glyphicon {
cursor: pointer;
}
.panel-body.standard-lists ol,
.panel-body.standard-lists ul,
.modal-body ol,
.modal-body ul {
list-style-image: initial;
list-style: initial;
padding: 0 25px;
}
.panel-body.standard-lists ol > li,
.modal-body ol > li {
list-style-type: decimal;
}
.panel-body.standard-lists ol,
.modal-body ol {
list-style-type: decimal;
}
.panel-body ul.standard-lists > li,
.modal-body ul > li {
list-style-type: disc;
}
.panel-body.standard-lists li,
.modal-body li {
display: list-item;
padding: initial;
margin: initial;
}
.modal-header .close {
background: transparent;
border: 0;
}
.modal-dialog {
min-width: 600px !important;
width: 60% !important;
}
.ccsm-modal {
overflow: auto !important;
}
#ccsm-content .import-form {
margin-right: 10px;
}
#ccsm-content .import-form input[type="file"] {
display: inline;
width: auto;
}
#ccsm-content .sortable-placeholder {
width: 500px;
margin-top: 10px;
margin-bottom: 10px;
}
#ccsm-content .ui-sortable-helper.field-panel {
width: 500px!important;
}
.field-mappings .mapping-title {
font-size: larger;
}
.field-mappings .mapping-title .glyphicon:hover {
cursor: pointer;
color: #428ac9;
}
.field-remarks .remarks-body,
.objective-remarks
{
font-style: italic;
color: #7c7c7c;
border-bottom: 1px solid #dbdbdb;
margin-bottom: 10px;
}
.objective-remarks.no-underline
{
margin-bottom: inherit;
border-bottom: 0;
}
.ccsm-modal .modal-content {
border: 0;
}
.ccsm-modal .modal-header
{
background-color: #428bca;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.ccsm-modal .modal-title
{
color: white;
}
/* */
.add-objective-cancel-link,
.edit-objective-cancel-link {
cursor: pointer;
margin-left: 5px;
}
#scheme-ccsm dl.editMode li .objective-field:hover {
color: #A73E3E;
cursor: pointer;
}
#scheme-ccsm .objective-description .panel-body,
.titleless .panel-body {
border-top: 0!important;
}
#scheme-ccsm .objective-description textarea.references {
height: 65px!important;
}
#scheme-ccsm .objective-description textarea.description {
height: 65px!important;
}
#scheme-ccsm .field-remarks {
color: #868686 !important;
font-style: italic !important;
margin-left: 5%;
margin-top: 10px;
margin-bottom: 20px;
}
#scheme-ccsm .field-remarks p {
color: #868686 !important;
}
#scheme-ccsm .objective-description {
width: 63%;
display: inline-block;
vertical-align: top;
}
#scheme-ccsm .objective-domains {
width: 36%;
display: inline-block;
vertical-align: top;
}
#scheme-ccsm .objective-domains .panel-body {
background-color: #f0f0f0;
border-top-color: #ddd;
}
#scheme-ccsm .objective-domains.edit {
margin-top: 1.8em;
}
.mapping-heading {
background-color: lightgray!important;
}
/* */
#ccsm-search table {
border-color: #428bca;
}
#ccsm-search table th:first-child,
#ccsm-search table td:first-child {
border-left-color: #428bca;
}
#ccsm-search table .criteria-description,
#ccsm-search table th:last-child,
#ccsm-search table td:last-child {
border-right-color: #428bca;
}
#ccsm-search table thead tr th {
border-bottom-color: #428bca;
}
#ccsm-search table tr:last-child td {
border-bottom-color: #428bca;
}
#ccsm-search table thead tr {
background-color: #428bca;
color: #fff;
}
#ccsm-search table thead tr a {
color: #fff;
text-decoration: underline;
}
#ccsm-search table.criteria {
table-layout: fixed;
}
#ccsm-search table.criteria tr .glyphicon-ok {
color: #16983B;
}
#ccsm-search table.criteria th {
font-weight: bold;
}
#ccsm-search table .criteria-checkbox
{
width: 3em;
text-align: center;
}
#ccsm-search .criteria-comments {
display: none;
}
#ccsm-search table.results td.check span:hover {
color: #000;
cursor: pointer;
}
#ccsm-search .results th {
font-weight: bold;
}
#ccsm-search table.results .eea-icon {
font-size: 16px;
}
#ccsm-search .field-description {
color: #4e4e4e;
background-color: #f5f5f5;
}
#ccsm-search table.results .field-title {
color: #fff;
background-color: #428bca;
}
#ccsm-search table.results.many-schemes {
table-layout: auto;
width: 100%;
}
#ccsm-search table.results.many-schemes .scheme-title {
height: 300px;
white-space: nowrap;
}
#ccsm-search table.results.many-schemes .scheme-title div {
vertical-align: bottom;
transform: rotateZ(-90deg);
width: 30px;
margin-bottom: 1em;
text-align: center;
margin-bottom: 1em;
margin: 0 auto 1em;
}
#ccsm-search table.results.many-schemes .scheme-title div a {
text-decoration: none;
}
#ccsm-search table.results.many-schemes .scheme-title div a:hover {
text-decoration: underline;
}
#ccsm-search table.results .scheme-title,
#ccsm-search table.results .check {
text-align: center;
}
#ccsm-search table.results.many-schemes th.security-objective {
min-width: 200px;
max-width: 400px;
width: 25%;
}
#ccsm-search table.results th.security-objective {
border-bottom: 1px solid #ddd;
}
#ccsm-search table.results caption {
display: table-caption;
font-size: 14pt;
background-color: #f9f9f9;
border: 1px solid #ddd;
border-bottom: 0;
}
#ccsm-search .procurement-comply,
#ccsm-search .procurement-audit,
#ccsm-search .procurement-description {
display: none;
}
#ccsm-search div.results-container {
overflow-x: auto;
}
#ccsm-search .popup-field {
color: red;
}
/* */
.ccsm-modal.search-popup .modal-header {
color: #428bca;
}
.ccsm-modal.search-popup .modal-title {
font-size: large;
text-align: center;
}
.ccsm-modal.search-popup .scheme-objective
{
margin-bottom: 5px;
}
.ccsm-modal.search-popup .scheme-objective:last-child .objective-remarks
{
margin-bottom: inherit;
border-bottom: 0;
}
.ccsm-modal.search-popup .objective-title {
color: #000;
font-size: larger;
}
.ccsm-modal.search-popup .objective-remarks {
color: #7f7f7f;
font-style: italic;
}
/* */
.ccsm-links {
padding: 10px;
}
.ccsm-links .ccsm-link {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 5px solid #47bbff;
padding: 5px;
display: inline-block;
text-align: center;
width: 250px;
margin-right: 10px;
-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35);
box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35);
}
.ccsm-links .ccsm-link a {
display: block;
}
.ccsm-links .ccsm-link:hover {
border-color: #5cb85c;
}
.ccsm-links .ccsm-link img {
width: 130px;
height: auto;
}
.ccsm-links .ccsm-link span {
display: block;
font-size: larger;
margin-top: 7px;
}
.pagination-controls li {
display: inline!important;
}
.pagination-controls li a {
border-bottom: 1px solid #ddd!important;
}
.pagination-controls li.active a {
color: #fff!important;
}
.objective-mappings .mapping-remarks {
font-style: italic;
color: #7a7a7a !important;
}
.objective-mappings ul {
list-style-type: none!important;
list-style-image: none!important;
}
.objective-mappings li {
border-bottom: 1px solid black;
padding-top: 10px;
padding-bottom: 10px;
}
.objective-mappings .mapping-title {
font-weight: normal;
font-size: larger;
}
/* */
.spinner {
margin: 100px auto 0;
width: 70px;
text-align: center;
}
.spinner.no-margin {
margin: 0 auto;
}
.spinner > div {
width: 18px;
height: 18px;
background-color: #47bbff;
border-radius: 100%;
display: inline-block;
-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
animation: bouncedelay 1.4s infinite ease-in-out;
/* */
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0.0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes bouncedelay {
0%, 80%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 40% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
/* */
.cursor-pointer {
cursor: pointer;
}
/* */
.clear-top-border {
border-top: 0px !important;
}
#scheme-ccsm .panel-heading.objective-title {
color: #3a87ad;
background-color: #d9edf7;
border-color: #bce8f1;
}
#scheme-ccsm .panel-body.objective-body {
border-top-color: #bce8f1;
}
/* */
.bs-callout
{
padding: 20px;
margin: 20px 0;
border: 1px solid #eee;
border-left-width: 5px;
border-radius: 3px;
}
.bs-callout-info
{
border-left-color: #428bca;
}
.alert .close {
background: 0 0;
border: 0;
}
/* */
.bootstrap .panel {
padding-left: 0;
padding: 0;
}
.bootstrap .panel .panel-heading {
margin: 0;
}
.bootstrap .modal-content {
padding: 0;
}
.bootstrap ol,
.bootstrap ul,
.bootstrap li
{
list-style-type: none;
padding-left: 0;
}

}