@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'),
         url('../fonts/glyphicons-halflings-regular.woff') format('woff'),
         url('../fonts/glyphicons-halflings-regular.eot'),
         url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype');
}


.tooltipster-box {
	border-radius: 0 !important;
	background: #2d373c	!important;
	color: #fff;
	font-size: 12px;
	max-width: 350px !important;
}


#cert button img.aem-icon,
#cert .tablelinks .sups-html img.aem-icon, #cert .tablelinks .sups-scaf img.aem-icon
{
	-webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.tooltipstered .icon-information:before {
	vertical-align: top;
}
#cert {
    font-family: "Siemens Sans", "Siemens Sans Roman", Helvetica, sans-serif;
}

#cert .sups-table {
    /* background: #EBF0F5; */
    padding-bottom: 30px;
}

#cert, #cert a {
	font-size: 14px !important;
}

#cert button i {
	margin-top: -3px;
}

#cert .sups-reset {
	width: auto;
	/* padding: 0 10px !important; */
    margin-left: 12px;
}

#cert .sups-sort-mobile {
    display: none;
}


/* #cert .dropdown-toggle span, #cert .sups-reset span { */
    /* vertical-align: middle; */
/* } */
#cert .dropdown-toggle span i, #cert .sups-reset span i {
    vertical-align: top;
}


#cert .sups-float-right {
	text-align: right;
	float: right;
}


#cert .sups-sort-mobile {
    padding: 0 10px !important;
}



.sups-reset:active span, .sups-reset:focus span, .multiselect:active span, .multiselect:focus span {
    position:relative;
    top: 0;
    left: 0;
}

#cert .icon-replay {
	font-size: 18px;
}

#cert .icon-information {
    color: #641e8c;
    font-size: 18px;
}

#cert .highlightinfo .icon-information:before {
    background: #641e8c;
    color: #fff;
    padding: 5px 3px;
}



#cert .sups-table-header h2 {
    color: #fff;
    margin-bottom: 35px;
	font-weight: bold;
    font-size: 24px;
}


#cert li.month label {
    padding-left: 45px;
	line-height: 20px;
}

#cert div.dataTables_wrapper div.dataTables_filter {
    float: left;
    /* margin-right: 10px; */
}

#cert .sups-float-right button {
    border-radius: 0;
    height: 40px;
    border: 1px solid #fff;
    background-color: #641e8c;
    color: #fff;
	font-weight: bold;
	float: none;
	padding: 0 15px !important;
}

#cert .sups-float-right button .fa, #cert button.multiselect > .caret {
    font-size: 16px !important;
    margin-right: 5px;
}

#cert .dataTables_wrapper .dataTables_filter input {
    margin-left: 0 !important;
    width: 400px;
    height: 40px;
    border-radius: 0;
}


/* filter */

/* #cert .sups-float-right button.multiselect  { */
    /* min-width: 140px; */
/* } */

#cert .sups-float-right button:focus {
	outline: none;
}
#cert .sups-float-right button:active {
	box-shadow: none;
}

#cert .icon-control {
	font-size: 18px;
}

.multiselect-selected-text {
    /* margin-left: 5px; */
	line-height: 18px;
}
#cert .btn-group.open button.multiselect, #cert .btn-group.filtered button.multiselect, .sort-container.open button, .sort-container.filtered button {
    color: #641e8c  !important;
    background: #fff !important;
    border: 1px solid #fff !important;
    box-shadow: none;
}

#cert button.multiselect > .caret {
    position: absolute;
    top: 12px;
    left: 12px;
    display: inline-block;
    border: none;
}

#cert button.multiselect > .caret:before {
    content: "\e616";     
}

#cert input[type=checkbox] {
    margin: 0;
}

#cert .multiselect-container>li.multiselect-group label {
    padding: 5px 20px 5px 20px;
	width: 100%;
	line-height: 20px;
}

#cert .sort-container ul {
    top: 26px;
    left: 20px;
}

#cert .multiselect-container, .sort-container ul {
    border: 1px solid #641e8c;
    border-radius: 0;
    min-width: 137px;
    margin-left: -1px;
    padding-top: 5px;
    padding-bottom: 5px;
	margin-top: 0;
}

#cert .multiselect-container li a, .sort-container ul li {
    position: relative;
    color: #641e8c;
	outline: none;
}


#cert .dropdown-menu>li>a:focus, #cert .dropdown-menu>li>a:hover, #cert .dropdown-menu>.active>a, #cert .dropdown-menu>.active>a:focus, #cert .dropdown-menu>.active>a:hover {
    background-color: transparent;
}

#cert .multiselect-container .caret-container {
    position: absolute;
    top: 7px;
    right: 10px;
    color: #641e8c;
    padding: 5px;
}


