@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: local('Titillium Web Light'), local('TitilliumWeb-Light'), url(https://fonts.gstatic.com/s/titilliumweb/v7/NaPDcZTIAOhVxoMyOr9n_E7ffGjEGIVzY4SY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: local('Titillium Web Light'), local('TitilliumWeb-Light'), url(https://fonts.gstatic.com/s/titilliumweb/v7/NaPDcZTIAOhVxoMyOr9n_E7ffGjEGItzYw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'), url(https://fonts.gstatic.com/s/titilliumweb/v7/NaPecZTIAOhVxoMyOr9n_E7fdM3mDbRS.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'), url(https://fonts.gstatic.com/s/titilliumweb/v7/NaPecZTIAOhVxoMyOr9n_E7fdMPmDQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'), url(https://fonts.gstatic.com/s/titilliumweb/v7/NaPDcZTIAOhVxoMyOr9n_E7ffBzCGIVzY4SY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'), url(https://fonts.gstatic.com/s/titilliumweb/v7/NaPDcZTIAOhVxoMyOr9n_E7ffBzCGItzYw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'), url(https://fonts.gstatic.com/s/titilliumweb/v7/NaPDcZTIAOhVxoMyOr9n_E7ffHjDGIVzY4SY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'), url(https://fonts.gstatic.com/s/titilliumweb/v7/NaPDcZTIAOhVxoMyOr9n_E7ffHjDGItzYw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*,*:after,*:before{
  margin: 0;
  padding: 0;
}
#logo{
	height:71px;
}

#user div {
  display: none;
  position: relative;
}
#navbarDropdown {
  text-decoration: none;
  background: #ed0875;
  color: #fff;
  border-radius: 5px;
  padding: 6px;
  font-weight: bold;
  display: inline-block;
  margin: 10px;
}
body {
  font-family: "Titillium Web", sans-serif;
}
a{
	text-decoration: none;
	color:inherit;
}
#bodyHeader {
  display: flex;
  justify-content: space-between;
  margin: 0 10px;
  align-items: center;
}
.dreamz {
  text-decoration: none;
  color: #2553ef;
  border-radius: 67px;
  /*! background: #f9f1f1; */
  padding: 2px 18px;
}#user {
  list-style: none;
}
#navbarDropdown:hover div {
  display: block;
}
#user:hover > div {
  display: block;
}
#user div a {
  text-decoration: none;
  position: absolute;
  background: #f4f2f5;
  color: #5c1bda;
  padding: 5px;
  border-radius: 5px;
  text-align: right;
  left: 10px;
}

h2 {
  color: #000;
  text-align: center;
  font-weight: normal;
}
form {
  font-size: 19px;
  width: 80vw;
  margin: 10px auto;
}
.btn.btn-link {
  display: block;
  text-decoration: none;
  color: #740941;
}
.container {
  margin: 0 auto;
  width: 80vw;
}
input:not([type='checkbox']) + label, 
select + label, textarea + label{
  position: absolute;
  left: 10px;
  top: 2px;
  transition: all ease 500ms;
}
form div, form fieldset {
  margin: 12px 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  border: none;
  margin-left: 0.3vw;
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.655em;
  text-transform: none;
  width:calc(33.33% - 15px);
}
.button {
  background: rgb(218,0,103);
  color: #fff;
  display: block;
  padding: 10.5px 15px 11.25px;
  border-radius: 4px;
  font-size: 15px;
  border: 0;
  line-height: 22px;
  font-weight: 600;
}
.button:hover {
  background: #7600da;
}
#workTable input:not([type="checkbox"]):not([type='submit']):not([type='reset']), #workTable select {
    width:auto;
}
input:not([type="checkbox"]):active + label, input:not([type="checkbox"]):focus + label, input:not([type="checkbox"]):valid + label,
select:active + label, select:focus + label, select:valid + label, input:not([type="checkbox"]) + label.inputReadonly, textarea:active + label, textarea:focus + label, textarea:valid + label {
  top: -21px;
  left: 3px;
  font-weight: 600;
  font-size: .8em;
}

