#calendar{
   min-height: calc(100vh - 198px);
}
#collapse_forΑssignment {
   width: 100%;
   padding: 10px;
}
.unassigned_events_table {
   font-size: 1rem;
}

#collapseCost,
#collapsePermits {
   width: max-content;
   /* float: right;
   padding: 0px 10px 10px 10px; */
   position: absolute;
   right: 36px;
   top: -1px;
   z-index: 1;
}
#collapsePermits {
   right: 46px;
}

.cost_wrapper {
   display: inherit;
   font-size: 15px;
}

.cost_button {
   margin-right: 10px;
}

.cost_wrapper .name{
   width: 200px;
}

.cost_wrapper .cost{
   width: 80px;
}

.card-body {
   background: beige;
   padding: 10px;
}

.date-header {
   background: #FFC107;
   padding: 7px;
}

.closed {
   color: #aaa;
}

table.dataTable tbody tr.repeated-event {
   background-color: rgba(255,193,7,.15);
}

.table-hover tbody tr.repeated-event:hover {
   background-color: rgba(255,193,7,.4);
}

.table tr.is-deleted {
   color: #842029;
   background-color: #f8d7da;
}
.table tr.is-deleted:hover {
   background-color: #ff858f;
}
.table tr.repeated-event.is-deleted {
   color: #842029;
   background-color: #f8e9d7;
}
.table tr.repeated-event.is-deleted:hover {
   background-color: #f6ca93;
}

.col-form-label {
   color: #777;
}

.control-label {
   margin-bottom: auto;
   margin-top: auto;
}

.alert {
   min-height: 63px;
   z-index: 2000;
}

.alert .btn.btn-primary {
   margin-right: 15px;
}

.user-color {
   width: 44px;
   border-radius: 4px;
   height: 36px;
   margin: auto;
}

legend {
   border-bottom: 1px solid #e5e5e5;
   padding-bottom: 10px;
   margin-bottom: 15px;
}
.legend{
   border-bottom: 1px solid #e5e5e5;
   padding-bottom: 10px;
   margin-bottom: 15px;
}

.ms-options-wrap>button {
   overflow: hidden;
}

.navbar-nav .dropdown-menu.submenu {
   position: relative;
   float: none;
}

.tooltiptext {
   font-size: 1.35em;
   line-height: 1.5;
}

.form-signin img {
   margin-bottom: 20px;
}
   td.fc-event-container:hover {
   cursor: pointer;
}

.dropdown-colorselector {
   padding-right: 25px;
}

.form-group .btn-colorselector {
   width: 50%;
   height: 34px;
   border-radius: 5px;
}

.navbar.fixed-top .navbar-brand {
   font-weight: bold;
}

.navbar {
   padding: 0;
}

.navbar-brand img {
   height: 45px;
}

.navbar-login {
   position: absolute;
   font-style: italic;
   color: #aaa;
   right: 50px;
   top: 7px;
}

.navbar-login a {
   color: #8ec0ea;
}

.navbar-buttons {
   position: absolute;
   margin-top: 6px;
   right: 200px;
   width: 100px;
}

.navbar-buttons button {
   margin-right: 10px;
   height: 40px;
   width: 40px;
}

.navbar-buttons span.glyphicon {
   font-size: 20px;
   right: 2px;
   top: 3px;
}

.sidebar-nav {
   padding: 9px 0;
}

.container.no-header {
   margin-top: 40px;
}

.fc-agendaDay-view .fc-event-container .fc-event {
   border-left: 10px solid;
}

.fc-month-view .fc-event-container .fc-event.all-day {
   border-bottom: 1px;
}

.fc-month-view .fc-event-container .fc-event {
   border-bottom: 10px solid;
}
.fc-listWeek-view .fc-list-table .fc-list-item.repeated .fc-list-item-title {
   background-color: rgba(255,193,7,.15);
}
.fc-month-view .fc-event-container .fc-event.repeated {
   border-right-color: #ffc107 !important;
   border-right-width: 5px;
}
.fc-holiday-event.fc-holiday-event {
   background-color: #ff00001e;
   opacity: 1;
}
.fc-holiday-event-text {
   font-style: italic;
   font-size: 13px;
   padding-left: 10px;
   color: #727272;
}

.ms-options-wrap.ms-has-selections > button:focus,
.ms-options-wrap.ms-has-selections > button{
   border: 1px solid #ced4da;
   border-radius: 0.25rem;
   height: calc(2.25rem + 2px);
   padding: 0.375rem 0.75rem;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: #495057;
}

