.searchTD {
    background: url("images/search.png") 2px 2px no-repeat;
    width: 100%;
    height: 20px;
    cursor: pointer;
}

html {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
}

body {
    font-family: 'Nunito', sans-serif; /*@"Roboto", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-size: 14px;
   
}
.ui-widget{
    font-family: "Roboto", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
}

a:focus{
    outline: none;
}
.form-control {
    color: #555;
    border: 1px solid #ccc;
    border-radius: 1px;
    padding: 3px 6px 5px 6px;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.input-group-addon{
    padding: 3px 6px 5px 6px;
    border-radius: 0px;
}
.modal-content {
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 4px;
  outline: none;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
          box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
}
.modal-header {
  color: # 909090;
  border-bottom: 1px solid #f2f2f2;
}
.modal-footer{
    background-color: #fcfcfc;
}
.modal-backdrop { 
  z-index: 1030;
}
    .modal-backdrop.in {
        filter: alpha(opacity=20);
        opacity: .2;
    }
.popover {
  border-radius: 0px;
  max-width: 600px;
}
.popover-title {
  border-radius: 0;
}
.btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 3px;
    padding: 3px 6px;
}
    .btn:focus,
    .btn:active:focus,
    .btn.active:focus {
        outline: none;
    }
    .btn:active,
    .btn.active {
        outline: 0;
    }
.dropdown-menu{
    border-radius: 0;
}
.panel {
    margin-bottom: 10px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .05);
}
.panel .no-border{  
    background-color: #fff;
    border-radius: 0px;
    -webkit-box-shadow: 0 0px 0px #fff;
    box-shadow: 0px 0px 0px #fff;
}
.panel-group .panel{
    border-radius: 4px;
}
.panel-group .panel .panel-heading {
    padding: 3px 6px;
}
.panel-group .panel .panel-title {
    font-weight: normal;
    font-size: 14px;
}
.navbar{
    border: 0px none;
}
.panel-body {
  padding: 10px;
}
/*.panel-default .panel-heading {
    background-color: #FFFFFF;
    color: rgb(44,44,44);
    border-bottom: 0px none;
}*/

.panel-heading {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-color: #f2f2f2;
}
.panel-footer {
  border-top: 1px solid #f2f2f2;
  background-color: #fff;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.alert{
    padding: 10px;
    border-radius: 1px;
}
.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td{
    border-top-color: #f2f2f2;
    border-bottom-width: 1px;
}
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 1px 2px;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 1px;
}
th{
    font-weight: normal;
    color: #000;
}
.pagination {
  border-radius: 0px;
}
    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
        font-family: 'Glyphicons Halflings';
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
        font-family: 'Glyphicons Halflings';
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .pagination > li > a,
    .pagination > li > span {
        padding: 3px 9px;
        outline: none;
    }
input[type=file]:focus, 
input[type=radio]:focus, 
input[type=checkbox]:focus{
    outline: none;
}

li.top-side-btn {
    height: 55px;
    width: 100px;
    margin-top: 5px;
}

.mainBtn {
    color: rgb(114, 114, 114); 
    height: 22px;
    padding-top: 30px;
    cursor: pointer;
}

.mainBtn:hover {
    text-decoration: underline;
}

.mainBtn32
{
    display:block; 
    width: 32px; 
    height: 32px; 
    padding: 0px; 
}

.mainBtn32:hover
{
   -moz-box-shadow:    inset 0 0 10px rgba(68,68,68,0.4);
   -webkit-box-shadow: inset 0 0 10px rgba(68,68,68,0.4);
   box-shadow:         inset 0 0 10px rgba(68,68,68,0.4);
}

.mainBtn24
{
    width: 24px; 
    height: 24px; 
    padding: 0px; 
    margin-bottom: 5px;
    cursor: pointer;
}

.mainBtn24:hover
{
   -moz-box-shadow:    inset 0 0 10px rgba(255,255,255,0.4);
   -webkit-box-shadow: inset 0 0 10px rgba(255,255,255,0.4);
   box-shadow:         inset 0 0 10px rgba(255,255,255,0.4);
}

.colorPickerCell2{
    width: 36px;
    height: 20px; 
    margin-right: 1px;
    border: 1px solid #f2f2f2;
    padding: 0px;
}

.colorPickerCell{
    cursor: pointer;
    width: 22px;
    height: 22px; 
}

.colorPickerCell:hover{
    border: 2px solid #f2f2f2;
}

.colorPickerCellMap{
    cursor: pointer;
    width: 40px;
    height: 18px;
    margin-right: 4px; 
}

.colorPickerCellAcitve{
    cursor: pointer;
}

.colorPickerCellAcitved{
    border: 2px solid #ccc;
}

.colorPickerCellAcitve:hover{
    border: 2px solid #ccc;
}

