w3-/* Add your css code here */
/* Prevent text expanding to outside of element*/



/* !!!! PADDING FOR MIDDLEBLOCKS IN LAYOUTBUILDER-LAYOUTS HACK IN LAYOUTS/THREECOL_CSS */
/* USING ASSET INJECTOR MODULE FOR LAYOUTBUILDER-TWEAKS*/

.layout-builder {
	word-wrap: anywhere;
}

/*######GENERAL STYLING######*/

a.niceviewheadbtn {
    font-size: 1.5em;
    background-color: darkorange;
    color: black !important;
    padding: 2px 10px !important;
}

.field--name-field-startpage-image {
    display: flex;
    justify-content: center;
}

/*#block-sideverticalmenu-menu {
	display: none;
}*/
				/*theverticalmenu*/
			 div#main-navigation-inner-v.main-navigation-inner-v{
					padding: 0px 5px;
				}

				div#main-navigation-inner-v.main-navigation-inner-v h2{
					padding: 0px 5px;
				}

/*superfishmenus*/

ul.sf-menu.menu {
	padding-bottom: 10px;
}

.active-trail a {
	background-color: yellow;
	color: black;
}

/*SECTION MENUCOLORS*/
.block-superfishcic-menu h2{
	background-color: darkblue;
}

.block-superfish0-med-menu h2{
	background-color: red;
}

.block-superfish0-log-menu h2{
	background-color: #ddda00;
	color: black;
}

.block-superfish0-tec-menu h2{
	background-color: darkorange;
	color: black;
}

.block-superfishadm-menu h2{
	background-color: turquoise;
	color:black;
}

.block-superfish0-sec-menu h2{
	background-color: maroon;
}

.block-superfish0-hco-menu h2{
	border:2px solid royalblue;
	background-color: whitesmoke;
	color: royalblue;
}

.block-superfish0-ird-menu h2{
	background-color: magenta;
	color: black;
}

/*SUPERFISH - SIDEBAR*/
#superfish-main.menu.sf-menu .sf-multicolumn-wrapper {
	background-color: black;
  width: 250px !important;
  padding: 10px;
  border: 1px solid darkorange;
}

.sf-multicolumn-wrapper a {
	padding: 10px;
}


/* Useranzeiger */

#phbsuser {
  padding: 0px 10px;
  margin-left: 10px;
  margin-right: 20px;
}


body, #page-title, header {
	background-color: #1e1e1e;
}

.fontyourface {
  font-family: 'Fira';
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  color:  #000 !important;
}

/*Set font family for headers*/
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-family: 'Fira';
	font-style: normal;
	font-weight: 300;
	color: #00cbf6;
}

.w3-border {
	border-color: #f8a403 !important;
}

/* THE LAYOUTBUILDER */

div#layout-builder section.js-layout-builder-block.layout-builder-block.contextual-region.w3-block {
	color:black;
}


#drupal-off-canvas.ui-front.ui-dialog-content.ui-widget-content div ul.inline-block-list {
	display: inline-grid;
}




.pager__items {
	border-color: #f8a403 !important;
	color: wheat;
}

nav {
	font-variant-caps: all-petite-caps;
	font-size:16px;
	color: orange;
}


/* pager */

.w3-center {
  text-align: center !important;
  font-size: 10px;
}

/*active links*/
ul.primary li.is-active > a {
	font-weight: bold;
	color: red;
}

/*buttonhover*/

 .w3-button:hover {
 	color: red !important;
 }

/*STYLING MODALS*/

.ui-widget-overlay {
    background: #380101 /*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/;
    opacity: 0.75/*{opacityOverlay}*/;
    -ms-filter: "alpha(opacity=30)"/*{opacityFilterOverlay}*/;
}

div.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front {
	border: 1px solid lightblue !important;
}

.ui-widget-content {
	background-color: #1e1e1e;
	color: darkorange; !important;
}

.ui-widget-content a{
	color: gold !important;
}

.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
	background-color: orange;
}

.block-views-blocksurvivorid-generator-block-1 td.views-field.views-field-title.views-align-left a {
	color: red;
}

/*MSG MODAL*/
.field--name-field-intercom-msg, .field--name-field-log-entry {
  font-size: 25px;
  font-weight: bold;
  font-variant: all-petite-caps;
  background: darkslategray;
  padding: 5px;
}

/*SOP-SEITE*/

.view-base-sop img.w3-image {
	width:50px !important;
	border:1px solid darkorange;
}

/*#####################################################RESCOM-CONTROL##############################################################*/

