@import url('https://fonts.googleapis.com/css?family=Lato');
:root {
	--main-color: #18191A;
	--Secondary-color: #4da3ff;
	--GrayOut: #cdcdcd;
	--Card-Back: #fff;
	--Card-Back-Hover: #e6e6e6;
	--SideBar-color: #18191A;
	--SideBar-Accent: #34393e;
	--Card-Title:#656c6e;
	--Base-color: #4977eb;
	--Primary-Button: #007bff;
	--Primary-Button-Hover: #0069d9;/*#0069d9*/
	--Primary-Button-Hover-B: #0062cc;
	--Primary-Button-Dis: #54a1f3;
	--Secondary-Button: #001f8e;
    --Secondary-Button-Hover: #001f8e;
	--Status0: #ce7070;
	--Status1: #FF8400;
	--Status2: #ffe714;
	--Status3: #74b547;
	--Status4: #9233a3;
	--Gradiant1: #fff;
	--Gradiant2: #4b7bec;
	--TableHead: #516171;

	--eerie-black: #212121ff;
	--russian-violet: #4b1963ff;
	--magenta-dye: #bc3a7cff;
	--indian-red: #db5c56ff;
	--sunglow: #fbcf45ff;
	--light-green: #b2fa8fff;
	--aqua: #00f2feff;
	--ruddy-blue: #51a5feff;
	--majorelle-blue: #7251eeff;
	--veronica: #a811f0ff;
	--min-font-size: 8px; /* Change to your preferred minimum font size */
	--max-font-size: 24px; 

	--black: #ffffff;
	--blackTranslucent50: rgba(255, 255, 255, 0.5);
	--blackTranslucent40: rgba(255, 255, 255, 0.4);
	--blackTranslucent20: rgba(255, 255, 255, 0.2);
	--blackTranslucent10: rgba(255, 255, 255, 0.1);
	--white: #333333;
	--whiteTranslucent40: rgba(33, 33, 33, 0.4);
	--whiteTranslucent90: rgba(33, 33, 33, 0.9);
	--neutralDark: #ffffff;
	--neutralPrimary: #ffffff;
	--neutralPrimaryAlt: #f8f8f8;
	--neutralPrimarySurface: #333333;
	--neutralSecondary: #f4f4f4;
	--neutralSecondarySurface: #212121;
	--neutralTertiary: #eaeaea;
	--neutralTertiaryAlt: #c8c8c8;
	--neutralTertiarySurface: #0A0A0A;
	--neutralQuaternary: #2e2e2e;
	--neutralLight: #000000;
	--neutralQuaternaryAlt: #2e2e2e;
	--neutralLighter: #212121;
	--neutralLighterAlt: #212121;
}

/*--------------------*/
/* RESPONSIVE STYLE */
/*--------------------*/
@media (max-width:600px) {
	.search-button-MuiTooltip-tooltipPlacementLeft {
		margin: 0 14px;
	}
}

.search-button-MuiTooltip-tooltipPlacementRight {
	margin: 0 24px;
	transform-origin: left center;
}

@media (max-width:600px) {
	.search-button-MuiTooltip-tooltipPlacementRight {
		margin: 0 14px;
	}
}

.search-button-MuiTooltip-tooltipPlacementTop {
	margin: 24px 0;
	transform-origin: center bottom;
}

@media (max-width:600px) {
	.search-button-MuiTooltip-tooltipPlacementTop {
		margin: 14px 0;
	}
}

.search-button-MuiTooltip-tooltipPlacementBottom {
	margin: 24px 0;
	transform-origin: center top;
}

@media (max-width:600px) {
	.search-button-MuiTooltip-tooltipPlacementBottom {
		margin: 14px 0;
	}
}

#Equipdata_table {
	background-color: #fff;
}

.CostLabel {
	font-weight: bold;
	text-decoration: underline;
	font-size: 1.3rem;
}

.ReleaseC {
	display: grid !important;
	grid-template-columns: repeat(2, 2fr);
}

.OptParts {
	display: grid !important;
	grid-template-columns: repeat(2, 2fr);
}


/**/
.QCIMGupload{
	color:var(--Base-color) !important;
	border-radius: 5px;
	border-style: dashed !important;
	border-color: var(--Base-color) !important;
	cursor: pointer;
	transition: transform 0.3s ease, background-color 0.3s ease;
}
.QCIMGupload:hover{
	background-color:#cde5ff !important;
	transform: scale(1.08);
}
.checkbox{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 0px solid !important;
}
.QCDataTable {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0;
	font-family: Arial, sans-serif;
}

.QCDataTable th, .QCDataTable td {
	padding: 15px;
	text-align: left;
	border: 1px solid #ddd;
	font-size: 18px;
}

.QCDataTable th {
	background-color: #f4f4f4;
	color: #333;
}

.QCDataTable tr:nth-child(even) {
	background-color: #f9f9f9;
}

.QCDataTable tr:hover {
	background-color: #e0f7fa;
}

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

.QCDataTable label {
	font-size: 18px;
	display: block;
	margin-bottom: 5px;
}

.QCDataTable .form-control {
	width: 100%;
	padding: 10px;
	font-size: 16px;
	border: 1px solid #ccc;
	border-radius: 4px;
	transition: border-color 0.3s;
}

.QCDataTable .form-control:focus {
	border-color: #007bff;
	outline: none;
}
* {
	box-sizing: border-box;
}
#QC_Check_Item_Table{
	display: grid;
      grid-template-columns: 1fr 3fr 1fr 1fr 1fr;
      gap: 10px;
      padding: 10px;
	  border-radius: 5px;
}
#QC_Check_Item_Table > div {
	padding: 0; /* No padding */
	margin: 0; /* No margin */
	border: 1px solid #ddd;
	display: flex;
	justify-content: center;
	align-items: center;
  }
  #QC_Check_Item_Table label {
	display: flex;
	align-items: center;
  }


.chat-container {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 25px;
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.7);

	padding: 15px;
	position: relative;

	max-width: 100%;
}

.chat {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	list-style-type: none;
	padding: 0;
	margin: 0;
	padding-top: 10px;
}

.message {
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 2rem;
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.4);
	position: relative;
	margin-bottom: 30px;
}

.message.left {
	padding: 15px 20px 15px 20px;
	background-color:  #3498db;
	font-weight:bold ;
}

.message.right {
	align-self: flex-end;
	padding: 15px 20px 15px 20px;
	background-color: #2ecc71;
	font-weight:bold ;
}

.right .message-data {


    top: -25px;
	right: 0;
}
.message-data {
	position: absolute;
	font-weight:normal ;
   white-space: unset !important;
   font-size:small;
}
.left .message-data {
	

    top: -25px;
	left: 0;
}

.message.right .logo {
	left: auto;
	right: 10px;
}
.WarningSymbol{
    color:var(--Status2);
    

}
.WarningSymbol:hover{
    color:#ccb810;
    cursor:pointer;

}

.message p {
	margin: 0;
	white-space: initial;
}

.text_input {
	font-size: 16px;
	background-color: aliceblue;
	
	left: 0;
	right: 0;
	padding: 10px 15px;
	width: 100%;
	border-radius: 1rem;
	border-color: var(--Primary-Button) !important;
	border-width: .25rem;
	color: black !important;
	transition: transform 0.3s ease-in-out; 
}

footer {
    background-color: #222;
    color: #fff;
    font-size: 14px;
    bottom: 0;
    position: fixed;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 999;
}
.Send-Message{
	color: #255ab6;
    position: absolute;
    right: 0;
    margin: 3rem;
    bottom: 0;
    z-index: 999;
	cursor: pointer;
}
.Send-Message:hover{
	color: var(--Secondary-Button-Hover);
    transform: scale(1.2);
}
footer p {
    margin: 10px 0;
}

footer i {
    color: red;
}

footer a {
    color: #3c97bf;
    text-decoration: none;
}
    
/***/
button.btn{
    border-radius:.75rem !important;
}
a.btn{
    border-radius:.75rem !important;
}
.POShipping {
	display: grid !important;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
#Hourdata_table td{
border:none;
}
@keyframes rotate-continuous {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.Save.DirtyOn:not(:disabled):not(.Locked){
    background-color: red;
    font-weight: bold;
    height: 6rem;
    font-size: xx-large;
    border-color: red;
}
.Notification-Count{
	background-color: red;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    text-align: center;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.rotate-icon {
    animation: rotate-continuous 4s linear infinite; /* Adjust the duration and timing function as needed */
	cursor:pointer;
}
.rotate-icon:hover {
    color:var(--Primary-Button);
}
.responsive-list {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: 1fr;
	/* Two columns */
	grid-gap: 16px;
	/* Adjust the gap between items */
}
#AWAcanvas{
    background: transparent;
}
.borderLR{
    border-left-style: solid !important;
    border-right-style: solid !important;
}

td.AWA-Cost-Row + td {
    border-left-style: solid !important;
    border-right-style: solid !important;
    /* Your styles for the next sibling td here */
}
.JobDetails_Con {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(2, 2fr);
	/* Two columns */

	grid-gap: 16px;
	/* Adjust the gap between items */
}
.Submittal-ItemRow > td{
border-style: outset;
border-left: none !important;
border-top: none !important;
border-right: none !important;
}
.responsive-list li {
	margin-bottom: 16px;
}
#ResponseDate{
	background-color: unset !important;
}
.HolidayMarker{
	font-size: medium;
    font-weight: bold;
    height: auto !important;
    padding: 0.25rem;
    position: relative;
}
.Dot {
	width: 100%;
	height: 0.75rem;
    pointer-events: none;
	border-bottom-left-radius: 1rem;
	border-bottom-right-radius: 1rem;
	transform: translateY(-8px);
}
.FullDot {
	width: 100%;
	height: 0.75rem;
    pointer-events: none;
	border-radius: 1rem;

}

.StickyColumn {
	position: sticky;
	left: .5rem;
}

.box__input {
	word-break: break-word;
}

.FabPack-btncell {
	display: grid;
	grid-template-columns: repeat(2, 2fr);
	grid-gap: 0.25rem;
}

/* Label styles */
.responsive-list label {
	display: inline-block;
	width: 100%;
	text-align: right;
	margin-right: 8px;
	font-size: 1rem;
}

/* Textarea styles */
.responsive-list textarea {
	display: block;
	width: 100%;
	padding: 8px;
	border: 1px solid #ccc;
	font-size: 1rem;
	resize: vertical;
}

.SmallCardFlex {
	display: grid;
	grid-template-columns: 1fr;
	/* Label takes max content width, input takes remaining space */
	grid-column-gap: 10px;
}
.SmallOffCardFlex {
	display: grid;
	grid-template-columns: 1fr;
	/* Label takes max content width, input takes remaining space */
	grid-column-gap: 10px;
}

.drag-handle{
	margin:.5rem;
	cursor:grab;
}
.flatpickr-calendar {
    background: transparent;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    -webkit-animation: none;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #fff;
    -webkit-box-shadow: 1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);
    box-shadow: 1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)
}

.flatpickr-calendar.open,.flatpickr-calendar.inline {
    opacity: 1;
    max-height: 640px;
    visibility: visible
}

.flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999
}

.flatpickr-calendar.animate.open {
    -webkit-animation: fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);
    animation: fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)
}
.lazy-content-placeholder {
	width: 100%;
	height: 100px; /* Adjust the height as needed */
	background-color: #999;
	overflow: hidden;
	position: relative;
	border-radius: 3rem;
  }
  
  .loading-sheen {
	width: 100%;
	height: 100%;
	position: absolute;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
	animation: slide-sheen 1.5s linear infinite;
  }
  
  @keyframes slide-sheen {
	0% {
	  left: -100%;
	}
	100% {
	  left: 100%;
	}
  }
.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px
}
#Cal_Mode_Buttons{
	position: sticky;
    left: 0.5rem;
}

.flatpickr-calendar.static {
	position: fixed;
	top: 50%;
	left: 50%;
	opacity: 0;
	transform: translate(-50%, -50%) scale(1.5);
}

.flatpickr-calendar.static.open {
    z-index: 999;
    display: block;
	opacity: 1;
	transform: translate(-50%, -50%) scale(1.5);
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
    -webkit-box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
    box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6
}

.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.flatpickr-calendar .hasWeeks .dayContainer {
    border-left: 0
}

.flatpickr-calendar.hasTime .flatpickr-time {
    height: 40px;
    border-top: 1px solid #e6e6e6
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto
}

.flatpickr-calendar:before,.flatpickr-calendar:after {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    left: 22px
}

.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after {
    left: auto;
    right: 22px
}

.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after {
    left: 50%;
    right: 50%
}

.flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px
}

.flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px
}

.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after {
    bottom: 100%
}

.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #e6e6e6
}

.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fff
}

.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after {
    top: 100%
}

.flatpickr-calendar.arrowBottom:before {
    border-top-color: #e6e6e6
}

.flatpickr-calendar.arrowBottom:after {
    border-top-color: #fff
}

.flatpickr-calendar:focus {
    outline: 0
}

.flatpickr-wrapper {
    position: relative;
    display: inline-block
}

.flatpickr-months {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flatpickr-months .flatpickr-month {
    background: transparent;
    color: rgba(0,0,0,0.9);
    fill: rgba(0,0,0,0.9);
    height: 34px;
    line-height: 1;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    height: 34px;
    padding: 10px;
    z-index: 3;
    color: rgba(0,0,0,0.9);
    fill: rgba(0,0,0,0.9)
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
    display: none
}

.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i {
    position: relative
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
    /*
      /*rtl:begin:ignore*/
    left: 0/*
      /*rtl:end:ignore*/
}

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
    /*
      /*rtl:begin:ignore*/
    right: 0/*
      /*rtl:end:ignore*/
}

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover {
    color: #959ea9
}

.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg {
    fill: #f64747
}

.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg {
    width: 14px;
    height: 14px
}

.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path {
    -webkit-transition: fill .1s;
    transition: fill .1s;
    fill: inherit
}

.numInputWrapper {
    position: relative;
    height: auto
}

.numInputWrapper input,.numInputWrapper span {
    display: inline-block
}

.numInputWrapper input {
    width: 100%
}

.numInputWrapper input::-ms-clear {
    display: none
}

.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.numInputWrapper span {
    position: absolute;
    right: 0;
    width: 14px;
    padding: 0 4px 0 2px;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    cursor: pointer;
    border: 1px solid rgba(57,57,57,0.15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.numInputWrapper span:hover {
    background: rgba(0,0,0,0.1)
}

.numInputWrapper span:active {
    background: rgba(0,0,0,0.2)
}

.numInputWrapper span:after {
    display: block;
    content: "";
    position: absolute
}

.numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0
}

.numInputWrapper span.arrowUp:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(57,57,57,0.6);
    top: 26%
}

.numInputWrapper span.arrowDown {
    top: 50%
}

.numInputWrapper span.arrowDown:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(57,57,57,0.6);
    top: 40%
}

.numInputWrapper span svg {
    width: inherit;
    height: auto
}
.DotButton{
	border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
}
.numInputWrapper span svg path {
    fill: rgba(0,0,0,0.5)
}

.numInputWrapper:hover {
    background: rgba(0,0,0,0.05)
}

.numInputWrapper:hover span {
    opacity: 1
}
.DependArrow:hover{
    stroke:var(--Status0);
    cursor:pointer;
    stroke-width: 6px;
}
.DependArrow{
    stroke-width: 3px;
}
#FPtooltip {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.7);
	color: white;
	padding: 5px;
	border-radius: 5px;
  }
.flatpickr-current-month {
    font-size: 135%;
    line-height: inherit;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 7.48px 0 0 0;
    line-height: 1;
    height: 34px;
    display: inline-block;
    text-align: center;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.flatpickr-current-month span.cur-month {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    margin-left: .5ch;
    padding: 0
}

.flatpickr-current-month span.cur-month:hover {
    background: rgba(0,0,0,0.05)
}

.flatpickr-current-month .numInputWrapper {
    width: 6ch;
    width: 7ch\0;
    display: inline-block
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgba(0,0,0,0.9)
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: rgba(0,0,0,0.9)
}

.flatpickr-current-month input.cur-year {
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    cursor: text;
    padding: 0 0 0 .5ch;
    margin: 0;
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    line-height: inherit;
    height: auto;
    border: 0;
    border-radius: 0;
    vertical-align: initial;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.flatpickr-current-month input.cur-year:focus {
    outline: 0
}

.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover {
    font-size: 100%;
    color: rgba(0,0,0,0.5);
    background: transparent;
    pointer-events: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    appearance: menulist;
    background: transparent;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    height: auto;
    line-height: inherit;
    margin: -1px 0 0 0;
    outline: none;
    padding: 0 0 0 .5ch;
    position: relative;
    vertical-align: initial;
    -webkit-box-sizing: border-box;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    width: auto
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active {
    outline: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: rgba(0,0,0,0.05)
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: transparent;
    outline: none;
    padding: 0
}

.flatpickr-weekdays {
    background: transparent;
    text-align: center;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 28px
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: transparent;
    color: rgba(0,0,0,0.54);
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: bolder
}

.dayContainer,.flatpickr-weeks {
    padding: 1px 0 0 0
}

.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 307.875px
}

.flatpickr-days:focus {
    outline: 0
}

.dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1
}

.dayContainer + .dayContainer {
    -webkit-box-shadow: -1px 0 0 #e6e6e6;
    box-shadow: -1px 0 0 #e6e6e6
}

.flatpickr-day {
    background: none;
    border: 1px solid transparent;
    border-radius: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    -webkit-flex-basis: 14.2857143%;
    -ms-flex-preferred-size: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus {
    cursor: pointer;
    outline: 0;
    background: #e6e6e6;
    border-color: #e6e6e6
}

.flatpickr-day.today {
    border-color: #959ea9
}

.flatpickr-day.today:hover,.flatpickr-day.today:focus {
    border-color: #959ea9;
    background: #959ea9;
    color: #fff
}

.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay {
    background: #569ff7;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-color: #569ff7
}

.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange {
    border-radius: 50px 0 0 50px
}

.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange {
    border-radius: 0 50px 50px 0
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -10px 0 0 #569ff7;
    box-shadow: -10px 0 0 #569ff7
}

.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange {
    border-radius: 50px
}

.flatpickr-day.inRange {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
    box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6
}

.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay {
    color: rgba(57,57,57,0.3);
    background: transparent;
    border-color: transparent;
    cursor: default
}

.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover {
    cursor: not-allowed;
    color: rgba(57,57,57,0.1)
}

.flatpickr-day.week.selected {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7;
    box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7
}

.flatpickr-day.hidden {
    visibility: hidden
}

.rangeMode .flatpickr-day {
    margin-top: 1px
}

.flatpickr-weekwrapper {
    float: left
}

.flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    -webkit-box-shadow: 1px 0 0 #e6e6e6;
    box-shadow: 1px 0 0 #e6e6e6
}

.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 28px
}

.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover {
    display: block;
    width: 100%;
    max-width: none;
    color: rgba(57,57,57,0.3);
    background: transparent;
    cursor: default;
    border: none
}

.flatpickr-innerContainer {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flatpickr-time:after {
    content: "";
    display: table;
    clear: both
}

.flatpickr-time .numInputWrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 40%;
    height: 40px;
    float: left
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #393939
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #393939
}

.flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%
}

.flatpickr-time.time24hr .numInputWrapper {
    width: 49%
}

.flatpickr-time input {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
    color: #393939;
    font-size: 14px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.flatpickr-time input.flatpickr-hour {
    font-weight: bold
}

.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second {
    font-weight: 400
}

.flatpickr-time input:focus {
    outline: 0;
    border: 0
}

.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm {
    height: inherit;
    float: left;
    line-height: inherit;
    color: #393939;
    font-weight: bold;
    width: 2%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.flatpickr-time .flatpickr-am-pm {
    outline: 0;
    width: 18%;
    cursor: pointer;
    text-align: center;
    font-weight: 400
}

.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus {
    background: #eee
}

.flatpickr-input[readonly] {
    cursor: pointer;
    border-radius: 1rem;
	text-align: center;
	font-weight: bold;

	width:100%;
}
#POSelect_flexselect{
	border-radius: .5rem;
}

@-webkit-keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

/* Responsive styles */
@media screen and (max-height: 500px) {

	/* Switch to one column on smaller screens */
	.head-bar *>.headerbut {
		font-size: .5rem !important;
		padding: 1px !important;
		line-height: 1 !important;
	}

	.head-bar ul li {

		line-height: 1 !important;
	}

	.headerlabel {

		font-size: .5rem !important;

	}


}

@media screen and (max-width: 350px) {
	/* Switch to one column on smaller screens */

	.contentpage>*:not([data-ignorescale="true"]) {
		zoom: .25 !important;
	}

	.JobDetails_Con {
		grid-template-columns: 1fr;
	}

	.ModalGrid {
		grid-template-columns: 1fr;
	}

	.ReleaseC {

		grid-template-columns: 1fr;
	}

	.ModalSubGrid {
		grid-template-columns: 1fr;
	}

	.translate {
		zoom: .25 !important;
	}

	.OptParts {

		grid-template-columns: 1fr;
	}

	.POShipping {
		grid-template-columns: 1fr 1fr;
	}


}

@media screen and (min-width: 350px) {

	.translate {
		zoom: .5 !important;
	}

	.contentpage>*:not([data-ignorescale="true"]) {
		zoom: .5 !important;
	}

	
	.JobDetails_Con {
		grid-template-columns: 1fr;
	}

	.ModalGrid {
		grid-template-columns: 1fr;
	}

	.ModalSubGrid {
		grid-template-columns: 1fr 1fr;
	}

	.ReleaseC {

		grid-template-columns: 1fr;
	}

	.OptParts {

		grid-template-columns: 1fr;
	}

	.POShipping {
		grid-template-columns: 1fr 1fr;
	}

}

@media screen and (min-width: 540px) {
	.contentpage>*:not([data-ignorescale="true"]) {
		zoom: .75 !important;
	}

	

	.JobDetails_Con {
		grid-template-columns: 1fr;
	}

	.ModalGrid {
		grid-template-columns: 1fr;
	}

	.ModalSubGrid {
		grid-template-columns: 1fr 1fr;
	}

	.ReleaseC {

		grid-template-columns: 1fr;
	}

	.OptParts {

		grid-template-columns: 1fr;
	}

	.POShipping {
		grid-template-columns: 1fr 1fr 1fr;
	}

}

@media screen and (min-width: 720px) {
	.contentpage>*:not([data-ignorescale="true"]) {
		zoom: unset !important;
	}

	.JobDetails_Con {
		grid-template-columns: 1fr;
	}

	.ModalGrid {
		grid-template-columns: repeat(2, 2fr);
	}

	.ModalSubGrid {
		grid-template-columns: repeat(2, 2fr);
	}

	.ReleaseC {


		grid-template-columns: repeat(2, 2fr);
	}

	.ReleaseC.Thirds {

		grid-template-columns: 1fr 2fr;
	}

	.ReleaseBody {

		width: 57rem !important;

	}

	.POLabel {
		text-align: right !important;
		justify-content: end !important;
	}
	


	.POLabel.reverse {

		justify-content: end;
	}

	.SmallCardFlex {
		grid-template-columns: max-content 1fr;
	}
	.SmallOffCardFlex {
		grid-template-columns: 1fr 2fr;
	}

	.OptParts {

		grid-template-columns: 1fr;
	}

	.POShipping {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}

@media screen and (min-width: 1350px) {


	.JobDetails_Con {
		grid-template-columns: repeat(2, 2fr);
	}

	.ModalGrid {
		grid-template-columns: repeat(2, 2fr);
	}

	.ModalSubGrid {
		grid-template-columns: repeat(2, 2fr);
	}

	.ReleaseC {

		grid-template-columns: repeat(2, 2fr);
	}

	.OptParts {

		grid-template-columns: 1fr;
	}

	.POShipping {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	}

}

@media screen and (min-width: 1600px) {


	.JobDetails_Con {
		grid-template-columns: repeat(2, 2fr);
	}

	.ModalGrid {
		grid-template-columns: repeat(2, 2fr);
	}

	.ModalSubGrid {
		grid-template-columns: repeat(2, 2fr);
	}

	.ReleaseC {

		grid-template-columns: repeat(2, 2fr);
	}

	.OptParts {

		grid-template-columns: repeat(2, 2fr);
	}

	.POShipping {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	}


}
.ScanOutput{
	font-size:96px;

	font-weight: bold;
}
.swal-wide{
	width:50rem !important;
}
.Dept_Select{
	height: 5rem;
	margin:2rem;
	background-color: var(--Primary-Button);
	border-radius: 1rem;
	color:#fff;
	font-size: 36px;
    font-weight: bolder;
    align-items: center;
    display: flex;
    justify-content: center;
	cursor:pointer;
	transition: transform 0.5s ease, opacity 0.5s ease;
}
.grown{
	transform: scale(1.5); /* Increase the size */
   
}
.Dept_Select:hover{
	
	background-color: var(--Primary-Button-Hover);
	
}
.ScanContainer{
	grid-template-columns: 1fr;
	display: grid;
}
.CurDept{
	display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
    height: 10vh;
    padding: 6px;
	font-size: 48px;
	font-weight: bolder;
    contain: content;
    background-color: #fff;
    color: #000;
    border-radius: 1rem;
    margin: 1rem;
	justify-content: center;
}
.ScanDetails{
	display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
    height: 10vh;
    padding: 6px;
    contain: content;
    background-color: #fff;
    color: #000;
    border-radius: 1rem;
    margin: 1rem;

}
.Dept_Selected{
	background-color: var(--Status3) !important;
}
.ScanHeadbar{
	display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
    height: 10vh;
    padding: 6px;
    contain: content;
    background-color: var(--Primary-Button);
    color: white;
    border-radius: 1rem;
    margin: 1rem;
	justify-content: center;
}
.ConClass {

	margin: 0px;
	padding: 5px;
	width: 100%;
	outline: none;
	height: 30px;
	border-radius: 5px;
}

.ModalGrid {
	display: grid;

}

.ModalSubGrid {
	display: grid;
	overflow-x: hidden;
	right: auto;
	float: left;
	left: 0px;
	top: 25px;
	margin: 0px;
	height: 100%;
	transition: maxwidth 0.2s ease-out 0s;
}


.PO.reverse {

	justify-content: end;
}

.ReleaseBody {
	height: 32rem;
	width: 100%;
	margin: auto;
}

#AWALaborTable thead tr th {
	text-align: center;
	font-size: large;
	text-decoration: underline;
}

#AWAMaterialTable thead tr th {
	text-align: center;
	font-size: large;
	text-decoration: underline;
}
#AWAEquipmentTable thead tr th {
	text-align: center;
	font-size: large;
	text-decoration: underline;
}

table.SubLaborTable td {
	border-style: none;
	padding: 0;
	border-bottom-style: solid;
}

.Dailyinfo td.right-column {
	position: relative;
	word-wrap: break-word;
	white-space: normal;
	max-width: 30rem;
}

.Dailyinfo td.right-column [contenteditable="true"] {
	border: none;
	outline: none;

	width: 100%;
}
.file__name >*[contenteditable="true"] {
	border:unset !important;
	border-style:none !important;
	outline: -webkit-focus-ring-color auto 1px;
    outline-offset: .2rem;
}

.Dailyinfo td:first-child {
	width: 30%;
}

.Hour-Select {
	width: 15rem;
	margin-right: 0.5rem;
	margin-left: 1rem;

}
select.flexselect{
	border-radius: .75rem;
}
.rotate-text {
	position: relative;
	height: 100px;
	/* Adjust the height as needed */
	width: 20px;
	/* Adjust the width as needed */
}

