/*colors**************************/
/*green dark: #108C6A, middle:#82D0B7, light:#D0EEE4 , font green: #0C6B51
  blue dark: #284493, middle:#A5B7E2, light:#D0DAF0, font blue: #203573
  turkis middle:#AADADF

mitglied: #82D0B7
kunde:  #D0EEE4
zweitzahler: #AADADF
mitarbeiter: #D0DAF0
benutzer:#A5B7E2


/* Kostenrechnung */
table.oldFashioned {
  border-collapse: collapse;
  border-spacing: 0;
}

  table.oldFashioned td, table.oldFashioned th {
    border-width: 1px;
    border-style: solid;
  }

.dataOK {
  background-position: center center;
  background-image: url("../pics/apply.png");
  background-repeat: no-repeat;
}

.dataFail {
  background-position: center center;
  background-image: url("../pics/cancel.png");
  background-repeat: no-repeat;
}

.dataStop {
  background-position: center center;
  background-image: url("../pics/stop.png");
  background-repeat: no-repeat;
}

/**************************/

* {
  margin: 0px;
  padding: 0px;
  vertical-align: top;
  text-align: left;
}

input, textarea {
  font-family: Arial, Helvetica, sans-serif;
  padding-left: 2px;
}

.bg_mitglied, .bg_kunde, .bg_mitarbeiter, .bg_benutzer, .bg_rai {
}


#tb_color .td_mitglied, #tb_mitglied, .bg_mitglied {
  /*background-color:#AED6F7; background-color:#96B1DE;*/
  background-color: #82D0B7;
}

#tb_color .td_kunde, #tb_kunde, .bg_kunde {
  background-color: #D0EEE4;
}

#tb_color .td_rai, #tb_rai, .bg_rai {
  background-color: #D0EEE4;
}

#tb_color .td_rai1, #tb_rai1, .bg_rai1 {
  background-color: #D0EEE4;
}

#tb_color .td_rai2, #tb_rai2, .bg_rai2 {
  background-color: #D0EEE4;
}

#tb_color .td_zweitzahler, #tb_zweitzahler {
  background-color: #AADADF;
}

#tb_color .td_mitarbeiter, #tb_mitarbeiter, .bg_mitarbeiter {
  background-color: #D0DAF0;
}

#tb_color .td_benutzer, #tb_color .td_benutzerrai, #tb_benutzer, #tb_benutzerrai, .bg_benutzer, .bg_benutzerrai {
  background-color: #A5B7E2;
}

#tb_color {
  margin-top: 10px;
  margin-bottom: 10px;
}




input.txtdate {
  width: 100px;
}

input.txtdate2 {
  width: 120px;
}

input.txtshort {
  width: 50px;
}


.bold {
  font-weight: bold;
}


/*eingefügt von rc!! begin*/
.protocol {
  color: Fuchsia;
}

.error {
  color: #990000;
  font-weight: bold;
}

.meldung {
  color: Green;
  font-weight: bold;
}
/*eingefügt von rc!! ende*/



body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0px;
  color: #333333;
}