/*#QB
{
    background: url("images/filter24.png") center 5px no-repeat;
}*/
/*#QB1
{
    background: url("images/tabelle24.png") center 5px no-repeat;

}
#QB2
{
    background: url("images/diagramme24.png") center 5px no-repeat;
}
#QB3
{
    background: url("images/maps24.png") center 5px no-repeat;
}*/
/*#QB4
{
    background: url("images/suchen.png") center 5px no-repeat;
}*/
/*#QB5
{
    background: url("images/user_24.png") center 5px no-repeat;
}*/
#QB6
{
    background: url("images/printer24.png") center 5px no-repeat;
}
/*#QB7
{
    background: url("images/settings24.png") center 5px no-repeat;
}*/

/*#QB_Info
{
    background: url("images/info-24.png") center 5px no-repeat;
}*/


#RP1
{
    background: url("images/search.png") 0 0 no-repeat;
}

#RP2
{
    background: url("images/lists.png") 0 0 no-repeat;
}

#RP3
{
    background: url("images/Settings.png") 0 0 no-repeat;
}

#RP4
{
    background: url("images/table_24_alt.png") 0 0 no-repeat;
}

#SubLayerDropDown, #LayerDropDown {
    position:absolute; 
    top: 70px; 
    box-shadow: 0 1px 4px rgba(0,0,0,0.3); 
    width: 100px
}

#ThematicMapCaption {
    background-color: #FFFFFF;
    position: absolute;
    box-shadow: 0 1px 4px rgba(0,0,0,0.3); 
}

.IconMap {
    background: url("images/map_16.png") 0 0 no-repeat;
    width: 16px;
    height: 16px;
    margin-top: 2px;
}

.IconDeleteMap {
    background: url("images/Delete-16px.png") 0 0 no-repeat;
    width: 16px;
    height: 16px;
    margin-top: 1px;
}

.IconCloseMap {
    background: url("images/Close-16px.png") 0 0 no-repeat;
    width: 16px;
    height: 16px;
    margin-top: 1px;
}

.navbar {
    background-color: #fff;  /*url("images/bg-header.png") repeat-x;*/
    border-bottom: 1px solid #ccc;
}

#AddReportThema {
    background: url("images/Plus-16px.png") 0 0 no-repeat;
    display: block;
    width: 16px;
    height: 16px;
}

#RemoveReportThema {
    background: url("images/Minus-16px.png") 0 0 no-repeat;
    display: block;
    width: 16px;
    height: 16px;
}

#RightPanelPin {
    width: 35px;
    height: 58px;
    position: absolute;
    border: 1px solid #ccc;
    border-right: none;
    background-color: #fff;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.7);
    cursor: pointer;
}

.show1 {
    background: url("images/arrow-left.png") center center no-repeat;
}

.hide1 {
    background: url("images/arrow-right.png") center center no-repeat;
}

#RightPanel {
    position: absolute; 
    z-index: 6; 
    width: 24px;
    background-color: #fff; 
    border-left: 1px solid #ccc;
    top: 61px;
    padding: 5px 10px;
}

.list-group-item {
    padding: 3px 2px; 
    font-size: 12px;
    border-right: none; 
    border-left: none;
    cursor: pointer;
}

.list-group-item:hover {
    text-decoration: underline;
}

.popover-link {
    width: auto;
    height: auto;
    padding-left: 20px;
    cursor: pointer;
    color: #428bca;
    font-size: 13px;
    margin-bottom: 10px;
}

.popover-link:hover {
    text-decoration: underline;
}


/*#CompareButton {
    background: url("images/comparer.png") 0 2px no-repeat;
}*/

td.rotate {
    width: 35px;
    height: 80px;
    white-space: nowrap;
}

td.rotate > div {
    transform: translate(0, 54px) rotate(270deg);
    width: 34px
}


/*Tab Left*/
/* custom inclusion of right, left and below tabs */

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: #fff #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
  outline: none;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
    color: rgb(144,144,144);
  margin-right: -1px;
  -webkit-border-radius: 1px 0 0 1px;
     -moz-border-radius: 1px 0 0 1px;
          border-radius: 1px 0 0 1px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
  outline: none;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd #fff #ddd #ddd;
  *border-right-color: #ffffff;
  outline: none;
  color: #333;
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
    color: rgb(144,144,144);
  margin-left: -1px;
  -webkit-border-radius: 0 1px 1px 0;
     -moz-border-radius: 0 1px 1px 0;
          border-radius: 0 1px 1px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
  outline: none;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd #fff;
  *border-left-color: #ffffff;
  outline: none;
  color: #333;
}

#TableViewTopMenu.nav-tabs > li > a,
#P21ViewTopMenu.nav-tabs > li > a,
#FinanzViewTopMenu.nav-tabs > li > a,
.viewTopMenu.nav-tabs > li > a {
    border: 1px solid #fff;
    color: rgb(144, 144, 144);
    outline: none;
}

#TableViewTopMenu.nav-tabs > li.active > a,
#TableViewTopMenu.nav-tabs > li.active > a:hover,
#TableViewTopMenu.nav-tabs > li.active > a:focus,
#P21ViewTopMenu.nav-tabs > li.active > a,
#P21ViewTopMenu.nav-tabs > li.active > a:hover,
#P21ViewTopMenu.nav-tabs > li.active > a:focus,
#FinanzViewTopMenu.nav-tabs > li.active > a,
#FinanzViewTopMenu.nav-tabs > li.active > a:hover,
#FinanzViewTopMenu.nav-tabs > li.active > a:focus,
.viewTopMenu.nav-tabs > li.active > a,
.viewTopMenu.nav-tabs > li.active > a:hover,
.viewTopMenu.nav-tabs > li.active > a:focus
 {
    border: 1px solid #fff;
    border-bottom: 3px solid #428bca;
    color: #428bca;
}