.ms-options-wrap.ms-has-selections > button:focus{
   border-color: #80bdff;
   outline: 0;
   box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);

}

.ms-options-wrap.ms-has-selections > .ms-options {
   width: calc(100% - 30px);
   border: 1px solid #ced4da;
   border-radius: 0.25rem;
   left: 15px;
}
/*
 FOR FORMS STYLING
 */
 .form-signin {
   /* max-width: 300px; */
   padding: 19px 29px 29px;
   margin: 100px auto;
   background-color: #fff;
   -webkit-box-shadow: 10px 10px 20px rgba(255, 255, 255, 0.39);
   -moz-box-shadow: 10px 10px 20px rgba(255, 255, 255, 0.39);
   box-shadow: 10px 10px 20px rgba(255, 255, 255, 0.39);
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
   margin-bottom: 10px;
}
.form-signin input[type="text"],
.form-signin input[type="password"] {
   font-size: 16px;
   height: auto;
   margin-bottom: 15px;
   padding: 7px 9px;
   width: 100%;
}
.form-signin .btn-success {
   width: 100%;
}
   /*
.form-control {
   border-color: #fff;
   box-shadow: 2px 2px 2px rgba(0, 0, 0, .075);
   border-radius: 0px;
}
   */
.table td, .table th {
   vertical-align: middle;
}
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow {
   height: 38px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
   line-height: 38px !important;
}
/*.nav-tabs {
   margin-bottom: 15px;
}*/
.center-img {
   margin: auto;
   display: block;
}
.form-check-input {
   width: 20px;
   height: 20px;
}
   input:disabled,
   select:disabled,
.select2-container--disabled .select2-selection,
   button:disabled {
   cursor: not-allowed !important;
 }
 .ui-front span,
 .ui-front p{
   margin-bottom: 0;
   margin-left: 10px;
}
/* .ui-front label {
   margin-right: 5px;
} */
   /* images (photos) styling*/
.image_thumb {
   display: inline-block;
   padding: 5px 3px 5px 0px;
}
.image_thumb img {
   border: 2px solid #d8cd4e;
}
   #my_camera,
   #my_camera_add {
   margin:auto;
}
   #my_camera video,
   #my_camera_add video {
   width: 100% !important; /*466px !important;*/
   height: auto !important;
}
   /* qr-code view styling */