.right {
  text-align: right;
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.top {
  vertical-align: top;
}

.middle {
  vertical-align: middle;
}

.bottom {
  vertical-align: bottom;
}

tr.NoPad td, tr.NoPad th, td.NoPad, th.NoPad, table.tb_content_txt th.NoPad, table.tb_content_txt td.NoPad {
  padding: 0px !important;
}

.noMargin {
  margin: 0px !important;
}

.PadLeft {
  padding-left: 10px;
}

.font_default {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
}



.tbMain {
  width: 1100px;
  height: 700px;
  text-align: left;
}

.td_logo {
  width: 225px;
  height: 150px;
}

.td_head {
  padding-top: 10px;
  text-align: right;
  width: 875px;
}

.td_logo, .td_head {
  border-bottom: 0px solid #990000;
}

.td_head {
  background-image: url(../pics/head_spitex7.jpg);
  background-repeat: no-repeat;
  background-position: 0px 45px;
}

.tdInnerContent {
  height: 700px;
  width: 100%;
}

/**************************/

.tb_login_main {
  border: 0px solid black;
  margin: 50px;
  width: 600px;
}

.tb_login {
  margin-top: 25px;
  width: 300px;
  background-color: #f3f3f3;
}


  .tb_login th, .tb_login td {
    padding: 4px;
  }

  .tb_login .td_corner, .tb_login .td_title_text {
    height: 35px;
    padding: 0px;
    border-right: 0px;
  }

  .tb_login th {
    border-left: 7px solid #888888;
  }

  .tb_login td {
    border-right: 7px solid #888888;
  }

.tb_login {
  border-bottom: 4px solid #888888;
}

/**************************/
.td_title_main {
  width: 100%;
  height: 35px;
}

.td_title_text {
  background-image: url(../pics/bg_verlauf02.jpg);
  padding-top: 12px;
  font-size: 15px;
  font-weight: bold;
  color: White;
  letter-spacing: 1px;
}

.td_corner {
  width: 20px;
  background-image: url(../pics/bg_corner.jpg);
  background-repeat: no-repeat;
}


/**************************/

.td_navigation {
  height: 515px;
  font-weight: bold;
}

/*search************************************************/

.tb_search, .tb_content_txt {
  width: 100%;
  background-color: #f3f3f3;
  border-left: 7px solid #888888;
  border-right: 7px solid #888888;
  border-bottom: 4px solid #888888;
}

.divErrorProtocol {
  background-color: #f3f3f3;
  border-left: 7px solid #888888;
  border-right: 7px solid #888888;
  padding-left: 5px;
  padding-top: 5px;
}

.tb_search th, .tb_content_txt th {
  width: 150px;
}

.tb_search th, .tb_search td, .tb_grid th, .tb_grid td, .tb_content_txt td, .tb_content_txt th {
  padding: 2px 2px 4px 4px;
}


/*txt****buttons*****************************************/
.button, .tdbutton input, .tb_search .tdbutton input {
  width: 80px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: center;
  font-size: 12px;
  color: #333333;
}

.tdbutton input {
  margin-top: 10px;
}

  .tdbutton input.btnLong {
    width: 140px;
  }

  .tdbutton input.btnExtraLong {
    width: 200px;
  }

.noMargin input {
  margin: 0px;
}

table.noPadding td, table.noPadding th {
  padding: 0px !important;
}

.tb_search input.txtSearch {
  width: 160px;
  text-align: left;
}

.tb_search input.txtLong {
  width: 360px;
  text-align: left;
}

.tb_search input.txtDate, input.txtDate {
  width: 100px;
  text-align: left;
}

.t_search {
  text-align: center;
  width: 100px;
}

.t_search_long {
  text-align: center;
  width: 200px;
}

.Pflegedoku {
  background-color: #F3F3F3;
  text-align: center;
  width: 100px;
}

.drp_etikettart {
  width: 120px;
}

.drp_etikettrow {
  width: 60px;
}

.lbl_search {
  font-size: 10px;
  font-weight: bold;
  vertical-align: bottom;
}

.lbl_searchcs {
  width: 124px;
  font-size: 10px;
  font-weight: bold;
  vertical-align: bottom;
  float: left;
}

tr.PadLeftSearch td, tr.PadLeftSearch th {
  padding: 0px !important;
  padding-left: 4px !important;
}


.btnConfirm {
  width: 25px;
  height: 19px;
  text-align: center;
  font-size: 11px;
}

.txtNrShort {
  width: 50px !important;
  text-align: center !important;
}





/*en****txt****buttons*****************************************/
.TitleWhiteSmall {
  display: block;
  margin-top: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #888888;
  vertical-align: middle;
  color: White;
  font-weight: bold;
}

.pnlManual {
  padding-bottom: 20px;
}

.colorManual {
  background-color: #96B1DE;
}

.colorLinkUpdate {
  color: #96B1DE;
  color: #5C79BC;
}

.pnlManual .grid td {
  /*background-color:#D9ECFB;*/
}

.ScanSelected td {
  /*background-color:#D5F9ED; */
  background-color: #D9ECFB;
}

th.padTop, td.padTop {
  padding-top: 5px;
}

/******************************/

.lblKoGeHead, .lblKoGe {
}

.lblKoGeHead {
}

.colorKoGe {
  /*color:#5C79BC;*/
  background-color: #96B1DE;
}





/***************************************/

.tb_grid {
  width: 100%;
  border-left: 7px solid #888888;
  border-right: 7px solid #888888;
  border-bottom: 4px solid #888888;
  background-color: #f3f3f3;
}



.grid {
  width: 100%;
  margin-top: 10px;
  background-color: white;
  border-collapse: collapse;
}


.gridShort {
  width: 700px !important;
}

.gridZweitzahler {
  background-color: #E0F3ED;
}





.grid td, .grid th {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 2px 4px 2px 4px;
  color: #333333;
}


.grid .header td, .grid .header th {
  height: 20px;
  font-weight: bold;
  background-color: #f3f3f3;
  background-image: url(../pics/bg_header.jpg);
  background-repeat: repeat-x;
  background-position: top;
  font-size: 11px;
}

td.header, th.header {
  height: 20px;
  font-weight: bold;
  background-color: #bbbbbb;
  background-image: url(../pics/bg_header.jpg);
  background-repeat: repeat-x;
  background-position: top;
  font-size: 12px;
}


.gridZweitzahler tr.header th {
  background-color: #BFE8DB;
  background-image: none;
  height: 16px;
}

.grid .pager td, .grid .pager th {
  padding: 0px;
  height: 20px;
  padding-right: 4px;
  border: 0px;
  font-weight: bold;
  background-color: #eaeaea;
}



.bg_ok, .grid .ok {
  background-image: url(../pics/bg_ok.jpg);
  background-repeat: repeat-x;
}

.grid .ok {
  background-color: #C5E5D8;
}


.bg_nok, .grid .nok {
  /*background-color: #ee9988; background-color: #F48582;*/
  background-image: url(../pics/bg_nok.jpg);
  background-repeat: repeat-x;
}

.grid .nok {
  background-color: #E4B4B0;
}


.bg_white {
  background-color: #ffffff;
}

.bg_grey {
  background-color: #e4e4e4;
}

.bg_contrib {
  background-color: #DCDCDC;
}

.TARight {
  text-align: right;
}


.tbMouseOver {
  width: 350px;
  background-color: #D0DAF0;
  margin: 0px;
}

  .tbMouseOver td, .tbMouseOver th {
    padding: 0px;
  }






/*font*************************************/

.title_grid, .title_search {
  font-size: 14px;
  color: #333333;
  letter-spacing: 1px;
}




/*wizard***********************************************/

.tb_inner_wizard {
  width: 850px;
  margin: 10px;
}

  .tb_inner_wizard td, .tb_inner_wizard th {
    padding: 4px 20px 4px 0px;
  }

.tb_grid .tdwizard {
  padding: 0px;
}


.wizard {
  padding: 0px;
  width: 100%;
}

  .wizard .tb_grid {
  }

.wiz_navi_style {
  background-color: #D0DAF0;
  background-color: #e3e3e3;
}

  .wiz_navi_style input {
    margin-left: 10px;
  }


.sidebar {
  /*background-color:#D0EEE4; background-color:#82D0B7; background-color:#AED6F7;*/
  background-color: #96B1DE;
}


/*.td_01{width:20%;background-color:blue;}
.td_02{width:32%;background-color:red;}
.td_03{width:12%;background-color:yellow;}
.td_04{width:36%;background-color:green;}*/

.td_01 {
  width: 200px;
}

.td_02 {
  width: 285px;
}

.td_03 {
  width: 150px;
}

.td_04 {
  width: 285px;
}


/*Navigation*********************************/


a {
  color: #333333; /*color:#108C6A;*/
}



.td_navigation a {
  display: block;
  width: 160px;
  height: 20px;
  border-bottom: 1px solid white;
  text-decoration: none;
  padding-top: 5px;
  margin-left: 20px;
  margin-right: 10px;
}


.Nav_1 {
  display: block;
  height: 30px;
  background-color: #999999;
  font-weight: bold;
  color: #eeeeee;
  padding-left: 10px;
}


a.Nav_1:hover {
  /*color:#dddddd;*/
  background-color: #5C79BC;
}


.Nav_2 {
  background-color: #dddddd;
  color: #555555;
  padding-left: 10px;
}

a.Nav_2:hover {
  background-color: #96B1DE; /*color:#777777;*/
}

a.active1 {
  background-color: #5C79BC;
}

a.active2 {
  background-color: #96B1DE;
}






a.link:link, a.link:hover, a.link:visited {
  font-size: 11px;
  color: #777777;
  font-style: italic;
}

/*Ende Navigation*********************************/


.lblLoginInfo {
  display: block;
  width: 155px;
  margin-left: 20px;
  font-size: 10px;
  color: #555555;
  padding-bottom: 3px;
  border-top: 1px solid #555555;
  border-bottom: 1px solid #555555;
}

.lblMandantInfo {
  display: block;
  width: 155px;
  margin-left: 20px;
  font-size: 10px;
  color: #555555;
  padding-bottom: 3px;
}

#tbDefault {
  width: 100%;
  height: 500px;
  background-color: #f3f3f3;
  background-image: url(../pics/bgHome2.jpg);
  background-position: left;
  background-repeat: no-repeat;
}

