body {color:#585858 !important;}
.grow img{display:none;}
.grow{background:url(new-changes/logo-new.png) no-repeat; width:249px; height:139px; margin:0 auto; position:initial;}
.btn-login {background-color: #9d0b0f; border-color: #9d0b0f;}
.btn-reset {background-color: #464646; border-color: #464646;}
.copyrights img{display:none;}
.copyrights {background:url(new-changes/jazz-small.png) no-repeat; height:36px;margin-left: 30px;}
.copyrights p {width:79%; border-left: 1px solid #ccc; margin-left: 56px;}
.site_title img{display:none;}
.site_title {background:url(new-changes/inner-logo.png) no-repeat; background-position: 28px 5px; transition:all ease-in-out 0.3s;}
.nav-sm .site_title{background:url(new-changes/logo-sign.png) no-repeat; background-position: 8px 5px;}
.admin-dash a.btn.btn-alt.btn-inverse {background: #bf151c !important;}
.profile {background-color: #ad1015 !important; border-top: 5px solid #fdc717 !important;}
.profile_info span{color:#fdc717 !important;}
.img-circle.profile_img{border:none;}
.nav.side-menu>li>a:hover,
.nav.side-menu>li>a:focus { background-color: #ad1015 !important; color:#fff !important;}
.nav.side-menu> li.current-page, .nav.side-menu> li.active { border-right: 5px solid #ad1015;}
/*.nav.side-menu>li.current-page { background-color: #292929 !important;}
.sidebar-footer {background: #fdc717 !important;}
.sidebar-footer a {background: #ad1015 !important;}*/
.page-title .title_left h3 {color:#ad1015;}
.nav.side-menu>li>a{transition:all ease-in-out 0.3s;}
.nav.side-menu>li>a, .nav.child_menu>li>a {color:#404040 !important;}
.nav-sm .nav.side-menu> li.current-page, .nav.side-menu> li.active {border-right: 5px solid #ffcf17;}
.nav-sm .nav.side-menu>li.current-page {background-color: #bf151c !important;}
a.user-profile.dropdown-toggle:focus { color: #fff !important;}
.top_nav .nav>li>a { padding: 13px 15px 13px !important; margin-bottom:0 !important;}
.dropdown-menu>li>a { color: #585858 !important;}
.data-container header h2 { color: #1f1f1f !important;}
.div_actions_btn .btn { background: #ad1015 !important;}
#sidebar-menu .fa {vertical-align: sub;}

@media (min-width:768px) and (max-width:800px){
	#wrapper{margin-top: 30%;}	
}

@media (min-width:768px) {
	.mobile-show { display: none;}
}

/***> All Mobile <***/
@media (max-width:767px) {
	.mobile-show { float: left; padding-top: 6px; width: 17%;}
	.mobile-show img{max-width:100%;}
	.top_nav .navbar-right { width: 46%;}
	.top_nav .nav>li>a{ padding-left:0 !important;}
	.toggle { width: 15%;}
	.row.tile_count .animated.flipInY.col-lg-3.col-md-3.col-sm-6.col-xs-12:last-child .tile-stats{background: #bf151c !important;}
	
	.top_nav{position:relative; z-index:99999;}
	body.nav-md .container.body .right_col {  position: relative;  padding-bottom: 90px !Important;transition: all ease-in-out 0.3s;}
	footer { height: auto; margin: 0 auto; position: absolute; width: 100%; left: 0;bottom: 0;}
	canvas[id^="canvas"] { width: 120px !important; height: 120px !important; margin:0 0 0 10px !important;}
	.dashPanel td:nth-child(2n) { width: 63%;}
	.nav-sm .mobile-show{display:none;}
	.nav-sm .top_nav .navbar-right { width: 48%;}
	
	.right_col {padding: 15px !important;}
	.page-title .title_left h3 {font-size: 20px;}
	.btn-info {background-color:#333; border-color:#333;}
	.active-strip, .btn{color: #fff; display: inline; padding: 6px 15px !important;}
	.usersTabsM {margin-bottom: 10px;}
}


/***> All Mobile Landscape <***/
@media (min-width: 415px) and (max-width: 736px) and (orientation: landscape){
	.animated.flipInY.col-lg-3.col-md-3.col-sm-6.col-xs-12 {width: 33.33%;}
	.tile-stats .icon i { font-size: 40px;}
	.toggle { width: 7%;}
	.tile-stats .icon { top: 14px; right: 35px;}
	.tile-stats h3 {color: #fff; font-size: 18px;}
	.tile_count{margin-bottom:0;}
	.tile-stats{margin-bottom:0;}
	.x_title h2 {font-size: 18px;}
	.col-md-4.col-sm-4.col-xs-12 { width: 50%;}
}

@media (min-width: 667px) and (max-width: 736px) and (orientation: landscape){
	canvas[id^="canvas"] { margin: 0 !important;}	
}

/***> Iphone-4&5 Landscape <***/
@media (min-width: 480px) and (max-width: 568px) and (orientation: landscape){
	.animated.flipInY.col-lg-3.col-md-3.col-sm-6.col-xs-12 {width: 50%;}
	.row.tile_count .animated.flipInY.col-lg-3.col-md-3.col-sm-6.col-xs-12:last-child{ width: 100%; margin-top:10px;}
	
	.row.tile_count .animated.flipInY.col-lg-3.col-md-3.col-sm-6.col-xs-12:first-child{padding-right:5px;}
	.row.tile_count .animated.flipInY.col-lg-3.col-md-3.col-sm-6.col-xs-12:nth-child(2n){padding-left:5px;}
}

/***> Iphone-4 Landscape <***/
@media (min-width: 470px) and (max-width: 480px) and (orientation: landscape){
	.toggle {width: 10%;}
	canvas[id^="canvas"] {width:70px !important; height:70px !important; margin:0 0 0 0px !important;}

}

/***> All Mobile Portrait <***/
@media (min-width: 320px) and (max-width: 414px){
	#wrapper.loginWrapper {margin-top:20%; width:80%;}
	.login_content {min-width:100%;}
	.grow {width:189px; height:108px; background-size:100%;}
	#login.loginFormMain {top: 102px; margin:0 auto; left:0; right:0; }
	.copyrights {padding-top:18px; height:61px; background-position:0px 24px; width:75%; float:none; margin:0 auto;}
	.copyrights p{text-align:left; width:auto;}
	.tile-stats .count { font-size: 28px;}
	.tile_count { margin-bottom: 0;}
	
	.tile-stats .icon{ top:10px; right:13px; width:43px; height:43px;}
	.tile-stats .icon i{ font-size:40px;}
	.tile-stats h3 { font-size:18px;}
	.tile-stats p {margin-top:0px; font-size:11px;}
	.row.tile_count .animated.flipInY.col-lg-3.col-md-3.col-sm-6.col-xs-12:last-child .tile-stats{margin-bottom:0;}
}


/***> Iphone-6 & 6-Plus Portrait <***/
@media (min-width: 375px) and  (max-width: 414px){
	#wrapper.loginWrapper {margin-top: 35%;}
	.animated.flipInY.col-lg-3.col-md-3.col-sm-6.col-xs-12 {width: 50%;}
	.row.tile_count .animated.flipInY.col-lg-3.col-md-3.col-sm-6.col-xs-12:last-child{ width: 100%;}
	
	.row.tile_count .animated.flipInY.col-lg-3.col-md-3.col-sm-6.col-xs-12:first-child{padding-right:5px;}
	.row.tile_count .animated.flipInY.col-lg-3.col-md-3.col-sm-6.col-xs-12:nth-child(2n){padding-left:5px;}
	
	.toggle { width: 12%;}
}

/***> Nexus 5x Portrait <***/
@media (max-width: 412px){
	.copyrights {width: 76%;}
}

/***> Iphone-6 Portrait <***/
@media (min-width: 370px) and (max-width: 375px){
	.copyrights {width: 78.5%;}
}

/***> Galaxy S5 Portrait <***/
@media (max-width: 360px){
	.copyrights {width: 78%;}
}

/***> Iphone-4 Portrait <***/
@media (max-width: 320px){
	.copyrights {width: 85%;}
	#wrapper.loginWrapper { margin-top: 16%;}
}