.qrcode-text {
   padding-right: 45px; 
   margin-right:0;
}
.qrcode-text-btn {
   position:absolute; 
   background:url(//dab1nmslvvntp.cloudfront.net/wp-content/uploads/2017/07/1499401426qr_icon.svg) 50% 50% no-repeat; 
   height:25px; 
   width:25px; 
   margin-top: 5px; 
   margin-left:-40px; 
   cursor:pointer;
}
.qrcode-text-btn > input[type=file] {
   position:absolute; 
   overflow:hidden; 
   width:1px; 
   height:1px; 
   opacity:0;
}

.pending {
   background:red;
   color: #fff;
   padding: 3px;
   text-align: center;
   font-weight: 700;
}

 /*
 i wish this required CSS was better documented :(
 https://github.com/FezVrasta/popper.js/issues/674
 derived from this CSS on this page: https://popper.js.org/tooltip-examples.html
 */

.qtip-header {
   font-weight: 700;
   border-bottom: 1px solid #777;
}
.qtip-comments {
   max-height: 65px;
   overflow: auto;
}
.qtip-bootstrap{
   min-width: 300px;
}

.qtip-bootstrap.qtip-special{
   border-top: 0px;
   border-left: 0px;
   border-right: 0px;
}
.qtip-bootstrap.qtip-special .qtip-type-header {
   text-align: center;
   padding: 2px;
   border-radius: 5px 5px 0 0;
}
.qtip-repeated-text {
   color: #212529;
   background-color: #ffc107;
   border-color: #ffc107;
}
.qtip-bootstrap  .qtip-titlebar i{
   padding: 8px 14px;
   display: block;
}
.qtip-bootstrap.qtip-repeated .qtip-titlebar,
.qtip-bootstrap.qtip-repeated {
   color: #664d03;
   background-color: #fff3cd;
   border-color: #ffecb5;
   padding: 0;
}
.qtip-note-text {
   color: #fff;
   background-color: #6c757d;
   border-color: #6c757d;
}
.qtip-bootstrap.qtip-note .qtip-titlebar,
.qtip-bootstrap.qtip-note {
   color: #41464b;
   background-color: #e2e3e5;
   border-color: #d3d6d8;
   padding: 0;

}
.qtip-day-off-text {
   color: #fff;
   background-color: #dc3545;
   border-color: #dc3545;
}
.qtip-bootstrap.qtip-day-off .qtip-titlebar,
.qtip-bootstrap.qtip-day-off {
   color: #842029;
   background-color: #f8d7da;
   border-color: #f5c2c7;
   padding: 0;

}

 .popper,
 .tooltip {
   position: absolute;
   z-index: 9999;
   background: #FFC107;
   color: black;
   width: 150px;
   border-radius: 3px;
   box-shadow: 0 0 2px rgba(0,0,0,0.5);
   padding: 10px;
   text-align: center;
 }
 .style5 .tooltip {
   background: #1E252B;
   color: #FFFFFF;
   max-width: 200px;
   width: auto;
   font-size: .8rem;
   padding: .5em 1em;
 }
 .popper .popper__arrow,
 .tooltip .tooltip-arrow {
   width: 0;
   height: 0;
   border-style: solid;
   position: absolute;
   margin: 5px;
 }

 .tooltip .tooltip-arrow,
 .popper .popper__arrow {
   border-color: #FFC107;
 }
 .style5 .tooltip .tooltip-arrow {
   border-color: #1E252B;
 }
 .popper[x-placement^="top"],
 .tooltip[x-placement^="top"] {
   margin-bottom: 5px;
 }
 .popper[x-placement^="top"] .popper__arrow,
 .tooltip[x-placement^="top"] .tooltip-arrow {
   border-width: 5px 5px 0 5px;
   border-left-color: transparent;
   border-right-color: transparent;
   border-bottom-color: transparent;
   bottom: -5px;
   left: calc(50% - 5px);
   margin-top: 0;
   margin-bottom: 0;
 }
 .popper[x-placement^="bottom"],
 .tooltip[x-placement^="bottom"] {
   margin-top: 5px;
 }
 .tooltip[x-placement^="bottom"] .tooltip-arrow,
 .popper[x-placement^="bottom"] .popper__arrow {
   border-width: 0 5px 5px 5px;
   border-left-color: transparent;
   border-right-color: transparent;
   border-top-color: transparent;
   top: -5px;
   left: calc(50% - 5px);
   margin-top: 0;
   margin-bottom: 0;
 }
 .tooltip[x-placement^="right"],
 .popper[x-placement^="right"] {
   margin-left: 5px;
 }
 .popper[x-placement^="right"] .popper__arrow,
 .tooltip[x-placement^="right"] .tooltip-arrow {
   border-width: 5px 5px 5px 0;
   border-left-color: transparent;
   border-top-color: transparent;
   border-bottom-color: transparent;
   left: -5px;
   top: calc(50% - 5px);
   margin-left: 0;
   margin-right: 0;
 }
 .popper[x-placement^="left"],
 .tooltip[x-placement^="left"] {
   margin-right: 5px;
 }
 .popper[x-placement^="left"] .popper__arrow,
 .tooltip[x-placement^="left"] .tooltip-arrow {
   border-width: 5px 0 5px 5px;
   border-top-color: transparent;
   border-right-color: transparent;
   border-bottom-color: transparent;
   right: -5px;
   top: calc(50% - 5px);
   margin-left: 0;
   margin-right: 0;
 }

 #controls .control-buttons {
   padding: 10px;
   width: 100px;
   border: none;
   background: #ed341d;
   margin-left: 2px;
   box-shadow: inset 0 -0.15rem 0 rgba(0, 0, 0, 0.2);
   cursor: pointer;
   justify-content: center;
   align-items: center;
   color: #ffffff;
   font-weight: bold;
}
   button#recordButton {
   background: red;
   /* border-radius: 10px; */
   /* padding: 10px; */
   color: white;
   border-color: red;
}
   #controls button:disabled {
   pointer-events: none;
   background: lightgray;
}

#recordingsList li > * ,
#audiosRepeated li > *,
#edit_form #genericRepeated li > *{
   vertical-align: middle;
}
#recordingsList li span {
   margin-left: 10px;
}

.deleteAudio {
   width: 20px;
   height: 20px;
   background: #f14503;
   text-align: center;
   line-height: 20px;
   color: #fff;
   cursor: pointer;
   border-radius: 50%;
   font-size: 13px;
   display: inline-block;
}