.table-QB td {
    border: 2px solid #fff;
    padding: 3px;
}

.table > tbody > tr > td.head1 {
    color: rgb(144, 144, 144);
    background-color: #fff;
    text-align: center;
}

.table > tbody > tr > td.head3 {
    border-top: 0px none;
    border-bottom: 0px none;
    border-left: 0px none;
    background-color: #f8f8f8;
    color: #333;
}

.table > tbody > tr > td.head2 {
    color: rgb(144, 144, 144);
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}

.filterStyleHeader{
    color: rgb(144, 144, 144);
    font-size: 10px;
    text-align: center
}

.filter-collapse-opened {
    background: url("images/glyphicons/halflings-159-collapse.png") left center no-repeat;
    padding-left: 25px;
  
}

.filter-collapse-closed {
    background: url("images/glyphicons/halflings-160-collapse-top.png") left center no-repeat;
    padding-left: 25px;
   
}

.ui-effects-transfer { 
    border: 2px dotted rgb(84, 84, 84); 
    z-index: 1060;
    position: absolute;
}

.crop {
    overflow: hidden;
    white-space: nowrap; /* Don't forget this one */
    text-overflow: ellipsis;
    max-width: 600px;
}

.ui-slider-horizontal {
	height: 4px;
    border-color: #ccc;
}

.ui-slider .ui-slider-handle {
	width: 10px;
	height: 10px;
    border-color: #ccc;
}

.ui-widget-header {
	border: 1px solid #285e8e;
	background-color: #3276b1;
}

.ui-widget-header .ui-state-focus {
	border: 1px solid #285e8e;
	background-color: #3276b1;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #ccc;
    background-color: #f6f6f6;
    outline: none;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #285e8e;
	text-decoration: none;
    outline: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #285e8e;
    outline: none;
}

.updates {
    width: 16px;
    height: 16px;
    display: block;
    margin: 4px 0 0 4px;
    background: url("images/updates.png") 0 0 no-repeat;
}

.updates:hover {
   background-color: #f2f2f2;
}

.table > thead:first-child > tr:first-child.header-compare-table > th {
    padding: 3px 10px;
    height: auto;
    width: 120px;
    text-align: center;
    font-weight: normal;
    color: rgb(144, 144, 144);
    border-bottom-width: 1px;
}

.nav-tabs {
    border-bottom: none;
}

.CompareEventer {
    cursor: default; 
}

.CompareEventer:hover {
}

.p21-upload-btn {
    clear: both;
    display: inline-block;
    float: left;
    overflow: hidden;
    position: absolute;
    padding: 0px;
    width: 190px;
}

.p21-upload {
    opacity: 0;
    filter: alpha(opacity:0);
    position: relative;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 2;
    width: 190px;
    height: 20px;
}

.ui-autocomplete-loading {
    background: white url("images/ajax-loader.gif") right center no-repeat;
  }

.ui-menu{
    background-color: #fff;
    width: 270px;
}

.ui-menu-item{
    border-bottom: 1px solid #ddd;
}

.ui-menu-item > a{
    padding-top: 15px;
}

/*#SearchField
{
    background: white url("images/suchen_klein.png") 6px center no-repeat;
    padding-left: 30px;
}*/

.cockpit-abw-up
{
    background: url("images/up.png") 4px 4px no-repeat;
}

.cockpit-abw-down
{
    background: url("images/down.png") 4px 4px no-repeat;
}

.dbImg {
    position: absolute; 
    top:0; 
    right:0; 
    bottom:0; 
    left:0;
    margin:auto;
}

.separator-label{
    display: block;
    width: 16px;
    height: 16px;
    background: url("images/separator-label.png") 0 0 no-repeat;
}

.text-cut{
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}

table.legendTable {
    border: 0px none;
    border-collapse: collapse;
    margin: 0 0 10px 0;
    table-layout: fixed;
    width: 100%;
    border-spacing: 0;
}
table.legendTable thead {
    display: block;
}
table.legendTable thead tr{
    border-bottom: 0px none;
}
table.legendTable thead tr.cap1{
    border-bottom: 1px solid #f4f4f4;
}
table.legendTable thead tr.cap1 th{
    font-size: 95%;
    font-weight: bold;
    padding-bottom: 2px;
    text-align: left;
    padding-top: 2px;
}
table.legendTable thead tr.cap2 th{
    color: #bec1c8;
    font-size: 85%;
    font-weight: normal;
    text-align: left;
    padding-bottom: 10px;
}
table.legendTable tbody{
    display: block;
    height: auto;
    max-height: 210px;
    overflow-y: auto;
    white-space: nowrap;
}
table.legendTable tbody td {
    padding: 2px 0 0 0;
}

