:focus {outline: none; }
.form-group input, .form-group textarea, .form-group select { border: 1px solid #aaa; box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;border-radius: 2px; padding-right: 30px;-moz-transition: padding .25s; -webkit-transition: padding .25s;-o-transition: padding .25s; transition: padding .25s;}
.form-group input:focus, .form-group textarea:focus, .form-group select:focus { background: #fff; border:1px solid #555; box-shadow: 0 0 3px #aaa; padding-right:70px; }
.form-group input:required, .form-group textarea:required, .form-group select:required { background: #fff url(../images/red_asterisk.png) no-repeat 98% center; }
.form-group input:required:valid, .form-group textarea:required:valid, .form-group select:required:valid { background: #fff url(../images/valid.png) no-repeat 98% center; box-shadow: 0 0 5px #5cd053; border-color: #28921f; }
.form-group input:required:focus:invalid, .form-group textarea:required:focus:invalid, .form-group select:required:focus:invalid {  background: #fff url(../images/invalid.png) no-repeat 98% center; box-shadow: 0 0 5px #d45252; border-color: #b03535; }
    
#dialogWait { position: fixed; height: 300px; width: 300px; margin: 0 auto; top: 30%; }
.login-logo { max-height: 90px; background-color: #EEE; }
.space-top { margin-top: 110px !important; }
.nav-logo { background-color: #EEE; height: 50px; }
.breadcrumb > .breadcrumb-item + .breadcrumb-item:before { color: #ccc !important;content: "/ " !important;padding: 0 5px !important; }
.timer { height: 32px; position: relative; float: left; }
.timer h2 { text-align:center; position: absolute; line-height: 3px; font-size: 14px; width: 100%; }
svg { -webkit-transform: rotate(-90deg); transform: rotate(-90deg);	}
.circle_animation { stroke-dasharray: 440; stroke-dashoffset: 440; transition: all 9s linear; }
.timerBox { float: right; }
.passwordBox { float: left; margin-top: 5px; background-color: #fcf8e3; font-weight: bold; }
#trlist td { vertical-align: middle; }
.form-group { clear: both;width: 100%;margin-top: 15px;margin-bottom: 15px;}
#numberCountdown { float: left;margin-top: 17px;margin-right: 10px; font-size: 12px; color: #666;}
.active2 { width: 100% !important; }
.panel-heading { cursor: pointer; }
.form-group div p {  color : #ff6969; font-size: 12px; }
#msg { z-index: 9999; position: inherit; }
.btn-copy { padding: 2px 3px; }
.ui-menu .ui-menu-item-wrapper { height: 40px; font-size: 16px; padding-top: 10px !important; }
    
@media (max-width: 767px) { .navbar-nav .open .dropdown-menu { background-color: #fff !important; width: inherit !important; border: 1px solid rgba(0,0,0,.15) !important; box-shadow: 0 6px 12px rgba(0,0,0,.175) !important; margin: 2px 0 0 !important; float: left !important; position: absolute !important; right: 0 !important; left: auto !important; } }
@media (min-width: 768px) { .navbar-right { margin-right: 0px; } }
.navbar-nav { margin: 0px; }

@media only screen and (max-width: 800px) {
	#no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr { display: block; }
	#no-more-tables thead tr { position: absolute;top: -9999px;left: -9999px; }
	#no-more-tables tr { border: 1px solid #ccc; }
	#no-more-tables td { border: none;border-bottom: 1px solid #eee; position: relative;padding-left: 50%; white-space: normal;text-align:left;	}
	#no-more-tables .username {	overflow-x: auto; }
	#no-more-tables td:before { position: absolute;	top: 6px;left: 6px;	width: 45%;	padding-right: 10px;white-space: nowrap;text-align:left;font-weight: bold; }
	#no-more-tables td:before { content: attr(data-title); }
}

.navbar-fixed-top::after {background: linear-gradient(to right, #9E7CC1, #8ECDEA);content: '';width: 100%;position: absolute; top: 50px;height: 3px;left: 0;}