body {
	display: flex;
  	min-height: 100vh;
  	flex-direction: column;
  	background-color: #fcfcfc;
}

nav {
	background-color: #fff!important;
}

nav ul a {
	font-size: 1rem!important;
}

nav .nav-wrapper .brand-logo img {
	height: 64px;
	padding: 7px;
}

main {
	flex: 1 0 auto;
}

#loading_page {
	width: 100%;
	height: 100%;
	height: 100vh;
	position: fixed;
	z-index: 9999;
	background-color: #fefefe;
}

#loading_page .loader {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -32px;
	margin-left: -32px;
}

#mkd .mytab table tbody tr td .material-icons {
	float: right;
	padding-right: 5px;
	cursor: pointer;
}

#mkd .mytab table tbody tr td .docs {
	width: 100%;
	display: none;
}

.lf_re {
	width: 14%;
}

.rf_re {
	width: 24%;
}

.tabs .tab a {
	padding: 0 5px;
}

.oootext {
	font-size: 36px;
}

.oootexts-s {
	font-size: 24px;
}

.ooobtn {
	width: 275px;
}

.mytab p {
	padding-bottom: 10px;
	margin: 0;
}
/*
.carousel .carousel-item {
	height: auto!important;
}
*/
.tabs .tab a{
    color:#000;
}

.tabs .tab a:hover {
    background-color:#eee;
    color:#000;
}

.tabs .tab a.active {
    color:#000;
}

.tabs .indicator {
    background-color:#000;
}

.tabs .indicator { display: none; }
.tabs .tab a.active { border-bottom: 2px solid #000; }

.width100 {
	width: 100%!important;
}

.hand-main {
	background: url(/img/main.jpg) center center no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
}

.hand-main-rgba {
	background-color: rgba(0,0,0,0.5);
	width: 100%;
}

@media (max-width: 1140px) {

nav ul a {
	padding: 0 10px;
}

}

@media (max-width: 900px) {

.tabs .tab a {
	font-size: 11px;
}

}

@media (max-width: 700px) {

.tabs .tab a {
	font-size: 9px;
}

}

/* mobile media <= 600px */
@media (max-width: 600px) {

nav .nav-wrapper .brand-logo img {
	height: 56px;
	padding: 7px;
}

.lf_re {
	width: auto;
}

.rf_re {
	width: auto;
}

.tabs .tab a {
	font-size: 14px;
	padding: 0 24px;
}

}

@media (max-width: 365px) {

.oootext {
    font-size: 20px;
}

.ooobtn {
	width: 240px;
	font-size: 12px;
}

.pdlr15 {
	padding-left: 15px;
	padding-right: 15px;
}

}

@media screen and (min-width:366px) and  (max-width: 400px) {

.oootext {
	font-size: 24px;
}

.oootexts-s {
	font-size: 20px;
}

}

@media screen and (min-width:401px) and (max-width: 525px) {

.oootext {
    font-size: 26px;
}

}

@media (min-width: 915px) {

.cow_row {
	max-width: 100%;
	overflow: hidden;
}

.cow33 {
	width: 33.33333333%;
}

}

/* ===== change color of st el ===== */
/* label color */
.input-field label {
  color: #000;
}
/* label focus color */
.input-field input[type=text]:focus + label {
  color: #000;
}
/* label underline focus color */
.input-field input[type=text]:focus {
  border-bottom: 1px solid #000;
  box-shadow: 0 1px 0 0 #000;
}
/* valid color */
.input-field input[type=text].valid {
  border-bottom: 1px solid #000;
  box-shadow: 0 1px 0 0 #000;
}
/* invalid color */
.input-field input[type=text].invalid {
  border-bottom: 1px solid #000;
  box-shadow: 0 1px 0 0 #000;
}
/* icon prefix focus color */
.input-field .prefix.active {
  color: #000;
}

.checkbox-black[type="checkbox"].filled-in:checked + label:after{
    border: 2px solid #000;
    background-color: #000;
}

.checkbox-black[type="checkbox"]:checked + label:before{
    border: 2px solid transparent;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    background: transparent;
}

.dropdown-content li>a, .dropdown-content li>span {
	color: #000;
}