.rotate90text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-90deg);
	transform-origin: center center;
	white-space: nowrap;
}

@media (max-width: 1199px) {

	.mu-single-slide-content-area {
		padding: 9% 10%;
	}

	.mu-about-right {
		padding-left: 0;
	}

	.mu-quote-btn {
		padding: 15px 45px;
		margin-top: 15px;
	}

	.mu-about-right ul li {
		margin-bottom: 10px;
	}

	.mu-single-service-icon {
		margin-right: 0;
	}

	.mu-single-service-content {
		width: 78%;
		margin-left: 15px;
	}

	.mu-video-close-btn {
		right: 20px;
	}

	.mu-video-right {
		padding-right: 15%;
		padding-left: 25px;
	}

	.mu-testimonial-slide .slick-prev {
		left: -20px;
	}

	.mu-testimonial-slide .slick-next {
		right: -20px;
	}

	.mu-clients-single {
		padding: 5px;
	}

	.mu-social-media a {
		margin-right: 3px;
		width: 35px;
		height: 35px;
		line-height: 35px;
		font-size: 15px;
	}

	/*About us page*/

	.mu-single-team-img {
		width: 26%;
	}

	.mu-single-team-content {
		width: 74%;
		padding: 10px 10px;
	}

	.mu-single-team-content span {
		margin-bottom: 0;
	}

	.mu-single-team-content p {
		font-size: 12px;
	}

	/*Blog page*/

	.mu-sidebar-subscribe-widget .mu-subscribe-form input {
		padding: 0 135px 0 15px;
	}

	.mu-sidebar-subscribe-widget .mu-subscribe-btn {
		font-size: 16px;
		width: 125px;
	}

	/*Error Page*/

	.mu-error-area .mu-title {
		padding: 0 15%;
	}

	.mu-error-content {
		padding: 0 10%;
	}

}

@media (min-width: 992px) {
	.dropdown:hover .dropdown-menu {
		display: block;
		margin-top: 0;
		top: 100%;
	}
}

@media (max-width: 991px) {

	.mu-navbar-nav {
		display: flex;
		text-align: left;
		width: 100%;
		margin-top: 10px;
	}

	.mu-navbar-nav li {
		margin-bottom: 10px;
	}

	.mu-navbar .navbar-toggler {
		color: #fff;
		border-color: #fff;
		cursor: pointer;
		padding: 10px 15px;
	}

	.mu-single-slide-content-area {
		padding: 6% 10%;
	}

	.mu-single-slide-content h1 {
		font-size: 35px;
		margin-bottom: 20px;
	}

	.mu-primary-btn {
		padding: 15px 40px;
	}

	.mu-single-slide-content a {
		margin-top: 15px;
	}

	.mu-title {
		padding: 0 10%;
	}

	.mu-call-to-action-left {
		max-width: 65%;
	}

	.mu-single-service-content {
		width: 70%;
		margin-left: 10px;
	}

	.mu-video-iframe-area {
		padding: 12% 5%;
	}

	.mu-video-iframe-area iframe {
		width: 100%;
	}

	.mu-video-close-btn {
		right: 20px;
		top: -40px;
	}

	.mu-video-right {
		padding-right: 5%;
		padding-left: 15px;
	}

	.mu-single-counter span {
		padding: 20px 10px;
	}

	.mu-single-counter-content {
		padding-left: 10px;
		padding-top: 15px;
	}

	.counter-value {
		font-size: 25px;
	}

	.mu-counter-name {
		font-size: 16px;
	}

	.mu-filter-item-content {
		padding-top: 22%;
	}

	.mu-pricing-table */ li {
		margin: 0 10px;
		width: 29%;
	}

	.mu-pricing-single-content ul li {
		padding: 0 5px;
	}

	.mu-pricing-single-title h3 {
		font-size: 20px;
	}

	.mu-single-pricebox h4 {
		font-size: 35px;
	}

	.mu-buy-now-btn,
	.mu-standard-pricing .mu-buy-now-btn {
		font-size: 16px;
		padding: 8px 25px;
	}

	.mu-standard-pricing .mu-pricing-single {
		padding: 20px 20px;
	}

	.mu-testimonials-area {
		padding: 100px 0 125px;
	}

	.mu-blog-item-content {
		padding: 15px 15px;
	}

	.mu-newsletter-content {
		padding: 0 20%;
	}

	.mu-social-media a {
		margin-bottom: 10px;
	}

	.mu-clients-area {
		padding: 50px 0;
	}

	/*About US page */

	#mu-skills {
		background-position: inherit;
	}

	/*Contact us page*/

	.mu-contact-content {
		padding: 0 22%;
	}

	/*Blog Page*/

	.mu-popular-content-widget .media */ .mu-popular-post-img {
		width: 75px;
		margin-right: 5px;
	}

	.mu-sidebar-widget-title {
		font-size: 22px;
	}

	.mu-sidebar-subscribe-widget .mu-subscribe-form input {
		padding: 0 108px 0 15px;
	}

	.mu-sidebar-subscribe-widget .mu-subscribe-btn {
		font-size: 12px;
		width: 100px;
	}

	/*Error Page*/

	.mu-error-area .mu-title {
		padding: 0 10%;
	}

	.mu-error-content {
		padding: 0;
	}
}

@media (max-width: 767px) {

	.mu-title {
		padding: 0;
	}

	.mu-about-area {
		padding: 60px 0;
	}

	.mu-about-right {
		margin-top: 30px;
	}

	#mu-service {
		padding: 60px 0 50px;
	}

	.mu-call-to-action-left {
		max-width: 100%;
	}

	.mu-call-to-action-area {
		text-align: center;
		padding: 50px 0;
	}

	.mu-call-to-action-left h2 {
		margin-bottom: 15px;
	}

	.mu-quote-btn {
		float: none;
		margin-top: 35px;
	}

	.mu-video-right {
		padding-right: 5%;
		padding: 10% 5%;
	}

	.mu-portfolio-area {
		padding: 60px 0;
	}

	.mu-single-service {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.mu-single-service-content {
		margin-left: 20px;
	}

	.mu-counter-area {
		display: inline;

		padding: 50px 0;

	}

	.mu-single-counter {
		margin: 20px 20px;
	}


	.mu-pricing-table */ li,
	.mu-pricing-table */ li.mu-standard-pricing {
		margin: 10px 0;
		width: 100%;
	}

	.mu-standard-pricing .mu-pricing-single {
		padding: 20px 0;
	}

	.mu-standard-pricing .mu-pricing-single-content {
		padding: 35px 0 15px;
	}

	.mu-standard-pricing .mu-single-pricebox {
		padding: 5px 0 25px;
	}

	.mu-title {
		margin-bottom: 25px;
	}

	#mu-from-blog {
		padding: 60px 0;
	}

	.mu-from-blog-content {
		margin-top: 0;
	}

	.mu-blog-item {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.mu-footer-top {
		padding: 30px 0 10px;
	}

	.mu-single-footer {
		margin: 15px 0;
	}

	/*About Us page*/

	#mu-skills {
		padding: 60px 0;
	}

	.mu-single-skills {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.mu-team-area {
		padding: 60px 0 50px;
	}

	.mu-single-team-content p {
		font-size: 14px;
	}

	/*contact us*/

	.mu-contact-content {
		padding: 0 15%;
	}

	#mu-google-map iframe {
		height: 350px;
	}

	/*Blog page*/

	.mu-blog-sidebar {
		margin-top: 50px;
	}

	.mu-popular-content-widget .media */ .mu-popular-post-img {
		width: 120px;
		margin-right: 10px;
	}

	.mu-sidebar-subscribe-widget .mu-subscribe-form input {
		padding: 0 170px 0 20px;
	}

	.mu-sidebar-subscribe-widget .mu-subscribe-btn {
		font-size: 16px;
		width: 160px;
	}

	/*Error Page*/

	.mu-error-area .mu-title {
		padding: 0;
	}

	.mu-text {
		font-size: 225px;
		line-height: 225px;
	}

	.mu-backdrop {
		height: 280px;
	}


}

@media (max-width: 640px) {

	.mu-single-slide-content h1 {
		font-size: 25px;
		margin-bottom: 10px;
	}

	.slick-next {
		right: 10px;
	}

	.slick-prev {
		left: 10px;
	}

	.mu-single-slide-content-area {
		padding: 6% 0%;
	}

	.mu-single-slide-content a {
		margin-top: 0;
	}

	.mu-single-slide-content p {
		margin-bottom: 15px;
	}

	.mu-primary-btn {
		padding: 12px 28px;
		font-size: 14px;
	}

	.mu-video-left {
		padding: 120px 0;
	}

	.mu-video-iframe-area {
		padding: 5% 5%;
	}

	.mu-video-iframe-area iframe {
		height: 300px;
	}

	.mu-video-close-btn {
		top: 5px;
		margin-top: 0;
		height: 40px;
		line-height: 35px;
		width: 40px;
	}

	.mu-newsletter-content {
		padding: 0;
	}

	.mu-single-counter {
		margin: 20px 0;
	}

	/*contact us*/

	.mu-contact-content {
		padding: 0 5%;
	}

	#mu-google-map iframe {
		height: 300px;
	}
}

@media (max-width: 480px) {
	.mu-single-slide-content a.mu-primary-btn {
		display: none;
	}

	.mu-single-counter span {
		float: none;
	}

	.mu-single-counter-content {
		float: none;
		display: inline-block;
	}

	.mu-title h2 {
		font-size: 25px;
		margin-bottom: 10px;
	}

	.mu-call-to-action-left h2 {
		font-size: 20px;
	}

	.mu-filter-item-content {
		padding-top: 29%;
		font-size: 18px;
	}

	.filtr-item h4 {
		font-size: 18px;
	}

	.mu-testimonials-area h2 {
		font-size: 25px;
	}

	.mu-testimonials-block {
		margin-top: 20px;
	}

	.mu-testimonial-slide li p {
		font-size: 15px;
	}

	.mu-testimonials-area {
		padding: 50px 0 50px;
	}

	.mu-subscribe-btn {
		font-size: 16px;
	}

	.mu-video-play-btn {
		height: 40px;
		width: 60px;
		font-size: 16px;
		line-height: 40px;
	}

	.slick-next,
	.slick-prev {
		width: 40px;
		height: 40px;
	}

	.slick-prev::before,
	.slick-next::before {
		font-size: 20px;
	}

	.scrollToTop {
		font-size: 25px;
		line-height: 43px;
		width: 45px;
		height: 45px;
	}

	.mu-navbar {
		padding: 10px 0;
	}

	.mu-navbar .navbar-toggler {
		padding: 5px 10px;
	}

	/*About Us page*/

	.mu-page-header-area {
		padding: 80px 0;
	}

	.mu-page-header-title {
		font-size: 30px;
	}

	/*contact us*/

	#mu-google-map iframe {
		height: 250px;
	}

	/*Blog page*/

	#mu-blog {
		padding: 30px 0;
	}

	#mu-blog .mu-blog-item {
		margin-bottom: 30px;
	}

	.mu-blog-pagination .pagination .page-link {
		font-size: 16px;
		width: 35px;
		height: 35px;
		line-height: 33px;
	}

	.mu-blog-pagination .pagination .page-item:first-child .page-link,
	.mu-blog-pagination .pagination .page-item:last-child .page-link {
		line-height: 38px;
	}

	.mu-blog-pagination .pagination {
		float: none;
	}

	.mu-blog-sidebar {
		margin-top: 30px;
	}

	.mu-sidebar-social-widget .mu-social-media a {
		width: 35px;
		height: 35px;
		line-height: 35px;
		font-size: 16px;
	}

	/*Error Page*/

	.mu-error-area {
		padding: 50px 0;
	}

	.mu-text {
		font-size: 180px;
		line-height: 180px;
	}

	.mu-backdrop {
		height: 230px;
	}

}

@media (max-width: 360px) {
	.mu-single-slide-content h1 {
		font-size: 18px;
		margin-bottom: 5px;
	}

	.mu-single-slide-content p {
		margin-bottom: 0;
		font-size: 12px;
	}

	.mu-title h2 {
		font-size: 22px;
	}

	.mu-video-iframe-area {
		padding: 15% 5%;
	}

	.mu-video-right p {
		font-size: 16px;
		text-align: center;
	}

	.mu-filter-item-content {
		padding-top: 26%;
	}

	.mu-subscribe-form input {
		padding: 0 130px 0 20px;
	}

	.mu-subscribe-btn {
		font-size: 14px;
		width: 120px;
	}

	.mu-testimonial-slide .slick-next {
		right: 0;
	}

	.mu-testimonial-slide .slick-prev {
		left: 0;
	}

	/*About Us page*/

	.mu-single-team {
		text-align: center;
		padding: 10px 0;
	}

	.mu-single-team-img,
	.mu-single-team-content {
		width: 100%;
	}

	/*Blog page*/

	.mu-blog-pagination .pagination li {
		margin: 0 3px;
	}

	.mu-popular-content-widget .media {
		margin-bottom: 15px;
	}

	.mu-popular-content-widget .media */ .mu-popular-post-img {
		width: 85px;
		margin-right: 5px;
	}

	.mu-sidebar-subscribe-widget .mu-subscribe-form input {
		padding: 0 135px 0 15px;
	}

	.mu-sidebar-subscribe-widget .mu-subscribe-btn {
		font-size: 16px;
		width: 125px;
	}

	#respond input[type="text"],
	#respond input[type="email"],
	#respond input[type="url"] {
		height: 35px;
		padding: 0 5px;
		margin-bottom: 5px;
		width: 100%;
	}

	#respond textarea {
		padding: 10px;
		height: 150px;
	}

	.mu-related-post .mu-related-post-title {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.mu-comments-area h2 {
		margin-bottom: 10px;
		font-size: 20px;
	}

	.mu-comments-area .comments .commentlist .children {
		padding-left: 15px;
	}

	#respond .reply-title {
		font-size: 22px;
		padding-bottom: 5px;
		margin-bottom: 20px;
	}

	h1 {
		font-size: 30px;
	}

	h2 {
		font-size: 25px;
		line-height: 1.13;
	}

	h3 {
		font-size: 20px;
	}

	h4 {
		font-size: 18px;
	}

	h5 {
		font-size: 16px;
	}

	h6 {
		font-size: 14px;
	}

	/*Error Page*/

	.mu-text {
		font-size: 160px;
		line-height: 160px;
	}

	.mu-backdrop {
		height: 200px;
	}


}


@media (max-width: 320px) {

	.mu-single-slide-content-area {
		padding: 2% 0%;
	}

	.mu-filter-item-content {
		padding-top: 24%;
	}

}

.Optimizer-Settings {

	float: right;
}

.Main_Cont {
	width: 100%;

}

.No-Margin {
	margin: 0 !important;
}

.main-color {
	background-color: var(--main-color) !important;
}

.Secondary-color {
	background-color: var(--Secondary-color) !important;
}

.Card-Back {
	background-color: var(--Card-Back) !important;
}

.SideBar-color {
	background-color: var(--SideBar-color) !important;
}

.Base-color {
	background-color: var(--Base-color) !important;
}

.Primary-Button {
	background-color: var(--Primary-Button) !important;
}

.Secondary-Button {
	background-color: var(--Secondary-Button) !important;
}

.Status0 {
	background-color: var(--Status0) !important;
	border-color:  var(--Status0) !important;
}

.Status1 {
	background-color: var(--Status1) !important;
}

.Status2 {
	background-color: var(--Status2) !important;
}

.Status3 {
	background-color: var(--Status3) !important;
}

.Status4 {
	background-color: var(--Status4) !important;
}
.swal2-container {
	z-index: 998;
  }

.Gradiant1 {
	background-color: var(--Gradiant1) !important;
}

.Gradiant2 {
	background-color: var(--Gradiant2) !important;
}

.head-bar {
	height: 4.5vh;
	background-color: var(--SideBar-Accent);
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 0.5px;
}

#container2 {
	flex-grow: 1;
	overflow-y: auto;
}

#sidebar {

	top: 4.5vh;
	left: 0;
	width: 50px;
	height: 100%;
	background-color: #333;
	color: #18191a;
	overflow: hidden;
	transition: width 0.3s;
}

#sidebar.OpenSidebar {
	width: 265px;
}

.ContentContainer {
	display: flex;
	flex-direction: column;
	height: calc(100% - var(--head-bar-height, 0px)) !important;
	margin-left: 50px;
	padding: 0 !important;
}

body>#Right_Cont {
	/* Adjust this value to match the width of the expanded sidebar */
	padding: 10px;
	margin-left: 265px;
	flex-grow: 1;

	transition: margin-left 0.3s;
}

.contentpage {
	background-color: var(--SideBar-color);
	display: flex;
	flex-direction: column;
	overflow: auto;
	height: 95.5vh;
}

#sidebar.OpenSidebar~#Right_Cont {
	margin-left: 50px;
	/* Adjust this value to match the width of the collapsed sidebar */
}

::-webkit-scrollbar-track {
	box-shadow: inset 0 5px 5px black;
	border-radius: 10px;
}

.button-15 {
	width: 100%;
	border-radius: 15px !important;
}