#cert .multiselect-container:hover .caret-container {
	border-bottom: 0;
}

#cert .multiselect-container .caret-container .caret {
    border-top: 7px dashed;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}


/* table */
#cert .dataTable {
    border: none;
    margin-left: 0;
    margin-right: 0;
    width: 100% !important;
}

#cert table.table-bordered.dataTable th {
    color: #641e8c;
    border-bottom: 1px solid #641e8c;
    font-size: 14px;
	font-weight: 800;
}

#cert .dataTable>tbody>tr {
    background: transparent;
}

#cert .dataTable > tbody > tr td, #cert table.table-bordered.dataTable th {
    border-top: 0;
    border-bottom: 1px solid #641e8c;
    border-right: 0;
	border-left: 0;
    padding: 15px 10px 15px 0;
}


#cert .dataTables_wrapper .dataTables_info {
    color: #641e8c;
    font-weight: 800;
}


#cert table.table-bordered.dataTable th:first-child:after {
    left: 10px;
}

#cert table.table-bordered.dataTable th:first-child {
	min-width: 80px;
	text-align: left;
}
#cert table.table-bordered.dataTable th:nth-child(2), #cert table.table-bordered.dataTable th:nth-child(6) {
	min-width: 100px;
}

#cert table.table-bordered.dataTable th:nth-child(7) {
	min-width: 215px;
}

#cert table.table-bordered.dataTable th {
	vertical-align: baseline;
}



#cert table.table-bordered.dataTable th:nth-child(2):after {
    left: 85px;
}
#cert table.table-bordered.dataTable th:nth-child(6):after {
    left: 75px;
}


table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
	display: inline-block;
	position: initial !important;
	margin-left: 10px;
    vertical-align: middle;
}


#cert table.table-bordered.dataTable th:after { bottom: 14px; }

#cert .tooltip {
    word-break: break-all;
}

#cert .tooltip.in {
    opacity: 1;
}

#cert .tooltip-inner {
    max-width: 350px !important;
    border-radius: 0;
    padding: 8px;
    background-color: #2D373C;
    text-align: left;
	font-family: "Siemens Sans", "Siemens Sans Roman", Helvetica, sans-serif;
}

/*#cert .tooltip-arrow { border-right-color: #2D373C; }*/

#cert li [class^="fa-"], #cert li [class^="glyphicon-"], #cert li [class^="icon-"], #cert li [class*=" fa-"], #cert li [class*=" glyphicon-"], #cert li [class*=" icon-"] {
    display: inline-block;
    width: 1.25em;
    text-align: center;
    font-size: 14px;
    line-height: 1.42857143;
    -webkit-font-smoothing: antialiased;
}

.highlight {
    background-color: #641e8c;
    color: #fff;
    padding: 3px 0;
}

b .highlight {
    background-color: transparent !important;
    color: inherit;
}

.pagination>li>a, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
    border: none;
    background-color: transparent;
    font-weight: 800;
    padding: 2px 7px;
}

#cert .pagination i {
    font-size: 12px !important;
    color: #641e8c;
}

#cert .pagination>li>a:hover, #cert .pagination>li>span:hover, #cert .pagination>li>a:focus, #cert .pagination>li>span:focus {
	z-index: 0;
}

#cert .onlysearch {
    display: none;
}

#cert span.sups-download {
	color: #ababab;
}

#cert .tablelinks tr {
	background-color: transparent !important;
}

#cert .tablelinks {
	display: table-cell !important;
}

#cert .tablelinks tr td {
	border-bottom: none !important;
	padding: 0 12px 0 0 !important;
}

#cert .tablelinks:last-child tr > td:last-child {
	padding-right: 0 !important;
} 
#cert .sups-download .icon-download {
    font-size: 17px;
	width: 17px; 
	vertical-align: baseline;
}

#cert :-ms-input-placeholder {
    color: #999 !important;
}

#cert .icon-replay {
	margin-right: 5px;
}

#cert .icon-replay:before, #cert .icon-control:before {
	padding-right: 2px !important;
}


#cert .multiselect-container li a label label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }


	

#cert .multiselect-container li a label b:before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 20px;
      height: 20px;
      left: 10px;
      border: 1px solid #641e8c;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
#cert .multiselect-container li a input[type="checkbox"] {
    opacity: 0; }
#cert .multiselect-container li a input[type="checkbox"]:focus + b:before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
#cert .multiselect-container li a input[type="checkbox"]:checked + b:after {
    content: ""; 
	/* font-family: 'siemens-webicons-webfont' !important; */
	background: url('/content/dam/siemensenergy-aem/icons/buttons---links/check-small.svg') no-repeat;
	background-size: contain;
}