.borderless tbody tr td, .borderless thead tr th{
    border: 0px none;
}

a.doctorsList{
    font-family: 'Glyphicons Halflings';
}
a.doctorsList:hover{
    text-decoration: none;
}


/*DataTable*/
div.dataTables_length{
    float: left;
}
div.dataTables_length label {
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
}

div.dataTables_length select {
	width: 75px;
	display: inline-block;
}

div.dataTables_filter label {
	margin: 0;
}

div.dataTables_filter input {
    background: url("images/glyphicons/halflings-3-search.png") 5px center no-repeat;
	margin: 0;
    padding: 1px 4px 3px 22px;
    opacity: 0.6;
}

div.dataTables_info {
    float:left;
	padding-top: 15px;
	white-space: nowrap;
}

div.dataTables_paginate {
	margin: 0;
	white-space: nowrap;
	text-align: right;
}

div.dataTables_paginate ul.pagination {
	margin: 7px 0;
	white-space: nowrap;
}

@media screen and (max-width: 767px) {
	div.dataTables_wrapper > div.row > div,
	div.dataTables_length,
	div.dataTables_filter,
	div.dataTables_info,
	div.dataTables_paginate {
		text-align: center;
	}

	div.DTTT {
		margin-bottom: 0.5em;
	}
}


table.dataTable td,
table.dataTable th {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


table.dataTable {
	clear: both;
	margin-top: 6px !important;
	margin-bottom: 6px !important;
	max-width: none !important;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
	cursor: pointer;
	position: relative;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
    font-family: 'Glyphicons Halflings';
	position: absolute;
	top: 3px !important;
	right: 8px;
	display: block;	
	opacity: 1.0;
}
table.dataTable thead .sorting_asc:after {
	content: "\e409"; /* sort-by-attributes-alt */
}
table.dataTable thead .sorting_desc:after {
	content: "\e410"; /* sort-by-attributes-alt */
}
div.dataTables_scrollBody table.dataTable thead .sorting:after,
div.dataTables_scrollBody table.dataTable thead .sorting_asc:after,
div.dataTables_scrollBody table.dataTable thead .sorting_desc:after {
	display: none;
}

table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
	color: #eee;
}
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc{
    
    color: #666 !important;
}

table.dataTable thead > tr > th {
	padding-right: 30px;
}

table.dataTable th:active {
	outline: none;
}


/* Condensed */
table.dataTable.table-condensed thead > tr > th {
	padding-right: 20px;
}

table.dataTable.table-condensed thead .sorting:after,
table.dataTable.table-condensed thead .sorting_asc:after,
table.dataTable.table-condensed thead .sorting_desc:after {
	top: 6px;
	right: 6px;
}