.info-btn {
	background-image: url('https://waltekltd.org/images/icons8-info.svg');

	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.info-btn:hover {
	background-image: url('https://waltekltd.org/images/icons8-info-hover.svg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.icons8-info-15 {
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url('https://waltekltd.org/images/icons8-info.svg/') 50% 50% no-repeat;
	background-size: 100%;
}

.icons8-info-30 {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url('https://waltekltd.org/images/icons8-info.svg/') 50% 50% no-repeat;
	background-size: 100%;
}

.search-button-MuiTouchRipple-root {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	overflow: hidden;
	position: absolute;
	border-radius: inherit;
	pointer-events: none;
}

.search-button-MuiTouchRipple-ripple {
	opacity: 0;
	position: absolute;
}

.search-button-MuiTouchRipple-rippleVisible {
	opacity: 0.3;
	animation: search-button-MuiTouchRipple-keyframes-enter 550ms cubic-bezier(0.4, 0, 0.2, 1);
	transform: scale(1);
}

.search-button-MuiTouchRipple-ripplePulsate {
	animation-duration: 200ms;
}

.search-button-MuiTouchRipple-child {
	width: 100%;
	height: 100%;
	display: block;
	opacity: 1;
	border-radius: 50%;
	background-color: currentColor;
}

.search-button-MuiTouchRipple-childLeaving {
	opacity: 0;
	animation: search-button-MuiTouchRipple-keyframes-exit 550ms cubic-bezier(0.4, 0, 0.2, 1);
}

.search-button-MuiTouchRipple-childPulsate {
	top: 0;
	left: 0;
	position: absolute;
	animation: search-button-MuiTouchRipple-keyframes-pulsate 2500ms cubic-bezier(0.4, 0, 0.2, 1) 200ms infinite;
}


.search-button-MuiButtonBase-root::-moz-focus-inner {
	border-style: none;
}

.search-button-MuiButtonBase-root.Mui-disabled {
	cursor: default;
	pointer-events: none;
}

@media print {
	.search-button-MuiButtonBase-root {
		-webkit-print-color-adjust: exact;
	}
}

.search-button-MuiTooltip-popper {
	z-index: 1500;
	pointer-events: none;
}

.search-button-MuiTooltip-popperInteractive {
	pointer-events: auto;
}

.search-button-MuiTooltip-popperArrow[x-placement*="bottom"] .search-button-MuiTooltip-arrow {
	top: 0;
	left: 0;
	margin-top: -0.71em;
	margin-left: 4px;
	margin-right: 4px;
}

.search-button-MuiTooltip-popperArrow[x-placement*="top"] .search-button-MuiTooltip-arrow {
	left: 0;
	bottom: 0;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: -0.71em;
}

.search-button-MuiTooltip-popperArrow[x-placement*="right"] .search-button-MuiTooltip-arrow {
	left: 0;
	width: 0.71em;
	height: 1em;
	margin-top: 4px;
	margin-left: -0.71em;
	margin-bottom: 4px;
}

.search-button-MuiTooltip-popperArrow[x-placement*="left"] .search-button-MuiTooltip-arrow {
	right: 0;
	width: 0.71em;
	height: 1em;
	margin-top: 4px;
	margin-right: -0.71em;
	margin-bottom: 4px;
}

.search-button-MuiTooltip-popperArrow[x-placement*="left"] .search-button-MuiTooltip-arrow::before {
	transform-origin: 0 0;
}

.search-button-MuiTooltip-popperArrow[x-placement*="right"] .search-button-MuiTooltip-arrow::before {
	transform-origin: 100% 100%;
}

.search-button-MuiTooltip-popperArrow[x-placement*="top"] .search-button-MuiTooltip-arrow::before {
	transform-origin: 100% 0;
}

.search-button-MuiTooltip-popperArrow[x-placement*="bottom"] .search-button-MuiTooltip-arrow::before {
	transform-origin: 0 100%;
}

.search-button-MuiTooltip-tooltip {
	color: #fff;
	padding: 4px 8px;
	font-size: 0.625rem;
	max-width: 300px;
	word-wrap: break-word;
	font-family: "Roboto", "Helvetica", "Arial", sans-serif;
	font-weight: 500;
	line-height: 1.4em;
	border-radius: 4px;
	background-color: rgba(97, 97, 97, 0.9);
}

.search-button-MuiTooltip-tooltipArrow {
	margin: 0;
	position: relative;
}

.search-button-MuiTooltip-arrow {
	color: rgba(97, 97, 97, 0.9);
	width: 1em;
	height: 0.71em;
	overflow: hidden;
	position: absolute;
	box-sizing: border-box;
}

.search-button-MuiTooltip-arrow::before {
	width: 100%;
	height: 100%;
	margin: auto;
	content: "";
	display: block;
	transform: rotate(45deg);
	background-color: currentColor;
}

.search-button-MuiTooltip-touch {
	padding: 8px 16px;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.14286em;
}

.search-button-MuiTooltip-tooltipPlacementLeft {
	margin: 0 24px;
	transform-origin: right center;
}

#loader {
	width: 100%;
	height: 100%;
	z-index: 100000;
	position: absolute;

	background-color: var(--SideBar-color);
}

.spinner {
	width: 100px;
	height: 100px;
	top: 50%;
	left: 50%;
	text-align: center;
	position: absolute;
	margin-top: -50px;
	margin-left: -50px;
}

.spinner-circle {
	margin: auto auto 20px auto;
	animation-name: paymo-progress-circular-rotate;
	animation-duration: 1.4s;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-fill-mode: none;
	animation-play-state: running;
}

.spinner-svg {
	stroke: #a9ff8a;
}

.circle-svg {
	animation-name: paymo-progress-circular;
	animation-duration: 1.4s;
	animation-timing-function: ease-in-out;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-fill-mode: none;
	animation-play-state: running;
	stroke-dasharray: 80px, 200px;
	stroke-dashoffset: 0;
}

@keyframes paymo-progress-circular-rotate {
	100% {
		transform: rotate(360deg);
	}
}

@keyframes paymo-progress-circular {
	0% {
		stroke-dasharray: 1px, 200px;
		stroke-dashoffset: 0;
		stroke: #26c644;
	}

	50% {
		stroke-dasharray: 100px, 200px;
		stroke-dashoffset: -15px;
		stroke: #23d4bd
	}

	100% {
		stroke-dasharray: 100px, 200px;
		stroke-dashoffset: -125px;
		stroke: #a9ff8a;
	}
}

.sidebar-MuiButtonBase-root {
	color: inherit;
	border: 0;
	cursor: pointer;
	margin: 0;
	display: inline-flex;
	outline: 0;
	padding: 0;
	position: relative;
	align-items: center;
	user-select: none;
	border-radius: 0;
	vertical-align: middle;
	-moz-appearance: none;
	justify-content: center;
	text-decoration: none;
	background-color: transparent;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
}

.sidebar-MuiButtonBase-root::-moz-focus-inner {
	border-style: none;
}

.sidebar-MuiButtonBase-root.Mui-disabled {
	cursor: default;
	pointer-events: none;
}

@media print {
	.sidebar-MuiButtonBase-root {
		-webkit-print-color-adjust: exact;
	}
}

.sidebar-jss24 {
	color: rgba(255, 255, 255, 0.4);
	width: 100%;
	transition: background 200ms;
	padding-top: 8px;
	will-change: background;
	border-radius: 5px;
	padding-bottom: 8px;
}

.sidebar-jss24:hover {
	background-color: rgba(255, 255, 255, 0.04);
}



.sidebar-MuiTooltip-popper {
	z-index: 1500;
	pointer-events: none;
}

.sidebar-MuiTooltip-popperInteractive {
	pointer-events: auto;
}

.sidebar-MuiTooltip-popperArrow[x-placement*="bottom"] .sidebar-MuiTooltip-arrow {
	top: 0;
	left: 0;
	width: 2em;
	height: 1em;
	margin-top: -1em;
	margin-left: 4px;
	margin-right: 4px;
}

.sidebar-MuiTooltip-popperArrow[x-placement*="top"] .sidebar-MuiTooltip-arrow {
	left: 0;
	width: 2em;
	bottom: 0;
	height: 1em;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: -1em;
}

.sidebar-MuiTooltip-popperArrow[x-placement*="right"] .sidebar-MuiTooltip-arrow {
	left: 0;
	width: 1em;
	height: 2em;
	margin-top: 4px;
	margin-left: -1em;
	margin-bottom: 4px;
}

.sidebar-MuiTooltip-popperArrow[x-placement*="left"] .sidebar-MuiTooltip-arrow {
	right: 0;
	width: 1em;
	height: 2em;
	margin-top: 4px;
	margin-right: -1em;
	margin-bottom: 4px;
}

.sidebar-MuiTooltip-popperArrow[x-placement*="left"] .sidebar-MuiTooltip-arrow::before {
	border-color: transparent transparent transparent currentcolor;
	border-width: 1em 0 1em 1em;
}

.sidebar-MuiTooltip-popperArrow[x-placement*="right"] .sidebar-MuiTooltip-arrow::before {
	border-color: transparent currentcolor transparent transparent;
	border-width: 1em 1em 1em 0;
}

.sidebar-MuiTooltip-popperArrow[x-placement*="top"] .sidebar-MuiTooltip-arrow::before {
	border-color: currentcolor transparent transparent transparent;
	border-width: 1em 1em 0 1em;
}

.sidebar-MuiTooltip-popperArrow[x-placement*="bottom"] .sidebar-MuiTooltip-arrow::before {
	border-color: transparent transparent currentcolor transparent;
	border-width: 0 1em 1em 1em;
}

.sidebar-MuiTooltip-tooltip {
	color: #e0e0e0;
	padding: 4px 8px;
	font-size: 12px;
	max-width: 300px;
	word-wrap: break-word;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
	font-weight: 500;
	line-height: 1.4em;
	border-radius: 4px;
	background-color: rgba(0, 0, 0, 0.9);
}

.sidebar-MuiTooltip-tooltipArrow {
	margin: 0;
	position: relative;
}

.sidebar-MuiTooltip-arrow {
	color: rgba(0, 0, 0, 0.9);
	position: absolute;
	font-size: 6px;
}

.sidebar-MuiTooltip-arrow::before {
	width: 0;
	height: 0;
	margin: auto;
	content: "";
	display: block;
	border-style: solid;
}

.sidebar-MuiTooltip-touch {
	padding: 8px 16px;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.14286em;
}

.sidebar-MuiTooltip-tooltipPlacementLeft {
	margin: 0 8px;
	transform-origin: right center;
}

@media (min-width:600px) {
	.sidebar-MuiTooltip-tooltipPlacementLeft {
		margin: 0 14px;
	}
}

.sidebar-MuiTooltip-tooltipPlacementRight {
	margin: 0 12px;
	transform-origin: left center;
}

@media (min-width:600px) {
	.sidebar-MuiTooltip-tooltipPlacementRight {
		margin: 0 14px;
	}
}

.sidebar-MuiTooltip-tooltipPlacementTop {
	margin: 8px 0;
	transform-origin: center bottom;
}

@media (min-width:600px) {
	.sidebar-MuiTooltip-tooltipPlacementTop {
		margin: 14px 0;
	}
}

.sidebar-MuiTooltip-tooltipPlacementBottom {
	margin: 8px 0;
	transform-origin: center top;
}

@media (min-width:600px) {
	.sidebar-MuiTooltip-tooltipPlacementBottom {
		margin: 14px 0;
	}
}

.sidebar-MuiList-root {
	margin: 0;
	padding: 0;
	position: relative;
	list-style: none;
}

.sidebar-MuiList-padding {
	padding-top: 8px;
	padding-bottom: 8px;
}

.sidebar-MuiList-subheader {
	padding-top: 0;
}


.sidebar-MuiTypography-root {
	margin: 0;
}

.sidebar-MuiTypography-body2 {
	font-size: 12px;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
	font-weight: 400;
	line-height: 1.46429em;
}

.sidebar-MuiTypography-body1 {
	font-size: 14px;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
	font-weight: 400;
	line-height: 1.46429em;
}

.sidebar-MuiTypography-caption {
	font-size: 0.75rem;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
	font-weight: 400;
	line-height: 1.66;
}

.sidebar-MuiTypography-button {
	font-size: 12px;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
	font-weight: 500;
	line-height: 1.75;
	letter-spacing: 0;
	text-transform: capitalize;
}

.sidebar-MuiTypography-h1 {
	font-size: 6rem;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
	font-weight: 300;
	line-height: 1.167;
}

.sidebar-MuiTypography-h2 {
	font-size: 3.75rem;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
	font-weight: 300;
	line-height: 1.2;
}

.sidebar-MuiTypography-h3 {
	font-size: 3rem;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
	font-weight: 400;
	line-height: 1.167;
}

.sidebar-MuiTypography-h4 {
	font-size: 16px;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.00735em;
}

.sidebar-MuiTypography-h5 {
	font-size: 1.5rem;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
	font-weight: 400;
	line-height: 1.334;
}

.sidebar-MuiTypography-h6 {
	font-size: 10px;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.0075em;
}

.sidebar-MuiTypography-subtitle1 {
	font-size: 10px;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
	font-weight: 500;
	line-height: 1.75;
	letter-spacing: 0.00938em;
}

.sidebar-MuiTypography-subtitle2 {
	font-size: 0.875rem;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
	font-weight: 500;
	line-height: 1.57;
}

.sidebar-MuiTypography-overline {
	font-size: 0.75rem;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
	font-weight: 400;
	line-height: 2.66;
	text-transform: uppercase;
}

.sidebar-MuiTypography-srOnly {
	width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute;
}

.sidebar-MuiTypography-alignLeft {
	text-align: left;
}

.sidebar-MuiTypography-alignCenter {
	text-align: center;
}

.sidebar-MuiTypography-alignRight {
	text-align: right;
}

.sidebar-MuiTypography-alignJustify {
	text-align: justify;
}

.sidebar-MuiTypography-noWrap {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.sidebar-MuiTypography-gutterBottom {
	margin-bottom: 0.35em;
}

.sidebar-MuiTypography-paragraph {
	margin-bottom: 16px;
}

.sidebar-MuiTypography-colorInherit {
	color: inherit;
}


.sidebar-MuiTypography-colorSecondary {
	color: #f50057;
}



.sidebar-MuiTypography-colorError {
	color: #ff4949;
}

.sidebar-MuiTypography-displayInline {
	display: inline;
}

.sidebar-MuiTypography-displayBlock {
	display: block;
}

/*style data-jss="" data-meta="MuiListItem"*/
.sidebar-MuiListItem-root {
	width: 75%;
	display: flex;
	position: relative;
	box-sizing: border-box;
	text-align: left;
	align-items: center;
	padding-top: 8px;
	padding-bottom: 8px;
	justify-content: flex-start;
	text-decoration: none;
}

.sidebar-MuiListItem-root.Mui-focusVisible {
	background-color: rgba(255, 255, 255, 0.16);
}

.sidebar-MuiListItem-root.Mui-selected,
.sidebar-MuiListItem-root.Mui-selected:hover {
	background-color: rgba(255, 255, 255, 0.16);
}

.sidebar-MuiListItem-root.Mui-disabled {
	opacity: 0.5;
}

.sidebar-MuiListItem-container {
	position: relative;
}





.sidebar-MuiListItem-button {
	transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.sidebar-MuiListItem-button:hover {
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.08);
}

@media (hover: none) {
	.sidebar-MuiListItem-button:hover {
		background-color: transparent;
	}
}



/*style data-jss="" data-meta="MuiListItem"*/


.sidebar-MuiListItem-dense {
	padding-top: 4px;
	padding-bottom: 4px;
}



.sidebar-MuiListItem-divider {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	background-clip: padding-box;
}

.sidebar-MuiListItem-gutters {
	padding-left: 24px;
	padding-right: 24px;
}


@media (hover: none) {
	.sidebar-MuiListItem-button:hover {
		background-color: transparent;
	}
}

.sidebar-MuiListItem-secondaryAction {
	padding-right: 48px;
}

/*style data-jss="" data-meta="MuiListItemIcon"*/
.sidebar-MuiListItemIcon-root {
	color: #fff;
	display: inline-flex;
	min-width: 32px;
	flex-shrink: 0;
}

.sidebar-MuiListItemIcon-alignItemsFlexStart {
	margin-top: 8px;
}

/*style data-jss="" data-meta="MuiListItemIcon"*/
.sidebar-MuiListItemIcon-root {
	color: rgba(0, 0, 0, 0.54);
	display: inline-flex;
	min-width: 32px;
	flex-shrink: 0;
}


/*style data-jss="" data-meta="MuiListItemText"*/
.sidebar-MuiListItemText-root {
	flex: 1 1 auto;
	font-size: 14px;
	min-width: 0;
	margin-top: 0;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
	line-height: 1;
	margin-bottom: 0;
}

.sidebar-MuiListItemText-multiline {
	margin-top: 6px;
	margin-bottom: 6px;
}

.sidebar-MuiListItemText-inset {
	padding-left: 56px;
}


.sidebar-jss28 {
	border: 1 solid #eeeeee;
	overflow: visible;
	box-shadow: 0 13 25 rgba(0, 0, 0, 0.2);
	border-radius: 4px;
}

.sidebar-jss28:after,
.sidebar-jss28:before {
	top: 19px;
	right: 100%;
	width: 0;
	border: solid transparent;
	height: 0;
	content: "";
	position: absolute;
	pointer-events: none;
}

.sidebar-jss28:after {
	margin-top: -4px;
	border-color: transparent;
	border-width: 4px;
	border-right-color: #f8f8f8;
}

.sidebar-jss28:before {
	margin-top: -5px;
	border-color: transparent;
	border-width: 5px;
	border-right-color: #dddddd;
}

.sidebar-jss29 {
	color: #999999;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	padding-top: 8px;
	padding-left: 24px;
	padding-right: 24px;
	padding-bottom: 8px;
}

.sidebar-jss30 {
	padding-top: 8px;
	padding-bottom: 12px;
}

.sidebar-jss31 {
	color: #383838;
}

.sidebar-jss32 {
	fill: #383838;
	width: 14px;
	height: 14px;
}

.sidebar-jss10:before {
	top: 0;
	left: 0;
	right: 0;
	width: 22px;
	bottom: 0;
	height: 22px;
	margin: auto;
	content: "";
	z-index: 1;
	position: absolute;
	transition: transform 200ms;
	will-change: transform;
	border-radius: 50%;
	background-color: #34c950;
	background-image: linear-gradient(-45deg, #34c950 0%, var(--Secondary-color) 100%);
}

.sidebar-jss11:hover .sidebar-jss10:before {
	transform: scale(1.25);
}

.sidebar-jss12 {
	top: 0;
	fill: #ffffff;
	left: 0;
	right: 0;
	width: 14px;
	bottom: 0;
	height: 14px;
	margin: auto;
	z-index: 2;
	position: absolute;
}

.sidebar-jss37 {
	color: rgba(255, 255, 255, 0.4);
	width: 100%;
	transition: background 200ms;
	padding-top: 8px;
	will-change: background;
	border-radius: 5px;
	padding-bottom: 8px;
}

.sidebar-jss37:hover {
	background-color: rgba(255, 255, 255, 0.04);
}

.sidebar-jss38 {
	fill: #ffffff;
	width: 16px;
	height: 16px;
}

/*style data-jss="" data-meta="MuiAvatar"*/
.sidebar-MuiAvatar-root {
	width: 40px;
	height: 40px;
	display: flex;
	overflow: hidden;
	position: relative;
	font-size: 1.25rem;
	align-items: center;
	flex-shrink: 0;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
	line-height: 1;
	user-select: none;
	border-radius: 50%;
	justify-content: center;
}

.sidebar-MuiAvatar-colorDefault {
	color: #303030;
	background-color: #757575;
}

.sidebar-MuiAvatar-rounded {
	border-radius: 4px;
}

.sidebar-MuiAvatar-square {
	border-radius: 0;
}

.sidebar-MuiAvatar-img {
	color: transparent;
	width: 100%;
	height: 100%;
	object-fit: cover;
	text-align: center;
	text-indent: 10000px;
}

.sidebar-MuiAvatar-fallback {
	width: 75%;
	height: 75%;
}

.sidebar-jss44 {
	width: 24px;
	height: 24px;
	font-size: 0.75rem;
	transition: opacity 200ms ease;
	will-change: opacity;
}

.sidebar-jss45 {
	color: #ffffff;
	padding: 4px;
}



.sidebar-jss42 {
	width: 100%;
}

.sidebar-jss43 {
	min-height: 35px;
	padding-top: 0;
	padding-bottom: 0;
}

.sidebar-jss39 {
	width: 100%;
	margin-bottom: 8px;
}

.sidebar-jss40 {
	min-height: 35px;
	padding-top: 0;
	padding-bottom: 0;
}

.sidebar-jss41 {
	width: 20px;
	height: 20px;
}

.sidebar-jss3 {
	top: 0;
	left: 0;
	width: 50px;
	height: 100%;
	display: flex;
	z-index: 10;
	position: absolute;
	box-shadow: 0 0 13px rgba(0, 0, 0, 0.5);
	box-sizing: border-box;
	align-items: center;
	flex-direction: column;
	justify-content: space-between;
	background-color: rgb(28, 34, 44);
}

.sidebar-jss4 {
	width: 100%;
	display: flex;
	align-items: center;
	padding-top: 20px;
	flex-direction: column;
}

.sidebar-jss5 {
	width: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
	padding-bottom: 20px;
}

/*style data-jss="" data-meta="MuiIconButton"*/
.sidebar-MuiIconButton-root {
	flex: 0 0 auto;
	color: #fff;
	padding: 8px;
	overflow: visible;
	font-size: 1.5rem;
	text-align: center;
	transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
	border-radius: 50%;
}

.sidebar-MuiIconButton-root:hover {
	background-color: rgb(30, 36, 46);
}

.sidebar-MuiIconButton-root.Mui-disabled {
	color: rgba(255, 255, 255, 0.3);
	background-color: transparent;
}

@media (hover: none) {
	.sidebar-MuiIconButton-root:hover {
		background-color: transparent;
	}
}

.sidebfull {
	max-width: 265px;
	/*overflow: hidden;*/
	right: auto;
	float: left;
	left: 0px;
	top: 25px;
	margin: 0px;
	height: calc(100% - var(--head-bar-height, 0px)) !important;
    border-color: var(--Primary-Button);
    border-right-style: solid;

}



.sidebar-MuiIconButton-edgeStart {
	margin-left: -12px;
}

.sidebar-MuiIconButton-sizeSmall.sidebar-MuiIconButton-edgeStart {
	margin-left: -3px;
}

.sidebar-MuiIconButton-edgeEnd {
	margin-right: -12px;
}

.sidebar-MuiIconButton-sizeSmall.sidebar-MuiIconButton-edgeEnd {
	margin-right: -3px;
}

.sidebar-MuiIconButton-colorInherit {
	color: inherit;
}

.sidebar-MuiIconButton-colorPrimary {
	color: var(--SideBar-color);
}

.sidebar-MuiIconButton-colorPrimary:hover {
	background-color: rgba(19, 25, 36, 0.08);
}

@media (hover: none) {
	.sidebar-MuiIconButton-colorPrimary:hover {
		background-color: transparent;
	}
}

.sidebar-MuiIconButton-colorSecondary {
	color: #f50057;
}

.sidebar-MuiIconButton-colorSecondary:hover {
	background-color: rgba(245, 0, 87, 0.08);
}

@media (hover: none) {
	.sidebar-MuiIconButton-colorSecondary:hover {
		background-color: transparent;
	}
}

.sidebar-MuiIconButton-sizeSmall {
	padding: 3px;
	font-size: 1.125rem;
}

.sidebar-MuiIconButton-label {
	width: 100%;
	display: flex;
	align-items: inherit;
	justify-content: inherit;
}

.sidebar-jss60 {
	top: 0;
	right: 0;
	z-index: 10;
	position: absolute;
}

.sidebar-jss61 {
	padding: 6px;
}

.sidebar-jss61:hover .sidebar-jss62 {
	fill: var(--Primary-Button);
}

.sidebar-jss62 {
	fill: #636b79;
	width: 14px;
	height: 14px;
	transform: scaleX(1);
	transition: transform 300ms ease;
}

.sidebar-jss62.sidebar-jss63 {
	transform: scaleX(-1);
}

.SidebarSelected div>.sidebar-jss259 {
	fill: #fff;

}

.SidebarSelected {
	background-color: #0069d9 !important;
}

.sidebar-jss259 {
	fill: #fff;
	width: 20px;
	height: 20px;
	color: #fff;
}

.sidebar-jss259.sidebar-jss260 {
	fill: var(--Secondary-color);
	color: var(--Secondary-color);
}

.sidebar-jss259.sidebar-jss261 {
	fill: rgba(99, 107, 121, 0.5);
}

.ClosedSidebar *>.sidebar-jss257 {
	display: none;
}

.sidebar-jss256 {
	display: flex;
	min-width: 18px;
	justify-content: center;
}

.sidebar-jss266 {
	padding-top: 0;
	padding-bottom: 0;
}

.sidebar-jss267 {
	color: #d1d5dd;
	min-height: 35px;
	padding-top: 0;
	border-radius: 0;
	padding-bottom: 0;
}

.sidebar-jss267:hover {
	background-color: #232e42;
}

.sidebar-jss267.sidebar-jss269 {
	color: var(--Secondary-color);
	background-color: transparent;
}

.sidebar-jss267.sidebar-jss269:hover {
	background-color: #232e42;
}

.sidebar-jss267.sidebar-jss268 {
	opacity: 1;
}

.sidebar-jss270 {
	padding-left: 24px;
	padding-right: 16px;
}

.sidebar-jss271 {
	display: flex;
	min-width: 18px;
	justify-content: center;
}

.sidebar-jss272 {
	overflow: hidden;
	max-width: 90%;
	line-height: 1.3;
	white-space: nowrap;
	padding-left: 16px;
	text-overflow: ellipsis;
}

.sidebar-jss273 {
	fill: #636b79;
	width: 14px;
	height: 14px;
	transition: transform 200ms ease;
}
#CollBut{
	background-color: #fff;
    margin: 0.5rem;
    border-radius: 1000px;
}


.sidebar-jss74 {
	padding-top: 0;
	padding-bottom: 0;
	top: 1rem
}

.sidebar-jss82 {
	color: #636b79;
	width: 100%;
	display: flex;
	box-sizing: border-box;
	min-height: 35px;
	align-items: center;
	padding-left: 24px;
	padding-right: 16px;
	flex-direction: row;
	vertical-align: middle;
}

.sidebar-jss83 {
	position: relative;
}


.sidebar-jss83:before {
	top: 0;
	left: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	height: 12px;
	margin: auto;
	z-index: 2;
	background-color: var(--SideBar-color);
}

.sidebar-jss83 .sidebar-jss85 {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 3;
	position: absolute;
}




.sidebar-jss122 {
	color: #d1d5dd;
	min-height: 35px;
	padding-top: 0;
	border-radius: 0;
	padding-bottom: 0;
}

.sidebar-jss122:hover {
	background-color: #232e42;
}

.sidebar-jss123 {
	padding-left: 24px;
	padding-right: 16px;
}

.sidebar-jss124 {
	display: flex;
	min-width: 18px;
	justify-content: center;
}

.sidebar-jss125 {
	color: #636b79;
	overflow: hidden;
	font-size: 12px;
	max-width: 90%;
	line-height: 1.3;
	white-space: nowrap;
	padding-left: 16px;
	text-overflow: ellipsis;
}

.sidebar-jss126 {
	fill: #636b79;
	width: 14px;
	height: 14px;
}

.sidebar-jss79 {
	padding-top: 8px;
}

.sidebar-jss81 {
	padding-top: 0;
	padding-bottom: 0;
}

.sidebar-jss54 {
	flex: 1;
	height: 100%;
	display: flex;
	opacity: 1;
	position: relative;
	transition: opacity 200ms ease;
	align-items: center;

	will-change: opacity;
	flex-direction: column;
	justify-content: space-between;
}

.sidebar-jss54.sidebar-jss59 {
	opacity: 0;
	margin-left: 25px;
}

.sidebar-jss55 {
	width: 100%;
	height: 20px;
	position: relative;
	flex-shrink: 0;
}

.sidebar-jss56 {
	flex: 1;
	width: 100%;
	overflow: auto;
	overflow-x: hidden;
	scrollbar-color: #636b79 var(--SideBar-color);
	scrollbar-width: thin;
}

.sidebar-jss56::-webkit-scrollbar {
	width: 15px;
}

.sidebar-jss56::-webkit-scrollbar-track {
	background-color: var(--SideBar-color);
}

.sidebar-jss56::-webkit-scrollbar-thumb {
	width: 5px;
	border: 5px solid var(--SideBar-color);
	border-radius: 15px;
	background-color: #636b79;
}

.sidebar-jss57 {
	width: 100%;
	position: relative;
	box-sizing: border-box;
	flex-shrink: 0;
	padding-top: 20px;
	padding-bottom: 15px;
}

.sidebar-jss58 {
	flex: 1;
	display: flex;
	max-width: 100%;
	align-items: center;
	justify-content: center;
}

.sidebar-jss1 {
	height: 100%;
	transform: translate3d(0, 0, 0);
	background-color: var(--SideBar-color);
	backface-visibility: hidden;
	border-right-style: solid;
    transition: width 0.3s;
    overflow: hidden;
}



.sidebar-jss1.sidebar-jss2 {
	width: 116px;
}
.wave-shape {
    width: 100%;
    height: 100px; /* Adjust the height as needed */
    background-color: var(--Primary-Button);
    position: absolute;
  }
.notifications-MuiTouchRipple-root {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	overflow: hidden;
	position: absolute;
	border-radius: inherit;
	pointer-events: none;
}

.notifications-MuiTouchRipple-ripple {
	opacity: 0;
	position: absolute;
}

.notifications-MuiTouchRipple-rippleVisible {
	opacity: 0.1;
	animation: notifications-MuiTouchRipple-keyframes-enter 550ms cubic-bezier(0.4, 0, 0.2, 1);
	transform: scale(1);
}

.notifications-MuiTouchRipple-ripplePulsate {
	animation-duration: 200ms;
}

.notifications-MuiTouchRipple-child {
	width: 100%;
	height: 100%;
	display: block;
	opacity: 1;
	border-radius: 50%;
	background-color: currentColor;
}

.notifications-MuiTouchRipple-childLeaving {
	opacity: 0;
	animation: notifications-MuiTouchRipple-keyframes-exit 550ms cubic-bezier(0.4, 0, 0.2, 1);
}

.notifications-MuiTouchRipple-childPulsate {
	top: 0;
	left: 0;
	position: absolute;
	animation: notifications-MuiTouchRipple-keyframes-pulsate 2500ms cubic-bezier(0.4, 0, 0.2, 1) 200ms infinite;
}



.notifications-MuiButtonBase-root {
	color: inherit;
	border: 0;
	cursor: pointer;
	margin: 0;
	display: inline-flex;
	outline: 0;
	padding: 0;
	position: relative;
	align-items: center;
	user-select: none;
	border-radius: 0;
	vertical-align: middle;
	-moz-appearance: none;
	justify-content: center;
	text-decoration: none;
	background-color: transparent;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
}

.notifications-MuiButtonBase-root::-moz-focus-inner {
	border-style: none;
}

.notifications-MuiButtonBase-root.Mui-disabled {
	cursor: default;
	pointer-events: none;
}

/*style data-jss="" data-meta="MuiBadge"*/
.notifications-MuiBadge-root {
	display: inline-flex;
	position: relative;
	flex-shrink: 0;
	vertical-align: middle;
}

.notifications-MuiBadge-badge {
	height: 20px;
	display: flex;
	padding: 0 6px;
	z-index: 1;
	position: absolute;
	flex-wrap: wrap;
	font-size: 0.75rem;
	min-width: 20px;
	box-sizing: border-box;
	transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
	align-items: center;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
	font-weight: 500;
	line-height: 1;
	align-content: center;
	border-radius: 10px;
	flex-direction: row;
	justify-content: center;
}

.notifications-MuiBadge-colorPrimary {
	color: rgba(0, 0, 0, 0.87);
	background-color: #ffffff;
}

.notifications-MuiBadge-colorSecondary {
	color: #fff;
	background-color: #f50057;
}

.notifications-MuiBadge-colorError {
	color: #fff;
	background-color: #ff4949;
}

.notifications-MuiBadge-dot {
	height: 8px;
	padding: 0;
	min-width: 8px;
	border-radius: 4px;
}

.notifications-MuiBadge-anchorOriginTopRightRectangle {
	top: 0;
	right: 0;
	transform: scale(1) translate(50%, -50%);
	transform-origin: 100% 0%;
}

.notifications-MuiBadge-anchorOriginTopRightRectangle.notifications-MuiBadge-invisible {
	transform: scale(0) translate(50%, -50%);
}

.notifications-MuiBadge-anchorOriginBottomRightRectangle {
	right: 0;
	bottom: 0;
	transform: scale(1) translate(50%, 50%);
	transform-origin: 100% 100%;
}

.notifications-MuiBadge-anchorOriginBottomRightRectangle.notifications-MuiBadge-invisible {
	transform: scale(0) translate(50%, 50%);
}

.notifications-MuiBadge-anchorOriginTopLeftRectangle {
	top: 0;
	left: 0;
	transform: scale(1) translate(-50%, -50%);
	transform-origin: 0% 0%;
}

.notifications-MuiBadge-anchorOriginTopLeftRectangle.notifications-MuiBadge-invisible {
	transform: scale(0) translate(-50%, -50%);
}

.notifications-MuiBadge-anchorOriginBottomLeftRectangle {
	left: 0;
	bottom: 0;
	transform: scale(1) translate(-50%, 50%);
	transform-origin: 0% 100%;
}

.notifications-MuiBadge-anchorOriginBottomLeftRectangle.notifications-MuiBadge-invisible {
	transform: scale(0) translate(-50%, 50%);
}

.notifications-MuiBadge-anchorOriginTopRightCircle {
	top: 14%;
	right: 14%;
	transform: scale(1) translate(50%, -50%);
	transform-origin: 100% 0%;
}

.notifications-MuiBadge-anchorOriginTopRightCircle.notifications-MuiBadge-invisible {
	transform: scale(0) translate(50%, -50%);
}

.notifications-MuiBadge-anchorOriginBottomRightCircle {
	right: 14%;
	bottom: 14%;
	transform: scale(1) translate(50%, 50%);
	transform-origin: 100% 100%;
}

.notifications-MuiBadge-anchorOriginBottomRightCircle.notifications-MuiBadge-invisible {
	transform: scale(0) translate(50%, 50%);
}

.notifications-MuiBadge-anchorOriginTopLeftCircle {
	top: 14%;
	left: 14%;
	transform: scale(1) translate(-50%, -50%);
	transform-origin: 0% 0%;
}

.notifications-MuiBadge-anchorOriginTopLeftCircle.notifications-MuiBadge-invisible {
	transform: scale(0) translate(-50%, -50%);
}

.notifications-MuiBadge-anchorOriginBottomLeftCircle {
	left: 14%;
	bottom: 14%;
	transform: scale(1) translate(-50%, 50%);
	transform-origin: 0% 100%;
}

.notifications-MuiBadge-anchorOriginBottomLeftCircle.notifications-MuiBadge-invisible {
	transform: scale(0) translate(-50%, 50%);
}

.notifications-MuiBadge-invisible {
	transition: transform 195ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.notifications-MuiPopover-paper {
	outline: 0;
	position: absolute;
	max-width: calc(100% - 32px);
	min-width: 16px;
	max-height: calc(100% - 32px);
	min-height: 16px;
	overflow-x: hidden;
	overflow-y: auto;
}

.notifications-jss15 {
	flex: 1 1 auto;
	width: 430px;
	border: 1px solid #ddd;
	height: 635px;
	display: flex;
	overflow: visible;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 20px 50px 0px;
	border-radius: 4px;
	flex-direction: column;
}

.notifications-jss15:after,
.notifications-jss15:before {
	top: 16px;
	right: 100%;
	width: 0;
	border: solid transparent;
	height: 0;
	content: "";
	position: absolute;
	pointer-events: none;
}

.notifications-jss15:after {
	margin-top: -4px;
	border-color: transparent;
	border-width: 4px;
	border-right-color: #f8f8f8;
}

.notifications-jss15:before {
	margin-top: -5px;
	border-color: transparent;
	border-width: 5px;
	border-right-color: #dddddd;
}

.notifications-jss16 {
	color: rgba(221, 221, 221, 0.4);
	width: 100%;
	transition: background 0.2s ease;
	padding-top: 8px;
	will-change: background;
	border-radius: 5px;
	padding-bottom: 8px;
}

.notifications-jss16:hover {
	background-color: rgba(221, 221, 221, 0.04);
}

.notifications-jss17 {
	height: 13px;
	padding: 0 2px;
	font-size: 10px;
	min-width: 17px;
	transform: scale(1) translate(8px, -5px);
	line-height: 1.3;
	border-radius: 7px;
}

.notifications-jss18 {
	animation: notifications-jss19 2s infinite;
	transform: scale(1) translate(8px, -5px);
	box-shadow: 0 0 0 rgba(242, 57, 55, 0.7);
}

.notifications-jss20 {
	display: none;
}

.timer-MuiTypography-root {
	margin: 0;
}

.timer-MuiTypography-body2 {
	font-size: 12px;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
	font-weight: 400;
	line-height: 1.46429em;
}

.timer-MuiTypography-body1 {
	font-size: 14px;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
	font-weight: 400;
	line-height: 1.46429em;
}

.timer-MuiTypography-caption {
	font-size: 0.75rem;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
	font-weight: 400;
	line-height: 1.66;
}

.timer-MuiTypography-button {
	font-size: 12px;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
	font-weight: 500;
	line-height: 1.75;
	letter-spacing: 0;
	text-transform: capitalize;
}

.timer-MuiTypography-h1 {
	font-size: 6rem;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
	font-weight: 300;
	line-height: 1.167;
}

.timer-MuiTypography-h2 {
	font-size: 3.75rem;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
	font-weight: 300;
	line-height: 1.2;
}

.timer-MuiTypography-h3 {
	font-size: 3rem;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
	font-weight: 400;
	line-height: 1.167;
}

.timer-MuiTypography-h4 {
	font-size: 16px;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.00735em;
}

.timer-MuiTypography-h5 {
	font-size: 1.5rem;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
	font-weight: 400;
	line-height: 1.334;
}

.timer-MuiTypography-h6 {
	font-size: 10px;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.0075em;
}

.timer-MuiTypography-subtitle1 {
	font-size: 10px;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
	font-weight: 500;
	line-height: 1.75;
	letter-spacing: 0.00938em;
}

.timer-MuiTypography-subtitle2 {
	font-size: 0.875rem;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
	font-weight: 500;
	line-height: 1.57;
}

.timer-MuiTypography-overline {
	font-size: 0.75rem;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
	font-weight: 400;
	line-height: 2.66;
	text-transform: uppercase;
}

.timer-MuiTypography-srOnly {
	width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute;
}

.timer-MuiTypography-alignLeft {
	text-align: left;
}

.timer-MuiTypography-alignCenter {
	text-align: center;
}

.timer-MuiTypography-alignRight {
	text-align: right;
}

.timer-MuiTypography-alignJustify {
	text-align: justify;
}

.timer-MuiTypography-noWrap {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.timer-MuiTypography-gutterBottom {
	margin-bottom: 0.35em;
}

.timer-MuiTypography-paragraph {
	margin-bottom: 16px;
}

.timer-MuiTypography-colorInherit {
	color: inherit;
}

.timer-MuiTypography-colorPrimary {
	color: #ffffff;
}

.timer-MuiTypography-colorSecondary {
	color: #f50057;
}

.timer-MuiTypography-colorTextPrimary {
	color: rgba(0, 0, 0, 0.87);
}

.timer-MuiTypography-colorTextSecondary {
	color: rgba(0, 0, 0, 0.54);
}

.timer-MuiTypography-colorError {
	color: #ff4949;
}

.timer-MuiTypography-displayInline {
	display: inline;
}

.timer-MuiTypography-displayBlock {
	display: block;
}

/*style data-jss="" data-meta="MuiDialog"*/
@media print {
	.timer-MuiDialog-root {
		position: absolute !important;
	}
}

.timer-MuiDialog-scrollPaper {
	display: flex;
	align-items: center;
	justify-content: center;
}

.timer-MuiDialog-scrollBody {
	overflow-x: hidden;
	overflow-y: auto;
	text-align: center;
}

.timer-MuiDialog-scrollBody:after {
	width: 0;
	height: 100%;
	content: "";
	display: inline-block;
	vertical-align: middle;
}

.timer-MuiDialog-container {
	height: 100%;
	outline: 0;
}

@media print {
	.timer-MuiDialog-container {
		height: auto;
	}
}

.timer-MuiDialog-paper {
	margin: 32px;
	position: relative;
	overflow-y: auto;
}

@media print {
	.timer-MuiDialog-paper {
		box-shadow: none;
		overflow-y: visible;
	}
}

.timer-MuiDialog-paperScrollPaper {
	display: flex;
	max-height: calc(100% - 64px);
	flex-direction: column;
}

.timer-MuiDialog-paperScrollBody {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

.timer-MuiDialog-paperWidthFalse {
	max-width: calc(100% - 64px);
}

.timer-MuiDialog-paperWidthXs {
	max-width: 444px;
}

@media (max-width:507.95px) {
	.timer-MuiDialog-paperWidthXs.timer-MuiDialog-paperScrollBody {
		max-width: calc(100% - 64px);
	}
}

.timer-MuiDialog-paperWidthSm {
	max-width: 600px;
}

@media (max-width:663.95px) {
	.timer-MuiDialog-paperWidthSm.timer-MuiDialog-paperScrollBody {
		max-width: calc(100% - 64px);
	}
}

.timer-MuiDialog-paperWidthMd {
	max-width: 960px;
}

@media (max-width:1023.95px) {
	.timer-MuiDialog-paperWidthMd.timer-MuiDialog-paperScrollBody {
		max-width: calc(100% - 64px);
	}
}

.timer-MuiDialog-paperWidthLg {
	max-width: 1280px;
}

@media (max-width:1343.95px) {
	.timer-MuiDialog-paperWidthLg.timer-MuiDialog-paperScrollBody {
		max-width: calc(100% - 64px);
	}
}

.timer-MuiDialog-paperWidthXl {
	max-width: 1920px;
}

@media (max-width:1983.95px) {
	.timer-MuiDialog-paperWidthXl.timer-MuiDialog-paperScrollBody {
		max-width: calc(100% - 64px);
	}
}

.timer-MuiDialog-paperFullWidth {
	width: calc(100% - 64px);
}

.timer-MuiDialog-paperFullScreen {
	width: 100%;
	height: 100%;
	margin: 0;
	max-width: 100%;
	max-height: none;
	border-radius: 0;
}

.timer-MuiDialog-paperFullScreen.timer-MuiDialog-paperScrollBody {
	margin: 0;
	max-width: 100%;
}

.timer-MuiButtonBase-root {
	color: inherit;
	border: 0;
	cursor: pointer;
	margin: 0;
	display: inline-flex;
	outline: 0;
	padding: 0;
	position: relative;
	align-items: center;
	user-select: none;
	border-radius: 0;
	vertical-align: middle;
	-moz-appearance: none;
	justify-content: center;
	text-decoration: none;
	background-color: transparent;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
}

.timer-MuiButtonBase-root::-moz-focus-inner {
	border-style: none;
}

.timer-MuiButtonBase-root.Mui-disabled {
	cursor: default;
	pointer-events: none;
}

@media print {
	.timer-MuiButtonBase-root {
		-webkit-print-color-adjust: exact;
	}
}

/*style data-jss="" data-meta="MuiButton"*/
.timer-MuiButton-root {
	color: rgba(0, 0, 0, 0.87);
	padding: 7px 10px;
	font-size: 12px;
	min-width: 64px;
	box-sizing: border-box;
	transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
	font-weight: 500;
	line-height: 1.75;
	border-radius: 4px;
	letter-spacing: 0;
	text-transform: capitalize;
}

.timer-MuiButton-root:hover {
	text-decoration: none;
	background-color: rgba(0, 0, 0, 0.04);
}

.timer-MuiButton-root.Mui-disabled {
	color: rgba(0, 0, 0, 0.26);
}

@media (hover: none) {
	.timer-MuiButton-root:hover {
		background-color: transparent;
	}
}

.timer-MuiButton-root:hover.Mui-disabled {
	background-color: transparent;
}

.timer-MuiButton-label {
	width: 100%;
	display: inherit;
	align-items: inherit;
	justify-content: inherit;
}

.timer-MuiButton-text {
	padding: 6px 8px;
}

.timer-MuiButton-textPrimary {
	color: #ffffff;
}

.timer-MuiButton-textPrimary:hover {
	background-color: rgba(255, 255, 255, 0.04);
}

@media (hover: none) {
	.timer-MuiButton-textPrimary:hover {
		background-color: transparent;
	}
}

.timer-MuiButton-textSecondary {
	color: #f50057;
}

.timer-MuiButton-textSecondary:hover {
	background-color: rgba(245, 0, 87, 0.04);
}

@media (hover: none) {
	.timer-MuiButton-textSecondary:hover {
		background-color: transparent;
	}
}

.timer-MuiButton-outlined {
	border: 1px solid rgba(0, 0, 0, 0.23);
	padding: 6px 10px;
}

.timer-MuiButton-outlined.Mui-disabled {
	border: 1px solid rgba(0, 0, 0, 0.12);
}

.timer-MuiButton-outlinedPrimary {
	color: #ffffff;
	border: 1px solid rgba(255, 255, 255, 0.5);
}

.timer-MuiButton-outlinedPrimary:hover {
	border: 1px solid #ffffff;
	background-color: rgba(255, 255, 255, 0.04);
}

@media (hover: none) {
	.timer-MuiButton-outlinedPrimary:hover {
		background-color: transparent;
	}
}

.timer-MuiButton-outlinedSecondary {
	color: #f50057;
	border: 1px solid rgba(245, 0, 87, 0.5);
}

.timer-MuiButton-outlinedSecondary:hover {
	border: 1px solid #f50057;
	background-color: rgba(245, 0, 87, 0.04);
}

.timer-MuiButton-outlinedSecondary.Mui-disabled {
	border: 1px solid rgba(0, 0, 0, 0.26);
}

@media (hover: none) {
	.timer-MuiButton-outlinedSecondary:hover {
		background-color: transparent;
	}
}

.timer-MuiButton-contained {
	color: rgba(0, 0, 0, 0.87);
	box-shadow: none;
	background-color: #e0e0e0;
}

.timer-MuiButton-contained:hover {
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
	background-color: #d5d5d5;
}

.timer-MuiButton-contained.Mui-focusVisible {
	box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.timer-MuiButton-contained:active {
	box-shadow: none;
}

.timer-MuiButton-contained.Mui-disabled {
	color: rgba(0, 0, 0, 0.26);
	box-shadow: none;
	background-color: rgba(0, 0, 0, 0.12);
}

@media (hover: none) {
	.timer-MuiButton-contained:hover {
		box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
		background-color: #e0e0e0;
	}
}

.timer-MuiButton-contained:hover.Mui-disabled {
	background-color: rgba(0, 0, 0, 0.12);
}

.timer-MuiButton-containedPrimary {
	color: #fff;
	background-color: #34c950;
}

.timer-MuiButton-containedPrimary:hover {
	background-color: rgba(52, 201, 80, 0.9);
}

.timer-MuiButton-containedPrimary:active {
	box-shadow: none;
}

.timer-MuiButton-containedPrimary.Mui-disabled {
	color: #fff;
	background-color: rgba(52, 201, 80, 0.6);
}

@media (hover: none) {
	.timer-MuiButton-containedPrimary:hover {
		background-color: #ffffff;
	}
}

.timer-MuiButton-containedSecondary {
	color: #fff;
	background-color: #f50057;
}

.timer-MuiButton-containedSecondary:hover {
	background-color: #c51162;
}

@media (hover: none) {
	.timer-MuiButton-containedSecondary:hover {
		background-color: #f50057;
	}
}

.timer-MuiButton-disableElevation {
	box-shadow: none;
}

.timer-MuiButton-disableElevation:hover {
	box-shadow: none;
}

.timer-MuiButton-disableElevation.Mui-focusVisible {
	box-shadow: none;
}

.timer-MuiButton-disableElevation:active {
	box-shadow: none;
}

.timer-MuiButton-disableElevation.Mui-disabled {
	box-shadow: none;
}

.timer-MuiButton-colorInherit {
	color: inherit;
	border-color: currentColor;
}

.timer-MuiButton-textSizeSmall {
	padding: 4px 5px;
	font-size: 0.8125rem;
}

.timer-MuiButton-textSizeLarge {
	padding: 8px 11px;
	font-size: 0.9375rem;
}

.timer-MuiButton-outlinedSizeSmall {
	padding: 3px 9px;
	font-size: 0.8125rem;
}

.timer-MuiButton-outlinedSizeLarge {
	padding: 7px 21px;
	font-size: 0.9375rem;
}

.timer-MuiButton-containedSizeSmall {
	padding: 4px 10px;
	font-size: 0.8125rem;
}

.timer-MuiButton-containedSizeLarge {
	padding: 16px 20px;
	font-size: 0.9375rem;
	border-radius: 60px;
}

.timer-MuiButton-fullWidth {
	width: 100%;
}

.timer-MuiButton-startIcon {
	display: inherit;
	margin-left: -4px;
	margin-right: 8px;
}

.timer-MuiButton-startIcon.timer-MuiButton-iconSizeSmall {
	margin-left: -2px;
}

.timer-MuiButton-endIcon {
	display: inherit;
	margin-left: 8px;
	margin-right: -4px;
}

.timer-MuiButton-endIcon.timer-MuiButton-iconSizeSmall {
	margin-right: -2px;
}

.timer-MuiButton-iconSizeSmall */ *:first-child {
	font-size: 18px;
}

.timer-MuiButton-iconSizeMedium */ *:first-child {
	font-size: 20px;
}

.timer-MuiButton-iconSizeLarge */ *:first-child {
	font-size: 22px;
}

.timer-jss99 {
	z-index: 100000 !important;
}

.timer-jss100 {
	color: #383838;
	font-size: 16px;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
	font-weight: 500;
	padding-top: 20px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 20px;
	background-color: rgba(56, 56, 56, 0.05);
}

.timer-jss101 {
	color: #fff;
	background-color: #ff4949;
}

.timer-jss102 {
	color: #fff;
	background-color: #ff4949;
}

.timer-jss103 {
	color: #383838;
	padding-top: 40px;
}

.timer-jss104 {
	justify-content: center;
}

.timer-jss105 {
	fill: #ff4949;
	width: 36px;
	height: 36px;
	flex-shrink: 0;
	margin-right: 16px;
}

.timer-jss106 {
	display: flex;
	word-break: break-word;
	align-items: center;
}

/*style data-jss="" data-meta="MuiLink"*/
.timer-MuiLink-underlineNone {
	text-decoration: none;
}

.timer-MuiLink-underlineHover {
	text-decoration: none;
}

.timer-MuiLink-underlineHover:hover {
	text-decoration: underline;
}

.timer-MuiLink-underlineAlways {
	text-decoration: underline;
}

.timer-MuiLink-button {
	border: 0;
	cursor: pointer;
	margin: 0;
	outline: 0;
	padding: 0;
	position: relative;
	user-select: none;
	border-radius: 0;
	vertical-align: middle;
	-moz-appearance: none;
	background-color: transparent;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
}

.timer-MuiLink-button::-moz-focus-inner {
	border-style: none;
}

.timer-MuiLink-button.Mui-focusVisible {
	outline: auto;
}

.timer-MuiTooltip-popper {
	z-index: 1500;
	pointer-events: none;
}

.timer-MuiTooltip-popperInteractive {
	pointer-events: auto;
}

.timer-MuiTooltip-popperArrow[x-placement*="bottom"] .timer-MuiTooltip-arrow {
	top: 0;
	left: 0;
	width: 2em;
	height: 1em;
	margin-top: -1em;
	margin-left: 4px;
	margin-right: 4px;
}

.timer-MuiTooltip-popperArrow[x-placement*="top"] .timer-MuiTooltip-arrow {
	left: 0;
	width: 2em;
	bottom: 0;
	height: 1em;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: -1em;
}

.timer-MuiTooltip-popperArrow[x-placement*="right"] .timer-MuiTooltip-arrow {
	left: 0;
	width: 1em;
	height: 2em;
	margin-top: 4px;
	margin-left: -1em;
	margin-bottom: 4px;
}

.timer-MuiTooltip-popperArrow[x-placement*="left"] .timer-MuiTooltip-arrow {
	right: 0;
	width: 1em;
	height: 2em;
	margin-top: 4px;
	margin-right: -1em;
	margin-bottom: 4px;
}

.timer-MuiTooltip-popperArrow[x-placement*="left"] .timer-MuiTooltip-arrow::before {
	border-color: transparent transparent transparent currentcolor;
	border-width: 1em 0 1em 1em;
}

.timer-MuiTooltip-popperArrow[x-placement*="right"] .timer-MuiTooltip-arrow::before {
	border-color: transparent currentcolor transparent transparent;
	border-width: 1em 1em 1em 0;
}

.timer-MuiTooltip-popperArrow[x-placement*="top"] .timer-MuiTooltip-arrow::before {
	border-color: currentcolor transparent transparent transparent;
	border-width: 1em 1em 0 1em;
}

.timer-MuiTooltip-popperArrow[x-placement*="bottom"] .timer-MuiTooltip-arrow::before {
	border-color: transparent transparent currentcolor transparent;
	border-width: 0 1em 1em 1em;
}

.timer-MuiTooltip-tooltip {
	color: #e0e0e0;
	padding: 4px 8px;
	font-size: 12px;
	max-width: 300px;
	word-wrap: break-word;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
	font-weight: 500;
	line-height: 1.4em;
	border-radius: 4px;
	background-color: rgba(0, 0, 0, 0.7);
}

.timer-MuiTooltip-tooltipArrow {
	margin: 0;
	position: relative;
}

.timer-MuiTooltip-arrow {
	color: rgba(0, 0, 0, 0.7);
	position: absolute;
	font-size: 6px;
}

.timer-MuiTooltip-arrow::before {
	width: 0;
	height: 0;
	margin: auto;
	content: "";
	display: block;
	border-style: solid;
}

.timer-MuiTooltip-touch {
	padding: 8px 16px;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.14286em;
}

.timer-MuiTooltip-tooltipPlacementLeft {
	margin: 0 8px;
	transform-origin: right center;
}

@media (min-width:600px) {
	.timer-MuiTooltip-tooltipPlacementLeft {
		margin: 0 14px;
	}
}

.timer-MuiTooltip-tooltipPlacementRight {
	margin: 0 12px;
	transform-origin: left center;
}

@media (min-width:600px) {
	.timer-MuiTooltip-tooltipPlacementRight {
		margin: 0 14px;
	}
}

.timer-MuiTooltip-tooltipPlacementTop {
	margin: 8px 0;
	transform-origin: center bottom;
}

@media (min-width:600px) {
	.timer-MuiTooltip-tooltipPlacementTop {
		margin: 14px 0;
	}
}

.timer-MuiTooltip-tooltipPlacementBottom {
	margin: 8px 0;
	transform-origin: center top;
}

@media (min-width:600px) {
	.timer-MuiTooltip-tooltipPlacementBottom {
		margin: 14px 0;
	}
}

.timer-jss60 {
	width: 20px;
	height: 20px;
}

.timer-jss61 {
	fill: #636b79;
}

.timer-jss62 {
	fill: #ff4949;
}

.timer-jss63 {
	fill: #34c950;
}

.timer-jss64 {
	color: #34c950;
}

.timer-jss65 {
	fill: #34c950;
	animation: timer-jss66 4s linear infinite;
}


.timer-jss23 {
	padding-left: 11px;
	padding-right: 11px;
}

.timer-jss24 {
	color: #636b79;
	font-size: 12px;
	max-width: 100%;
	margin-bottom: 2px;
}

.timer-jss25 {
	color: inherit;
}

.timer-jss26 {
	color: #d1d5dd;
	font-size: 14px;
	max-width: 100%;
	margin-bottom: 6px;
}

.timer-jss27 {
	color: inherit;
}

.timer-jss67 {
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 0.25px;
	font-variant-numeric: tabular-nums;
}

.timer-jss68 {
	opacity: 0.35;
}

.timer-jss1 {
	transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
	margin-left: 11px;
	padding-top: 7px;
	margin-right: 11px;
	border-radius: 8px 8px 22px 22px;
	background-color: var(--SideBar-color);
}

.timer-jss1.timer-jss2 {
	background-color: #232e42;
}

.timer-jss3 {
	color: #ffffff;
	border: 2px solid var(--SideBar-color);
	padding: 11px;
	min-width: initial;
	text-align: left;
	border-radius: 22px;
	background-color: var(--SideBar-color);
}

.timer-jss3:hover {
	border: 2px solid #232e42;
	background-color: var(--SideBar-color);
}

.timer-jss3:hover .timer-jss6 {
	opacity: 1;
}

.timer-jss4 {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}

.timer-jss5 {
	fill: #636b79;
	width: 20px;
	height: 20px;
}

.timer-jss6 {
	fill: #34c950;
	width: 14px;
	height: 14px;
	opacity: 0;
	transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.timer-jss6.timer-jss7 {
	margin-top: 1px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 16px;
}

.timer-jss8 {
	width: 100%;
	display: flex;
	align-items: center;
}

.timer-jss9 {
	flex: 1;
	padding-left: 15px;
}

.timer-jss10 {
	fill: #34c950;
	animation: timer-jss11 4s linear infinite;
}


.timer-jss122 {
	left: 0;
	right: 0;
	bottom: 11px;
	display: flex;
	z-index: 1300;
	position: fixed;
	align-items: center;
	pointer-events: none;
	justify-content: center;
}

.timer-jss123 {
	color: #ffffff;
	height: 40px;
	font-size: 16px;
	font-weight: 700;
	padding-left: 56px;
	border-radius: 20px;
	padding-right: 56px;
	letter-spacing: 0.2px;
	pointer-events: auto;
	background-color: rgba(0, 126, 255, 0.9);
}

.timer-jss124 {
	fill: #ffffff;
	width: 14px;
	height: 14px;
	margin-right: 12px;
}

/*--------------------*/
/* BASIC TYPOGRAPHY */
/*--------------------*/
.sidebar {
	height: 100%;
	/* 100% Full-height */
	width: 0;
	/* 0 width - change this with JavaScript */
	position: fixed;
	/* Stay in place */
	z-index: 1;
	/* Stay on top */
	top: 0;
	left: 0;
	background-color: #111;
	/* Black*/
	overflow-x: hidden;
	/* Disable horizontal scroll */
	padding-top: 60px;
	/* Place content 60px from the top */
	transition: 0.5s;
	/* 0.5 second transition effect to slide in the sidebar */
}

/* The sidebar links */
.sidebar a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 25px;
	color: #818181;
	display: block;
	transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidebar a:hover {
	color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidebar .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
	transform: rotate(90deg) scale(.75);
}

/* The button used to open the sidebar */
.openbtn {
	font-size: 20px;
	cursor: pointer;
	background-color: #111;
	color: white;
	padding: 10px 15px;
	border: none;
	border-radius: 30%;
}

.myaccount {
	font-size: 10px;
	cursor: pointer;
	background-color: #111;
	color: white;
	padding: 10px 15px;
	border: none;
	border-radius: 30%;
	position: relative;
	bottom: 5%;


}

.openbtn:hover {
	background-color: #444;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
	transition: margin-left .5s;
	/* If you want a transition effect */
	padding: 20px;
}

body,
html {
	overflow-x: hidden;
	height: -webkit-fill-available;
	height: 100% !important;
}

/* Table styles */
.AWASubTablebody {
	border-collapse: collapse;
	width: 100%;
}

.AWASubTablebody th,
.AWASubTablebody td {
	padding: 8px;
	text-align: left;
	border-bottom: 1px solid #ddd;
}

/* Select element styles */
.cost-code-select {
	width: 100%;
	padding: 4px;
	border: 1px solid #ddd;
	border-radius: 4px;
}

/* Employee hour cell styles */
.hour-cell {
	text-align: center;
}

.Cost-Row label {
	display: inline-grid;
	width: 50%;
	text-align: center;
	margin-right: 10px;
	vertical-align: middle;
}

.Cost-Row input {
	display: inline-grid;
	width: 6rem;
	/* Adjust the width as needed */
	box-sizing: border-box;
	vertical-align: middle;
	margin-bottom: 5px;
	/* Adjust the margin as needed */
}

.Content-Title {
	height: 5vh;
	margin: auto;
	color: #fff;
	left: 50%;
	z-index: 999;
	background-color: var(--SideBar-color);
}

.checkercard {
	overflow: hidden;
}

.checkercard table {
	width: 100%;
	/* Make the table occupy the full width of the div */
	table-layout: fixed;
}

.checkercard td {
	word-break: break-word;
	/* Allow long words to break and wrap */
	white-space: normal;
}

.checkercard td p {
	word-break: break-word;
	/* Allow long words to break and wrap */
	white-space: normal;
}

.Content-Text {

	word-wrap: break-word;
	font-size: 3vh;
}

.table-wrapper {
	background: #fff;
	padding: 20px 25px;
	margin: 30px 0;
	border-radius: 3px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	position: left;
	width: 60%;
	overflow: scroll;
}

.table-title {
	padding-bottom: 15px;
	background: var(--neutralPrimaryAlt);
	color: #fff;
	padding: 16px 30px;
	margin: -20px -25px 10px;
	border-radius: 3px 3px 0 0;
}

.table-title h2 {
	margin: 5px 0 0;
	font-size: 24px;
}

.table-title .btn-group {
	float: right;
}

.table-title .btn {
	color: #fff;
	float: right;
	font-size: 13px;
	border: none;
	min-width: 50px;
	border-radius: 2px;
	border: none;
	outline: none !important;
	margin-left: 10px;
}

.table-title .btn i {
	float: left;
	font-size: 21px;
	margin-right: 5px;
}

.table-title .btn span {
	float: left;
	margin-top: 2px;
}

table.table tr th,
table.table tr td {
	border-color: #e9e9e9;
	padding: 12px 15px;
	vertical-align: middle;
}

table.table tr th:first-child {
	width: 60px;
}


table.table-striped tbody tr:nth-of-type(odd) {
	background-color: #fcfcfc;
}

table.table-striped.table-hover tbody tr:hover {
	background: #f5f5f5;
}

table.table th i {
	font-size: 13px;
	margin: 0 5px;
	cursor: pointer;
}


table.table-striped.th.rotate {
	/* Something you can count on */
	height: 140px;
	white-space: nowrap;
}

table.table-striped.th.rotate */ div {
	transform:
		/* Magic Numbers */
		translate(25px, 51px)
		/* 45 is really 360 - 45 */
		rotate(315deg);
	width: 30px;
}

table.table-striped.th.rotate */ div */ span {
	border-bottom: 1px solid #ccc;
	padding: 5px 10px;
}

.pagination {
	float: right;
	margin: 0 0 5px;
}

.pagination li a {
	border: none;
	font-size: 13px;
	min-width: 30px;
	min-height: 30px;
	color: #999;
	margin: 0 2px;
	line-height: 30px;
	border-radius: 2px !important;
	text-align: center;
	padding: 0 6px;
}

.pagination li a:hover {
	color: #666;
}

.pagination li.active a,
.pagination li.active a.page-link {
	background: #03A9F4;
}

.pagination li.active a:hover {
	background: #0397d6;
}

.pagination li.disabled i {
	color: #ccc;
}

.pagination li i {
	font-size: 16px;
	padding-top: 6px
}

.hint-text {
	float: left;
	margin-top: 10px;
	font-size: 13px;
}

/* Custom checkbox */
.custom-checkbox {
	position: relative;
}

.custom-checkbox input[type="checkbox"] {
	opacity: 0;
	position: absolute;
	margin: 5px 0 0 3px;
	z-index: 9;
}



.custom-checkbox label:before {
    width: 18px;
	height: 18px;
	content: '';
	margin-right: 10px;
	display: inline-block;
	vertical-align: text-top;
	background: white;
	border: 1px solid #bbb;
	border-radius: 2px;
	box-sizing: border-box;
	z-index: 2;
}



.custom-checkbox input[type="checkbox"]:checked+label:before {
	border-color: #03A9F4;
	background: #03A9F4;
}



.custom-checkbox input[type="checkbox"]:disabled+label:before {
	color: #b8b8b8;
	cursor: auto;
	box-shadow: none;
	background: #ddd;
}

/* Modal styles */
.modal .modal-dialog {
	max-width: 400px;
}

.modal .modal-header,
.modal .modal-body,
.modal .modal-footer {
	padding: 20px 30px;
}

.modal .modal-footer {
	background: #ecf0f1;
	border-radius: 2rem;
}


.modal .form-control {
	border-radius: 2px;
	box-shadow: none;
	border-color: #dddddd;
}


.modal .btn {
	border-radius: 2px;
	min-width: 100px;
}


.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	font-feature-settings: 'liga';
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}

ul {
	padding: 0;
	margin: 0;
}

ul li {
	list-style: none;
	font-size: 17px;
	line-height: 1.59;
}

a {
	text-decoration: none;
	color: #2f2f2f;
}

a:hover,
a:focus {
	outline: none;
	text-decoration: none;
}




h3 {
	font-size: 26px;
}

h4 {
	font-size: 22px;
}

h5 {
	font-size: 20px;
}

h6 {
	font-size: 18px;
}

img {
	border: none;
	max-width: 100%;
    border: 0
}

code {
	background-color: #ee6e73;
	border-radius: 2px;
	color: #fff;
	padding: 2px 4px;
}

pre {
	background-color: #f8f8f8;
	border: 1px solid #eee;
	border-radius: 4px;
	padding: 10px;
}

pre code {
	background-color: transparent;
	color: #333333;
}

del {
	text-decoration-color: #ee6e73;
}

kbd {
	background-color: #ddd;
	padding: 4px 6px;
	border-radius: 2px;

}

address {
	line-height: 1.5;
	padding-left: 10px;
}





blockquote {
	background-color: #f8f8f8;
	border-radius: 0 4px 4px 0;
	color: #323232;
	padding: 15px 15px;
	border-left: 5px solid var(--Primary-Button);
	font-weight: 600;
}

blockquote p {
	margin-top: 10px;
}

button {
	padding: 5px 15px;
	border: none;
}

button:focus {
	outline: none;
	border: none;
}

iframe {
	border: none;
}

/* ========= BUTTON =========*/

.mu-primary-btn {
	background-color: var(--Primary-Button);
	color: #fff;
	display: inline-block;
	font-size: 18px;
	padding: 15px 70px;
	text-transform: uppercase;
	font-weight: 700;
	border-radius: 25px;
}

.mu-primary-btn:hover,
.mu-primary-btn:focus {
	color: #fff;
}

.mu-send-msg-btn {
	color: #555;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
	text-align: center;
	padding: 12px 20px;
	margin-top: 10px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	width: 170px;
	color: #fff;
	border-radius: 20px;
	cursor: pointer;
	text-transform: uppercase;
}

.mu-send-msg-btn:hover,
.mu-send-msg-btn:focus {
	background-color: #fff;
}

/*scrol to top*/


.scrollToTop:hover,
.scrollToTop:focus {
	color: #fff;
}

.mu-single-slide:before {
	background-color: #8481b0;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#8481b0, endColorstr=#73b58c);
	background-image: -moz-linear-gradient(left, #8481b0 55%, #73b58c 22%, #69bbd5 100%);
	background-image: linear-gradient(left, #8481b0 55%, #73b58c 22%, #69bbd5 100%);
	background-image: -webkit-linear-gradient(left, #8481b0 55%, #73b58c 22%, #69bbd5 100%);
	background-image: -o-linear-gradient(left, #8481b0 55%, #73b58c 22%, #69bbd5 100%);
	background-image: -ms-linear-gradient(left, #8481b0 55%, #73b58c 22%, #69bbd5 100%);
	background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(55%, #8481b0), color-stop(22%, #73b58c), color-stop(100%, #69bbd5));
}

a:hover,
a:focus,
.mu-book-now-btn,
.mu-copy-right a:hover,
.mu-copy-right a:focus,
.mu-send-msg-btn:hover,
.mu-send-msg-btn:focus,
.mu-logo,
.mu-logo:hover,
.mu-logo:focus,
.mu-client-quote,
.mu-clients-slider .slick-prev,
.mu-clients-slider .slick-next,
.mu-clients-slider .slick-prev::before,
.mu-clients-slider .slick-next::before,
.my-why-us-single-icon {
	color: var(--Primary-Button);
}

.scrollToTop,
.mu-testimonial-slide .slick-dots li.slick-active,
#mu-callto-action {
	background-color: var(--Primary-Button);
}

.mu-social-media a:hover,
.mu-social-media a:focus {
	border: 1px solid var(--Primary-Button);
	color: var(--Primary-Button);
}

.mu-contact-form .form-control:focus,
.mu-featured-tours-single-info .mu-book-now-btn {
	border: 1px solid var(--Primary-Button);
	;
}

.mu-send-msg-btn,
.mu-send-msg-btn:focus,
.mu-register-btn:hover,
.mu-register-btn:focus {
	border: 1px solid var(--Primary-Button);
	background-color: var(--Primary-Button);
}

.mu-clients-slider .slick-prev,
.mu-clients-slider .slick-next {
	border: 2px solid var(--Primary-Button);
}

/*--------------------*/
/* HEADER */
/*--------------------*/

#mu-hero {
	background-color: var(--Primary-Button);
	display: inline;

}

.mu-logo-area {
	display: inline;

}

.mu-navbar .mu-logo {
	color: #fff;
	font-weight: 600;
	font-size: 36px;
}

.mu-logo span {
	display: inline-block;
}

.mu-logo img {
	margin-top: -5px;
}

.mu-navbar .mu-logo:hover,
.mu-navbar .mu-logo:focus {
	color: #fff;
}

.mu-scrolldown-area {
	display: inline;

	text-align: center;

}

.mu-scrolldown {
	font-size: 40px;
	color: #fff;
	display: inline-block;
	margin-top: 50px;
}

.mu-scrolldown:hover,
.mu-scrolldown:focus {
	color: #fff;
}

/*--------------------*/
/* MENUE */
/*--------------------*/

.mu-navbar {
	padding: 20px 0;
}

.mu-navbar-nav {
	display: block;
	text-align: right;
	width: 100%;
}

.mu-navbar-nav li {
	list-style: none;
	display: inline-block;
}

.mu-navbar-nav li a {
	color: #fefeff;
	display: block;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 9px 18px;
	border-radius: 15px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.navbar-light .navbar-nav .active */ .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show */ .nav-link {
	color: #fff;
}

.mu-navbar-nav li.active a,
.mu-navbar-nav li a:hover,
.mu-navbar-nav li a:focus {
	background-color: #fff;
	color: var(--Primary-Button);
}


.mu-navbar-nav .dropdown-menu {
	left: auto;
	right: 0;
}

.mu-navbar-nav li .dropdown-menu a {
	color: #444;
	padding: 6px 15px;
}


#mu-slider {
	display: inline;
}

.mu-slide {
	display: inline;
}

.mu-single-slide {
	display: inline;
	position: relative;
}

.mu-single-slide:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0.8;
	z-index: 10;
}

.mu-single-slide-content-area {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: 99;
	padding: 12% 16%;
}

.mu-single-slide-content {
	display: inline;
	text-align: center;

}

.mu-single-slide-content h1 {
	color: #fff;
	text-transform: uppercase;
	font-size: 48px;
	margin-bottom: 30px;
}

.mu-single-slide-content p {
	color: #fff;
	font-size: 14px;
	margin-bottom: 30px;
}

.mu-single-slide-content a {
	margin-top: 30px;
}

.mu-slide .slick-prev:hover,
.mu-slide .slick-prev:focus,
.mu-slide .slick-next:hover,
.mu-slide .slick-next:focus {
	color: var(--Primary-Button);
}

.mu-slide .slick-prev:hover:before,
.mu-slide .slick-prev:focus:before,
.mu-slide .slick-next:hover:before,
.mu-slide .slick-next:focus:before {
	color: var(--Primary-Button);
}

/*--------------------*/
/* ABOUT US */
/*--------------------*/


#mu-about {
	background-color: #fff;
	display: inline;
}


.mu-title {
	display: inline;
	text-align: center;
	padding: 0 25%;
}

.mu-title h2 {
	color: #323232;
	font-size: 30px;
	text-transform: uppercase;
	margin-bottom: 15px;
}



/*--------------------*/
/* CALL TO ACTION */
/*--------------------*/

#mu-call-to-action {
	background-image: url(assets/images/call-to-action-bg.jpg);
	float: left;
	position: relative;
	width: 100%;
}

#mu-call-to-action:before {
	background: #0091E3;
	content: '';
	position: absolute;
	opacity: 0.84;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.mu-call-to-action-area {
	display: inline;
	padding: 70px 0;
}

.mu-call-to-action-left {
	color: #fff;
	display: inline;
	max-width: 70%;
}

.mu-call-to-action-left h2 {
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.mu-call-to-action-left p {
	margin-bottom: 0;
}

.mu-quote-btn {
	background-color: #fff;
	color: var(--Primary-Button);
	float: right;
}

.mu-quote-btn:hover,
.mu-quote-btn:focus {
	color: var(--Primary-Button);
}

/*--------------------*/
/* SERVICE */
/*--------------------*/

#mu-service {
	display: inline;

	padding: 100px 0 50px;
}

.mu-service-area {
	display: inline;
}

.mu-service-content {
	display: inline;
}

.mu-single-service {
	display: inline;
}

.mu-single-service-icon {
	background-color: var(--Primary-Button);
	border-radius: 50%;
	color: #fff;
	display: inline;
	font-size: 18px;
	text-align: center;
	line-height: 48px;
	margin-right: 20px;
}

.mu-single-service-content {
	display: inline;

}

.mu-single-service-content h3 {
	color: #323232;
	text-transform: uppercase;
	font-size: 18px;
}

.mu-single-service-content p {
	font-size: 14px;
}

/*--------------------*/
/* VIDEO */
/*--------------------*/


#mu-video {
	background-color: #f5f5f5;
	display: inline;

	position: relative;

}

.mu-video-left {
	background-image: url(assets/images/video-img.jpg);
	display: inline;

	text-align: center;
	position: relative;

	padding: 195px 0;
	background-size: cover;
}

.mu-video-left:after {
	background-color: var(--Primary-Button);
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	opacity: 0.84;
	width: 100%;
	z-index: 10;
}

.mu-video-play-btn {
	background-color: #fff;
	border-radius: 15px;
	display: inline-block;
	color: var(--Primary-Button);
	height: 55px;
	width: 80px;
	position: relative;
	font-size: 20px;
	z-index: 99;
	line-height: 55px;
	opacity: 0.8;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.mu-video-play-btn:hover,
.mu-video-play-btn:focus {
	opacity: 1;
}

.mu-video-right {
	display: inline;

	padding-top: 180px;
	padding-right: 44%;
	padding-left: 25px;
}

.mu-video-right p {
	color: var(--Primary-Button);
	font-size: 18px;
}

/*video popup*/


.mu-video-popup {
	display: inline;

}

.mu-video-close-btn {
	border-radius: 50%;
	color: #fff;
	font-size: 18px;
	border: 2px solid #fff;
	position: absolute;
	top: 0;
	right: 15%;
	display: inline-block;
	height: 50px;
	line-height: 45px;
	text-align: center;
	margin-top: 100px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	width: 50px;
}

.mu-video-close-btn:hover,
.mu-video-close-btn:focus {
	color: #fff;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.mu-video-iframe-area {
	background-color: rgba(0, 0, 0, 0.84);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	padding: 12% 0;
	text-align: center;
	z-index: 9999;
	display: none;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.mu-video-iframe-display {
	display: block;
}


/*--------------------*/
/* PORTFOLIO */
/*--------------------*/

#mu-portfolio {
	display: inline;

}

.mu-portfolio-area {
	display: inline;

	padding: 100px 0;

}

.mu-portfolio-content {
	display: inline;

}

.mu-portfolio-filter-area {
	display: inline;

}

.filtr-item {
	margin-bottom: 0px;
	padding: 16px;
	transform-style: unset !important;
}

.mu-imglink {
	background-color: transparent;
}

.filtr-item h4 {
	font-size: 14px;
}

.mu-filter-item-content {
	background-color: var(--Primary-Button);
	position: absolute;
	left: 16px;
	top: 16px;
	right: 16px;
	bottom: 16px;
	color: #fff;
	padding-top: 27%;
	text-align: center;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0.9;
	filter: "";
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.filtr-item:hover .mu-filter-item-content {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

/* Filter controls */

.mu-simplefilter {
	text-align: center;
}

.mu-simplefilter li {
	color: #323232;
	cursor: pointer;
	display: inline-block;
	margin: 0 6px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size: 16px;
	font-weight: 700;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.mu-simplefilter li span {
	margin-left: 16px;
}

.mu-simplefilter li:hover,
.mu-simplefilter li.active {
	color: var(--Primary-Button);
}


/*--------------------*/
/* COUNTER */
/*--------------------*/

#mu-counter {
	background-image: url("assets/images/counter-bg.jpg");
	background-size: cover;
	display: inline;

	position: relative;

}

#mu-counter::before {
	bottom: 0;
	content: '';
	left: 0;
	top: 0;
	right: 0;
	position: absolute;
	opacity: 0.65;
	background-color: var(--Primary-Button);
}

.mu-counter-area {
	display: inline;
	padding: 100px 0;
}

.mu-counter-area h2 {
	color: #fff;
	text-align: center;
}

.mu-counter-block {
	display: inline;

}

.mu-single-counter {
	display: inline;

	text-align: center;

}

.mu-single-counter span {
	border-right: 1px solid #fff;
	color: #fff;
	font-size: 40px;
	padding: 32px 20px;
	margin-bottom: 0px;
	display: inline-block;

}

.mu-single-counter-content {
	display: inline;

	text-align: left;
	padding-left: 20px;
	padding-top: 16px;
}

.counter-value {
	font-size: 36px;
	font-family: 'Helvetica', sans-serif;
	font-weight: 700;
	margin-bottom: 0;
	color: #fff;
	line-height: 1.2;
}

.mu-counter-name {
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 24px;
}

/*--------------------*/
/* PRICING */
/*--------------------*/

#mu-pricing {
	background-color: #fff;
	padding: 100px 0;
	display: inline;
}


.mu-pricing-area h2 {
	color: #333;
}

.mu-pricing-content {
	display: inline;

}

.mu-pricing-table {
	display: table;
	width: 100%;
}

.mu-pricing-table */ li {
	list-style: none;
	display: inline-block;
	margin: 0 15px;
	width: 24%;
	vertical-align: middle;
}

.mu-pricing-table */ li.mu-standard-pricing {
	width: 32%;
}

.mu-pricing-single {
	display: inline;

	text-align: center;
	padding: 20px 0;

	box-shadow: 0px 0px 14px #ededed;
	border-radius: 5px;
}

.mu-pricing-single-icon {
	display: inline;

	padding-bottom: 30px;
}

.mu-pricing-single-icon span {
	color: #0277bd;
	font-size: 60px;
}

.mu-pricing-single-title {
	background-color: #0277bd;
	color: #fff;
	display: inline;

	padding: 15px 0;

}

.mu-pricing-single-title h3 {
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 0;
}

.mu-pricing-single-content {
	display: inline;

	padding: 35px 0 15px;

}


.mu-pricing-single-content ul li {
	color: #666666;
	font-size: 14px;
	list-style: none;
	line-height: 1.7;
}

.mu-single-pricebox {
	display: inline;
	padding: 5px 0 25px;

}

.mu-single-pricebox h4 {
	color: #0277bd;
	font-size: 48px;
	font-family: 'Open Sans', sans-serif;
}

.mu-single-pricebox h4 */ span {
	font-weight: normal;
	font-size: 14px;
}

.mu-buy-now-btn {
	background-color: #0277bd;
	border-radius: 20px;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	padding: 10px 50px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.mu-buy-now-btn:hover,
.mu-buy-now-btn:focus {
	color: #fff;
}

.mu-standard-pricing .mu-pricing-single {
	padding: 25px 50px;
}

.mu-standard-pricing .mu-pricing-single-content {
	padding: 50px 0 40px;
}

.mu-standard-pricing .mu-single-pricebox {
	padding: 5px 0 40px;
}

.mu-standard-pricing .mu-buy-now-btn {
	background-color: #0277bd;
	border-radius: 20px;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	padding: 8px 48px;
	text-transform: uppercase;
	margin-bottom: 35px;
}

/*--------------------*/
/* TESTIMONIALS */
/*--------------------*/

#mu-testimonials {
	background-image: url("assets/images/testimonial-bg.jpg");
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	display: inline;

	position: relative;

}

#mu-testimonials::before {
	background: var(--Primary-Button);
	bottom: 0;
	content: '';
	left: 0;
	top: 0;
	right: 0;
	position: absolute;
	opacity: 0.8;
	z-index: 10;
}

.mu-testimonials-area {
	display: inline;

	padding: 150px 0 175px;

	position: relative;
	z-index: 20;
}

.mu-testimonials-area h2 {
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}

.mu-testimonials-block {
	display: inline;

}

.mu-testimonial-slide li {
	list-style: none;
	text-align: center;
}

.mu-client-quote {
	font-size: 35px;
	opacity: 0.7;
	margin-bottom: 25px;
}

.mu-testimonial-slide li p {
	color: #fff;
	padding: 0 10%;
}

.mu-testimonial-slide .mu-rt-img {
	border-radius: 50%;
	width: 75px;
	height: 75px;
	display: inline-block;
	border: 4px solid #f8f8f8;
	margin-bottom: 25px;
}

.mu-rt-name {
	margin-bottom: 5px;
	color: #fff;
	line-height: 1;
	margin-top: 25px;
	letter-spacing: 1px;
}

.mu-rt-title {
	color: #fff;
	font-size: 14px;
}

.mu-testimonial-slide .slick-dots {
	bottom: -50px;
}

.mu-testimonial-slide .slick-dots li {
	background-color: #f8f8f8;
	height: 4px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.mu-testimonial-slide .slick-dots li button {
	display: none;
}

.mu-testimonial-slide .slick-next {
	right: -60px;
}

.mu-testimonial-slide .slick-prev {
	left: -60px;
}

.mu-testimonial-slide .slick-prev:hover,
.mu-testimonial-slide .slick-prev:focus,
.mu-testimonial-slide .slick-next:hover,
.mu-testimonial-slide .slick-next:focus {
	color: var(--Primary-Button);
}

.mu-testimonial-slide .slick-prev:hover:before,
.mu-testimonial-slide .slick-prev:focus:before,
.mu-testimonial-slide .slick-next:hover:before,
.mu-testimonial-slide.slick-next:focus:before {
	color: var(--Primary-Button);
}

/*--------------------*/
/* NEWS LETTER */
/*--------------------*/

#mu-newsletter {
	background-image: url("assets/images/newsletter-bg.jpg");
	background-position: center center;
	background-size: cover;
	display: inline;

	position: relative;

}

#mu-newsletter::before {
	background: var(--Primary-Button);
	bottom: 0;
	content: '';
	left: 0;
	top: 0;
	right: 0;
	position: absolute;
	opacity: 0.8;
	z-index: 10;
}

.mu-newsletter-area {
	display: inline;

	position: relative;

	padding: 75px 0;
	z-index: 20;
}

.mu-newsletter-area .mu-title h2 {
	color: #fff;
}

.mu-newsletter-area .mu-title p {
	color: #fff;
}

.mu-newsletter-content {
	display: inline;

	padding: 0 28%;
}

.mu-subscribe-form {
	position: relative;
}

.mu-subscribe-form input {
	width: 100%;
	height: 60px;
	border-radius: 25px;
	border: none;
	padding: 0 170px 0 20px;
	font-size: 14px;
	color: #000;
}

.mu-subscribe-btn {
	background-color: var(--Primary-Button);
	color: #fff;
	font-size: 18px;
	position: absolute;
	right: 6px;
	top: 6px;
	height: 48px;
	width: 160px;
	cursor: pointer;
	border-radius: 24px;
	text-transform: uppercase;
	font-weight: 700;
}

/*--------------------*/
/* CLIENTS */
/*--------------------*/

#mu-clients {
	background-color: #f6f6f6;
	display: inline;

}

.mu-clients-area {
	display: inline;
	padding: 70px 0;
	text-align: center;
}

.mu-clients-slider {
	display: inline;
}

.mu-clients-single {
	display: inline;

}

.mu-clients-slider .slick-next {
	right: -40px;
}

.mu-clients-slider .slick-prev {
	left: -60px;
}



/*--------------------*/
/* GOOGLE MAP */
/*--------------------*/

#mu-google-map {
	display: inline;

}

#mu-google-map iframe {
	height: 450px;
	width: 100%;
}

/*--------------------*/
/* FOOTER */
/*--------------------*/


#mu-footer {
	background-color: #fff;
	display: inline;

}

.mu-footer-top {
	background-color: #0277bd;
	display: inline;
	padding: 55px 0;
}

.mu-single-footer {
	display: inline;
	color: #fff;
	font-size: 14px;
}

.mu-footer-logo {
	margin-bottom: 25px;
}

.mu-single-footer h3 {
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 35px;
}

.mu-single-footer ul li {
	border-bottom: 1px solid #1c85c4;
	list-style: none;
	margin-bottom: 10px;
	padding-bottom: 12px;
	font-size: 14px;
}

.mu-single-footer ul li:last-child {
	border-bottom: none;
}

.mu-single-footer ul li a {
	color: #fff;
}

.mu-single-footer .mu-useful-links li {
	line-height: 1;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.mu-single-footer .list-unstyled li {
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.mu-single-footer .list-unstyled li.media span {
	margin-right: 10px;
}

.mu-single-footer .list-unstyled li.media p {
	line-height: 1.5;
	margin-top: -5px;
	margin-bottom: 4px;
	font-size: 14px;
}

.mu-single-footer .list-unstyled li.media a {
	font-size: 12px;
}

.mu-footer-bottom {
	background-color: #004f7f;
	display: inline;
	padding: 20px 0;

}

.mu-footer-bottom-area {
	display: inline;
	text-align: center;
}

.mu-social-media {
	display: inline;

	border-top: 1px solid #1c85c4;
	padding-top: 12px;
}

.mu-social-media a {
	background-color: #3b5998;
	border: 1px solid #babcbe;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	margin-right: 6px;
	text-align: center;
	text-decoration: none;
	transition: all 0.2s ease-in-out 0s;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
}

.mu-social-media a.mu-twitter {
	background-color: #1da1f2;
}

.mu-social-media a.mu-google-plus {
	background-color: #dd4b39;
}

.mu-social-media a.mu-pinterest {
	background-color: #bd081c;
}

.mu-social-media a.mu-youtube {
	background-color: #cd201f;
}

.mu-social-media a:hover,
.mu-social-media a:focus {
	border-color: #babcbe;
	color: #fff;
}

.mu-copy-right {
	color: #fff;
	margin-bottom: 0;
	font-size: 14px;
}

.mu-copy-right a {
	color: #fff;
	font-weight: 600;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

/*--------------------*/
/* ABOUT US */
/*--------------------*/


#mu-page-header {
	background-image: url(assets/images/page-header-bg.jpg);
	background-position: center center;
	background-size: cover;
	display: inline;
	position: relative;
}

#mu-page-header::before {
	background-color: #ebebeb;
	bottom: 0;
	content: '';
	left: 0;
	top: 0;
	right: 0;
	position: absolute;
	opacity: 0.60;
	z-index: 10;
}

.mu-page-header-area {
	display: inline;
	padding: 150px 0;
	position: relative;
	z-index: 20;
}

.mu-page-header-title {
	color: #323232;
	text-align: center;
	font-size: 48px;
	text-transform: uppercase;
	margin-bottom: 0;
}

#mu-breadcrumb {
	background-color: #f6f6f6;
	display: inline;

}

.mu-breadcrumb {
	background-color: transparent;
	margin-bottom: 0;
	padding-left: 0;
}

.mu-breadcrumb li {
	font-size: 14px;
}

.mu-breadcrumb li.active {
	color: var(--Primary-Button);
}

.mu-breadcrumb li a {
	color: #323232;
}

#mu-skills {
	background-image: url(assets/images/skill-bg.jpg);
	background-position: center center;
	background-size: cover;
	display: inline;

	padding: 100px 0;
	position: relative;

}