.flex-el {
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;

   flex-wrap: wrap;

   -ms-flex-align: center;
   -webkit-align-items: center;
   -webkit-box-align: center;
   align-items:center;
}

/*.hours-input .form-control {
   display: inline-block;
   width: 150px;
}*/

#edit_form .collapse h6 {
   padding-bottom: 5px;
   border-bottom: 1px solid #cdcdcd;
}

#edit_form .collapse p {
   margin-bottom: 5px;
}

#edit_form .repeat-btn {
   margin-right: 10px;
}

#edit_form .collapse .repeated-collapse-event:not(:last-child) {
   margin-bottom: 15px;
   border-bottom: 1px solid #cdcdcd;
}

.close-event {
   line-height: 38px;
   text-align: right;
}
/* .flex-break {
   flex-basis: 100%;
   height: 0;
 }
*/
 .form-flex-check-input {
   width: 20px;
   height: 20px;
   vertical-align: text-bottom;
 }

 .form-control-color:not(:disabled):not([readonly]) {
   cursor: pointer;
}
.form-control-color {
   width: 4rem;
   height: calc(2.25rem + 2px);
   padding: 0.2rem;
}

.deleteImg {
   position: absolute;
   top: 8px;
   right: 5px;
   width: 20px;
   height: 20px;
   background: #f14503;
   text-align: center;
   line-height: 20px;
   color: #fff;
   cursor: pointer;
   border-radius: 50%;
   font-size: 13px;
   display: none;
}

.imageItem {
   display: inline-block;
   position: relative;
   vertical-align: middle;
}

.imageItem:hover .deleteImg {
   display: block;
}

.btn-popper {
   font-size: 1.25rem;
   line-height: 1.5;
   padding: 2px;
   color: #17a2b8;
   display: block;
} 

.small-input {
    width: 80px !important;
}