/* Scrolling */
div.dataTables_scrollHead table {
	margin-bottom: 0 !important;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

div.dataTables_scrollHead table thead tr:last-child th:first-child,
div.dataTables_scrollHead table thead tr:last-child td:first-child {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

div.dataTables_scrollBody table {
	border-top: none;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

div.dataTables_scrollBody tbody tr:first-child th,
div.dataTables_scrollBody tbody tr:first-child td {
	border-top: none;
}

div.dataTables_scrollFoot table {
	margin-top: 0 !important;
	border-top: none;
}

/* Frustratingly the border-collapse:collapse used by Bootstrap makes the column
   width calculations when using scrolling impossible to align columns. We have
   to use separate
 */
table.table-bordered.dataTable {
	border-collapse: separate !important;
}
table.table-bordered thead th,
table.table-bordered thead td {
	border-left-width: 0;
	border-top-width: 0;
}
table.table-bordered tbody th,
table.table-bordered tbody td {
	border-left-width: 0;
	border-bottom-width: 0;
}
table.table-bordered tfoot th,
table.table-bordered tfoot td {
    border-left-width: 0;
    border-bottom-width: 0;
}
table.table-bordered th:last-child,
table.table-bordered td:last-child {
	border-right-width: 0;
}
div.dataTables_scrollHead table.table-bordered {
	border-bottom-width: 0;
}
div.dataTables_scroll{
    border-bottom: 1px solid #ddd;
}




/*
 * TableTools styles
 */
.table.dataTable tbody tr.active td,
.table.dataTable tbody tr.active th {
	background-color: #08C;
	color: white;
}

.table.dataTable tbody tr.active:hover td,
.table.dataTable tbody tr.active:hover th {
	background-color: #0075b0 !important;
}

.table.dataTable tbody tr.active th > a,
.table.dataTable tbody tr.active td > a {
	color: white;
}

.table-striped.dataTable tbody tr.active:nth-child(odd) td,
.table-striped.dataTable tbody tr.active:nth-child(odd) th {
	background-color: #017ebc;
}

table.DTTT_selectable tbody tr {
	cursor: pointer;
}

div.DTTT .btn:hover {
	text-decoration: none !important;
}

ul.DTTT_dropdown.dropdown-menu {
  z-index: 2003;
}

ul.DTTT_dropdown.dropdown-menu a {
	color: #333 !important; /* needed only when demo_page.css is included */
}

ul.DTTT_dropdown.dropdown-menu li {
	position: relative;
}

ul.DTTT_dropdown.dropdown-menu li:hover a {
	background-color: #0088cc;
	color: white !important;
}

div.DTTT_collection_background {
	z-index: 2002;	
}

/* TableTools information display */
div.DTTT_print_info {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 400px;
	height: 150px;
	margin-left: -200px;
	margin-top: -75px;
	text-align: center;
	color: #333;
	padding: 10px 30px;
	opacity: 0.95;

	background-color: white;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
}

div.DTTT_print_info h6 {
	font-weight: normal;
	font-size: 28px;
	line-height: 28px;
	margin: 1em;
}

div.DTTT_print_info p {
	font-size: 14px;
	line-height: 20px;
}

div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 60px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: white;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
}



/*
 * FixedColumns styles
 */
div.DTFC_LeftHeadWrapper table,
div.DTFC_LeftFootWrapper table,
div.DTFC_RightHeadWrapper table,
div.DTFC_RightFootWrapper table,
table.DTFC_Cloned tr.even {
    background-color: white;
    margin-bottom: 0;
}
 
div.DTFC_RightHeadWrapper table ,
div.DTFC_LeftHeadWrapper table {
	border-bottom: none !important;
    margin-bottom: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
 
div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
 
div.DTFC_RightBodyWrapper table,
div.DTFC_LeftBodyWrapper table {
    border-top: none;
    margin: 0 !important;
}
 
div.DTFC_RightBodyWrapper tbody tr:first-child th,
div.DTFC_RightBodyWrapper tbody tr:first-child td,
div.DTFC_LeftBodyWrapper tbody tr:first-child th,
div.DTFC_LeftBodyWrapper tbody tr:first-child td {
    border-top: none;
}
 
div.DTFC_RightFootWrapper table,
div.DTFC_LeftFootWrapper table {
    border-top: none;
    margin-top: 0 !important;
}


div.DTFC_LeftBodyWrapper table.dataTable thead .sorting:after,
div.DTFC_LeftBodyWrapper table.dataTable thead .sorting_asc:after,
div.DTFC_LeftBodyWrapper table.dataTable thead .sorting_desc:after,
div.DTFC_RightBodyWrapper table.dataTable thead .sorting:after,
div.DTFC_RightBodyWrapper table.dataTable thead .sorting_asc:after,
div.DTFC_RightBodyWrapper table.dataTable thead .sorting_desc:after {
	display: none;
}


/*
 * FixedHeader styles
 */
div.FixedHeader_Cloned table {
	margin: 0 !important
}

.mapMainPanel{
    border-radius: 0;
    position: absolute; 
    z-index: 2
}

.mapPanel{
    background-color: #fff; /*rgba(238, 238, 238, 0.85);*/
    border-radius: 0;
    border-bottom: 1px solid #e0e0e0;
    position: absolute; 
    z-index: 2;
    padding: 5px;
    padding-left: 10px;
    margin: 0px;
}

.btn-mainpanel{
    padding: 0px 4px; 
    font-size: 16px; 
    color: #999;
    margin-bottom: 3px;
    background-color: #fff;
}
.btn-mainpanel:hover,
.btn-mainpanel:focus{
    color: #000;
    background-color: #fff;
}

.viewDialog{
    background-color: #fff; 
    top: 59px; 
    left: 275px;
    margin: 0; 
    padding: 5px 15px; 
    position: absolute; 
    border-radius: 0px; 
    border: 1px solid #ddd; 
    box-shadow: 2px 2px 2px rgba(0,0,0, .05);
    display: none;
    z-index: 20;
}
    .viewDialog .modal-header {
        padding: 0; 
        margin: 0
    }
        .viewDialog .modal-header h4 {
            margin-bottom: 0;
        }
        .viewDialog .modal-header h5 {
            margin-top: 5px
        }
    .viewDialog .tab-content {
        padding-top: 0px; 
        padding-bottom: 0
    }
    .viewDialog .viewDialogContent {
        margin-top: 10px;
        width: 100%;
        height: 100%;
        overflow: hidden;
        border-color: #ccc;
    }
    .viewDialog .thema{
        float:left; 
        margin-left: 20px; 
        font-style: italic;
    }


ul.mainNavMenu li{
    padding: 5px;
    text-align: center;
    margin-top: 3px;
    height: auto;
    color: #00abd3;
    cursor: pointer;
    width: 105px;
    
}
    ul.mainNavMenu li .navBtnCaption {
        display: block; 
        text-align: center;
        cursor: pointer;
        font-size: 15px;
    }
    ul.mainNavMenu li:hover{
        
        color: #000;
        text-decoration: none;
        background-color: #ccc;
    }

.colorIndicator
{
    width: 13px;
    height: 13px;
    
}

.tableBtn{
    font-size: 16px;
    padding: 2px 7px;
}

.mapBtn{
    font-size: 16px;
    padding: 1px 6px;
}

.alignRight{
    text-align: right;
}

.alignLeft{
    text-align: left;
    min-width: 200px;
    width: auto;
}

#FilterAreaBL > tbody > tr > td,
#FilterAreaKreis > tbody > tr > td,
#FilterAreaPLZ > tbody > tr > td{
    line-height: 1.1;
    font-size: 12px;
    padding: 1px 0 1px 3px;
}

#FilterAreaBL > tbody > tr > td:nth-child(1),
#FilterAreaKreis > tbody > tr > td:nth-child(1),
#FilterAreaPLZ > tbody > tr > td:nth-child(1){  
    width: 15px;
}
#FilterAreaBL > tbody > tr > td:nth-child(2),
#FilterAreaKreis > tbody > tr > td:nth-child(2),
#FilterAreaPLZ > tbody > tr > td:nth-child(2){  
    width: 320px;
    cursor: default;
}
#FilterAreaBL > tbody > tr > td:nth-child(3),
#FilterAreaKreis > tbody > tr > td:nth-child(3),
#FilterAreaPLZ > tbody > tr > td:nth-child(3){  
    width: 15px;
}