#mu-skills:before {
	background-color: #000000;
	content: '';
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	position: absolute;
	opacity: 0.3;
	z-index: 10;
}

.mu-skills-area {
	display: inline;

	position: relative;

	z-index: 20;
}

.mu-skills-area .mu-title h2,
.mu-skills-area .mu-title p {
	color: #fff;
}

.mu-skills-content {
	display: inline;

}

.mu-single-skills {
	color: #fff;
	display: inline;
	text-align: center;
}

.mu-single-skills h3 {
	font-size: 18px;
}

.mu-single-skills p {
	margin-bottom: 0;
}

.mu-skills-circle {


	text-align: center;
	display: inline;

}

.mu-skills-circle .mu-circle {
	height: 146px !important;
	width: 146px !important;
	margin: 0 auto;
	float: none;
}

.mu-skills-circle .mu-circle .text {
	background-color: var(--Primary-Button);
	color: #fff !important;
	font-size: 20px;
	padding: 20px 15px;
	border-radius: 50%;
}

.mu-skills-percantage {
	display: inline-block;
}

.mu-skills-circle .loader-spinner {
	border-color: var(--Primary-Button);
}

#mu-team {
	display: inline;

}

.mu-team-area {
	display: inline;
	padding: 100px 0 90px;

}

.mu-team-content {
	display: inline;

}

