div.storeOption {
	text-align: center;
	margin: 15px;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	border: 1px solid #00205B;
}

div.storeOption:hover {
	-webkit-box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.2);
	color: #ffd100;
	background: #00205B;
}

.form-group.submitbuttons,
.dialog-actions {
	text-align: right;
}

td.scheduler-title-heading {
	font-weight: bold;
}

td.scheduler-day-heading {
	font-weight: 400 !important;
}

td.scheduler-week-heading {
	text-align: center !important;
}

#schedulerCreate .panel-title span.caption,
#schedulerSubmitted .panel-title span.caption,
#schedulerDrafts .panel-title span.caption,
#schedulerReports .panel-title span.caption{
	font-weight: bold;
	color: #00205b !important;
	background: #ffd100;
	text-transform: uppercase;
}

.scheduler-day-input {
	font-size: 10px !important;
}

.validation-message {
	color: red;
}

.valid.modified:not([type=checkbox]) {
	outline: 1px solid #26b050;
}

.invalid {
	outline: 1px solid red;
}

/**MONTH SELECTOR**/

.monthly-wrp {
	Z-INDEX: 9999999 !important;
}

.monthSelect input,
.monthSelect select,
.monthSelect button {
	font-family: inherit;
	font-size: inherit;
	padding: 8px;
}

.monthSelect select {
	padding: 8px;
}

.monthly-wrp {
	padding: 1em;
	top: 6px;
	z-index: 1000;
	border-radius: 3px;
	background-color: #2C3E50;
}

.monthly-wrp .years {
	margin-bottom: 0.8em;
	text-align: center;
}

.monthly-wrp .years select {
	border: 0;
	border-radius: 3px;
	width: 100%;
}

.monthly-wrp .years select:focus {
	outline: none;
}

.monthly-wrp table {
	border-collapse: collapse;
	table-layout: fixed;
}

.monthly-wrp td {
	padding: 1px;
}

.monthly-wrp-btn {
	width: 100%;
	border: none;
	background-color: #ffd100;
	color: #FFFFFF;
	font-size: 14px;
	padding: 0.6em;
	cursor: pointer;
	border-radius: 3px;
	margin-left: 0px;
}

.monthly-wrp-btn:hover {
	background-color: #00205B;
}

.monthly-wrp-btn:focus {
	outline: none;
}

.monthly-wrp-layout {
	padding: 1px;
}
/**MONTH SELECTOR END**/
/**Hide sideNavBox**/
#sideNavBox {
	display: none;
}

#contentBox {
	margin-left: 20px;
}


/**End Hide sideNavBox**/


/**Menu icon styling**/

.mif-5x {
	margin: 10px;
}


/** Page Title **/

#pageTitle {
	display: none;
}

.tblHeader {
	background: #00205B;
}

.table thead th.tblHeaderText,
.table tfoot th.tblHeaderText {
	color: #ffd100;
}

.menuOption .mif-5x {
	font-size: 100px;
}

.menuOption h3 {
	font-size: 20px;
}

.menuOption p {
	font-size: 14px;
}

.menu-option-content {
	margin: 10px 20px;
}

.menuOption {
	height: 270px;
	color: #00205B;
}

.storeOption h4 {
	font-size: 18px;
}

.storeOption h5 {
	font-size: 14px;
}

.storeOption {
	height: 180px;
}

input#txtSearchStoresCreate {
	width: 100%;
	padding: 10px;
	border-radius: 4px;
	border-color: #00205B;
	margin-bottom: 20px;
}

td.scheduler-title ,td.scheduler-title-summary-name, td.scheduler-title-summary-job, td.scheduler-title-summary-empnum {
	font-weight: bold;
}

td.scheduler-emp-title, td.casualEmpJobTitle, td.permEmpJobTitle {
	width: 180px !important;
}

td.permEmpNum,td.casualEmpNum {
	width: 63px !important;
}


td.scheduler-title-summary-name,td.scheduler-emp-title-name{
	width: 180px !important;
}
td.scheduler-title-summary-job, td.scheduler-emp-title-job{
	width: 130px !important;
}
td.scheduler-title-summary-empnum, td.scheduler-emp-title-empnum{
	width: 63px !important;
}

td.scheduler-title-summary{
	width: 100px !important;
	font-weight: bold;
}
.employeeRow td,.summaryRow td{
	font-size: 11px !important;
}

/* td.scheduler-emp-title {
	font-size: 10px !important;
} */

/* .scheduler-emp-title-job,.scheduler-emp-title-empnum,.scheduler-emp-title-name,.scheduler-title-summary{
	font-size: 10px !important;
} */


/* summary week border */

/* td.scheduler-emp-title-sum,
td .summary5 {
	border-right: 2px solid #00205B !important;
} */

td .summary1 {
	border-left: 2px solid #00205B !important;
}

.summaryTotal{
	font-weight: 800;
}
.summary7, .summary8, .summary9, .summary10, .summary11{
  font-weight: 800;
}

#summaryTotal1{
  border-left: 2px solid #00205B !important;
}

.summary1,
.summary2,
.summary3,
.summary4,
.summary5,
.summary6,
.summary7,
.summary8,
.summary9,
.summary10,
.summary11,
#summaryTotal1,
#summaryTotal2,
#summaryTotal3,
#summaryTotal4,
#summaryTotal5,
#summaryTotal6,
#summaryTotal7,
#summaryTotal8,
#summaryTotal9,
#summaryTotal10,
#summaryTotal11 {
	text-align: right;
}