.tbListeWizard {
  width: 880px;
}


.ibtnSage {
  margin-bottom: 8px;
  margin-right: 10px;
  border: 2px solid #555555;
}



/*Extra*********************************/

.txtOk {
  background-color: White;
}

.txtNichtOk {
  background-color: #EBCABC;
}

.txtHighlight {
  /*background-color:InfoBackground;*/
  background-color: #D0EEE4;
  background-color: #D0DAF0;
}

.txtHighlight2 {
  /*background-color:InfoBackground;*/
  background-color: #D0EEE4;
}

.bgHighlight {
  background-color: #D0DAF0;
}

.space {
}

.linkHighlight {
  color: #5C79BC;
}



/*Calendar*********************************/



.cal_Theme1 .ajax__calendar_container {
  width: 215px;
  height: 230px;
  background-color: #e2e2e2;
  border: solid 1px #cccccc;
  z-index: 50000;
}

.cal_Theme1 .ajax__calendar_header {
  background-color: #ffffff;
  margin-bottom: 4px;
}

.cal_Theme1 .ajax__calendar_title, .cal_Theme1 .ajax__calendar_next, .cal_Theme1 .ajax__calendar_prev {
  color: #004080;
  padding-top: 3px;
  text-align: center;
}

.cal_Theme1 .ajax__calendar_body {
  width: 215px; /*height:155px;*/
  height: 175px;
  background-color: #fff;
  border: solid 1px #cccccc;
}