.mu-single-team {
	background-color: #f6f6f6;
	display: inline;

}

.mu-single-team-img {
	display: inline;

}


.mu-single-team-content {
	display: inline;

	padding: 15px 33px;
}

.mu-single-team-content h3 {
	font-size: 18px;
	color: #323232;
	margin-bottom: 0;
}

.mu-single-team-content span {
	display: inline-block;
	font-size: 16px;
	color: var(--Primary-Button);
	margin-bottom: 5px;
}

.mu-single-team-content p {
	font-size: 14px;
	margin-bottom: 12px;
}

.mu-team-social li {
	list-style: none;
	display: inline-block;
}

.mu-team-social li a {
	background-color: #ebebeb;
	border-radius: 50%;
	color: #7a7272;
	display: inline-block;
	font-size: 16px;
	height: 35px;
	line-height: 35px;
	margin-right: 10px;
	width: 35px;
	text-align: center;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.mu-team-social li a:hover,
.mu-team-social li a:focus {
	background-color: var(--Primary-Button);
	color: #fff;
}

/*--------------------*/
/* BLOG PAGE */
/*--------------------*/

#mu-from-blog {
	background-color: #fff;

	padding: 100px 0;
	display: inline;

}

.mu-from-blog-area {
	display: inline;

}

.mu-from-blog-content {
	display: inline;


}

.mu-blog-item {
	box-shadow: 0px 0px 14px #ededed;
	display: inline;

}

.mu-blog-item-content {
	display: inline;

	padding: 25px 25px;

}

.mu-blog-meta {
	margin-bottom: 10px;
}

.mu-blog-meta li {
	color: #8f9090;
	font-size: 12px;
	list-style: none;
	display: inline-block;
	position: relative;
	padding-right: 20px;
	margin-right: 10px;
}

.mu-blog-meta li i {
	margin-right: 3px;
}

.mu-blog-meta li:after {
	content: '/';
	position: absolute;
	right: 0;
	top: 0;
}

.mu-blog-meta li:last-child:after {
	display: none;
}

.mu-blog-item-title,
.mu-blog-item-title a {
	color: #323232;
	font-size: 16px;
	line-height: 1.5;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}


.mu-blog-item-content p {
	color: #323232;
	font-size: 14px;
}


.mu-blg-readmore-btn {
	color: #0277bd;
	font-size: 14px;
}

#mu-blog {
	display: inline;
	padding: 60px 0;

}

.mu-blog {
	display: inline;

}

.mu-blog-left {
	display: inline;

}

#mu-blog .mu-blog-item {
	box-shadow: none;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 50px;
	padding-bottom: 20px;
}

