select ,option,input,table *,form *{
	text-transform: uppercase;

}

.field-desc{
	color: #4ebd4a;
}

form select, form input{
	font-size: .8em !important;
}

#loginform * ,#login form{
	text-transform: none !important;
}
 
table td{
	font-size: .8em;
}

body{
	background-image: url(/public/img/desain/tour-clarity.png);
}

.tbl-wrap{
	width: 1%;
	white-space: nowrap;
}

.smartforms-modal-trigger{
	display: inline !important;
    height: 0 !important;
    line-height: 0 !important;
    margin: 0 auto !important;
    color: #FFF !important;
    
    font-family: "Roboto",Arial,Helvetica,sans-serif;
    padding: 4px 7px !important;
}

#content-wrapper{
	/*background: rgba(30,30,50,.2);*/
}
#header{

}
#footer{
	position: fixed;
	bottom: 0;
	width: 100%;
}
#sidedrawer{
	background:#202f3f !important;
	color:#777;
}
#sidedrawer strong{
	font-size: 1.5em;
}
#sidedrawer strong:hover,#sidemenu li ul li:hover{
	background:#303f4f;
	transition:.3s; 
}
#header,#header a,.mui-appbar,#footer{
	background:#202f3f !important;
	color: #707f8f !important;
}
#sidemenu li ul li a{
	color: #777;
}
#body{
	padding: 0 !important;
}
#sidedrawer{

}
form .field-icon, form select{
	z-index: 1 !important;
}
#footer,#header{
	z-index: 12;
}

#sidedrawer-brand{
	background:#031324 !important;
}
#login{
	color: #ddd;
	background:rgba(111,110,110,1);
}
#login input{
	background:rgba(0,0,0,0.1);
	font-size:1.2em;
	color :#ddd;
}
#login  .tagline span{
	color: white;
	background:rgba(111,110,110,1);
}
#btn-login i{
	padding-left:  1px;
	color: grey;
	font-size: 3em;
}
#btn-login i:hover{
	cursor: pointer;
	color :#ddd;
	transition: .3s;
}


 ::-webkit-scrollbar {
    
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.bg-dark {
	background-color: #343a40!important;
	color:#e0e0e0;
}

.bg-cyan {
	background-color: #27a9e3!important;
	color:#fafafa;
}

.bg-orange {
	background-color: #fb8c00!important;
	color:#fafafa;
}

.bg-white {
	background-color: #fff!important;
	color:#1a1a1a;
}
.bg-light {
	background-color: #f8f9fa!important
	color:#1a1a1a;
}
.bg-red {
	background-color: #ffb848!important;
	color:#fafafa;
}

.bg-blue {
	background-color: #2255a4!important;
	color:#fafafa;
}

.bg-green {
	background-color: #28b779!important;
	color:#fafafa;
}

.bg-grey {
	background-color: #6c757d!important;
	color:#fafafa;
}

.bg-navy {
	background-color:rgb(33, 47, 63) !important;
	color:#fafafa;
}

.p5{
	padding: 5px;
}

.p10{
	padding: 10px;
}
.p20{
	padding: 20px;
}
.m5{
	margin: 5px;
}

.m10{
	margin: 10px;
}

.text-lg {
	font-size: 3em;
}

.container,div{
		font-family: "Nunito Sans", sans-serif !important;
}


.tablefit td, 
.tablefit th {
    white-space: nowrap;
    width: 1%;
}