/*form .button {
  margin-left: 50%;
  transform: translate(-50%);
}*/

input:not([type="checkbox"]):not([type='submit']):not([type='reset']), select, textarea {
  width: 23vw;
  padding-left: 0px;
  line-height: 1.655em;
  font-size: 1rem;
  font-weight: 400;
  border-radius: 5px;
  border: 2px solid #e8e8e8;
  background-color: #fff;
  min-height: 26.4833px;
  box-sizing: content-box;
  padding-left: 5px;
}
fieldset{
	padding:0;
	margin:0;
	border:0;
}
.formBlock {
  display: block;
}
.button.center{
	margin-left: 50%;
	transform:translate(-50%);
}
.center {
  text-align: center;
}
#buttons{
	margin-left:50%;
	transform:translate(-50%);
	text-align: center;
}

#buttons form {
  display: inline;
}
#buttons input:not([class='button']) {
  width: 50px;
}

.center .button, #buttons .button {
  margin: 11px 10px;
  display: inline-block;
}

td form {
  width: auto;
}
td {
	min-width: 5vw;
	text-align: center;
	padding: 0 1em;
}
td.planned label,td.unplanned label {
  position: relative;
}
td label {
    white-space: nowrap;
}
td.doctor{
    text-align:left;
}
td.doctor:hover, td.doctor *:hover{
    cursor:pointer;
}
tr:nth-child(even){
    background: #ebf;
}
tbody tr:hover {
    background: #fff;
}
table {
	font-size: 19px;
	margin: 20px auto;
	border: 1px solid #d00067;
	background: #f5ddfc;
	color: #b21f8d;
	border-collapse: collapse;
}
thead {
    background: #b2268d;
    color: #f5ddfc;
}
.holiday {
  color: #f00;
}
.workday {
  color: #70077e;
}
.adminDay {
  color: #0f8b0f;
}
td.reported {
    background: #ca8ebd;
}
.days {
  background: #da96ec;
  color: #fff;
}
#displayTable td,#displayTable th {
  border: 1px solid #e5c0ea;
  padding: 0 10px;
  white-space: nowrap;
}
a.button {
  display: inline-block;
}

#filterForm {
  text-align: center;
}
#filter {
  display: block;
}
#filterForm select, #filterForm input:not([type="submit"]) {
  width: auto;
}
#planDoctors {
  width: 35vw;
}
#planDoctors > label {
  position: relative;
}
#loginForm {
  width: 50vw;
}
/*#roleForm label{
	display: block;
	left:0;
	top: -25px;
	font-size: .8em;
}*/
td.unplanned {
  background: #f3bfbf;
}
h3,h1{
	text-align: center;
}
ul {
	padding: 0;
}
.invalid-feedback {
  position: absolute;
  font-size: .8em;
  color: #cd0101;
  top: 20px;
 }
.is-invalid {
  box-shadow: 0 0 10px #f00;
  border: 1px solid red !important;
}

.hidden {
  display: none;
}
@media (max-width: 750px){
	h1 {
	/*! margin: auto 25vw; */
}
thead {
  display: none;
}
td {
  display: block;
}
td.doctor{
    text-align:center;
}
tr {
  border: 1px solid #da0067;
  margin: 10px;
  display: block;
}  

.button {
  margin: 0 auto;
}
    input:not([type="checkbox"]):not([type='submit']):not([type='reset']), select, textarea {
        width: 100%;
    }
    form fieldset, form div {
        display: block;
    }
}
td.even-row {
  background: #ebf;
}

td.odd-row{
  background: #f5ddfc;
}
@media(max-width: 500px)
{
  h1{
    width: 228px;
    
  }
  
}
@media (max-width:400px)
{ 
  h1 {
	font-size: 1.1em;
	width: 164px;
}
}