#mu-blog .mu-blog-item-content {
	padding: 25px 0;
}


.mu-blog-pagination .pagination {
	float: right;
}

.mu-blog-pagination .pagination li {
	list-style: none;
	margin: 0 5px;
}

.mu-blog-pagination .pagination li:last-child {
	margin-right: 0;
}

.mu-blog-pagination .pagination .page-link {
	background-color: var(--Primary-Button);
	border: none;
	color: #fff;
	padding: 0;
	margin-left: 0;
	font-size: 18px;
	width: 45px;
	text-align: center;
	height: 45px;
	line-height: 43px;
	font-weight: bold;
}

.mu-blog-pagination .pagination .page-item:first-child .page-link {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	line-height: 45px;
}



.mu-blog-sidebar {
	display: inline;

}

.mu-sidebar-widget {
	display: inline;

}

.mu-search-form {
	position: relative;
}

.mu-search-form input {
	border: 1px solid #e1e1e1;
	color: #323232;
	font-size: 14px;
	height: 60px;
	width: 100%;
	border-top-color: var(--Primary-Button);
	border-top-width: 2px;
	padding: 0 50px 0 20px;
}

.mu-search-form .mu-search-submit-btn {
	background-color: transparent;
	border: none;
	color: var(--Primary-Button);
	font-size: 18px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	bottom: 0;
	width: 50px;
}

.mu-sidebar-widget-title {
	background-color: #f6f6f6;
	border-top: 2px solid var(--Primary-Button);
	color: #323232;
	font-size: 24px;
	padding: 16px 20px;
}

.mu-sidebar-social-widget .mu-social-media {
	border-top: none;
	margin-top: 10px;
	text-align: center;
}

.mu-sidebar-social-widget .mu-social-media a {
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
}

.mu-sidebar-widget ul,
.mu-sidebar-widget ul*/ul {
	padding-left: 15px;
}

.mu-sidebar-widget ul li {
	list-style: none;
	font-size: 16px;
}

.mu-sidebar-widget ul li a {
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.mu-sidebar-widget-nav {
	margin-top: 20px;
}

.mu-sidebar-widget-nav li {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.mu-sidebar-widget-nav li a i {
	margin-right: 5px;
}

.mu-sidebar-widget-nav li:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.mu-sidebar-widget-nav ul li:first-child {
	border-top: 1px solid #e5e5e5;
	margin-top: 5px;
	padding-top: 5px;
}

.mu-tags {
	display: inline;
}

.mu-tags a {
	border: 1px solid #e1e1e1;
	border-top-color: var(--Primary-Button);
	display: inline-block;
	font-size: 14px;
	padding: 12px 15px;
	margin: 0 10px 15px 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.mu-sidebar-subscribe-widget .mu-subscribe-form {
	margin-top: 25px;
}

.mu-sidebar-subscribe-widget .mu-subscribe-form input {
	border: 1px solid var(--Primary-Button);
}

.mu-popular-content-widget {
	display: inline;
}

.mu-popular-content-widget .media {
	margin-bottom: 30px;
}

.mu-popular-content-widget .media:last-child {
	margin-bottom: 0;
}

.mu-popular-content-widget .media */ .mu-popular-post-img {
	width: 120px;
	margin-right: 10px;
}

.mu-popular-content-widget .media .mu-blog-meta {
	margin-bottom: 5px;
	padding-left: 0;
}

.mu-popular-content-widget .media .mu-blog-meta li {
	font-size: 12px;
	padding-right: 15px;
	margin-right: 4px;
}

.mu-popular-content-widget .media .media-body h3 {
	color: #323232;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
}

/*Blog Single*/

#mu-blog.mu-blog-single .mu-blog-item {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

#mu-blog.mu-blog-single .mu-blog-item-title {
	color: #666;
	font-size: 24px;

}

.mu-blog-single ul {
	padding-left: 25px;
}

.mu-blog-tag {
	display: inline;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #ccc;
	padding: 20px 0;
}

.mu-blog-single .mu-blog-tag-nav,
.mu-blog-single .mu-blog-share-nav {
	padding-left: 0;
}

.mu-blog-tag-nav li {
	list-style: none;
	display: inline-block;
}

.mu-blog-tag-nav li h3 {
	color: #323232;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	margin-right: 10px;
}

.mu-blog-tag-nav li span {
	margin-right: 5px;
}

.mu-blog-tag-nav li a {
	display: inline-block;
	color: #323232;
	font-size: 14px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.mu-blog-tag-nav li a:hover,
.mu-blog-tag-nav li a:focus {
	color: var(--Primary-Button);
}

.mu-blog-share {
	display: inline;
	border-bottom: 1px solid #ccc;
	padding: 20px 0;
}

.mu-blog-share .mu-blog-share-nav {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}

.mu-blog-share-nav li {
	list-style: none;
	display: inline-block;
}

.mu-blog-share-nav li h3 {
	color: #323232;
	font-size: 18px;
	font-weight: 600;
	margin-right: 10px;
}

.mu-blog-navigation {
	display: inline;
	padding: 40px 0;
}

.mu-blog-nav-btn {
	background-color: #ebebeb;
	color: #a9a9a9;
	font-size: 14px;
	font-weight: 700;
	display: inline-block;
	padding: 15px 20px;
}

.mu-blog-nav-prev {
	float: left;
}

.mu-blog-nav-prev span {
	margin-right: 5px;
}

.mu-blog-nav-next {
	float: right;

}

.mu-blog-nav-next span {
	margin-left: 5px;
}

.mu-related-post {
	display: inline;
}

.mu-related-post .mu-related-post-title {
	border-bottom: 4px solid #ebebeb;
	color: #323232;
	display: inline-block;
	font-size: 24px;
	padding-bottom: 5px;
	margin-bottom: 25px;
}

.mu-blog-single .mu-blog-meta {
	padding-left: 0;
}

#mu-blog.mu-blog-single .mu-related-post .mu-blog-item-title {
	font-size: 16px;
}

.mu-comments-area {
	display: inline;
}

.mu-comments-area h2 {
	margin-bottom: 20px;
	padding: 20px;
	background-color: #f6f6f6;
	color: #323232;
	font-size: 24px;
}

.mu-comments-area .comments {
	display: inline;
}

.mu-comments-area .comments .commentlist {
	padding-left: 0;
}

.mu-comments-area .comments .commentlist li {
	border-bottom: 1px solid #ddd;
	display: inline;
	padding: 10px;
	position: relative;
}

.mu-comments-area .comments .commentlist li .news-img {
	background-color: #ebebeb;
	height: 70px;
	margin-right: 15px;
	max-width: inherit;
	width: 70px;
	border-radius: 50%;
}

.mu-comments-area .comments .commentlist li .media-body p {
	margin-bottom: 0px;
	font-size: 14px;
	color: #323232;
}

.mu-comments-area .comments .commentlist li .media-body .author-name {
	margin-bottom: 0px;
	margin-top: 0;
	color: #323232;
	font-size: 16px;
}

.mu-comments-area .comments .commentlist li .comments-date {
	display: block;
	font-size: 12px;
	letter-spacing: 0.5px;
	margin-bottom: 5px;
	margin-top: 5px;
	color: #323232;
}

.mu-comments-area .comments .commentlist li .reply-btn {
	color: #323232;
	display: inline-block;
	font-size: 14px;
	line-height: 13px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 8px 10px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.mu-comments-area .comments .commentlist li .reply-btn i {
	color: var(--Primary-Button);
	margin-right: 10px;
}

.mu-comments-area .comments .commentlist li .reply-btn span {
	margin-left: 5px;
}

.mu-comments-area .comments .commentlist li .reply-btn:hover,
.mu-comments-area .comments .commentlist li .reply-btn:focus {
	color: var(--Primary-Button);
	text-decoration: none;
	outline: none;
}

.mu-comments-area .comments .commentlist li .children {
	margin-left: 50px;
}

.mu-comments-area .comments .commentlist li .author-tag {
	background-color: var(--Primary-Button);
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 5px;
	padding: 4px 8px;
}

.mu-comments-area .comments .commentlist li .author-comments {
	background-color: #f8f8f8;
}

.mu-comments-area .comments .commentlist .children {
	padding-left: 25px;
}

.mu-comments-area .comments .comments-pagination {
	display: inline-block;
	text-align: left;
	padding-left: 0;
	padding-top: 10px;
}

.mu-comments-area .comments .comments-pagination li {
	display: inline-block;
}

.mu-comments-area .comments .comments-pagination li:first-child a,
.mu-comments-area .comments .comments-pagination li:last-child a,
.mu-comments-area .comments .comments-pagination li:last-child a:hover,
.mu-comments-area .comments .comments-pagination li:first-child a:hover,
.mu-comments-area .comments .comments-pagination li:last-child a:focus {
	background-color: var(--Primary-Button);
	color: #fff;
}

.mu-comments-area .comments .comments-pagination li a {
	background-color: transparent;
	border: medium none;
	color: #555;
	display: inline-block;
	font-size: 15px;
	height: 25px;
	line-height: 15px;
	padding: 5px;
	text-align: center;
	width: 25px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.mu-comments-area .comments .comments-pagination li a:hover,
.mu-comments-area .comments .comments-pagination li a:focus {
	color: var(--Primary-Button);
	background-color: transparent;
	text-decoration: none;
	outline: none;
}

.mu-comments-area .comments .commentlist */ li:last-child {
	margin-bottom: 0px;
}

#respond {
	display: inline;

}

#respond .reply-title {
	border-bottom: 4px solid #ebebeb;
	color: #323232;
	display: inline-block;
	font-size: 24px;
	padding-bottom: 5px;
	margin-bottom: 25px;
}

#respond .comment-notes {
	font-size: 15px;
	margin-bottom: 25px;
}

#respond .required {
	color: red;
}

#respond label {
	display: block;
}

#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"] {
	border: 1px solid #d7d7d7;
	margin-bottom: 10px;
	height: 40px;
	padding: 0 10px;
	width: 65%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

#respond textarea {
	border: 1px solid #ccc;
	margin-bottom: 5px;
	padding: 15px;
	height: 200px;
	width: 100%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

#respond input[type="submit"] {
	margin-top: 10px;
}

/*--------------------*/
/* CONTACT US */
/*--------------------*/

#mu-contact {
	background-color: #fff;
	display: inline;

}

.mu-contact-area {
	display: inline;
	text-align: center;
	padding: 100px 0;

}

.mu-contact-content {
	display: inline;

	padding: 0 28%;
}

.mu-contact-form-area {
	display: inline;
}

.mu-contact-form {
	text-align: center;
}

.mu-contact-form .form-group {
	position: relative;
}

.mu-contact-form .mu-contact-icon {
	color: var(--Primary-Button);
	font-size: 14px;
	position: absolute;
	left: 5px;
	top: 15px;
}

.mu-contact-form .form-group input {
	background: transparent;
	border-radius: 0;
	color: #333;
	font-size: 14px;
	border: 1px #cccccc;
	border-style: none none solid none;
	height: 45px;
	padding: 0 25px;
	margin-bottom: 24px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.mu-contact-form .form-group textarea {
	background: transparent;
	border: 1px #cccccc;
	border-style: none none solid none;
	border-radius: 0;
	color: #333;
	font-size: 14px;
	padding: 10px;
	height: 100px;
	padding: 13px 25px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.mu-contact-form .form-control:focus {
	background-color: #fff;
	border-style: none none solid none;
	outline: 0;
	box-shadow: none;
}

.mu-contact-form .form-control::-webkit-input-placeholder {
	color: #7e7e7e;
	font-size: 14px;
}

.mu-contact-form .form-control:-moz-placeholder {
	/* Firefox 18- */
	color: #7e7e7e;
	font-size: 14px;
}

.mu-contact-form .form-control::-moz-placeholder {
	/* Firefox 19+ */
	color: #7e7e7e;
	font-size: 14px;
}

.mu-contact-form .form-control:-ms-input-placeholder {
	color: #7e7e7e;
	font-size: 14px;
}

.mu-contact-form .button-default::after,
.mu-contact-form .button-default */ span {
	padding: 12px 40px;
}

#form-messages {
	margin-bottom: 10px;
	background-color: #fff;
}

.success {
	padding: 1em;
	margin-bottom: 0.75rem;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	color: #468847;
	background-color: #dff0d8;
	border: 1px solid #d6e9c6;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.error {
	padding: 1em;
	margin-bottom: 0.75rem;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	color: #b94a48;
	background-color: #f2dede;
	border: 1px solid rgba(185, 74, 72, 0.3);
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/*--------------------*/
/* 404 ERROR PAGE */
/*--------------------*/


#mu-error {
	background-color: #fff;
	display: inline;

}

.mu-error-area {
	display: inline;
	text-align: center;
	padding: 100px 0;
}

.mu-error-area .mu-title {
	margin-bottom: 0;
}

.mu-error-area .mu-title h2 {
	font-size: 24px;
}

.mu-error-area .mu-title p {
	font-size: 14px;
	color: #323232;
}

.mu-error-content {
	display: inline;

	padding: 0 15%;
}

.mu-error-text {
	display: inline;
}

.mu-backdrop {
	background-image: url(assets/images/error-bg.jpg);
	width: 100%;
	height: 400px;
	position: relative;
	background-size: cover;
}

.mu-text {
	color: black;
	background-color: #fff;
	mix-blend-mode: screen;
	width: 101%;
	height: 101%;
	font-weight: 700;
	font-size: 400px;
	text-align: center;
	line-height: 300px;
	margin-top: -1px;
}

.mu-backdrop,
.mu-text {
	border-radius: 2px;
}

.mu-overlay {
	background-color: var(--Primary-Button);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	mix-blend-mode: color;
}

.mu-error-search {
	display: inline;
}

.mu-error-search .mu-subscribe-form {
	border: 1px solid #ddd;
	border-radius: 25px;
	float: left;
	width: 100%;
	margin-top: 20px;
}

.mu-back-to-home {
	color: var(--Primary-Button);
	display: inline-block;
	margin-top: 60px;
	font-size: 14px;
}




.employeepage {
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	margin: 0;
	background-color: var(--main-color);
}

.ql-editor {
	white-space: normal !important;
}

h1 {
	font-size: 15px
}

h2 {
	font-size: 13px
}

.clicklist {
	width: auto;
	max-width: 250px;
	color: #069;
	text-decoration: underline;
	cursor: pointer;
	font-weight: bold;
}


a:hover {
	text-decoration: underline;
	border-radius: 4px;
}



input.invalid {
	background: red;
	color: #FDFDFD
}

input.filterdefined {
	background: #ffecb0
}

td.number {
	text-align: right;
	font-weight: bold;
	padding-right: 5px;
	white-space: nowrap
}

td.boolean {
	text-align: center
}

th.boolean {
	text-align: center
}

table.testgrid {
	border-collapse: collapse;
	border: 1px solid #CCB;
	width: 390px
}

table.testgrid tr {
	border-bottom: 1px solid #DDD;
	background-color: #F7F8FF;
}

table.testgrid tr:hover {
	background-color: #A9AABC;
	color: white
}

table.testgrid tr:hover a {
	color: white
}

table.testgrid th {
	background: #E5E5E5;
	border: 1px solid #D5D5D5;
	color: #555;
	text-align: left;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	white-space: nowrap
}

table.testgrid td {
	padding: 5px;
	border: 1px solid #E0E0E0;
	background-color: #F7F8FF;
}

table.testgrid i {
	font-size: 1.5em;
	cursor: pointer
}

table.testgrid img.icon {
	width: 16px;
	cursor: pointer
}

.tablestickyhead {
	position: sticky;
	top: 0;
	z-index: 99;
}

#wrap {
	margin: 10px
}

#paginator {
	margin: 10px 0;
	font-size: 1.4em;
	text-align: center;
	margin-bottom: 5px
}

#paginator a {
	color: #000;
	text-decoration: none;
	line-height: 40px;
	padding: 4px 8px
}

#paginator a:hover {
	color: #000
}

#paginator:active,
#paginator #currentpageindex {
	background-color: #000;
	color: #fff;
	border-radius: 5px
}

#paginator:focus {
	outline: 1px
}

#paginator span#currentpageindex {
	padding: 4px 8px
}

#filter {
	width: 250px;
	margin-bottom: 10px;
	border: 1px solid #d1d1d1;
	padding: 5px;
	font-size: 1.1em
}

#addform {
	position: fixed;
	background-color: #f6f6f6;
	box-shadow: 3px 3px 3px #636363;
	display: none;
	width: 400px;
	height: 120px;
	border-radius: 20px;
	padding: 20px;
	left: 50%;
	top: 50%;
	margin-left: -200px;
	margin-top: -100px;
	z-index: 1000;
	border: 1px solid #e1e1e1
}

#addform .row {
	margin: 10px 0 20px 0
}

#addform .row.tright {
	text-align: right
}

#addform .row input {
	width: 380px;
	padding: 5px 9px;
	border: solid 1px #e1d1e1;
	outline: 0
}

form input:hover,
form textarea:hover,
form input:focus,
form textarea:focus {
	border-color: #a1a1a1;
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px
}

.button {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 3px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #333333;
	background-color: #f1f1f1;
	border-color: #cccccc;
	transition: background-color 0.5s
}

.button:hover,
.button:focus,
.button:active {
	color: #333333;
	background-color: #cac9cb;
	border-color: #adadad;
	text-decoration: none
}

.button i.fa {
	margin-right: 5px
}

.button.delete {
	color: #ffffff;
	background-color: #d9534f;
	border-color: #d43f3a
}

.button.delete:hover,
.button.delete:focus,
.button.delete:active,
.button.delete.active {
	color: #ffffff;
	background-color: #d2322d;
	border-color: #ac2925
}

.button.add,
.button.green {
	color: #ffffff;
	background-color: #6ccb63;
	border-color: #5db056
}

.button.add:hover,
.button.add:focus,
.button.add:active,
.button.add.active,
.button.green:hover,
.button.green:focus,
.button.green:active,
.button.green.active {
	color: #ffffff;
	background-color: #5aad55;
	border-color: #5db056
}

i.fa.red {
	color: #d2322d
}

#message {
	position: fixed;
	display: none;
	bottom: 0;
	z-index: 100000;
	width: 100%;
	padding: 0
}

#message .notification {
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	padding: 20px 0px;
	text-align: center;
	font-size: 1.7em;
	color: #fff;
	float: none;
	margin: 0;
	border-radius: 0
}

#message .notification.success {
	background-color: #6ccb63
}

#message .notification.error {
	background-color: #d9534f
}


li.padding5px {
	padding: 5px;
}



tr.calendar-row1 {
	height: 80px;
}



* html div.calendar-day {
	height: 80px;
}

td.calendar-day:hover {
	background: #eceff5;
}

* html div.calendar-day-np {
	height: 80px;
}


.subheaderbut {
	display: flex;
}

.redbutton:disabled,
.redbutton[disabled] {
	border: 1px solid #999999;
	background-color: #cccccc;
	color: #666666;
}

.redbutton {
	padding: 5px;
	position: absolute;
	top: 0;
	border-radius: 5px;
	z-index: 2;
	border: none;
	top: 2px;
	height: 30px;
	cursor: pointer;
	color: white;
	background-color: red;
	transform: translateX(2px);
	width: 75px;

}

.flexselect_selected {
	background-color: Highlight;
	color: HighlightText;
}
.flexselect {
	border-radius:.25rem;
}

.editingTRbutton {

	color: white;
}

.calbtn {
	border-style: none;
	background-color: #6E7280;
}

.Headbar {
	height: 4.5vh;
	padding: 6px;
	width: 100%;
	position: absolute;
	background: var(--Base-color);
	color: white;
	font-size: 30px;

	overflow: hidden;
}



.App_Container {
	top: 4.5vh;
	position: absolute;
}

th.rotate>div {
	transform:
		/* Magic Numbers */
		translate(25px, 51px)
		/* 45 is really 360 - 45 */
		rotate(315deg);
	width: 30px;
}



th.rotate90>div {
	transform:
		/* Magic Numbers */
		translate(-30px, 0px)
		/* 45 is really 360 - 45 */
		rotate(270deg);
	width: 30px;
}



.rotate90 {
	/* Something you can count on */
	height: 140px;
	white-space: nowrap;

}

.rotate90>div {
	transform:
		/* Magic Numbers */
		translate(25px, 51px)
		/* 45 is really 360 - 45 */
		rotate(315deg);
	width: 30px;
}

.rotate90>div>span {
	border-bottom: 1px solid #ccc;
	padding: 5px 10px;
}

.rotate90>div {
	transform:
		/* Magic Numbers */
		translate(-30px, 0px)
		/* 45 is really 360 - 45 */
		rotate(270deg);
	width: 30px;
}

.rotate90>div>span {

	padding: 5px 10px;
}

.popup {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	/* margin-right: -20px;*/
}

.container2 {
	flex-grow: 1;
	/* Allow the container to grow and occupy the remaining space */
	overflow-y: auto;
	/* Enable vertical scrolling */
}

.stickyhead {
	top: 0;
	position: sticky;
	z-index: 99;
}

body {
	background-color: var(--main-color) !important;
	overflow: hidden;

	font-family: 'Open Sans', sans-serif;

}
select:required:invalid {
	border: 2px solid red;
  }
.ClockedStatus{
	position: absolute;
    right: 0;
    top: 0;
	font-size: clamp(var(--min-font-size), .4rem + 1vw, var(--max-font-size));
	text-align: end;
    font-weight: bold;
    color: #fff;
    padding: 0.5rem;
    word-wrap: break-word;
	width:30%
}

@media screen and (min-width: 625px) and (max-width: 1000px) {
	.ClockedStatus {
	  width: calc(30% + 2 * ((100vw - 625px) / 375));
	  top:4.5vh;
	}
  }
  
  /* At or above 1000px, set the width to 50% */
  @media screen and (min-width: 1000px) {
	.ClockedStatus {
	  width: 50%;
	}
  }
.useridtag {
	position: relative;
	color: white;
}
.swal2-actions{
	z-index: 0 !important;
}
.container {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 10px;
	grid-auto-rows: auto;
}

@media (min-width: 400px) {
	.container {
		grid-template-columns: repeat(1, 1fr)
	}
}

@media (min-width: 710px) {
	.container {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media (min-width: 1030px) {
	.container {
		grid-template-columns: repeat(3, 1fr)
	}
}

@media (min-width: 1360px) {
	.container {
		grid-template-columns: repeat(4, 1fr)
	}
}

@media (min-width: 1690px) {
	.container {
		grid-template-columns: repeat(5, 1fr)
	}
}

.card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 300px;
	height: 200px;
	margin-bottom: 20px;
	margin-right: 20px;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.0509804);
	box-shadow: 0 12px 12px rgb(0 0 0 / 55%);
	border: 1px solid rgba(0, 0, 0, 0);
	border-radius: 0.25rem;
	transition: border 0.3s ease;
}

.card:not(:first-child) {
	margin-left: 0px;
}
.LargeText{
	font-size: xxx-large !important;
	width:100% !important;
	font-weight: bold;
	text-align: center;

}
.DayCycle{
	height: 3rem;
    padding: 1rem;
    scale: 1.5;
	cursor: pointer;
	color:var(--Primary-Button)
}
.DayCycle:hover{

	color:var(--Primary-Button-Hover);
}
.LabelLargeText{
	font-size: xxx-large !important;
	width:30% !important;
	font-weight: bold;
	white-space: nowrap;
	color:#fff;
}
.card:hover {
	transform: translateY(-10px);
	transition: 0.4s ease-out;
	border: 1px solid rgba(0, 0, 0, 0.125);
}
.FlexDieCell{
	display: flex;
}
.DieJobDetail
{
	margin: 1rem;
background-color: var(--Card-Back-Hover);
border-radius: 0.5rem;
padding: 0.5rem;}
.card div {
	position: relative;
}

.card h6 {
	position: inherit;
}

.card a {
	position: relative;
}

.card:hover~.card {
	position: relative;
	left: 20px;
	transition: 0.4s ease-out;
}



.ShipLink {
	/*   Shipments list link */
	color: #103fc2;
	font-weight: 300;
	font-size: 14px;
	position: absolute;
	left: 50px;
	top: 75px;
}

.row:after {
	content: "";
	display: table;
	clear: both;
}


.emptybar {
	background-color: #2e3033;
	width: 200px;
	height: 5px;
}

.cardcontain {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.filledbar {
	position: absolute;
	top: -5px;
	z-index: 3;
	width: 20px;
	height: 5px;
	background: rgb(0, 154, 217);
	background: linear-gradient(90deg, rgba(0, 154, 217, 1) 0%, rgba(217, 147, 0, 1) 65%, rgba(255, 0, 0, 1) 100%);
	transition: 0.6s ease-out;
}

.card:hover .filledbar {
	width: 80px;
	transition: 0.4s ease-out;
}

.circle {
	position: absolute;
	top: 150px;
	left: calc(50% - 60px);
}

.stroke {
	stroke: white;
	stroke-dasharray: 360;
	stroke-dashoffset: 360;
	transition: 0.6s ease-out;
}

svg {
	fill: #17141d;
	stroke-width: 2px;
}

.card:hover .stroke {
	stroke-dashoffset: 100;
	transition: 0.6s ease-out;
}



tr,
td,
tbody,
tfoot {
	display: block;
}

thead {
	display: none;
}

tr {
	padding-bottom: 10px;
}

td {
	padding: 10px 10px 0;
	text-align: center;
}

td:before {
	content: attr(data-title);
	color: #7a91aa;
	text-transform: uppercase;
	font-size: 1.4rem;
	padding-right: 10px;
	display: block;
}





tfoot th {
	display: block;
	padding: 10px;
	text-align: center;
	color: #b8c4d2;
}

.button {
	line-height: 1;
	display: inline-block;
	font-size: 1.2rem;
	text-decoration: none;
	border-radius: 5px;
	color: #fff;
	padding: 8px;
	background-color: #4b908f;
}

.select {
	padding-bottom: 20px;
	border-bottom: 1px solid #28333f;
}

.select:before {
	display: none;
}

.detail {
	background-color: #BD2A4E;
	width: 100%;
	height: 100%;
	padding: 40px 0;
	position: fixed;
	top: 0;
	left: 0;
	overflow: auto;
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-moz-transition: -moz-transform 0.3s ease-out;
	-o-transition: -o-transform 0.3s ease-out;
	-webkit-transition: -webkit-transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
}


.detail-container {
	margin: 0 auto;
	padding: 40px;
	max-width: 500px;
}




.close {
	background: none;
	padding: 18px;
	color: #fff;
	font-weight: 300;
	border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 4px;
	line-height: 1;
	font-size: 1.8rem;
	position: fixed;
	right: 40px;
	top: 20px;
	-moz-transition: border 0.3s linear;
	-o-transition: border 0.3s linear;
	-webkit-transition: border 0.3s linear;
	transition: border 0.3s linear;
}

.close:hover,
.close:focus {
	background-color: #a82545;
	border: 1px solid #a82545;
}

@media (min-width: 460px) {

	td:before {
		display: inline-block;
		text-align: right;
		width: 140px;
	}

	.select {
		padding-left: 160px;
	}
}

@media (min-width: 320px) {

	/*style the arrow inside the select element:*/
	.select-selected:after {
		position: absolute;
		content: "";
		top: 14px;
		right: 10px;
		width: 0;
		height: 0;
		border: 6px solid transparent;
		border-color: #fff transparent transparent transparent;
	}

	/*point the arrow upwards when the select box is open (active):*/
	.select-selected.select-arrow-active:after {
		border-color: transparent transparent #fff transparent;
		top: 7px;
	}

	/*style the items (options), including the selected item:*/
	.select-items div,
	.select-selected {
		color: #ffffff;
		padding: 8px 16px;
		border: 1px solid transparent;
		border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
		cursor: pointer;
		user-select: none;
	}

	/*style items (options):*/
	.select-items {
		position: absolute;
		background-color: DodgerBlue;
		top: 100%;
		left: 0;
		right: 0;
		z-index: 99;
	}

	/*hide the items when the select box is closed:*/
	.select-hide {
		display: none;
	}

	.select-items div:hover,
	.same-as-selected {
		background-color: rgba(0, 0, 0, 0.1);
	}
}

.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked+.slider {
	background-color: #2196F3;
}

input:focus+.slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}
.rounded{
	border-radius:.5rem;
}

