@charset "utf-8";
/* CSS Document */



.newCalList { margin:0px; padding:0px;}
.newCalList ul { margin:0px; padding:0px; list-style: none; list-style-type: none;}
.newCalList li {
	margin: 0px 55px 0px 55px;
	padding: 4px;
	list-style: none;
	list-style-type: none;
	display: inline-flex;
	text-align: center;
}
.newCalList li a {color:#1C0091 !important;}
.newCalList li.active {
	border-bottom: 4px solid red;
	color:#1C0091 !important;
}
.deActive { color: #ccc;}

.offcanvas-end.login-new-register {
	width: 400px;
}


.offcanvas.show {
	transform: none;
}

.mt-20 {margin-top:20px}
.mt-40 {margin-top:60px}

.offcanvas-end {
	top: 0;
	right: 0;
	width: 400px;
	border-left: 1px solid rgba(0, 0, 0, 0.2);
	transform: translateX(100%);
}
.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active{ color:red !important}

.offcanvas {
	position: fixed;
	bottom: 0;
	z-index: 1045;
	display: flex;
	flex-direction: column;
	max-width: 100%;
	visibility: hidden;
	background-color: #fff;
	background-clip: padding-box;
	outline: 0;
	transition: transform 0.3s ease-in-out;
}

.info-box.bgClr5.txtclr, .info-box.bgClr6.txtclr, .info-box.bgClr7.txtclr, .info-box.bgClr8.txtclr, .info-box.bgClr9.txtclr, .info-box.bgClr10.txtclr {margin-top: 25px}

.date-tit h5 {font-size: 14px; margin-left: 15px; color:#040074; margin-top: 15px;}
.mb5 { margin: 0px 0px 18px 0px}
.editbtn {border: none !important; background: none !important; color: #fff;}
.offcanvas-header {
	color: #fff;
	background-color: #f6941a;
	/* padding: 8px 10px 2px 10px; */
}
.bdrRadius {
	border-radius: 5px 5px 0px 0px !important;
	background: #1C0091 !important;
	margin-top: 11px;
	font-size: 12px !important;
	position: relative;
	top:6px;
}
.btn-success:hover {
	color: #fff;
	background-color:#0F124A;
	border-color: #1e7e34;
}


.offcanvas-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px;
	background-color: #333333;
	color: #fff;
	padding-bottom: 0px;
}

.nav-sidebar .nav-link p.active {
	color: red;
}

.redclr {color:red;}
.gereenclr {color: green;}


/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}



/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.hvr-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

#lnkedit {
	/* color: #fff;*/
}

/* Wobble Top */
@-webkit-keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
@keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
.hvr-wobble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
  -webkit-animation-name: hvr-wobble-top;
  animation-name: hvr-wobble-top;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}


/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.hvr-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.modal-dialog-slideout .modal-header, .modal-dialog-slideout .modal-footer {
	height: auto !important;
	display: block;
}

#ui-datepicker-div {
	background: #fff !important;
	padding: 13px;
}

thead, tbody, tfoot, tr, td, th {
	border-color: inherit;
	border-style: solid;
	
	text-align: left !important;
}

.navbar-top-links .dropdown-menu li a {
	padding: 3px 5px !important;
	min-height: 0;
	font-size: 13px;
}

::-ms-input-placeholder { 
  font-size: 0.85rem !important;
}

::placeholder {
  font-size: 0.85rem !important;
}

.btn-succes {
	background: green;
	color: #fff;
}




#rdemp {
	width: 35%;
}

.pad0 {padding:0px !important}

table#rdemp tbody tr td {
	padding: 0px !important;
}

.req { color:red;}

#divEmpProjsummary label {
	margin-left: 17px;
}

.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
    -webkit-animation-name: hvr-pulse-grow;
    animation-name: hvr-pulse-grow;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    color: #80acdb !important;
}




    body#MangSheet {overflow: scroll !important}
.table-hover tbody tr:hover {
    color: #dfe4ea !important;
}
#gvtimesheet_length {
    color: #fff;
}
#gvtimesheet_filter label {
    color: #fff;
}
#gvtimesheet_info {
    color: #fff;
}
table.dataTable {
    border-collapse: separate !important;
    border-spacing: 7px;
}
.ui-timepicker-table {
    display: inline-table;
    width: 0;
    background: #364077 !important;
    color: #fff !important;
    border: 1px solid #ccc;
}
.alert-success {
    color: #fff;
    background: #28a745;
    border-color: #23923d;
    position: absolute;
    top: 8%;
    left: 45%;
}
.weekdays {
    width: auto;
    /* float: left; */
            /* position: absolute; */
            /* left: 17%; */
    color: #1C0091;
    font-weight: 700;
    margin-bottom: 33px;
    margin-top: 0px;
}
.modal-backdrop.fade.show {
    display: none !important
}
.calendar {
    margin-top: 20px;
}
.week {
    display: flex;
    justify-content: space-between;
}
.day {
    flex-basis: calc(100% / 7);
    text-align: center;
    cursor: pointer;
}
.current-day {
    background-color: #007bff;
    color: #fff;
}
#dummyText {
    margin-top: 20px;
}

#nextWeek {
    color: #000 !important;
}
.calendar {
    margin-top: 20px;
}
.week {
    display: flex;
    justify-content: space-between;
    margin-left: 6%;
}
.day {
    flex-basis: calc(100% / 7);
    text-align: center;
}
.weekdays {
    width: auto;
    /* float: left; */
            /* position: absolute; */
            /* left: 17%; */
    color: #1C0091;
    font-weight: 700;
}
 .modal-backdrop.fade.show {
            display: none !important
        }

.btn-secondary {
    color: #000012;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}
.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
    -webkit-animation-name: hvr-pulse-grow;
    animation-name: hvr-pulse-grow;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    color: #80acdb !important;
}
.weekdays .day {
    /* border: 1px solid red; */
            /*width: 13%;*/
    font-size: 13px;
    float: left;
    border-right: 1px solid #1C0091 !important;
    padding: 0px 22px;
    line-height: 30px;
    cursor: pointer;
}
.btn-secondary:hover {
    color: #000;
    background-color: #5a6268;
    border-color: #545b62;
}
.calendar {
    margin-top: 20px;
}
.week {
    display: flex;
    justify-content: space-between;
}
.day {
    flex-basis: calc(100% / 7);
    text-align: center;
}
.current-day {
	background-color: #007bff;
	color: #fff;
	box-shadow: 2px 2px 2px 0px #ccc;
}