#FilterAreaBL input,
#FilterAreaKreis input,
#FilterAreaPLZ input{
    margin: 0;
}

/*#StrukturCompTable > tbody > tr > td{
    line-height: 1.25;
}

#FilterAreaBL_info,
#FilterAreaKreis_info,
#FilterAreaPLZ_info{
    padding-top: 5px;
    font-size: 12px;
    color: #909090;
}

#StrukturCompTable > tbody > tr > td:not(:first-child){
    text-align: right;
}

#StrukturCompTable > tbody > tr > td:first-child,
#StrukturComp .dataTables_scrollHeadInner > table > thead > tr > td:first-child,
#StrukturComp .dataTables_scrollHeadInner > table > thead > tr > th:first-child{
    width: 280px !important;
    /*width: 300px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
} */

.dataTables_scrollHeadInner > table > thead > tr:last-child > td:not(:first-child){
    text-align: right;
}

.deleteRow{
    position: absolute; 
    z-index: 1100; 
}
.table > tbody > tr.selected,
table > thead > tr.selected{
    background-color: #00abd3;
    color: #fff;
}

#FilterResultTable_filter input,
#FilterResultTableFA_filter input,
#FilterResultTableBilanz_filter input{
    margin-top: 5px;
    padding: 1px 2px;
}

.radio.inline,
.checkbox.inline{
    display: inline-block;
    margin-bottom: 0;
    margin-top: 0;
}

table.tableMapColor td{
    padding: 1px 1px 0px 0px;
}

.input-search{
    background: url("images/glyphicons/halflings-3-search.png") 5px center no-repeat;
    padding-left: 22px;
    opacity: 0.6;
    height: 24px;
}

.btn-linked{
    padding: 5px;
}
.btn-linked:hover{
    background-color: #ccc;
    text-decoration: none;
}

.main-table {

    position: relative;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.tableViewHeader td{
    text-align: center;
    border: 1px solid #ddd;
    color: rgb(144,144,144);
}

.main-table td{
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    cursor: default;
    padding: 1px 5px 1px 5px;
    white-space: nowrap;
}

.sub-table{
    width: 100%;
}

.sub-table td{
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 1px 5px 1px 5px;
    white-space: nowrap;
}

    .sub-table tr:first-child td {
        border-top: none 0px;
    }
    .sub-table tr:last-child td {
        border-bottom: none 0px;
    }

.sub-table td:last-child{
    border-right: 0px none;
}
#TableViewPanel{
    overflow: auto;
}

#TableView th {
  height: 0;
  line-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  color: red;
  border: none;
  white-space: nowrap;
}
#TableView th div{
  position: absolute;
  background: transparent;
  color: #000;
  padding: 9px 25px;
  top: 0px;
  margin-left: -25px;
  line-height: normal;
  border-left: 1px solid #800;
}




.cell-title {
      font-weight: normal;
    }
    .cell-effort-driven {
      text-align: center;
    }
    .toggle {
      font-size: 15px;
      cursor: pointer;
    }
    .toggle:hover{
        color: #000000;
        font-weight: bold;
    }
    .toggle.expand123 {
        
    }
    .toggle.collapse123 {
      
    }

.slick-header-columns {
    white-space: pre !important;
    background-color: #fff;
    border: none;
    height: auto; /*37px*/
     
}

.slick-header.ui-state-default, .slick-headerrow.ui-state-default{
    border: none;
    border-bottom: 0px solid #ddd;
}

.slick-header-column.ui-state-default {
    height: 100%;
}

.slick-header-column {
   background-color: #00abd3;
   color: #fff;
   text-align: center;
   font-weight: normal;
   font-size: 12px;  
   line-height: 120% !important;
}

.slick-header-column:hover {
   background-color: #007a96; 
}

.oneRow{
    background-color: rgba(212, 212, 212, 1.0);
}
.twoRow{
    background-color: rgba(212, 212, 212, 0.5);
}
.threeRow{
    background-color: rgba(212, 212, 212, 0.25);
}
.fourRow{
    background-color: rgba(212, 212, 212, 0.0);
}