.pagination {
	flex-wrap: wrap;
}

.mif-arrow-left {
    padding-left: 10px;
}

.image-button .icon {
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 1rem;
    background-color:#00205B;
    color: #ffffff;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    text-align: center;
}


.image-button .iconBack {
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 1rem;
    background-color:rgba(69, 90, 100, 0.55);
    color: #ffffff;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    text-align: center;
}
.iconCancel{
	width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 1rem;
    background-color:rgba(69, 90, 100, 0.55);
    color: #ffffff;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    text-align: center;
}

.iconSubmit{
	width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 1rem;
    background-color: rgba(69, 90, 100, 0.55);
    color: #ffffff;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    text-align: center;
}

/* DataTables */
.dataTables_length label select {
    margin: 0 10px;
    width: 100px;
}
.dataTables_length label{
	display: flex;
}

.dataTables_filter label input{
	border: 2px solid #00205B;
}

/*
<<<<<<< HEAD
<<<<<<< HEAD
 * Metro 4 Components Library v4.3.0  (https://metroui.org.ua)
=======
 * Metro 4 Components Library v4.2.48  (https://metroui.org.ua)
>>>>>>> master
=======
 * Metro 4 Components Library v4.2.49  (https://metroui.org.ua)
>>>>>>> master
 * Copyright 2012-2019 Sergey Pimenov
 * Licensed under MIT
 */
.sorting,
.sorting_asc,
.sorting_desc {
  position: relative;
  cursor: pointer;
}
.sorting:after,
.sorting_asc:after,
.sorting_desc:after {
  position: absolute;
  content: "";
  width: 1rem;
  height: 1rem;
  left: 100%;
  margin-left: -1.25rem;
  top: 50%;
  margin-top: -0.5rem;
  font-size: 1rem;
  line-height: 1;
  color: #1d1d1d;
}
.sorting_asc {
  background-color: #ebebeb;
}
.sorting_asc:after {
  content: "\2191";
}
.sorting_desc {
  background-color: #ebebeb;
}
.sorting_desc:after {
  content: "\2193";
}
.dataTables_length label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dataTables_length label select {
  margin: 0 10px;
  width: 100px;
}
.dataTables_filter label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dataTables_filter label input {
  width: 200px;
  margin-left: 10px;
}
.dataTables_paginate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none inside;
  padding: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dataTables_paginate .previous,
.dataTables_paginate .next,
.dataTables_paginate span a {
  cursor: pointer;
  display: block;
  position: relative;
  padding: 0.5rem 0.75rem;
  line-height: 1;
  font-size: 1rem;
  text-decoration: none;
  background-color: #ffffff;
  color: #1d1d1d;
  border: 1px solid #dfdfdf;
  margin: 0.25rem;
}
.dataTables_paginate .previous:hover,
.dataTables_paginate .next:hover,
.dataTables_paginate span a:hover {
  background-color: rgba(29, 29, 29, 0.1);
}
.dataTables_paginate span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.dataTables_paginate .current {
  background-color: #e4e4e4;
}
.dataTables_wrapper {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
}
.dataTables_length,
.dataTables_filter {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.dataTables_paginate,
.dataTables_info,
.dataTable {
  width: 100%;
}
.dataTables_info {
  line-height: 42px;
  text-align: center;
}
@media all and (min-width: 576px) {
  .dataTables_filter label {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .dataTables_length label {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media all and (min-width: 992px) {
  .dataTables_paginate,
  .dataTables_info {
    width: auto;
  }
  .dataTables_info {
    text-align: left;
  }
  .dataTables_paginate {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}


.form-group.submitbuttons {
	margin-top: 20px;
}

.sorting_asc, .sorting_desc {
    background-color: #ffd100;
    color: #00205B !important;
}

.monthly-wrp table button:hover {
	background-color: #00205B !important;
}

.form-group.backbutton, .form-group.approveButtons{
    text-align: right;
}

/*Edit Add Buttons*/

.form-group.EditAddbuttons{
  margin-bottom: 10px;
  text-align: right;
}

button.button.input-clear-button {
  display: none !important;
}

/* .showEditCSS {
  display: block !important;
}
.clearEditCSS {
  display: none ;
} */

/*Remove title row*/
#s4-titlerow {
  display: none !important;
}

/*Remove the edit*/
 #s4-ribbonrow{
  display: none !important;
}

input:disabled {
	cursor: default;
	background-color: #fff;
	color: #fff;
	border-color: #fff;
}

#blazor-error-ui {
	background: lightyellow;
	bottom: 0;
	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
	display: none;
	left: 0;
	padding: 0.6rem 1.25rem 0.7rem 1.25rem;
	position: fixed;
	width: 100%;
	z-index: 1000;
}

	#blazor-error-ui .dismiss {
		cursor: pointer;
		position: absolute;
		right: 0.75rem;
		top: 0.5rem;
	}

/* Style the buttons that are used to open and close the accordion panel */
.accordion-custom {
	background-color: #eee;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
}

	/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
	.active, .accordion-custom:hover {
		background-color: #ccc;
	}

/* Style the accordion panel. Note: hidden by default */
.panel {
	padding: 0 18px;
	background-color: white;
	display: none;
	overflow: hidden;
}

	.panel.active {
		display: block;
	}

.rz-datatable-even, .rz-datatable-odd {
	height: 60px;
}