.attach-doc-inside {
	background-color: lightgray;
	border-radius: 5px;
	padding: 10px;
	overflow: hidden;
}

.attach-doc img {
	width: 100%;
	height: auto;
}


/*** Add staff Page  */

.doc { background-color: #6c757d; padding: 5px; margin-top: 20px; border-radius: 5px; }
.doc .card { margin-top: 10px; }
.doc .card .card-header { padding:0; }
.doc .card .card-header input { border-bottom-left-radius: 0; border-bottom-right-radius:0; }
.doc_preview { height: 250px; display: flex; }
.doc_preview img { margin:auto; max-width:100%; max-height: 100%;}
.btn-close { float: right; margin: 10px 10px 10px auto;}


/***  ----- */



.btn-group-xs > .btn, .btn-xs {
  padding: .25rem .4rem;
  font-size: .875rem;
  line-height: .5;
  border-radius: .2rem;
}

.text-shadow { text-shadow: 1px 1px 2px black; }
.small, small {
  font-size: .6em;
}

::placeholder { opacity: 0.25 !important; }

.extra-col {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col-0-5 {
  @extend .extra-col;
  flex: 0 0 4.16666667%;
  max-width: 4.16666667%;
}

.col-1-5 {
  @extend .extra-col;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}

.col-2-5 {
  @extend .extra-col;
  flex: 0 0 20.833333325%;
  max-width: 20.833333325%;
}

.col-3-5 {
  @extend .extra-col;
  flex: 0 0 29.166666655%;
  max-width: 29.166666655%;
}

.col-4-5 {
  @extend .extra-col;
  flex: 0 0 37.499999985%;
  max-width: 37.499999985%;
}

.col-5-5 {
  @extend .extra-col;
  flex: 0 0 45.833333315%;
  max-width: 45.833333315%;
}

.col-6-5 {
  @extend .extra-col;
  flex: 0 0 54.166666645%;
  max-width: 54.166666645%;
}

.col-7-5 {
  @extend .extra-col;
  flex: 0 0 62.499999975%;
  max-width: 62.499999975%;
}

.col-8-5 {
  @extend .extra-col;
  flex: 0 0 70.833333305%;
  max-width: 70.833333305%;
}

.col-9-5 {
  @extend .extra-col;
  flex: 0 0 79.166666635%;
  max-width: 79.166666635%;
}

.col-10-5 {
  @extend .extra-col;
  flex: 0 0 87.499999965%;
  max-width: 87.499999965%;
}

.col-11-5 {
  @extend .extra-col;
  flex: 0 0 95.8333333%;
  max-width: 95.8333333%;
}

.navbar-nav li .nav-link.btn {
  text-align: left;
  padding-left: 25px;
}

  .week {
    text-align: center;
    margin-bottom: 10px;
    margin-left: 1%;
    width: 13.1%;
    padding: 0;
  }

  .week-head {
    border: 1px solid lightgray;
    border-radius: 5px;
    padding: 5px;
    background-color: #ffc107;
    font-weight: bold;
}
  .empty-day {
    border: 1px solid #949a9f;
    border-radius: 7px;
  }



.back {
  left: 25px;
  position: relative;
  padding: 10px 7px 10px 10px;
  background-image: -moz-linear-gradient(top, #0bb00b 44%, #3b913b 56%);
  color: white;
  font-family: sans-serif;
  font-size: 12px;
  font-weight: bold;
  border-radius: 5px;
  z-index: 1;
  border: none;
  box-shadow: 0px 0px 5px black;
  text-decoration: none;
}



.back::before {
  position: absolute;
  border-radius: 0px 2px 2px 2px;
  top: 3.9px;
  left: -10px;
  display: block;
  width: 25px;
  height: 25px;
  background-image: linear-gradient(-135deg, #0bb00b 44%, #3b913b 56%);
  content: "";
  transform: rotate(-45deg);
  z-index: -1;
}