.lb_solo {
	position: absolute;
	width: 400px;
	background-color: #1e1e1e;
	border: 1px solid red;
	margin: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}




/*LOG - SUPPLYMANAGER : TABBED BLOCK*/

 #blocktabs-log_tabbed_supplies {
 	width: auto;
 }

  #blocktabs-log_tabbed_supplies .ui-tabs-tab{
 	color: black;
 	background-color: #1e1e1e;

 }

 #blocktabs-log_tabbed_supplies .ui-widget-header {
 	background-color: #1e1e1e;
 }

  #blocktabs-log_tabbed_supplies .ui-state-active {
  	background-color: darkorange;
  	color: black;
  }

    #blocktabs-log_tabbed_supplies .ui-state-active a{
  	color: black !important;
  }

 #blocktabs-log_tabbed_supplies .ui-tabs-panel {
 	width:100%;
 }

/*SPIELLEITUNGSBEREICHE*/

#spielleitung {
	background-color: darkred;
}

#rescom-sl-options {
	background-color: darkred !important;
}

#rescom-sl-options b {
	font-size: 2em;
}

#rescom-sl-options strong {
	font-weight:bold;
	color:darkorange;
}

#block-ot-block-spielleitung {
  background-color: deeppink;
  color: aliceblue;
}

#block-ot-block-spielleitung h1 {
	color: white;
	padding: 0px 10px;
}

.view-baseadmin div#edit-actions {
    margin: auto;
    padding-bottom: 20px;
}

.view-baseadmin input#edit-actions-submit {
    width: 400px;
    background-color: green;
    margin:auto;
}

#views-form-baseadmin-block-1 .views-col {
	border: 1px solid;
}

#views-form-baseadmin-block-1 .views-field.views-field-title {
	background: royalblue;
	padding: 5px;
	color: white;
	font-size: 1.2em;
}


/*INTERCOM*/

.intercom_btn {
	padding: 6px;
}



/*TickerStyles*/

.view-newsticker {
	top: 8px;
}

.marquee-row {
	margin-left: 20px;
}

.tickerhead {
	color: orange;
}

.tickertext {
	color: lightblue;
}

/*STYLING FLAGS*/

div.flag.flag-bc-trmcnfrm a {
	background-color: orange;
	margin: 0px;
	margin: 10px 30px 10px 0px;
}

.flag-lastseenflg a {
	display: block;
  border: 1px solid orange;
}

.flag-lastseenflg a:hover {
	background-color: #e17617;
  color: orange; ;
}

/*Styling Headers of PageTitles*/
h1.page-title, .w3-block-title {
	font-size: 26px;
	margin: auto;
	background-color: #28343e;
	padding: 1px 16px;
	font-weight: inherit;
	font-family: Fira;
	font-size: 16px;
	line-height: 33px;
	color: #fff;
	word-spacing: -4px;
}

.breadcrumb {
	color: #f8a403 ;
}

form .form-item label {
	padding-right: 10px;
	color: #f8a403;
}

.field__label {
	color:  orange;
}

/*Kickout Textformats-Info*/

div#edit-field-med-mf-reptxt-0-format {
    display: none;
}


/*SECTION MENUS*/

.sf-menu li {
	  padding: 0 16px;
    font-size: 12px;
    color: orange;
}

ul.sf-menu a {
	display: block;
  padding: 2px 8px;
  position: relative;
  border: 1px solid orange;
  margin: 15px 2px 0px 5px;
  font-size:16px;
  width: fit-content;
}

ul.sf-menu a:hover {
  background-color: #e17617;
  color: #262626;
}

/*BUTTONS*/
 .w3-button:hover {
	background-color: #f8a403 !important;
}

header.view-header a {
  border: 1px solid orange;
  padding: 0px 8px;
  color: orange;
}

header.view-header a:hover {
	background-color: #e17617;
}

/* Applybutton in Filterforms */
div#edit-actions.form-actions {
	display: flex;
  top: 20px;
  position: relative;
  left: 10px;
  justify-items: center;
}

/*ADM-NEWS*/
.view-display-id-adm_newsscreen_full .views_slideshow_main {
    height: 950px !important;
    overflow: hidden;
}

div#newstop {
    position: absolute;
    top: 20px;
    right:41px;
    background-color: #8b0000b8;
    padding: 10px;
}

div#newstext {
    position: absolute;
    top: 61px;
    right: 40px;
    width: 500px;
    background-color: #000000b3;
    padding: 10px;
    border: 1px solid;
    font-size: 1.1em;
}

div#riseimg {
    position: absolute;
    width: 200px;
    top: -40px;
    left: 10px;
}