.dataTables_length select,
.dataTables_filter input{
   padding: .375rem .75rem;
   border: 1px solid #ced4da;
   border-radius: .25rem;
   transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.dataTables_length select {
   margin: 0px 10px;
}

table.dataTable {
   padding-top: 15px;
}

.dataTables_wrapper {
   width: 100%;
}

table.dataTable.no-footer {
   margin-bottom: 15px;
}

.crud-actions {
	vertical-align: middle;
	text-align: right;
}

.modal-header .close {
   position: absolute;
   right: 15px;
   top: 15px;
}

.modal-header {
	padding-bottom: 0px;
	border-bottom: none;
}

.modal-title {
   margin-bottom: 15px;
}

.sticky-top {
   top: 60px;
}

.col-sm-12.inside {
   margin-top: 5px;
}

.col-sm-12.inside .form-group.row {
   margin-right: -30px;
   margin-bottom: 5px;
}

.bootstrap-select .dropdown-menu {
   width: 100%;
}

.assignor-customer {
	cursor: pointer;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.assignor-customer:hover {
	color: #495057;
	background-color: #fff;
	border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}
.small-text{
   font-size: 15px;
}
.width-110 {
   width:110px;
   text-align: center;
}
#permit-days {
   height: 38px;
   line-height: 38px;
   border: 1px solid #218838;
   border-radius: .25rem;
   width: fit-content;
   padding: 0 5px;
}

@media print
{
   .hidden-print{
      display: none;
   }
   .modal-body .print-form .print-logo {
         width: 150px !important;
      }
      
   .modal-body .print-form .header {
         background: #aaa;
         -webkit-print-color-adjust: exact;
         padding-left: 10px;
      }
      
   .modal-body .print-form .bordered-wrapper {
         border-style: double;
      }
      
   .modal-body .print-form .bordered-container {
         margin-top: 15px;
      }
      
   .modal-body .print-form .bordered-wrapper div {
         display: flex; 
         margin: 3px 10px;
         font-style: italic;
         font-weight: 700;
      }
      
   .modal-body .print-form .bordered-wrapper div span{
         font-style: normal;
         font-weight: normal;
      }
      
   .modal-body .print-form .bordered-wrapper .half {
         width: 45%;
         display: inline-flex;
      }
      
      
   .modal-body .print-form .description-wrapper .description-header,
   .modal-body .print-form .cost-wrapper .cost-header {
         margin-top: 15px;
         font-weight: 700;
      }
   .modal-body .print-form .description-wrapper .description-line {
         min-height: 403px;
      }
   .modal-body .print-form .cost-wrapper .cost-line {
         height: 186px;
      }
      
      /* .modal-body .print-form .description-wrapper .description-line {
         border-bottom: 1px solid;
         width: 100% !important;
      } */
      
      
   .modal-body .print-form .bordered-wrapper .param {
         width: fit-content !important;
         float: left;
         padding-right: 10px;
      }
      
   .modal-body .print-form .bordered-wrapper .dotted {
         /* border-bottom: 1px dotted; */
         width: 100%;
         margin: 0 20px;
         /* background-image: linear-gradient(to right, black 8%, rgba(255,255,255,0) 0%);
         background-position: bottom;
         background-size: 10px 1px;
         background-repeat: repeat-x; */
      }
      
   .modal-body .print-form .description-wrapper .description-line{
      width: 100% !important;
      line-height: 30px; 
      padding: 8px 10px;
   }
   .modal-body .print-form .cost-wrapper .cost-line {
         width: 100% !important;
         -webkit-print-color-adjust: exact !important;
         color-adjust: exact !important;
         background-attachment: local;
         background-image:
            linear-gradient(to right, white 10px, transparent 10px),
            linear-gradient(to left, white 10px, transparent 10px),
            repeating-linear-gradient(white, white 30px, #eee 30px, #eee 31px, white 31px);
         line-height: 30px; 
         padding: 8px 10px;
      }
      
   .modal-body .print-form .description-wrapper textarea,
   .modal-body .print-form .cost-wrapper textarea {
         border: none;
         outline: none;
      }

   .dataTables_length,
   .dataTables_filter,
   .dataTables_info,
   .dataTables_paginate {
         display: none !important;
      } 

      /* body {
         visibility:hidden !important;
      } */

   .modal-body * {
         box-sizing: unset;
         width: 100% !important;
         flex: 100% !important;
         max-width: 100% !important;
      }

      label {
         padding: 0px !important;
      }

      textarea {
         display: block;
         overflow: visible;
         white-space: pre;
         white-space: pre-wrap;
         min-height: 200px;
      }

      #tech-report_tab textarea {
         min-height: 400px;
      }

   .form-group {
         margin-bottom: 0px;
      }

   .form-control,
   .select2-selection__rendered {
         padding: 0px 0px 0px 20px !important;
      }

   .modal div.form-group {
         border-bottom: 1px solid #777;
         margin-bottom: 10px;
      }

   .modal-dialog {
         visibility:visible !important;
         width:100% !important;
         max-width:100% !important;
      }

   .modal-content {
         border: none;
         border-radius: 0px;
         outline: none;
      }

   .modal .form-control,
   .modal .select2-container--default .select2-selection--single,
   .modal .ms-options-wrap > button,
   .modal button{
         border: none;
      }

   .modal .btn,
   .modal .select2-selection__arrow,
   .modal-body .nav-tabs .nav-link, 
   .modal label[for=delete],
   .modal #delete,
   .modal .close,
   .modal .ms-options-wrap > button:after,
   .modal #my_camera,
   .modal #audio_tab {
         display: none;
      }

   .nav-tabs .nav-link.active {
         display: block !important;
      }

   .card-light {
      background-color: #999;
      padding: 10px !important;
   }
}
   /*
   @media (max-width: 380px) {
 .modal-dialog {
     width: 380px;
     margin: 1.75rem auto;
 }
}*/
 @media (max-width: 768px) {
   /* .modal-dialog {
       width: 600px;
       margin: 30px auto;
   } */
   .navbar-login {
      right: 110px;
   }

   .modal {
      z-index: 1050000;
   }

 }

@media (min-width: 768px){
    .modal-dialog {
       max-width: 700px;
    }

	.modal-body {
		max-height: calc(100vh - 350px);
		overflow-y: auto;
	}

   .modal-body.oy-none {
		max-height: calc(100vh - 350px);
		overflow-y: unset;
	}
}

@media (max-width: 1000px) {
	.hours-input .form-control {
		display: inline-block;
		width: 150px;
	}

	.modal-header-buttons {
		margin-left: 0px !important;
		margin-top: 10px;
	}
}

@media (min-width: 1000px){
    .modal-dialog {
       max-width: 800px;
    }
	.modal-header-buttons {
		margin-left: 1.5rem !important;
		margin-top: 0px;
	}

}

@media (min-width: 576px) {
	.hours-input {
		/*margin-top: 10px;*/
		margin-left: 15px !important;
	}
}

@media (max-width: 460px) {

    .form-signin {
       max-width: 100%;
       zoom: 1.5;
   }
    .navbar-login {
       right: 50px;
   }

   .flex-el {
      margin: 25px;
   }
}