.padding0{
    padding: 0;
}

.slick-cell{
    height: auto;
    padding: 0px 2px 0px 1px;
}

.slick-header-menu {
      border: 1px solid #718BB7;
      background-color: #f0f0f0;
      padding: 2px;
      -moz-box-shadow: 2px 2px 2px silver;
      -webkit-box-shadow: 2px 2px 2px silver;
      min-width: 100px;
      z-index: 20;
    }
    .slick-header-menuitem {
      padding: 2px 4px;
      border: 1px solid transparent;
      border-radius: 3px;
    }
    .slick-header-menuitem:hover {
      border-color: silver;
      background: white;
    }
    .slick-header-menuitem-disabled {
      border-color: transparent !important;
      background: inherit !important;
    }
    .icon-help {
      background-image: url(../images/help.png);
    }

.ui-state-default .ui-icon {
    background-image: url("images/ui-icons_888888_256x240.png");
}

.ui-corner-all{
    border-radius: 1px;
}

.total-row{
    background-color: lightgray;
}

.sort-header{
    background-color: #5cb85c;
}

.sort-filtered{
    background-color: #f0ad4e;
}

.rotated {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    display: inline-block;
}

.bg-default {
    background-color: #eeeeee;
    color: #666;
}

.btn-primary{
    background-color: #00abd3;
    border-color: #00abd3;
}
.panel-primary {
    border-color: #00abd3;
}
.panel-primary>.panel-heading {
    background-color: #00abd3;
    border-color: #00abd3;
}
.panel-heading {
  border-bottom: 0px none;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #007a96;
  border-color: #007a96;
}

.text-primary{
    color: #00abd3;
}

#VinsList{
    font-family: Courier New, Courier, monospace;
    font-size: 12px;
}

.text-bold{
    font-weight: bold;
}

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}

.mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.me-0 {
    margin-right: 0 !important;
}

.me-1 {
    margin-right: 0.25rem !important;
}

.me-2 {
    margin-right: 0.5rem !important;
}

.me-3 {
    margin-right: 1rem !important;
}

.me-4 {
    margin-right: 1.5rem !important;
}

.me-5 {
    margin-right: 3rem !important;
}

