.menu_submenu{
    display: none;
}

.active ul.menu_submenu {
    display: block;
}

.accordion-open .menu_submenu {
	display:block;	
}

.menu_submenu li:hover {
    background: #393d42;
}

a.toggle-min.md-button.md-ink-ripple {
	display:none !important;	
}

.nav-left {
	margin-left:20px;	
}

.nav-right {
	margin-right:20px;	
}

.dropdown-toggle:hover {
	background:#ececec;
}

.dropdown-menu-scaleIn {

}

md-input-container .md-input {
	color:#3D4051 !important;	
}

.md-input::-webkit-input-placeholder, .datePickerBtn input::-webkit-input-placeholder  {
	color:#3D4051;
}

.md-input:-moz-placeholder, .datePickerBtn input:-moz-placeholder { /* Firefox 18- */
	color:#3D4051;
}

.md-input::-moz-placeholder, ::-moz-placeholder.datePickerBtn input {  /* Firefox 19+ */
	color:#3D4051;
}

.md-input:-ms-input-placeholder, .datePickerBtn input:-ms-input-placeholder {  
	color:#3D4051;
}

.form-submit {
	background:#e0e0e0;
	border-radius:3px;
	border:none;
	padding:8px 0;
	width:100%;
	font-weight:bold;
}

.form-submit span {
	color:#aaa6a6;
	text-transform:uppercase;
}

/* Input Type */
.custom-radio-btn {
  margin: 0 0 0.75em 0;
}

.custom-radio-btn input[type="radio"] {
  display: none;
}

.custom-radio-btn input[type="radio"] + label {
  color: #292321;
  font-family: Arial, sans-serif;
  font-size: 14px;
}

.custom-radio-btn input[type="radio"] + label span {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: -1px 15px 0 0;
  vertical-align: middle;
  cursor: pointer;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.custom-radio-btn input[type="radio"] + label span {
	border:solid 2px #fff;
    box-shadow: 0 0 0 2px #3d4051;
}

.custom-radio-btn input[type="radio"]:checked + label span {
  background-color: #21c5da;
  box-shadow: 0 0 0 2px #21c5da;

}

input[type="radio"] + label span,
input[type="radio"]:checked + label span {
  -webkit-transition: background-color 0.4s linear;
  -o-transition: background-color 0.4s linear;
  -moz-transition: background-color 0.4s linear;
  transition: background-color 0.4s linear;
}

.custom-check-btn {
  margin: 0 0 0.75em 0;
}

.custom-check-btn input[type="checkbox"] {
  display: none;
}

.custom-check-btn input[type="checkbox"] + label {
  color: #292321;
  font-family: Arial, sans-serif;
  font-size: 14px;
}

.custom-check-btn input[type="checkbox"] + label span {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: -1px 15px 0 0;
  vertical-align: middle;
  cursor: pointer;
  -moz-border-radius: 50%;
  border-radius: 2px;
}

.custom-check-btn input[type="checkbox"] + label span {
	border:solid 2px #fff;
    box-shadow: 0 0 0 2px #3d4051;
}

.custom-check-btn input[type="checkbox"]:checked + label span {
  box-shadow: 0 0 0 2px #21c5da;
  position:relative;

}

.custom-check-btn input[type="checkbox"]:checked + label span:after {
	content: '✔';
	color:#21c5da;
	top:-3px;
	position:absolute;
}

input[type="checkbox"] + label span,
input[type="checkbox"]:checked + label span {
  -webkit-transition: background-color 0.4s linear;
  -o-transition: background-color 0.4s linear;
  -moz-transition: background-color 0.4s linear;
  transition: background-color 0.4s linear;
}

.datePickerBtn {
    display: inline-block;
    position: relative;
    padding: 2px;
    margin: 19px 0px;
	border-bottom:solid 1px #3d4051;
	position:relative;
}

.datePickerBtn i {
	font-size:20px;
}

.datePickerBtn input {
	border:none;
	margin:0 0 0 10px;
	cursor:pointer;
}

.datePickerBtn::after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid;
    height: 0;
    right: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 0;
	content:'';
	pointer-events: none;
}

.ui-select {
	border:none;
	border-bottom:solid 1px #3d4051;
	border-radius:0;
	width:100%;
}

.ui-select>select {
	padding:8px 15px 4px 10px;
	width:100% !important;
}

.ui-select:after {
	color:#3d4051;
	right:5px;
}

.md-input-container {
    display: inline-block;
    position: relative;
    padding: 2px;
    margin: 18px 0;
}

.md-input-container .md-input {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    display: block;
    margin-top: 0;
    background: 0 0;
    padding: 2px 2px 1px;
    border-width: 0 0 1px;
    line-height: 26px;
    height: 30px;
    -ms-flex-preferred-size: 26px;
    border-radius: 0;
    border-style: solid;
    width: 100%;
    box-sizing: border-box;
}

.ui-effects-wrapper {
	height:100% !important;
}

md-input-container label {
	font-size:16px;	
}

md-input-container .md-input:focus + .md-input-has-value label,
md-input-container .md-input:focus + md-input-has-value label {
	font-weight:bold;
}

/* Popup */
.popup {
    position:fixed;
    width:100%;
    height: 100%;
    display: -webkit-flex;
    display:         flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background:rgba(0, 0, 0, 0.5);
    z-index: 99999;
    left: 0;
    top: 0;
    display: none;
    transition-duration: 0.5s;
}

.popup.test {
    display: flex;
    transition-duration: 0.5s;
}

.popupBox {
    text-align:center;
    padding:10px;
    margin:0 20px;
    width:30%;
    background: #fff;
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    position: relative;

}

.popupBox:after {
    z-index: -1;
    content: ' ';
    line-height: 0;
    position: absolute;
    bottom: -20px;
    left: -5%;
    right: 0;
    background-color: #009688;
    height: 60px;
    width: 110%;
}

.popupBox span {
    background: #009688;
    padding: 5px 0;
    width: 80px;
    color: #fff;
    display: inline-block;
    cursor: pointer;
}


@media screen and (max-width:768px) {

.popupBox {
    width:90%;
}

}

/* Table Popup */
.tablePopup {
    margin-top: 20px;
}

.thumbPopup {
    cursor: pointer;
}

.thumbPopupMain {
    position: fixed;
    z-index: 5555;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background:rgba(0, 0, 0, 0.5);
    display: none;
}

.thumbBox {
    width:100%;
    height: 100%;
    display: -webkit-flex;
    display:         flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    transition-duration: 0.5s;
}

.thumbClose {
    cursor: pointer;
    background: #009688;
    padding: 5px 10px;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    position: absolute;
    right: -15px;
    top: -15px;
    transition-duration: 0.5s;
}

.thumbClose:hover {
    transform: rotate(360deg);
}

.thumbBoxInner {
    position: relative;
    border: solid 2px #fff;
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    max-width: 450px;
}

.thumbPopupImg {
    width: 100%;
}

.page-signin .form-control {
	padding-left: 10px;
    padding-right: 10px;
}

.dataTables_wrapper {
	padding:20px;	
}

.dataTables_wrapper table {
	margin:40px 0 20px 0 !important;
}

@media screen and (max-width:600px) {

.dataTables_wrapper {
	overflow-x:scroll;	
}

.dataTables_wrapper table {
	float:left;
	width:100%;	
}

.section-header {
    font-size: 20px;
    margin: 0 0;
}

img.openThumb {
    width: 100%;
}

}