.slider.round:before {
	border-radius: 50%;
}

/*# sourceMappingURL=style.css.map */
#loader1 {

	animation: loader1 5s linear infinite;


	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: lightgray;
	opacity: 75%;
	z-index: 999999999;
}

@keyframes loader1 {
	0% {
		left: -100px
	}

	100% {
		left: 110%;
	}
}

#box {
	width: 50px;
	height: 50px;
	background: #fff;
	animation: animate .5s linear infinite;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 3px;
}

@keyframes animate {
	17% {
		border-bottom-right-radius: 3px;
	}

	25% {
		transform: translateY(9px) rotate(22.5deg);
	}

	50% {
		transform: translateY(18px) scale(1, .9) rotate(45deg);
		border-bottom-right-radius: 40px;
	}

	75% {
		transform: translateY(9px) rotate(67.5deg);
	}

	100% {
		transform: translateY(0) rotate(90deg);
	}
}

#shadow {
	width: 50px;
	height: 5px;
	background: #000;
	opacity: 0.1;
	position: absolute;
	top: 59px;
	left: 0;
	border-radius: 50%;
	animation: shadow .5s linear infinite;
}

@keyframes shadow {
	50% {
		transform: scale(1.2, 1);
	}
}

.box__dragndrop,
.box__uploading,
.box__success,
.box__error {
	display: none;
}
.is-dragover{
	border-color:var(--Primary-Button) !important;
}
#CI_HeadRow {
	display: table-row;
}

[contenteditable] {
	border: 3px solid var(--Base-color);
	border-style: solid !important;
}

.day-number {
	position: absolute;
	top: 0;
	left: 0;
}

.Itembubble {
	display: inline-block;
	border-radius: 10px;
	padding: 5px;
	background-color: blue;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-right: 5px;
}

.Itembubble:hover {
	background-color: #333;
	color: #fff;
}

.Itembubble i {
	margin-left: 5px;
}

.Itembubble i:hover {
	color: #ff0000;
}

.ToolObj {
	background-color: var(--Card-Back);
	border-radius: 5px;
	padding: 2px;
	margin-top: 5px;
	border-style: outset;
	display: grid;
    grid-template-columns: repeat(2, 2fr);
}
.ToolObj > p{
	white-space: break-spaces;
    width: 8rem;
}
.add-button {
	float: right;
	margin: 10px;
	border-radius: 10px;
	font-size: 23px;
	background-color: #007bff;
	color: #fff;
	border: none;
	padding: 5px 10px;
	cursor: pointer;
}

button.sort {
	background-color: #f5f5f5;
	border: none;
	color: #333;
	font-size: 14px;
	padding: 8px;
	cursor: pointer;
	outline: none;
	border-radius: 5px;
}

.Row-Button-Table *>td {
	padding: 5px !important;
	border-style: hidden;
}

.awa-button {
	display: inline-block;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: #333;
	color: #fff;
	border: none;
	border-radius: 4px;
	transition: background-color 0.3s ease;
	cursor: pointer;
	margin-top: 20px;
	box-shadow: 0 1px 3px rgba(0,0,0,10), 0 15px 12px rgba(0,0,0,0.22);
}

.awa-button:hover {
	background-color: #555;
}

.awa-Edit-button {
	display: inline-block;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: var(--Primary-Button);
	box-shadow: 0 1px 3px rgba(0,0,0,10), 0 15px 12px rgba(0,0,0,0.22);
	color: #fff;
	border: none;
	border-radius: 4px;
	transition: background-color 0.3s ease;
	cursor: pointer;
	margin-top: 20px;
}

.awa-Edit-button:hover {
	background-color: var(--Primary-Button-Hover);
}

.awa-button:disabled {
	background-color: #999;
	cursor: not-allowed;
}

#Contract-Var>table {
	table-layout: fixed;
}

#Contract-Var *>th {
	width: 25%;
	text-align: center;
}

#Contract-Var *>td {
	width: 25%;
	text-align: center;
}

#Contract-Var *>input {
	width: 100%;
}

.Row-Button {
	display: block;
	width: 100%;
	padding: 10px;
	margin: 5px;
	border: none;
	border-radius: 7px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-color: var(--Primary-Button);
}

.Recieveicon {
	color: #fff;
}

.MaterialBox.BoxOpen::before {
	content: "\f49e"
}

.MaterialBox::before {

	content: "\f466";
}

.Recieveicon::before {
	content: "\f472";
}

.Recieveicon.FPComplete::before {
	content: "\f01c";
}

.FabComplete::before {
	content: "\f00c";
}

.Completeicon[data--complete="1"]>i::before {
	content: "\f00d";
}

#FilterRec[data-state="0"] .filter-icon::before {
	content: "\f472";
}

#FilterRec[data-state="1"] .filter-icon::before {
	content: "\f01c";

}

#FilterRec[data-state=""] .filter-icon::before {
	content: "\f057";
}


.Page-name {
	font-size: 30px;
	width: max-content;
}

.Headbar2 {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 10px;
	height: 10vh;
	padding: 6px;
	contain: content;
	background-color: var(--SideBar-Accent);
	/*#000454*/
	color: white;

	border-radius: 10px;

}

.Headbar2 button {
	margin-right: 10px;
	padding: 5px 10px;
}

.Headbar2>.btn {
	margin: 5px;

}

.Card-container {
	background-color: var(--main-color);
	border-radius: 15px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	transition: border-color 0.3s ease;
}

.Card-container:hover {
	border-color: #007bff;
}



.bg-primary>* .bar-progress {
	fill: #007bff !important;
}

.bg-success>* .bar-progress {
	fill: #28a745 !important;
}

.bg-danger>* .bar-progress {
	fill: #dc3545 !important;
}

.bg-warning>* .bar-progress {
	fill: #ffc107 !important;
}

.bg-dark>* .bar-progress {
	fill: #343a40 !important;
}

.title-container {
	background-color: #6c757d;
	border-radius: 15px;
	text-align: center;
	padding: 10px;
}

.card-title {
	color: black;
	text-align: center;
}

.Card-data-table {
	width: 100%;
	border-collapse: collapse;
}

.Card-data-table th {
	text-align: center;
	padding: 8px;
	background-color: #f8f9fa;
	border-bottom: 1px solid #ddd;
}

.content-container {
	height: 80px;
}

.legend-container {
	display: grid;
	flex-direction: column;
	align-items: flex-start;
	margin-right: 20px;
	grid-template-columns: repeat(2, 2fr);
    grid-column-gap: 10px;
}

.Head-Buttons {

	display: flex;
	align-items: center;

}

.legend-item {
	display: flex;
	align-items: center;
	margin-bottom: 2px;
}

.legend-color {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 5px;
}

.legend-text {
	white-space: nowrap;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.Row-Button:hover {
	background-color: var(--Primary-Button-Hover);

	cursor: pointer;
}

.Row-Button[disabled] {
	background-color: var(--Primary-Button-Dis);
	cursor: not-allowed;
}

.Row-Button i {
	margin-right: 5px;
}

.ToolObj:hover {
	background-color: var(--Card-Back-Hover);
}

button.sort:hover {
	background-color: #ddd;
}

button.sort:focus {
	box-shadow: 0 0 0 2px #007bff;
}

button.sort .fa {
	margin-left: 5px;
}

button.sort.asc {
	color: #ff2a00;

}

button.sort.desc {
	color: #007bff;

}

button.sort.desc::before {
	content: "\f0dd";
	/* Icon for descending order (down arrow) */
}

button.sort.asc::before {
	content: "\f0de";
	/* Icon for ascending order (up arrow) */
}

.box.has-advanced-upload {
	background-color: white;
	outline: 2px dashed black;
	outline-offset: -10px;
	height:auto !important;
}

.box.has-advanced-upload .box__dragndrop {
	display: inline;
}

.delete-button {
	color: red;
	background-color: transparent;
	border: none;
	cursor: pointer;
	padding: 0;
}

.delete-button:hover {
	color: darkred;
}

.box.is-dragover {
	background-color: grey;
}

.divTable {
	display: table;
	width: 100%;
}

.bold {
	font-weight: bold !important;
}


#Part_table>tr>td {
	border: 0 !important;
	padding: 0 !important;
	width: 10rem;
	height: 2rem;
}

#Part_table>tr {
	padding: 0 !important;
	height: 2rem;
}

#Part_table>tr>td>select {
	padding: 0 !important;
	height: 2rem;
	width: 10rem;
}

#Part_table>tr>td>input {
	width: 10rem;
	height: 2rem;
	border-radius: 3px;
	text-align: center;
}

.Currency {
	font-size: 1rem;
}

.divTableRow {
	display: table-row;
}



.divTableCell,
.divTableHead {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
	border-radius: 10px;
}

.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}

.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;

}

.divTableBody {
	display: table-row-group;
}

.POTop {
	width: 100%;
}

.POTopRow {
	text-align: left;
}

.POLabel {
	display: flex;
	font-size: .95rem;
	text-align: center;
	justify-content: center;
	font-weight: bold;
	line-height: 2.3;
}
.POLabel2 {
	display: flex;
	font-size: .95rem;
	text-align: center;
	justify-content: center;
	font-weight: bold;
	line-height: 2.3;

}
.POShipping *>label {

	display: flex;
	font-size: .95rem;
	text-align: center;
	justify-content: center;
	font-weight: bold;
	line-height: 2.3;
}

.BudgetInput {
	height: fit-content !important;
    min-width: fit-content !important;
    text-align: right !important;
    font-weight: bolder !important;
    width: 100% !important;
    font-size: xx-large !important;
    
}
input.blinking {
	animation: blink 2s linear infinite; /* Adjust the duration as needed */
  }
@keyframes blink {
	0% {
	  color: rgba(0, 0, 0, 1) ;
	}
	50% {
	  color: rgba(0, 0, 0, 0.4) ;
	}
	100% {
	color: rgba(0,0,0, 1) ;
	}
  }
.JobDetLabel {
	font-size: .95rem;

	line-height: 2.3;
}

.POInput {
	/*width:70% !important;*/
	float: right;
	color: #000;
	border-radius: .4rem;
}

.rem1 {
	font-size: 1rem;
}

.App-btn {
	width: 90%;
}

.App-btn:disabled {
	opacity: 40%;
}

.btn-primary:disabled {
	background-color: var(--Primary-Button-Dis);
	cursor: default;
}

.Card-Row {
	width: 100%;
	content: "";
	display: table;
	clear: both;
	margin: auto;
}

.item_row {

	margin: auto;
}

.item_row>td {
	background-color: #fff;
	margin: auto;
	border-style: none;
}
.SingleColGrid{
	display:grid;
	grid-template-columns: 1fr;
}
.Card_Title {
	background-color: var(--Card-Title);
	color: #fff;
	text-align: center;
	font-weight: bold;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	padding:10px;
	text-transform: uppercase;
	border-top-right-radius: 10px;
    border-top-left-radius: 10px;

}