.me-auto {
    margin-right: auto !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ms-0 {
    margin-left: 0 !important;
}

.ms-1 {
    margin-left: 0.25rem !important;
}

.ms-2 {
    margin-left: 0.5rem !important;
}

.ms-3 {
    margin-left: 1rem !important;
}

.ms-4 {
    margin-left: 1.5rem !important;
}

.ms-5 {
    margin-left: 3rem !important;
}

.ms-auto {
    margin-left: auto !important;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}

.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.pe-0 {
    padding-right: 0 !important;
}

.pe-1 {
    padding-right: 0.25rem !important;
}

.pe-2 {
    padding-right: 0.5rem !important;
}

.pe-3 {
    padding-right: 1rem !important;
}

.pe-4 {
    padding-right: 1.5rem !important;
}

.pe-5 {
    padding-right: 3rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.ps-0 {
    padding-left: 0 !important;
}

.ps-1 {
    padding-left: 0.25rem !important;
}

.ps-2 {
    padding-left: 0.5rem !important;
}

.ps-3 {
    padding-left: 1rem !important;
}

.ps-4 {
    padding-left: 1.5rem !important;
}

.ps-5 {
    padding-left: 3rem !important;
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
    font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
    font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
    font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
    font-size: 1.25rem !important;
}

.fs-6 {
    font-size: 1rem !important;
}

.fst-italic {
    font-style: italic !important;
}

.fst-normal {
    font-style: normal !important;
}

.fw-light {
    font-weight: 300 !important;
}

.fw-lighter {
    font-weight: lighter !important;
}

.fw-normal {
    font-weight: 400 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

.fw-bolder {
    font-weight: bolder !important;
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
    box-shadow: none !important;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

    .card > hr {
        margin-right: 0;
        margin-left: 0;
    }

    .card > .list-group {
        border-top: inherit;
        border-bottom: inherit;
    }

        .card > .list-group:first-child {
            border-top-width: 0;
            border-top-left-radius: calc(0.25rem - 1px);
            border-top-right-radius: calc(0.25rem - 1px);
        }

        .card > .list-group:last-child {
            border-bottom-width: 0;
            border-bottom-right-radius: calc(0.25rem - 1px);
            border-bottom-left-radius: calc(0.25rem - 1px);
        }

        .card > .card-header + .list-group,
        .card > .list-group + .card-footer {
            border-top: 0;
        }

.card-body {
    flex: 1 1 auto;
    padding: 1rem 1rem;
}

.card-title {
    margin-bottom: 0.5rem;
}

.card-subtitle {
    margin-top: -0.25rem;
    margin-bottom: 0;
}


.img-fluid {
    max-width: 100%;
    height: auto;
}

.border-0 {
    border-width: 0 !important;
}

.border-1 {
    border-width: 1px !important;
}

.border-2 {
    border-width: 2px !important;
}

.border-3 {
    border-width: 3px !important;
}

.border-4 {
    border-width: 4px !important;
}

.border-5 {
    border-width: 5px !important;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.border-bottom-dashed {
    border-bottom: 2px dashed #c9c9c9;
}

.float-start {
    float: left !important;
}

.float-end {
    float: right !important;
}

small, .small {
    font-size: 0.875em;
}

 .m-sm-0 {
        margin: 0 !important;
    }

    .m-sm-1 {
        margin: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-sm-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-sm-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-sm-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-sm-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-sm-0 {
        margin-top: 0 !important;
    }

    .mt-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mt-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mt-sm-3 {
        margin-top: 1rem !important;
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mt-sm-5 {
        margin-top: 3rem !important;
    }

    .mt-sm-auto {
        margin-top: auto !important;
    }

    .me-sm-0 {
        margin-right: 0 !important;
    }

    .me-sm-1 {
        margin-right: 0.25rem !important;
    }

    .me-sm-2 {
        margin-right: 0.5rem !important;
    }

    .me-sm-3 {
        margin-right: 1rem !important;
    }

    .me-sm-4 {
        margin-right: 1.5rem !important;
    }

    .me-sm-5 {
        margin-right: 3rem !important;
    }

    .me-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-0 {
        margin-bottom: 0 !important;
    }

    .mb-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important;
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important;
    }

    .mb-sm-auto {
        margin-bottom: auto !important;
    }

    .ms-sm-0 {
        margin-left: 0 !important;
    }

    .ms-sm-1 {
        margin-left: 0.25rem !important;
    }

    .ms-sm-2 {
        margin-left: 0.5rem !important;
    }

    .ms-sm-3 {
        margin-left: 1rem !important;
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important;
    }

    .ms-sm-5 {
        margin-left: 3rem !important;
    }

    .ms-sm-auto {
        margin-left: auto !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .p-sm-1 {
        padding: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-sm-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-sm-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-sm-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-sm-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-sm-0 {
        padding-top: 0 !important;
    }

    .pt-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pt-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pt-sm-3 {
        padding-top: 1rem !important;
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pt-sm-5 {
        padding-top: 3rem !important;
    }

    .pe-sm-0 {
        padding-right: 0 !important;
    }

    .pe-sm-1 {
        padding-right: 0.25rem !important;
    }

    .pe-sm-2 {
        padding-right: 0.5rem !important;
    }

    .pe-sm-3 {
        padding-right: 1rem !important;
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pe-sm-5 {
        padding-right: 3rem !important;
    }

    .pb-sm-0 {
        padding-bottom: 0 !important;
    }

    .pb-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important;
    }

    .ps-sm-0 {
        padding-left: 0 !important;
    }

    .ps-sm-1 {
        padding-left: 0.25rem !important;
    }

    .ps-sm-2 {
        padding-left: 0.5rem !important;
    }

    .ps-sm-3 {
        padding-left: 1rem !important;
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important;
    }

    .ps-sm-5 {
        padding-left: 3rem !important;
    }

    .icon-1 {
    position: relative;
    top: -3px;
}


.icon-2 {
    position: relative;
    top: -3px;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

@media (min-width: 576px) {
    .col-sm {
        flex: 1 0 0%;
    }

    .row-cols-sm-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-sm-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-sm-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-sm-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-sm-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-sm-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-sm-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.3333333333%;
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.6666666667%;
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.3333333333%;
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.6666666667%;
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.3333333333%;
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.6666666667%;
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-sm-0 {
        margin-left: 0;
    }

    .offset-sm-1 {
        margin-left: 8.3333333333%;
    }

    .offset-sm-2 {
        margin-left: 16.6666666667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.3333333333%;
    }

    .offset-sm-5 {
        margin-left: 41.6666666667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.3333333333%;
    }

    .offset-sm-8 {
        margin-left: 66.6666666667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.3333333333%;
    }

    .offset-sm-11 {
        margin-left: 91.6666666667%;
    }

    .g-sm-0,
    .gx-sm-0 {
        --bs-gutter-x: 0;
    }

    .g-sm-0,
    .gy-sm-0 {
        --bs-gutter-y: 0;
    }

    .g-sm-1,
    .gx-sm-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-sm-3,
    .gx-sm-3 {
        --bs-gutter-x: 1rem;
    }

    .g-sm-3,
    .gy-sm-3 {
        --bs-gutter-y: 1rem;
    }

    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 3rem;
    }

    .g-sm-5,
    .gy-sm-5 {
        --bs-gutter-y: 3rem;
    }
}


.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

.d-none {
    display: none !important;
}

.text-dark {
    color: #212529 !important;
}

.bg-white {
    background-color: #fff !important;
}

.rounded {
    border-radius: 0.25rem !important;
}

.rounded-0 {
    border-radius: 0 !important;
}

.rounded-1 {
    border-radius: 0.2rem !important;
}

.rounded-2 {
    border-radius: 0.25rem !important;
}

.rounded-3 {
    border-radius: 0.3rem !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}

@media (min-width: 992px) {
   .equal{  
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
}

.panel100 {
    width: 100%;
    height: 100%;
}