/* by fatoni.wrok@gmail.com */

body { font-family:'Geist'; }
h1, h2, h3, h4, h5 { font-family:'Geist'; }

.login-page { background: #fff; overflow: hidden; }
.login-box-msg, .register-box-msg { padding-left: 0px; padding-right: 0px; }
.copyright { text-align: center; font-size: 12px; }
.copyright a { font-weight: 600; }

.btn { text-transform: uppercase; font-weight: 600; letter-spacing: 0.5; }
.form-control:focus{ background-color: lightyellow; }
.invalid+.form-control-feedback { width: 46px; height: 46px; line-height: 46px; }
.invalid { display: block; padding: 10px; font-size: 12px; font-weight: 600; color: red; }

.sidebar-menu>li>a { font-size: 12px; font-weight: 550; text-transform: uppercase; }
.treeview-menu>li>a { font-size: 12px; font-weight: 250; text-transform: uppercase; padding: 12px 5px 12px 15px; }
.treeview-menu>li.active>a { font-weight: 450; }
.sidebar-menu>li>a>.fa, .sidebar-menu>li>a>.glyphicon, .sidebar-menu>li>a>.ion { font-size: 18px; margin-right: 7px; text-align: center; }

.navbar-custom-menu>.navbar-nav>li>.dropdown-menu { border: 0px; margin-top: -1px;}
.navbar-custom-menu>.navbar-nav>li.user-menu .dropdown-menu { background: none; }

.main-header #navbar-search-input.form-control { border-radius: 5px; font-weight: bold; }
.main-header .navbar-search-input.form-control { border-radius: 5px; font-weight: bold; }

.cashier-area .content-wrapper { background: transparent; }
.cashier-area .content-header h1 { color: #fff; }
.cashier-area .content-header h1 small { color: #bfbfbf; }
.cashier-area .box { border-radius: 0px; box-shadow: 0 20px 20px rgba(0,0,0,0.1); }
.cashier-area .box .btn.btn-app { box-shadow: 0 5px 5px rgba(0,0,0,0.1); }
.cashier-area .main-footer { text-align: center; background: transparent; border-top: 1px solid #333; color: #fff; }

.cients-area .content-wrapper { background: transparent; }
.cients-area .content-header h1 { color: #fff; }
.cients-area .content-header h1 small { color: #bfbfbf; font-weight: 600; }
.cients-area .box { border-radius: 0px; box-shadow: 0 20px 20px rgba(0,0,0,0.1); }
.cients-area .box .btn.btn-app { box-shadow: 0 5px 5px rgba(0,0,0,0.1); }
.cients-area .main-footer { text-align: center; background: transparent; border-top: 0; color: #fff; }

.table td a b { color: black; border-bottom: 2px dotted transparent; padding-bottom: 2px; }
.table td a h4 { display:inline-block; color: black; border-bottom: 2px dotted transparent; padding-bottom: 2px; }

.table td a:hover b { color: red; border-bottom: 2px dotted red; transition: 0.3s; }
.table td a:hover h4 { color: red; border-bottom: 2px dotted red; transition: 0.3s; }

@media (max-width:767px){ 
	.box-header>.box-tools.tools-search-box { position: relative; float: right; right: 0; top:0; }
}

@media (max-width:560px){
	.box-area-tools { display: grid; grid-gap: 5px; }
	.box-area-tools .btn-group { display: grid; }
	.box-area-tools .tools-search-box .input-group{ width: 100%!important; }
	.box-area-tools .tools-search-box .form-group{ width: 100%!important; }
	.box-area-tools .tools-search-box .form-group.col-md-6{ margin-bottom: 5px; padding: 0px; }
	#datedays, #clock { display:none; }
	#searchHeader { min-width: 100%!important; }
	.navbar-form { border: none!important; box-shadow: none!important; }
	.navbar-toggle { right: 12px; }
	.user-header .img-circle { display: none; }
	.navbar-nav>.user-menu>.dropdown-menu>li.user-header { height: auto; }
	.tools-search-box .input-group-md { width: 100%!important; margin-top: 12px; }
	.cashier-area .main-footer { font-size: 12px; }
	.cashier-area .main-footer strong { display: block; }
}

@media (max-width:480px){ 
	.navbar-nav>.user-menu .user-image { margin-top: 0px; }
	.navbar-custom-menu .navbar-nav>li.user-menu>a { padding-top: 12px; padding-bottom: 12px; }
	.navbar-custom-menu>.navbar-nav>li.user-menu .dropdown-menu { width: 100%; right: 0; }
}