.cal_Theme1 .ajax__calendar_dayname {
  text-align: center;
  font-weight: bold;
  margin-bottom: 4px;
  margin-top: 2px;
}

.cal_Theme1 .ajax__calendar_day {
  text-align: center;
}

.cal_Theme1 .ajax__calendar_month {
  height: 30px;
}



.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_month, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_year, .cal_Theme1 .ajax__calendar_active {
  color: #004080;
  font-weight: bold;
  background-color: #ffffff;
}

.cal_Theme1 .ajax__calendar_today {
  font-weight: bold;
  text-align: center;
}

.cal_Theme1 .ajax__calendar_other, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_today, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {
  color: #bbbbbb;
}








/*iframe*********************************/

.iframereport {
  width: 100%;
  height: 500px;
}




.txtshort, .txtShort {
  width: 50px !important;
  text-align: left !important;
}

.txtLong {
  width: 220px !important;
  text-align: left !important;
}


.txtDate {
  width: 80px;
}

input.txtDateTime {
  width: 110px !important;
  text-align: left;
}

.divFront {
  position: absolute;
  margin-top: 0px;
  z-index: 10000;
  border: 2px solid blue;
}

#MouseOver {
  border: solid 1px black;
  position: absolute;
  background-color: #eeeeee;
  padding: 3px;
  z-index: 70000 !important;
}

.divBack {
  position: absolute;
  z-index: 400;
}




.test td {
  font-weight: bold;
  width: 20%;
}

.footer td {
  font-weight: bold;
  text-align: center;
}










.showborder td, .showborder th {
  border: 1px solid red;
}

.gross {
  font-size: 20px;
  font-weight: bold;
}

.tr_height td, .tr_height th {
  height: 25px;
}

.tb_content_txt1 {
  width: 100%;
  background-color: #E0F3ED;
  border-top: 1px solid #888888;
  border-left: 1px solid #888888;
  border-right: 1px solid #888888;
  border-bottom: 1px solid #888888;
}

.DiffNichtOk {
  color: red;
}

.drpClients {
  width: 404px;
}

.drpStatus {
  width: 102px;
}

.drpCSshort {
  width: 96px;
}

.drpCSmiddle {
  width: 251px;
}

.drpCSlarge {
  width: 350px;
}

.lblWarning {
  font-weight: bold;
  color: Red;
  text-align: center;
  font-size: large;
  width: 420px;
  float: left;
}

.version {
  display: block;
  background-color: #aa0000;
  letter-spacing: 15px;
  font-weight: bold;
  color: #eee;
  text-align: center;
}


/* RAI */

span.title {
  font-size: 12pt;
  font-weight: bold;
}

.unvollstaendig, select.unvollstaendig, input.unvollstaendig {
  border-left: #ffcc66 4px solid;
}