/*BACKGROUNDS & Containers*/
body {
	background-color: #1e1e1e;
	font-family: 'Fira Code';
	font-style: normal;
	font-weight: 300;
	}

#main-container {
	background-color: #1e1e1e !important;
	color: #000;
}

#main-container.main-box {
	background-color: ##262626 !important;
}

 #main-container .main-box > div {
 	background-color: #262626 !important;
 	padding: 8px 10px !important;
 }

.view-header {
  padding: 0 16px;
  background-color: #1e1e1e;
  font-size: 12px;
  border-bottom: 1px solid #262626;
  border-top: 1px solid #262626;
  color: orange;

.threecol_midblk {
	padding: 0px 10px !important;
}

section.twocolstyles {
	padding: 5px;
	background-color: green;
}

}
#main-container-inner {
padding: 10px !important;
border: 1px solid #28343e;
}

.layout-region-node-secondary, .layout-region-node-footer, .layout-region-node-main {
	border: 1px solid #92b3f0;
	background-color: #28343e;
}

.w3-block {
	color: lightblue;
}


div.w3-responsive table.w3-table-all thead tr {
	background-color: #28343e;
}


.w3-table-all tr:nth-child(2n+1) {
	background-color: #312323; 
}
div.w3-responsive table thead tr {
	background-color: #643a3a;
}

.w3-table-all tr:nth-child(2n) {
	background-color: #594945;
}

/*FORM FIELDS, SEARCH FIELDS*/

.views-exposed-form input.form-text{
	padding: 5px;
	display: block;
	width: 100%;
	max-width: 150px;
}

.w3-section, .w3-code {
	padding: 0px 10px;
}

fieldset, .w3-border, .w3-table-all
 {
	border-color: #92b3f0 !important;
}

.layout-region-node-footer__content {
	background-color: #28343e;
}


.page-wrapper {
	background-color: #161819;
}

div.contextual-region.w3-row.view.view-sci-logs header.view-header a {
border: 1px solid black;
padding: 0px 8px;
color: black;
}

div.contextual-region.w3-row.view.view-sci-logs header.view-header a:hover {
background-color: #e17617 ;
}

.w3-small {
	font-size: 14px !important;
	color: #605f5f;
}

/*#######################STARTPAGES#########################*/

/*Timer*/

.field--name-field-timer-date {
	padding-top: 10px;
	background-color: #592323;
}


span.flip-clock-label {
	color: orange !important;
}

.field--name-field-startpage-image img {
	display: flex;
	justify-content: center;
	padding: 11px;
  opacity: 20%;
  animation: turner 12s infinite linear;} 

@keyframes turner{
    from{  transform: rotateY(0deg)   }
    to  {  transform: rotateY(360deg) }
}

/* The refresh timer */
#countdown-text {
	color:red;
}



/*########################CHARACTER########################*/

/*STYLING OF CHARACTER-FORM*/

.node-resistance-personell-file-form .w3-small, #outtime-sl--description {
	color:red;
}

.node-resistance-personell-file-form label {
	color:red;
	font-variant-caps: small-caps;
	font-size:16px;
}

.vertical-tabs__menu-item, .horizontal-tabs .horizontal-tab-button {
	background-color: #28343e;
}

.vertical-tabs__menu-item a:hover {
	background-color: orange;
}

.horizontal-tabs .horizontal-tab-button a:hover {
  background-color: orange;
}


#node-resistance-personell-file-edit-form .field-group-tabs-wrapper a {
	color: white;
	font-variant-caps: all-petite-caps;
	font-size: 1.4em;
}

.vertical-tabs__menu-item.is-selected, li.horizontal-tab-button.selected a{
	background-color: gold !important;
	color:black !important;
}


#edit-field-bpf-dateregistered-0-value {
	display:none;
	}

#group-dates {
	display: none;
}

#edit-field-bpf-dateregistered-0 label.js-form-required.form-required {
	display:none;
	}

form,  {
	padding-right: 10px;
	color: #f8a403;
	font-family: Fira;
}

.ui-widget, .ui-widget input {
	font-family: Fira;
}

.counter {
	color: lightblue;
}

 input.required, select.required {
	border: 1px solid red;
	animation: glowstat 1s infinite alternate;
}


.field--type-datetime .w3-panel {
	margin-top: 0px;
}


/*#edit-field-base-section
document.querySelector("#edit-field-base-section")*/


/*.description {
	color: lightblue;*/
}

.w3-small {
	font-size: 12px !important;
	color: #867878;;
}