#cert .multiselect-container li a label b:after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 18px;
    left: 12px;
    top: 0px;
    font-size: 14px;
    color: #641e8c;
	padding-left: 0;
}

#cert .dropdown-menu>li>a {
	padding: 0;
}



#cert .multiselect-container>li {
	outline: none;
}

#cert .multiselect-container li.month a label b:before {
    left: 35px;
}


#cert .multiselect-container li.month a label b:after {
    left: 37px;
    top: 0px;
}


#cert .sort-container {
    position: relative;
}

/* #cert .sort-container button { */
    /* margin-left: 20px; */
/* } */

#cert .sort-container li {
    padding: 5px 20px 5px 40px;
    position: relative;
}

#cert .sort-container li:before {
    content: "\e150";
    position: absolute;
    top: 5px;
    left: 20px;
    display: block;
    font-family: 'Glyphicons Halflings';
    opacity: 0.2;
}

#cert .sort-container li.sortasc:before {
    content: "\e155"; 
    opacity: 1;
}


#cert .sort-container li.sortdes:before {
    content: "\e156";
    opacity: 1;
}




@media screen and (max-width: 1024px) {
    #datatable_ajax_filter {
        Xpadding: 0;
    }
	
	#cert .pagination {
		padding-left: 0;
		display: block !important;
	}
	
	#cert .pagination li {
		display: initial !important;
	}

	#cert div.dataTables_wrapper div.dataTables_filter {
		width: 100%;
	}
	
    #cert .sups-sort-mobile {
        display: inline-block;
		width: auto;
		margin-left: 12px;
    }

    #datatable_ajax_filter label {
        width: 100%;
    }
    #cert .dataTables_wrapper .dataTables_filter input {
        width: 100%;
    }
	



    #cert .sups-float-right {
        float: none;
        Xpadding: 0;
        margin-top: 10px;
        display: inline-block;
    }

	#cert .sups-float-right {
		text-align: left;
	}

    #cert .dataTable tr td, #cert .dataTable tr.heading th {
        display: none;
    }


	#cert .dataTable > tbody > tr > td:last-child, #cert .dataTable > thead > tr.heading > th:last-child {
		display: table-cell;
		text-align: left;
		line-height: 20px;
    }
	
    #cert .tooltip-inner {
        min-width: 350px;
    }
}




@media (max-width: 767px) {

    #cert .sups-float-right > button {
        width: 100%;
        margin: 0;
        text-align: left;
        margin-top: 20px;
    }
	
	#cert .multiselect-container li a label b:after {
		left: 14px;
	}
	
	#cert .sups-float-right {
		margin-top: 15px;
	}
	
	#cert .sups-float-right .btn {
		max-width: 100% !important;
	}

	#cert .sups-sort-mobile {
		margin-left: 0;
		width: 100%;
		display: block;
        margin-top: 20px;
        text-align: left;
	}
	
    #cert .sups-float-right .multiselect-native-select {
        width: 100%;
        display: block;
    }

    #cert .sups-float-right .multiselect-native-select .btn-group {
        width: 100%;
    }

    #cert .sups-float-right .multiselect-native-select .btn-group button {
        width: 100%;
        display: block;
        text-align: left;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
	
	#cert .multiselect-container li a label b:before {
		left: 12px;
	}
	
	#cert .sups-float-right button {
		padding-left: 12px !important;
        padding-right: 12px !important;
    }

    #cert .multiselect-container {
        width: 100%;
        margin-left: 0;
		margin-top: 1px;
		border: none;
    }

    #cert .tooltip.in {
        left: 0 !important;
        width: 100% !important;
    }

    #cert .tooltip-inner {
        max-width: 100% !important;
        padding: 15px;
        font-size: 14px;
    }

	#cert .sort-container {
		width: 100%;
		display: block;
	}

    #cert .tooltip-arrow {
        left: auto !important;
        right: 29px !important;
    }

    #cert .sort-container button {
        margin-left: 0;
    }

    
    #cert .sort-container ul {
        left: 0;
        margin-left: 0;
        width: 100%;
        top: 39px;
		border-radius: 0;
		border: 0;
    }

    #cert .sort-container li:before {
        left: 14px;
    }

    #cert .sort-container li {
        padding-left: 40px;
    }


}



@media (min-width: 769px) and (max-width: 1024px) {

    #cert .dataTables_info {
        float: left !important;
    }
    #cert .dataTables_paginate {
        float: right !important;
    }

}


@media screen and (min-width: 1025px) {
    #cert .dataTables_filter.col-xs-12 {
        width: auto;
        Xpadding: 0;
    }

    #cert .sups-float-right.col-xs-12 {
        width: auto;
    }


    #cert .dataTable > tbody > tr > td:last-child, #cert .dataTable > thead > tr.heading > th:last-child {
        display: none;
    }
}