.tb_content_txtRai {
  width: 430px;
  background-color: white;
  border-top: 1px solid #888888;
  border-left: 1px solid #888888;
  border-right: 1px solid #888888;
  border-bottom: 1px solid #888888;
}

.hyp_gray {
  display: block;
  font-size: 9px;
  margin-right: 20px;
  letter-spacing: 1px;
  text-decoration: underline;
  text-align: right;
  color: #eeeeee;
}


.anzahlMDS {
  text-align: center;
  width: 18px;
}

.differenzMDS {
  background-color: #EFEFFB;
}


/* VOLLKOSTENRECHNUNGEN */

.headerVollkosten {
  text-align: center;
}

.columnVollkosten {
  text-align: right !important;
  width: 75px;
}

.columnVollkostenTot {
  text-align: right !important;
  width: 75px;
  background-color: #CCFF99;
}

.footerVollkostenTot {
  background-color: #FFCC00;
}

.alternateVollkosten {
  text-align: center;
  background-color: #FFFFCC;
}

.Umlageschluessel {
  text-align: right;
  width: 30px;
}

.Kostenstellen {
  text-align: right;
  width: 66px;
}


/* Pflegewohnung */

.headerVKPW {
  text-align: center;
  background-color: #96B1DE;
}

.footerVollkostenTotPW {
  background-color: #dddddd;
}


/*EINSATZPLANUNG*/

/* Autocomplete */
.list {
  border: 1px solid #96B1DE;
  list-style-type: none;
  margin: 0px;
  font-weight: normal;
  font-size: 11px;
  background-color: #FFFFFF;
  text-align: left;
}

ul.list li {
  padding: 2px 5px;
}

.listitem {
  color: #000000;
}

.hoverlistitem {
  background-color: #f3f3f3;
  font-weight: normal;
}

/* Repeater Arbeitszeiten */
.headDaypart {
  text-align: center;
  border: none;
  font-weight: normal;
  background: #f3f3f3;
}

.itemDaypart {
  text-align: center;
  width: 67px;
  font-weight: normal;
}

a.selected {
  text-decoration: none;
}

.txtDateShort {
  width: 70px;
}

.txtCenter {
  text-align: center;
}


/* Repeater Restfinanzierung */
.footerRestfinanz {
  background-color: #FFCC00;
  font-weight: bold;
}


.grid1 {
  width: 100%;
  margin-top: 0px;
  background-color: white;
  border-collapse: collapse;
}

  .grid1 td, .grid1 th {
    vertical-align: middle;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 2px 4px 2px 4px;
    color: #333333;
  }


.rfEntryAll {
  background-color: #D0F5A9;
  width: 40px;
}

.rfEntryPart {
  background-color: #F2F5A9;
  width: 40px;
}

.rfEntryNone {
  background-color: #FFFFFF;
  width: 40px;
}

/*ScheduleContent*/
.SCTP_alternate {
  background-color: #f3f3f3;
}


/* Repeater Wages */

.Wages_alternate {
  background-color: #f3f3f3;
}


/* Extra Info */
.EMPExtraInfo {
  background-color: #D0DAF0;
  text-align: center;
  width: 215px;
}

.CLExtraInfo {
  background-color: #D0EEE4;
  text-align: center;
  width: 170px;
}

.AGExtraInfo {
  background-color: #F3F3F3;
  text-align: center;
  width: 170px;
}


.EMPPnlExtraInfo {
  background-color: #D0DAF0;
  border-top: 1px solid #888888;
  border-left: 1px solid #888888;
  border-right: 1px solid #888888;
  border-bottom: 1px solid #888888;
}

.CLPnlExtraInfo {
  background-color: #D0EEE4;
  border-top: 1px solid #888888;
  border-left: 1px solid #888888;
  border-right: 1px solid #888888;
  border-bottom: 1px solid #888888;
}

.AGPnlExtraInfo {
  background-color: #F3F3F3;
  border-top: 1px solid #888888;
  border-left: 1px solid #888888;
  border-right: 1px solid #888888;
  border-bottom: 1px solid #888888;
}

/* Inquiries */

.CLInquiries {
  background-color: #F3F3F3;
  text-align: center;
  width: 170px;
}

.EmpInquiries {
  background-color: #F3F3F3;
  text-align: center;
  width: 140px;
}


/* Dienstplan */

.loading {
  background-image: url(../pics/progressbar.gif);
  background-repeat: no-repeat;
}