.w3-block  dl dt {
	color: orange;
}


/*STYLING OF SID-FIELDS*/

.SID {
	background-color: #592F1F;
	}
	
.SID.views-field {
	color: darkorange;
	}
	
.rpf-table {
  margin: 10px 5px 29px 1px;
}

.field--name-field-bpf-status div.w3-bar-item.field__item span{
	padding: 1px 3px 1px 3px;
	}

 span#kia {
	color: grey;
	outline: 1px dashed grey;
}

span#active {
	color: lightgreen;
	outline: 1px dashed lightgreen;
	padding: 0px 2px 0px 2px;
}


 span#mia {
	color: yellow;
	outline: 1px dashed yellow;
}

span#dec {
	color: grey;
	outline: 1px dashed grey;
	
}

.field--name-field-bpf-status div.w3-bar-item.field__item span#unknown {
	color: lightgrey;
	outline: 1px dashed lightgrey;
	}

a:hover {
	color: red;
}

.view-id-test_landingpage thead tr th#view-title-table-column.views-field.views-field-uid {
	color: red;
}

/*the focal point*/

.focal-point-indicator {
  width: 10px;
  height: 10px;
  cursor: move;
  border: 1px solid red;
}
	
/*BASESTATUSINDICATORS*/
/*COLORSTATS:  UNITSTATUSCOLORS*/

.green {
	background-color: green;
	padding: 10px 0px;
	text-align: center;
	border: 2px solid darkorange;
	/* font-variant: ; */
	font-size: 1.2em;
	color:lightgreen;
}

.yellow {
	background-color: goldenrod;
	padding: 10px 0px;
	text-align: center;
	border: 2px solid darkorange;
	/* font-variant: ; */
	font-size: 1.2em;
	color:black;
}

.red {
	background-color: darkred;
	padding: 10px 0px;
	text-align: center;
	border: 2px solid darkorange;
	/* font-variant: ; */
	font-size: 1.2em;
	animation: glowstat 1s infinite alternate;
	color:orange;
}

.unknown {
	background-color: grey;
	padding: 10px 0px;
	text-align: center;
	border: 2px solid darkorange;
	/* font-variant: ; */
	font-size: 1.2em;
	color:black;
}

.antred {
	font-size: 1.5em;
	color:darkorange;
}

.antgreen {
	font-size: 1.5em;
	color:lightgreen;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes fade {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

.rotator {
    animation: rotate 20s linear infinite, fade 3s ease-in-out infinite;
    display: inline-block; /* Ensure it's inline to see the full rotation */
}




@keyframes glowstat {
  from {
    box-shadow: 0 0 10px -1px red;
  }
  to {
    box-shadow: 0 0 12px 4px #ff1800;
  }
}

/*######################################*/

.views-field-field-basestatus {
	margin-left:  10px;
}



.basestat {
	font-size: 0.8em;
}

div.ant_off {
	outline: 1px dashed red;
	margin: 6px 2px 2px 0px;
	display: inline-flex;
	padding: 1px 5px 1px 5px;
	color: red;
	height: 20px;
}

.views-field-field-basestatus {
	margin-left:  10px;
}

div.ant_on {
	outline: 1px dashed lightgreen;
	margin: 6px 2px 2px 0px;
	display: inline-flex;
	padding: 1px 5px 1px 5px;
	color:lightgreen;
	height: 20px;
}

/*##########################MAINSCREEN########################################*/

/*#######################THE WORLD MAP#######################*/


path#path1350 {
	fill: orange !important;
}

/*#########################SQUADMNGR#####################*/

 tr.sqdmngr-row div.w3-section {
 	margin: 5px !important;
 }

 tr.sqdmngr-row div.fieldset-wrapper div.w3-panel {
 	display: flex !important;
 	margin: 5px !important;
 	color: #f8a403;
 }

tr.sqdmngr-row td.views-field {
align-items: end;
margin: 12px 0px 0px 0px;
}



/*#########################CIC MISSIONS######################*/
.field-timer-jquery-countdown.is-countdown {
	color: red;
	font-size: 6px;
	padding: 2px;
	background: #300;
	margin: auto;
}

.block-views-blockduplicate-of-0-test-missioncontrol-block-1 {
	background-color: #462727;
	border-right: 2px solid #1e1e1e;
}

.view-id-2_cic_missionlist {
	background-color: #496d8c;
  padding: 5px;
}

.block-views-block2-cic-missionlist-block-1 table.w3-table-all tbody tr {
  background-color: #13162b;
}

.block-views-block2-cic-missionlist-block-1 table.w3-table-all tbody tr:nth-child(2n+1) { 
	background-color: #304659 !important;

}

.block-views-block2-cic-missionlist-block-1 table.w3-table-all thead tr {
	background-color: #2b1313 !important;
}

.ui-autocomplete {
	background-color: #728595;
}

.field.field--name-field-cic-mission-assignments div.w3-bar-item.field__item a {
	color: lightgreen;
}


/*#############################LightMissionView######################################*/
.view-cic-missionview-light caption {
	background-color: #771818;
	font-size: 20px;
	margin: 40px 0px 10px 0px;
}



/*#############################SQD/DPT CREATION FORM##########################################*/

span.w3-bar.fieldset-legend {
	color: orange;
}

/*###CIC:  UNITCONTROL###*/

div#edit-field-sqd-dpt-status-value div.form-radios, .view-_-cic-sqd-dpt-control div.form-radios {
	display: flex;
}