.Form_Title {
	background-color: var(--Card-Title);
	color: #fff;
	border-radius: 10px;
	text-align: center;
	font-size: 2.75rem;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

.FirmCost {
	width: 5rem;
	height: 2rem;
}

.FirmCostPer {
	width: 10rem;
	height: 2rem;
}

.POSelect-60 {
	width: 70% !important;
	float: right;
	border-radius: .4rem;
}

.FirmSelect {
	width: 10rem;
}

.multiselect-checkbox {
	float: left;
}

.CostDropdown {
	font-size: 10px;
}

.TableHead {
	width: 15rem;
	text-align: center;
}

tfoot {
	border: 0 !important;
}

.CostCodeBreak-1>option[value=""] {
	border-color: var(--Status0);
	border-width: 2px;
}

.CostCodeBreak-1[value=null] {
	border-color: var(--Status0);
	border-width: 2px;
}

.CostCodeBreak-1:invalid {
	border-color: var(--Status0);
	border-width: 2px;
}

.CostCodeBreak-1:empty {
	border-color: var(--Status0);
	border-width: 2px;
}

.CostCode_input[value=null] {
	border-color: var(--Status0);
	border-width: 2px;
}

input:placeholder-shown {
	border-color: hsl(0, 76%, 50%);
	border-width: 2px;
	color: red;
}

textarea:placeholder-shown {
	border-color: hsl(0, 76%, 50%);
	border-width: 2px;
	color: red;
}

input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder {
	color: #f00 !important;
}

.PurchaseOrder {
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	transition: left 1s, opacity 1s;
}

.PO-Card {
	display: block;
	width: 100%;
}

.Rel-Card {
	display: block;

}

.Release {
	position: absolute;


	margin: 2rem;
	transition: left 1s, opacity 1s;
}

.is-Left {
	left: -100rem;
	opacity: 0;
	display:none;

}

.is-Right {
	left: 100rem;
	opacity: 0;
	display:none;
}

.link {
	width: auto;
	max-width: 250px;
	color: #069;
	text-decoration: underline;
	cursor: pointer;
	font-weight: bold;
}

.alwaysdisabled {
	display: block;
}

::-webkit-scrollbar {
	width: 1rem;
	height: 1rem;
}

::-webkit-scrollbar-thumb {
	background: #2196F3;
	border-radius: 10px;
	cursor:pointer;
}

.FileUp-Modal {
	border-style: solid;
	border-radius: 18px;
	padding: 10px;
}

.search-button-MuiButtonBase-root {
	color: inherit;
	border: 0;
	cursor: pointer;
	margin: 0;
	display: inline-flex;
	outline: 0;
	padding: 0;
	position: relative;
	align-items: center;
	user-select: none;
	border-radius: 0;
	vertical-align: middle;
	justify-content: center;
	text-decoration: none;
	background-color: transparent;
	-webkit-tap-highlight-color: transparent;
}

.search-button-jss1 {
	color: #ffffff66;
	width: 100%;
	transition: background 200ms;
	padding-top: 8px;
	will-change: background;
	border-radius: 5px;
	padding-bottom: 8px;
}

.search-button-jss1:hover {
	background-color: #ffffff0a;
}

.search-button-jss2 {
	fill: #ffffff;
	width: 16px;
	height: 16px;
}

.search-button-jss3 {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(19, 25, 36, 0.8);
}

.search-button-jss4 {
	top: 5%;
	left: 0;
	right: 0;
	width: 900px;
	height: 90%;
	margin: auto;
	outline: none;
	position: absolute;
}

.search-button-jss5 {
	color: #e0e0e0;
	font-size: 12px;
	background-color: rgba(0, 0, 0, 0.9);
}

.search-button-jss6 {
	color: rgba(0, 0, 0, 0.9);
}





.sidebar-MuiTouchRipple-root {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	overflow: hidden;
	position: absolute;
	border-radius: inherit;
	pointer-events: none;
}

.sidebar-MuiTouchRipple-ripple {
	opacity: 0;
	position: absolute;
}

.sidebar-MuiTouchRipple-rippleVisible {
	opacity: 0.1;
	animation: sidebar-MuiTouchRipple-keyframes-enter 550ms cubic-bezier(0.4, 0, 0.2, 1);
	transform: scale(1);
}

.sidebar-MuiTouchRipple-ripplePulsate {
	animation-duration: 200ms;
}

.sidebar-MuiTouchRipple-child {
	width: 100%;
	height: 100%;
	display: block;
	opacity: 1;
	border-radius: 50%;
	background-color: currentColor;
}

.sidebar-MuiTouchRipple-childLeaving {
	opacity: 0;
	animation: sidebar-MuiTouchRipple-keyframes-exit 550ms cubic-bezier(0.4, 0, 0.2, 1);
}

.sidebar-MuiTouchRipple-childPulsate {
	top: 0;
	left: 0;
	position: absolute;
	animation: sidebar-MuiTouchRipple-keyframes-pulsate 2500ms cubic-bezier(0.4, 0, 0.2, 1) 200ms infinite;
}




.sidebar-jss6 {
	width: 100%;
	margin-bottom: 12px;
}

.sidebar-jss7 {
	min-height: 35px;
	padding-top: 0;
	padding-bottom: 0;
}

.sidebar-jss8 {
	width: 17px;
	height: 20px;
}

/*style data-jss="" data-meta="MuiPaper"*/
.sidebar-MuiPaper-root {
	color: rgba(0, 0, 0, 0.87);
	transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
	background-color: #ffffff;
}

.sidebar-MuiPaper-rounded {
	border-radius: 4px;
}

.sidebar-MuiPaper-outlined {
	border: 1px solid rgba(0, 0, 0, 0.12);
}

.sidebar-MuiPaper-elevation0 {
	box-shadow: none;
}

.sidebar-MuiPaper-elevation1 {
	box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.sidebar-MuiPaper-elevation2 {
	box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.sidebar-MuiPaper-elevation3 {
	box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.sidebar-MuiPaper-elevation4 {
	box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.sidebar-MuiPaper-elevation5 {
	box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.sidebar-MuiPaper-elevation6 {
	box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.sidebar-MuiPaper-elevation7 {
	box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.sidebar-MuiPaper-elevation8 {
	box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.sidebar-MuiPaper-elevation9 {
	box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.sidebar-MuiPaper-elevation10 {
	box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.sidebar-MuiPaper-elevation11 {
	box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.sidebar-MuiPaper-elevation12 {
	box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.sidebar-MuiPaper-elevation13 {
	box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.sidebar-MuiPaper-elevation14 {
	box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.sidebar-MuiPaper-elevation15 {
	box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.sidebar-MuiPaper-elevation16 {
	box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.sidebar-MuiPaper-elevation17 {
	box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.sidebar-MuiPaper-elevation18 {
	box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.sidebar-MuiPaper-elevation19 {
	box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.sidebar-MuiPaper-elevation20 {
	box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.sidebar-MuiPaper-elevation21 {
	box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.sidebar-MuiPaper-elevation22 {
	box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.sidebar-MuiPaper-elevation23 {
	box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.sidebar-MuiPaper-elevation24 {
	box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.sidebar-MuiPopover-paper {
	outline: 0;
	position: absolute;
	max-width: calc(100% - 32px);
	min-width: 16px;
	max-height: calc(100% - 32px);
	min-height: 16px;
	overflow-x: hidden;
	overflow-y: auto;
}

.sidebar-MuiMenu-paper {
	max-height: calc(100% - 96px);
	-webkit-overflow-scrolling: touch;
}

.sidebar-MuiMenu-list {
	outline: 0;
}



.sidebar-MuiTypography-colorPrimary {
	color: var(--SideBar-color);
}


.sidebar-MuiTypography-colorTextPrimary {
	color: #fff;
}

.sidebar-MuiTypography-colorTextSecondary {
	color: rgba(255, 255, 255, 0.7);
}




.sidebar-MuiListItem-alignItemsFlexStart {
	align-items: flex-start;
}





@media (hover: none) {
	.sidebar-MuiListItem-button:hover {
		background-color: transparent;
	}
}

.sidebar-jss9 {
	width: 100%;
}

.sidebar-jss10 {
	width: 22px;
	height: 22px;
	position: relative;
	margin-bottom: 4px;
}




.sidebar-jss146 {
	right: 0;
	bottom: 0;
	z-index: 10;
	position: absolute;
}

.sidebar-jss147 {
	padding: 6px;
}

.sidebar-jss147:hover .sidebar-jss148 {
	fill: #ffffff;
}

.sidebar-jss148 {
	fill: #636b79;
	width: 14px;
	height: 14px;
	transition: transform 300ms ease;
}

/*style data-jss="" data-meta="MuiCollapse"*/
.sidebar-MuiCollapse-container {
	height: 0;
	overflow: hidden;
	transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.sidebar-MuiCollapse-entered {
	height: auto;
	overflow: visible;
}

.sidebar-MuiCollapse-hidden {
	visibility: hidden;
}

.sidebar-MuiCollapse-wrapper {
	display: flex;
}

.sidebar-MuiCollapse-wrapperInner {
	width: 100%;
}

.sidebar-jss253 {
	color: #d1d5dd;
	width:90%;
	min-height: 35px;
	padding-top: 0;
	border-radius: 1rem !important;
	padding-bottom: 0;
}

.sidebar-jss253:hover {
	background-color: #232e42;
}

.sidebar-jss253.sidebar-jss254 {
	color: #fff;
	font-weight: bold;
	background-color: transparent;
}

.sidebar-jss253.sidebar-jss254:hover {
	background-color: #232e42;
}

.sidebar-jss256 {
	display: flex;
	min-width: 18px;
	justify-content: center;
}

.sidebar-jss257 {
	overflow: revert;
	max-width: 90%;
	line-height: 1.3;
	white-space: nowrap;
	padding-left: 16px;
	text-overflow: ellipsis;
}

.sidebar-jss266 {
	padding-top: 0;
	padding-bottom: 0;
}

.sidebar-jss267 {
	color: #d1d5dd;
	min-height: 35px;
	padding-top: 0;
	border-radius: 0;
	padding-bottom: 0;
}

.sidebar-jss267:hover {
	background-color: #232e42;
}

.sidebar-jss267.sidebar-jss269 {
	color: var(--Secondary-color);
	background-color: transparent;
}

.sidebar-jss267.sidebar-jss269:hover {
	background-color: #232e42;
}

.sidebar-jss267.sidebar-jss268 {
	opacity: 1;
}

.sidebar-jss270 {
	padding-left: 24px;
	padding-right: 16px;
}

.sidebar-jss271 {
	display: flex;
	min-width: 18px;
	justify-content: center;
}

.sidebar-jss272 {
	overflow: hidden;
	max-width: 90%;
	line-height: 1.3;
	white-space: nowrap;
	padding-left: 16px;
	text-overflow: ellipsis;
}

.sidebar-jss273 {
	fill: #636b79;
	width: 14px;
	height: 14px;
	transition: transform 200ms ease;
}



.sidebar-jss74 {
	padding-top: 0;
	padding-bottom: 0;
}

.sidebar-jss82 {
	color: #636b79;
	width: 100%;
	display: flex;
	box-sizing: border-box;
	min-height: 35px;
	align-items: center;
	padding-left: 24px;
	padding-right: 16px;
	flex-direction: row;
	vertical-align: middle;
}

.sidebar-jss83 {
	position: relative;
}

.sidebar-jss83:after,
.sidebar-jss83:before {
	content: "";
	position: absolute;
}

.sidebar-jss83:after {
	top: 0;
	left: 16px;
	right: 16px;
	bottom: 0;
	height: 1px;
	margin: auto;
	z-index: 1;
	background-color: rgba(99, 107, 121, 0.5);
}



.sidebar-jss84 {
	flex: 1;
	overflow: hidden;
	font-size: 10px;
	text-align: left;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.sidebar-jss85 {
	fill: #636b79;
	width: 14px;
	height: 14px;
	transition: transform 200ms ease;
}









.timer-MuiTypography-h5 {
	font-size: 1.5rem;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
	font-weight: 400;
	line-height: 1.334;
}

.timer-MuiTypography-h6 {
	font-size: 10px;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.0075em;
}






.timer-MuiTypography-displayInline {
	display: inline;
}


/*style data-jss="" data-meta="MuiDialog"*/
@media print {
	.timer-MuiDialog-root {
		position: absolute !important;
	}
}




@media print {
	.timer-MuiDialog-container {
		height: auto;
	}
}



@media print {
	.timer-MuiDialog-paper {
		box-shadow: none;
		overflow-y: visible;
	}
}






@media (max-width:507.95px) {
	.timer-MuiDialog-paperWidthXs.timer-MuiDialog-paperScrollBody {
		max-width: calc(100% - 64px);
	}
}



@media (max-width:663.95px) {
	.timer-MuiDialog-paperWidthSm.timer-MuiDialog-paperScrollBody {
		max-width: calc(100% - 64px);
	}
}



@media (max-width:1023.95px) {
	.timer-MuiDialog-paperWidthMd.timer-MuiDialog-paperScrollBody {
		max-width: calc(100% - 64px);
	}
}


@media (max-width:1343.95px) {
	.timer-MuiDialog-paperWidthLg.timer-MuiDialog-paperScrollBody {
		max-width: calc(100% - 64px);
	}
}



@media (max-width:1983.95px) {
	.timer-MuiDialog-paperWidthXl.timer-MuiDialog-paperScrollBody {
		max-width: calc(100% - 64px);
	}
}







/*style data-jss="" data-meta="MuiButton"*/


@media (hover: none) {
	.timer-MuiButton-root:hover {
		background-color: transparent;
	}
}


@media (hover: none) {
	.timer-MuiButton-textPrimary:hover {
		background-color: transparent;
	}
}


@media (hover: none) {
	.timer-MuiButton-textSecondary:hover {
		background-color: transparent;
	}
}

@media (hover: none) {
	.timer-MuiButton-outlinedPrimary:hover {
		background-color: transparent;
	}
}



@media (hover: none) {
	.timer-MuiButton-outlinedSecondary:hover {
		background-color: transparent;
	}
}










.FileNameTextarea{
	resize:auto;
	line-height: 1;
	width:100%;
	border-radius: 10px;
}






@media (min-width:600px) {
	.timer-MuiTooltip-tooltipPlacementLeft {
		margin: 0 14px;
	}
}


@media (min-width:600px) {
	.timer-MuiTooltip-tooltipPlacementRight {
		margin: 0 14px;
	}
}


@media (min-width:600px) {
	.timer-MuiTooltip-tooltipPlacementTop {
		margin: 14px 0;
	}
}

@media (min-width:600px) {
	.timer-MuiTooltip-tooltipPlacementBottom {
		margin: 14px 0;
	}
}



/*--------------------*/
/* BASIC TYPOGRAPHY */
/*--------------------*/


/* The sidebar links */


/* Position and style the close button (top right corner) */

/* The button used to open the sidebar */

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */



table.table tr th:last-child {
	width: 100px;
}



.AWA-DatePicker {
	width: 8rem !important;
	cursor: pointer;
}

table.table td:last-child i {
	opacity: 0.9;
	font-size: 22px;
	margin: 0 5px;
}

table.table td a {
	font-weight: bold;
	color: #566787;
	display: inline-block;
	text-decoration: none;
	outline: none !important;
}

table.table td a:hover {
	color: #2196F3;
}

table.table td a.edit {
	color: #FFC107;
}

table.table td a.delete {
	color: #F44336;
}

table.table td i {
	font-size: 19px;
}

table.table .avatar {
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 10px;
}



.hint-text {
	float: left;
	margin-top: 10px;
	font-size: 13px;
}






.custom-checkbox input[type="checkbox"]:checked+label:after {
	content: '';
	position: absolute;
	left: 6px;
	top: 3px;
	width: 6px;
	height: 11px;
	border: solid #000;
	border-width: 0 3px 3px 0;
	transform: inherit;
	z-index: 3;
	transform: rotateZ(45deg);
    border-color: #fff;
}






.modal .modal-title {
	display: inline-block;
}


.modal textarea.form-control {
	resize: vertical;
}



.modal form label {
	font-weight: normal;
}




h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	margin-top: 0;
}



dl dt {
	font-weight: 700;
}

dl dd {
	margin-left: 0;
}





/* ========= BUTTON =========*/


/*scrol to top*/

.scrollToTop {
	background-color: var(--Primary-Button);
	bottom: 60px;
	color: #ffffff;
	display: none;
	font-size: 30px;
	line-height: 50px;
	position: fixed;
	right: 20px;
	text-align: center;
	text-decoration: none;
	width: 55px;
	z-index: 999;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	height: 55px;
}




.mu-clients-slider .slick-prev,
.mu-clients-slider .slick-next {
	border: 2px solid var(--Primary-Button);
}

/*--------------------*/
/* HEADER */
/*--------------------*/


.mu-navbar-nav li .dropdown-menu a:hover,
.mu-navbar-nav li .dropdown-menu a:focus {
	color: var(--Primary-Button);
}

/*--------------------*/
/* SLIDER */
/*--------------------*/



.mu-about-area {
	display: inline;
	padding: 100px 0;
}

.mu-about-left {
	display: inline;

	padding-right: 15px;

}

.mu-about-right {
	display: inline;
	padding-left: 15px;
}

.mu-about-right ul li {
	list-style: none;
	float: left;
	margin-bottom: 25px;
}

.mu-about-right ul li h3 {
	border-bottom: 3px solid #e5e5e5;
	color: #323232;
	font-size: 20px;
	display: inline-block;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

.mu-about-right p {
	font-size: 14px;
}



.mu-pricing-area {
	display: inline;
	text-align: center;
}

.mu-title-content {
	padding: 0 10%;
}




/*--------------------*/
/* CLIENTS */
/*--------------------*/




.mu-clients-slider .slick-prev,
.mu-clients-slider .slick-next {
	background-color: transparent;
}




/*--------------------*/
/* ABOUT US */
/*--------------------*/




/*--------------------*/
/* BLOG PAGE */
/*--------------------*/


.mu-blog-item-title a:hover,
.mu-blog-item-title a:focus {
	color: #0277bd;
}



.mu-blog-pagination {
	display: inline;

}

/*Blog Single*/




/*--------------------*/
/* CONTACT US */
/*--------------------*/



/*--------------------*/
/* 404 ERROR PAGE */




/*--------------------*/
/* RESPONSIVE STYLE */
/*--------------------*/

@media (max-width: 1199px) {

	.mu-single-slide-content-area {
		padding: 9% 10%;
	}

	.mu-about-right {
		padding-left: 0;
	}

	.mu-quote-btn {
		padding: 15px 45px;
		margin-top: 15px;
	}

	.mu-about-right ul li {
		margin-bottom: 10px;
	}

	.mu-single-service-icon {
		margin-right: 0;
	}

	.mu-single-service-content {
		width: 78%;
		margin-left: 15px;
	}

	.mu-video-close-btn {
		right: 20px;
	}

	.mu-video-right {
		padding-right: 15%;
		padding-left: 25px;
	}

	.mu-testimonial-slide .slick-prev {
		left: -20px;
	}

	.mu-testimonial-slide .slick-next {
		right: -20px;
	}

	.mu-clients-single {
		padding: 5px;
	}

	.mu-social-media a {
		margin-right: 3px;
		width: 35px;
		height: 35px;
		line-height: 35px;
		font-size: 15px;
	}

	/*About us page*/

	.mu-single-team-img {
		width: 26%;
	}

	.mu-single-team-content {
		width: 74%;
		padding: 10px 10px;
	}

	.mu-single-team-content span {
		margin-bottom: 0;
	}

	.mu-single-team-content p {
		font-size: 12px;
	}

	/*Blog page*/

	.mu-sidebar-subscribe-widget .mu-subscribe-form input {
		padding: 0 135px 0 15px;
	}

	.mu-sidebar-subscribe-widget .mu-subscribe-btn {
		font-size: 16px;
		width: 125px;
	}

	/*Error Page*/

	.mu-error-area .mu-title {
		padding: 0 15%;
	}

	.mu-error-content {
		padding: 0 10%;
	}

}

@media (min-width: 992px) {
	.dropdown:hover .dropdown-menu {
		display: block;
		margin-top: 0;
		top: 100%;
	}
}

@media (max-width: 991px) {

	.mu-navbar-nav {
		display: flex;
		text-align: left;
		width: 100%;
		margin-top: 10px;
	}

	.mu-navbar-nav li {
		margin-bottom: 10px;
	}

	.mu-navbar .navbar-toggler {
		color: #fff;
		border-color: #fff;
		cursor: pointer;
		padding: 10px 15px;
	}

	.mu-single-slide-content-area {
		padding: 6% 10%;
	}

	.mu-single-slide-content h1 {
		font-size: 35px;
		margin-bottom: 20px;
	}

	.mu-primary-btn {
		padding: 15px 40px;
	}

	.mu-single-slide-content a {
		margin-top: 15px;
	}

	.mu-title {
		padding: 0 10%;
	}

	.mu-call-to-action-left {
		max-width: 65%;
	}

	.mu-single-service-content {
		width: 70%;
		margin-left: 10px;
	}

	.mu-video-iframe-area {
		padding: 12% 5%;
	}

	.mu-video-iframe-area iframe {
		width: 100%;
	}

	.mu-video-close-btn {
		right: 20px;
		top: -40px;
	}

	.mu-video-right {
		padding-right: 5%;
		padding-left: 15px;
	}

	.mu-single-counter span {
		padding: 20px 10px;
	}

	.mu-single-counter-content {
		padding-left: 10px;
		padding-top: 15px;
	}

	.counter-value {
		font-size: 25px;
	}

	.mu-counter-name {
		font-size: 16px;
	}

	.mu-filter-item-content {
		padding-top: 22%;
	}

	.mu-pricing-table */ li {
		margin: 0 10px;
		width: 29%;
	}

	.mu-pricing-single-content ul li {
		padding: 0 5px;
	}

	.mu-pricing-single-title h3 {
		font-size: 20px;
	}

	.mu-single-pricebox h4 {
		font-size: 35px;
	}

	.mu-buy-now-btn,
	.mu-standard-pricing .mu-buy-now-btn {
		font-size: 16px;
		padding: 8px 25px;
	}

	.mu-standard-pricing .mu-pricing-single {
		padding: 20px 20px;
	}

	.mu-testimonials-area {
		padding: 100px 0 125px;
	}

	.mu-blog-item-content {
		padding: 15px 15px;
	}

	.mu-newsletter-content {
		padding: 0 20%;
	}

	.mu-social-media a {
		margin-bottom: 10px;
	}

	.mu-clients-area {
		padding: 50px 0;
	}

	/*About US page */

	#mu-skills {
		background-position: inherit;
	}

	/*Contact us page*/

	.mu-contact-content {
		padding: 0 22%;
	}

	/*Blog Page*/

	.mu-popular-content-widget .media */ .mu-popular-post-img {
		width: 75px;
		margin-right: 5px;
	}

	.mu-sidebar-widget-title {
		font-size: 22px;
	}

	.mu-sidebar-subscribe-widget .mu-subscribe-form input {
		padding: 0 108px 0 15px;
	}

	.mu-sidebar-subscribe-widget .mu-subscribe-btn {
		font-size: 12px;
		width: 100px;
	}

	/*Error Page*/

	.mu-error-area .mu-title {
		padding: 0 10%;
	}

	.mu-error-content {
		padding: 0;
	}
}

@media (max-width: 767px) {

	.mu-title {
		padding: 0;
	}

	.mu-about-area {
		padding: 60px 0;
	}

	.mu-about-right {
		margin-top: 30px;
	}

	#mu-service {
		padding: 60px 0 50px;
	}

	.mu-call-to-action-left {
		max-width: 100%;
	}

	.mu-call-to-action-area {
		text-align: center;
		padding: 50px 0;
	}

	.mu-call-to-action-left h2 {
		margin-bottom: 15px;
	}

	.mu-quote-btn {
		float: none;
		margin-top: 35px;
	}

	.mu-video-right {
		padding-right: 5%;
		padding: 10% 5%;
	}

	.mu-portfolio-area {
		padding: 60px 0;
	}

	.mu-single-service {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.mu-single-service-content {
		margin-left: 20px;
	}

	.mu-counter-area {
		display: inline;

		padding: 50px 0;

	}

	.mu-single-counter {
		margin: 20px 20px;
	}

	.mu-pricing-table */ li,
	.mu-pricing-table */ li.mu-standard-pricing {
		margin: 10px 0;
		width: 100%;
	}

	.mu-standard-pricing .mu-pricing-single {
		padding: 20px 0;
	}

	.mu-standard-pricing .mu-pricing-single-content {
		padding: 35px 0 15px;
	}

	.mu-standard-pricing .mu-single-pricebox {
		padding: 5px 0 25px;
	}

	.mu-title {
		margin-bottom: 25px;
	}

	#mu-from-blog {
		padding: 60px 0;
	}

	.mu-from-blog-content {
		margin-top: 0;
	}

	.mu-blog-item {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.mu-footer-top {
		padding: 30px 0 10px;
	}

	.mu-single-footer {
		margin: 15px 0;
	}

	/*About Us page*/

	#mu-skills {
		padding: 60px 0;
	}

	.mu-single-skills {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.mu-team-area {
		padding: 60px 0 50px;
	}

	.mu-single-team-content p {
		font-size: 14px;
	}

	/*contact us*/

	.mu-contact-content {
		padding: 0 15%;
	}

	#mu-google-map iframe {
		height: 350px;
	}

	/*Blog page*/

	.mu-blog-sidebar {
		margin-top: 50px;
	}

	.mu-popular-content-widget .media */ .mu-popular-post-img {
		width: 120px;
		margin-right: 10px;
	}

	.mu-sidebar-subscribe-widget .mu-subscribe-form input {
		padding: 0 170px 0 20px;
	}

	.mu-sidebar-subscribe-widget .mu-subscribe-btn {
		font-size: 16px;
		width: 160px;
	}

	/*Error Page*/

	.mu-error-area .mu-title {
		padding: 0;
	}

	.mu-text {
		font-size: 225px;
		line-height: 225px;
	}

	.mu-backdrop {
		height: 280px;
	}


}

@media (max-width: 640px) {

	.mu-single-slide-content h1 {
		font-size: 25px;
		margin-bottom: 10px;
	}

	.slick-next {
		right: 10px;
	}

	.slick-prev {
		left: 10px;
	}

	.mu-single-slide-content-area {
		padding: 6% 0%;
	}

	.mu-single-slide-content a {
		margin-top: 0;
	}

	.mu-single-slide-content p {
		margin-bottom: 15px;
	}

	.mu-primary-btn {
		padding: 12px 28px;
		font-size: 14px;
	}

	.mu-video-left {
		padding: 120px 0;
	}

	.mu-video-iframe-area {
		padding: 5% 5%;
	}

	.mu-video-iframe-area iframe {
		height: 300px;
	}

	.mu-video-close-btn {
		top: 5px;
		margin-top: 0;
		height: 40px;
		line-height: 35px;
		width: 40px;
	}

	.mu-newsletter-content {
		padding: 0;
	}

	.mu-single-counter {
		margin: 20px 0;
	}

	/*contact us*/

	.mu-contact-content {
		padding: 0 5%;
	}

	#mu-google-map iframe {
		height: 300px;
	}
}

@media (max-width: 480px) {
	.mu-single-slide-content a.mu-primary-btn {
		display: none;
	}

	.mu-single-counter span {
		float: none;
	}

	.mu-single-counter-content {
		float: none;
		display: inline-block;
	}

	.mu-title h2 {
		font-size: 25px;
		margin-bottom: 10px;
	}

	.mu-call-to-action-left h2 {
		font-size: 20px;
	}

	.mu-filter-item-content {
		padding-top: 29%;
		font-size: 18px;
	}

	.filtr-item h4 {
		font-size: 18px;
	}

	.mu-testimonials-area h2 {
		font-size: 25px;
	}

	.mu-testimonials-block {
		margin-top: 20px;
	}

	.mu-testimonial-slide li p {
		font-size: 15px;
	}

	.mu-testimonials-area {
		padding: 50px 0 50px;
	}

	.mu-subscribe-btn {
		font-size: 16px;
	}

	.mu-video-play-btn {
		height: 40px;
		width: 60px;
		font-size: 16px;
		line-height: 40px;
	}

	.slick-next,
	.slick-prev {
		width: 40px;
		height: 40px;
	}

	.slick-prev::before,
	.slick-next::before {
		font-size: 20px;
	}

	.scrollToTop {
		font-size: 25px;
		line-height: 43px;
		width: 45px;
		height: 45px;
	}

	.mu-navbar {
		padding: 10px 0;
	}

	.mu-navbar .navbar-toggler {
		padding: 5px 10px;
	}

	/*About Us page*/

	.mu-page-header-area {
		padding: 80px 0;
	}

	.mu-page-header-title {
		font-size: 30px;
	}

	/*contact us*/

	#mu-google-map iframe {
		height: 250px;
	}

	/*Blog page*/

	#mu-blog {
		padding: 30px 0;
	}

	#mu-blog .mu-blog-item {
		margin-bottom: 30px;
	}

	.mu-blog-pagination .pagination .page-link {
		font-size: 16px;
		width: 35px;
		height: 35px;
		line-height: 33px;
	}

	.mu-blog-pagination .pagination .page-item:first-child .page-link,
	.mu-blog-pagination .pagination .page-item:last-child .page-link {
		line-height: 38px;
	}

	.mu-blog-pagination .pagination {
		float: none;
	}

	.mu-blog-sidebar {
		margin-top: 30px;
	}

	.mu-sidebar-social-widget .mu-social-media a {
		width: 35px;
		height: 35px;
		line-height: 35px;
		font-size: 16px;
	}

	/*Error Page*/

	.mu-error-area {
		padding: 50px 0;
	}

	.mu-text {
		font-size: 180px;
		line-height: 180px;
	}

	.mu-backdrop {
		height: 230px;
	}

}

@media (max-width: 360px) {
	.mu-single-slide-content h1 {
		font-size: 18px;
		margin-bottom: 5px;
	}

	.mu-single-slide-content p {
		margin-bottom: 0;
		font-size: 12px;
	}

	.mu-title h2 {
		font-size: 22px;
	}

	.mu-video-iframe-area {
		padding: 15% 5%;
	}

	.mu-video-right p {
		font-size: 16px;
		text-align: center;
	}

	.mu-filter-item-content {
		padding-top: 26%;
	}

	.mu-subscribe-form input {
		padding: 0 130px 0 20px;
	}

	.mu-subscribe-btn {
		font-size: 14px;
		width: 120px;
	}

	.mu-testimonial-slide .slick-next {
		right: 0;
	}

	.mu-testimonial-slide .slick-prev {
		left: 0;
	}

	/*About Us page*/

	.mu-single-team {
		text-align: center;
		padding: 10px 0;
	}

	.mu-single-team-img,
	.mu-single-team-content {
		width: 100%;
	}

	/*Blog page*/

	.mu-blog-pagination .pagination li {
		margin: 0 3px;
	}

	.mu-popular-content-widget .media {
		margin-bottom: 15px;
	}

	.mu-popular-content-widget .media */ .mu-popular-post-img {
		width: 85px;
		margin-right: 5px;
	}

	.mu-sidebar-subscribe-widget .mu-subscribe-form input {
		padding: 0 135px 0 15px;
	}

	.mu-sidebar-subscribe-widget .mu-subscribe-btn {
		font-size: 16px;
		width: 125px;
	}

	#respond input[type="text"],
	#respond input[type="email"],
	#respond input[type="url"] {
		height: 35px;
		padding: 0 5px;
		margin-bottom: 5px;
		width: 100%;
	}

	#respond textarea {
		padding: 10px;
		height: 150px;
	}

	.mu-related-post .mu-related-post-title {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.mu-comments-area h2 {
		margin-bottom: 10px;
		font-size: 20px;
	}

	.mu-comments-area .comments .commentlist .children {
		padding-left: 15px;
	}

	#respond .reply-title {
		font-size: 22px;
		padding-bottom: 5px;
		margin-bottom: 20px;
	}

	h1 {
		font-size: 30px;
	}

	h2 {
		font-size: 25px;
		line-height: 1.13;
	}

	h3 {
		font-size: 20px;
	}

	h4 {
		font-size: 18px;
	}

	h5 {
		font-size: 16px;
	}

	h6 {
		font-size: 14px;
	}

	/*Error Page*/

	.mu-text {
		font-size: 160px;
		line-height: 160px;
	}

	.mu-backdrop {
		height: 200px;
	}


}


@media (max-width: 320px) {

	.mu-single-slide-content-area {
		padding: 2% 0%;
	}

	.mu-filter-item-content {
		padding-top: 24%;
	}

}

.Hover75 {
	opacity: .75;
}
.hover{
cursor: pointer;
filter: brightness(80%);
}
.hidden {
	display: none !important;
}

.TwoGrid{
	display: grid;
	grid-template-columns: 1fr 1fr;
}
#PDF_Display{
	position: absolute;
    width: 100%;
    height: -webkit-fill-available;z-index: 9999;max-width: 100vw;
	width: -webkit-fill-available;

}
.Hover75:hover {
	opacity: 1;
}

.xdelete {
	opacity: .5;
}

.xdelete:hover {
	opacity: 1;
}

#btn-primary {
	color: #fff !important;
	background-color: var(--Primary-Button);
	border-color: var(--Primary-Button);
}

.tooltip1 {
	position: relative;

	border-bottom: 1px dotted black;
}

.tooltip1 .tooltiptext {
	visibility: hidden;
	width: fit-content;
	background-color: #555;
	color: #fff;
	text-align: left;
	border-radius: 6px;
	padding: 5px 5px;
	position: absolute;
	z-index: 9999;
	bottom: 125%;
	left: 100%;
	margin-left: -60px;
	opacity: 0;
	transition: opacity 0.3s;
}

.tooltip1 .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 10%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

.tooltip1:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

.tooltip2 {
	/*for sidebar */

	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
}

.filterInput {
	border-radius: .25rem;
}

.tooltip2 .tooltiptext {
	visibility: hidden;
	width: fit-content;
	background-color: #555;
	color: #fff;
	text-align: left;
	border-radius: 6px;
	padding: 5px 5px;
	position: absolute;
	z-index: 9999;
	bottom: 2%;
	left: 200%;
	margin-left: -60px;
	opacity: 0;
	transition: opacity 0.3s;
}

.tooltip2 .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

.tooltip2:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
	display: contents;
}

.content {
	flex: 1;
	overflow: auto;
	height: max-content;
}

.table-wrapper2 {

	overflow-x: auto;
	white-space: nowrap;
}

summary {
	font-size: 15px;
}



table.calendar {
	border-left: 1px solid #999;
}



td.calendar-day {
	background-color: #eee;
	min-height: 80px;
	font-size: 11px;
	position: relative;
}



td.calendar-day-np {
	background: gray;
	min-height: 80px;
}


.calendar-day-head-div {
	text-align: center;
	color: #fff;
	background-color: var(--Primary-Button);
	border-radius: 5px;
}

td.calendar-day-head {

	height: 40px;
	background: #ccc;
	font-weight: bold;
	text-align: center;
	width: 120px;
	padding: 5px;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
}

div.day-number {
	font-size: 12px;
	background-color: #eee;
	padding: 5px;
	color: black;
	font-weight: bold;
	top: 5px;
	right: 5px;
	margin: -5px -5px 0 0;
	width: 20px;
	text-align: center;
}

/* shared */
td.calendar-day,
td.calendar-day-np {
	width: 120px;
	padding: 5px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}

.headerlabel {
	float: left;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
}


th.rotate {
	/* Something you can count on */
	height: 140px;
	white-space: nowrap;

}



th.rotate>div>span {
	border-bottom: 1px solid #ccc;
	padding: 5px 10px;
}

th.rotate90>div {
	transform:
		/* Magic Numbers */
		translate(-30px, 0px)
		/* 45 is really 360 - 45 */
		rotate(270deg);
	width: 30px;
}

th.rotate90>div>span {

	padding: 5px 10px;
}


.rotate90>div>span {
	border-bottom: 1px solid #ccc;
	padding: 5px 10px;
}

.rotate90>div {
	transform:
		translate(-30px, 0px) rotate(270deg);
	width: 30px;
}




@media (min-width: 400px) {
	.container {
		grid-template-columns: repeat(1, 1fr)
	}
}

@media (min-width: 710px) {
	.container {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media (min-width: 1030px) {
	.container {
		grid-template-columns: repeat(3, 1fr)
	}
}

@media (min-width: 1360px) {
	.container {
		grid-template-columns: repeat(4, 1fr)
	}
}

@media (min-width: 1690px) {
	.container {
		grid-template-columns: repeat(5, 1fr)
	}
}

.titleCard {
	color: #103fc2;
	font-weight: bold;
	font-size: 16px;
	position: absolute;
	left: 20px;
	top: 15px;
	line-height: 1;
	/*text-decoration: underline;*/
}

.Info {
	/*   Abbriviation */
	color: #103fc2;
	font-weight: 300;
	font-size: 14px;
	position: absolute;
	left: 15px;
	top: 75px;
    text-align: left;
}

.Info2 {
	/*   Prject Manager */
	color: #103fc2;
	font-weight: 300;
	font-size: 14px;
	position: absolute;
	left: 20px;
	top: 55px;
    text-align: left;
}

.Info3 {
	/*   Address2 */
	color: #103fc2;
	font-weight: 300;
	font-size: 14px;
	position: absolute;
	left: 20px;
	top: 30px;
    text-align: left;
}



.barCard {
	position: absolute;
	top: 50px;
	left: 20px;
	height: 5px;
	width: 200px;
}




.card:hover .stroke {
	stroke-dashoffset: 100;
	transition: 0.6s ease-out;
}

table {
	display: block;
    width: 100%;
}


th {
	text-align: left;
	font-weight: 700;
}

thead th {
	background-color: var(--TableHead);
	color: #fff;
	border: 1px solid var(--TableHead);
}


.detail.open {
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
}


dl {
	margin: 0;
	padding: 0;
}

dt {
	font-size: 2.2rem;
	font-weight: 300;
}

dd {
	margin: 0 0 40px 0;
	font-size: 1.8rem;
	padding-bottom: 5px;
	border-bottom: 1px solid #ac2647;
	box-shadow: 0 1px 0 #c52c51;
}




@media (min-width: 460px) {

	td:before {
		display: inline-block;
		text-align: right;
		width: 140px;
	}

	.select {
		padding-left: 160px;
	}
}

@media (min-width: 0px) {
	table {
		display: table;
	}

	tr {
		display: table-row;
	}

	td,
	th {
		display: table-cell;
	}

	tbody {
		display: table-row-group;
	}

	thead {
		display: table-header-group;
	}

	tfoot {
		display: table-footer-group;
		border: 2px solid #28333f;
		color: #4977eb;
	}

	td {
		border: 1px solid #28333f;
	}

	td:before {
		display: none;
	}

	td,
	th {
		padding: 10px;
	}


	tfoot th {
		display: table-cell;
	}

	select {
		padding: 10px;
		width: 100%;
	}

	.select {
		padding: 10px;
		width: 100%;
	}

	.select-selected {
		background-color: DodgerBlue;
	}

	/*style the arrow inside the select element:*/
	.select-selected:after {
		position: absolute;
		content: "";
		top: 14px;
		right: 10px;
		width: 0;
		height: 0;
		border: 6px solid transparent;
		border-color: #fff transparent transparent transparent;
	}

	.select-selected.select-arrow-active:after {
		border-color: transparent transparent #fff transparent;
		top: 7px;
	}

	.select-items div,
	.select-selected {
		color: #ffffff;
		padding: 8px 16px;
		border: 1px solid transparent;
		border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
		cursor: pointer;
		user-select: none;
	}

	.select-items {
		position: absolute;
		background-color: DodgerBlue;
		top: 100%;
		left: 0;
		right: 0;
		z-index: 99;
	}

	.select-hide {
		display: none;
	}

	.select-items div:hover,
	.same-as-selected {
		background-color: rgba(0, 0, 0, 0.1);
	}
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}



.slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}




@keyframes moveRight {
	0% {
		transform: translateX(0px);
	}

	100% {
		transform: translateX(30px);
	}
}

@keyframes moveHome {
	100% {
		transform: translateX(0px);
	}

	0% {
		transform: translateX(30px);
	}
}

@keyframes moveRight2 {
	0% {
		transform: translateX(0px);
	}

	100% {
		transform: translateX(60px);
	}
}

@keyframes moveHome2 {
	100% {
		transform: translateX(0px);
	}

	0% {
		transform: translateX(60px);
	}
}

@keyframes moveBarLeft {
	100% {
		width: 50px;
	}

	0% {
		width: 265px;
	}
}

@keyframes moveBarRight {
	100% {
		width: 265px;
	}

	0% {
		width: 50px;
	}
}

.OpenSidebar {
	animation: moveBarRight 0.25s ease-in-out;
	width: 265px;
	top: 4.5vh;
	bottom: 0;
}

.ClosedSidebar {
	animation: moveBarLeft 0.25s ease-in-out;
	width: 50px;
	position: static !important;
	top: 4.5vh;
	bottom: 0;
}

.OpenSidebar>* .hidesideitem {
	animation: moveRight 1s ease-in-out;
	transform: translateX(30px);
}

.ClosedSidebar>* .hidesideitem {
	animation: moveHome 0.25s ease-in-out;
	transform: translateX(0px);
}

.OpenSidebar>* .hidesideitem2 {
	animation: moveRight2 1s ease-in-out;
	transform: translateX(60px);
}

.ClosedSidebar>* .hidesideitem2 {
	animation: moveHome2 .25s ease-in-out;
	transform: translateX(0px);
}



/* === Wrapper Styles === */
#FileUpload {
  display: flex;
  justify-content: center;
}
.wrapper {
  margin: 30px;
  padding: 10px;
  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
  border-radius: 10px;
  background-color: white;
  width: 415px;
}

/* === Upload Box === */
.upload {
  margin: 10px;
  height: 85px;
  border: 8px dashed var(--Secondary-Button);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}
.upload p {
  margin-top: 12px;
  line-height: 0;
  font-size: 22px;
  color:  var(--Secondary-Button);
  letter-spacing: 1.5px;
}
.upload__button {
  background-color: var(--Primary-Button);
  border-radius: 10px;
  padding: 0px 8px 0px 10px;
  color:#fff;
}
.upload__button:hover {
  cursor: pointer;
  opacity: 0.8;
}

/* === Uploaded Files === */
.uploaded {
  width: 375px;
  margin: 10px;
  background-color: var(--neutralTertiary);
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.file {
  display: flex;
  flex-direction: column;
}
.file__name {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  width: 300px;
  line-height: 0;
  color: var(--Secondary-Button);
  font-size: 18px;
  letter-spacing: 1.5px;
}
.fa-times:hover {
  cursor: pointer;
  opacity: 0.8;
}
.uploaded > .fa-file-pdf {
  padding: 15px;
  font-size: 40px;
  color: var(--Secondary-Button);

}
.uploaded > .fa-file-excel {
	padding: 15px;
	font-size: 40px;
	color: var(--Secondary-Button);

  }
  .uploaded > .fa-file-pdf::before {

	cursor: pointer;
  }
  .uploaded > .fa-file-excel::before {
	
	  cursor: pointer;
	}
  .uploaded > .fa-file-pdf:hover {
	color:  var(--Primary-Button);
  }
  .uploaded > .fa-file-excel:hover {
	  color:  var(--Primary-Button);;
	}