/* EntriesPanel */
.modalBackground {
  background-color: Gray;
  filter: alpha(opacity = 40);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

.popupPanel {
  background-color: #f3f3f3;
  border: 1px solid gray;
  margin: 5px;
  padding: 5px;
}

.popupHeight600 {
  min-height: 600px;
  top: 50px !important;
}

@media only screen and (max-height: 800px) {
  .popupHeight600 {
    height: 550px;
    min-height: 550px !important;
    scroll-behavior: auto;
  }
}


.Entriespanel {
  background-color: #f3f3f3;
}

.EPHeader {
  background-color: #f3f3f3;
  background-image: url(../pics/bg_header.jpg);
  background-repeat: repeat-x;
}

.EPSeparator {
  border-top: 1px solid #D8D8D8;
  border-left: 1px solid #D8D8D8;
  border-right: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
}

.EPSeparatorLeft {
  border-top: 1px solid #D8D8D8;
  border-left: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
}

.EPSeparatorRight {
  border-top: 1px solid #D8D8D8;
  border-right: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
}

.EPSeparatorBottom {
  border-bottom: 1px solid #D8D8D8;
}





/* AUTO EINSATZPLANUNG*/

#wrap {
  width: 1300px;
  margin: 0 auto;
  padding: 0 10px; /*	border-right: 7px solid #888888; 		border-top: 1px solid #888888; 		border-bottom: 1px solid #888888; 		border-left: 7px solid #888888; */
}

#calendar {
  float: right;
  width: 1000px;
}

#externalevents {
  float: left;
  width: 250px;
  border-right: 1px solid #888888;
  border-top: 1px solid #888888;
  border-bottom: 1px solid #888888;
  border-left: 1px solid #888888;
  background: #f3f3f3;
  text-align: left;
}

  #externalevents h4 {
    font-size: 16px;
    margin-top: 0;
    padding: 0.5em;
  }

.external-event {
  /* try to mimick the look of a real event */
  margin: 10px 0;
  padding: 2px 4px;
  font-size: 11px;
  cursor: pointer;
}

#externalevents p {
  margin: 1.5em 0;
  font-size: 11px;
  color: #666;
}

  #externalevents p input {
    margin: 0;
    vertical-align: middle;
  }

.alignRight {
  text-align: right;
}

.alignLeft {
  text-align: left;
}

.input {
  text-align: left;
  font-size: 10px;
  font-family: 'Trebuchet MS, sans-serif';
}


.noPlanSched {
  background: #F3F3F3;
}

.noPlanRes {
  background: #E6E6E6;
}

.noPlanTeam {
  background: #E6E6E6;
}

.noPlanTeamTop {
  background: #E6E6E6;
  border-top: 1px solid #848484;
}

.noPlanTeamBottom {
  border-top: 1px solid #848484;
}



.mQualOverlay {
  background: #990000;
  filter: alpha(opacity = 60);
  opacity: 0.5;
}

.overlay {
  position: fixed;
  z-index: 98;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: #aaa;
  filter: alpha(opacity=80);
  opacity: 0.8;
}

.overlayContent {
  z-index: 99;
  margin: 400px auto;
  width: 250px;
  height: 25px;
}

  .overlayContent h2 {
    font-size: 18px;
    font-weight: bold;
    color: #000;
  }

  .overlayContent img {
    width: 250px;
    height: 25px;
  }


input[type=text]::-ms-clear {
  display: none;
}

.flex-container {
  overflow: hidden;
  display: flex;
  margin: 1em;
}


.item {
  margin: 0.2em;
  padding: 0.2em;
  width: 110px;
  min-width: 0;
  color: black;
  font-size: 12px;
}

.header {
  background-color: #dddddd;
}

.initial {
  flex: initial;
}

.auto {
  flex: auto;
}

.none {
  flex: none;
}

.one {
  flex: 1;
}

.two {
  flex: 2;
}

.three {
  flex: 3;
}

.four {
  flex: 4;
}

.five {
  flex: 5;
}

.six {
  flex: 6;
}

.seven {
  flex: 7;
}

.eight {
  flex: 8;
}

.nine {
  flex: 9;
}


.ten {
  flex: 10;
}

.eleven {
  flex: 11;
}


.twelve {
  flex: 12;
}

.uploadPopup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 20px;
  border: 1px solid #ccc;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  z-index: 1000;
}

.popupContent {
  text-align: center;
}

.popupContent h3 {
  margin-bottom: 15px;
}

.popupContent input[type="file"] {
  margin: 10px 0;
}