.view-_-cic-sqd-dpt-control span.field-timer-jquery-countdown.is-countdown {
	font-size: 12px;
}

.form-item-field-sqd-dpt-status-value.form-no-label div.pretty-element label {
	color: #000;
}

.form-item-field-sqd-dpt-status-value.form-no-label div.pretty-element label:hover {
	background-color: #f8a403;
	color: #2b2b2b;
}

.form-item-field-sqd-dpt-status-value.form-no-label.pretty-element input:checked + label {
	color: #fff;
	background-color: #03a8f8;
	border-color: #2e6da4;
}

.views-field-form-field-field-sqd-dpt-status a {
	font-size: 20px;
	color: orange;
	border: 1px dashed;
	padding: 5px;
}

li.li-item.li-item-cic-menu.li-1 a.w3-button.li-link.li-link-cic-menu {
	background-color: #d75202;
}

/* #########################CIC-Overview########################*/

.path-node-18706 img.w3-image.image-style-medium {
	position: relative;
	top: 40px;
}

div#legend_overview {
	display: flex;
	backg
}

.bit {
	background-color: black;
	border: 1px solid;
	margin: 2px;
	padding: 0px 5px 0px 5px;
}

/*###################UNITOVERVIEW_2##############################*/

td.views-field-form-field-field-sqd-dpt-status {
	display: flex;
	align-items: center;
}

/*############################################################################*/
/*############################MED#############################################*/
/*############################################################################*/

.path-node-18706 img.w3-image.image-style-medium {
	position: relative;
	top: 40px;
}

.node-med-treatment-protocol-form .w3-small {
	color:darkgoldenrod; !important;
}

.node-med-treatment-protocol-form label {
	font-size:1.2em;
	color:darkorange;
}

/*Paragraph:  InjuryPattern*/

div#edit-field-med-tp-pattern-0-top-type.paragraph-type.w3-row.element-container-wrapper.js-form-wrapper.form-wrapper {
display: flex;
width: max-content;
font-size: 15px;

}


div#medpatid.required-fields.field-group-html-element.medpatcls {
 	 display: flex;
  justify-content: space-evenly;
}

 div#edit-field-med-tp-pattern-0-subform-field-p-med-bodprt-wrapper{
 	width: 40% }

 div#edit-field-med-tp-pattern-0-subform-field-p-med-preprob-wrapper{
 	width: 40%;
 }

  div#edit-field-med-tp-pattern-0-subform-field-p-med-svrty-wrapper {
  	width: 10%;
  }


.field-multiple-table.responsive-enabled.w3-table-all thead tr th.field-label {
    font-size: 15px;
    color: beige !important;
    background-color: darkred;
    padding: 10px;
    border: 2px dashed;
    text-align: center;
}

*[id^='field-med-tp-pattern-paragraph-medpattern-add-more'] {
  color: beige;
  background-color: darkred;
  padding: 10px;
  border: 2px dashed !important;
  font-size: 18px;
}


/*STYLING THE HEADERBAR WITH DATE & TIME*/

#header-inner {
	display: flex;
	background-color: #1e1e1e;
	color: #00cbf6;
}

#header-inner h4 {
	font-size: 12px;
	padding: 2px;
}

#open-nav-inner, #custombutton, .open-nav-inner {
  width: 60px;
  background-color: transparent !important;
  margin: 0px !important; 
  z-index: 1;
  line-height: 24px;
  text-align: center !important;
}

.infobtn {
	top:2px;
}

  /*styling alertmessages (in primary menu)*/

/* ***ROP MGR */

.callsignbtn {
	border:1px solid orange;
	padding:2px;
}



/*ALTERMESSAGE*/