body {
	background-color: #272D30;
	color: #FFF;
}

button {
	background-color: #3c4649;
}

.page__header {
	background-color: #3c4649;
}

.page__header h1 {
	background: url("../images/main-app-badge.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

.page__content__title {
	background-color: #3c4649;
}

.group {
	background-color: #616b6d;
	border: 4px solid #616b6d;
	color: #fff;
}

.group.active {
	background-color: #fe4f00;
	border: 4px solid #fe4f00;
}

.group__head {
	background-color: #3c4649;
}

.group__users.active .group__user {
	border-left: solid 5px #fe4f00;
	background-image: url("../images/groups-icon-active-user.png");
}

.group__users.inactive .group__user {
	border-left: solid 5px #272D30;
	background-image: url("../images/groups-icon-inactive-user.png");
}

.group__user {
	background-color: #272d30;
}

.group__user + .group__user:before {
    border-top: 1px solid #616b6d;
    content: "";
    height: 20px;
    left: -5px;
    position: absolute;
    width: 376px;
}

form .row {
	border: 1px solid #3c4649;
}

#page-settings form fieldset:first-child {
	border-bottom-color: #3c4649
}

#page-settings form fieldset + fieldset {
	border-left-color: #3c4649
}

#page-settings form fieldset.user legend {
	background: url("../images/settings-info-section-badge.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

#page-settings form fieldset.contacts legend {
	background: url("../images/settings-numbers-section-badge.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

#page-schedule .schedule__sign-in > .label{
	background-image: url("../images/signin-badge.png");
}

#page-schedule .schedule__sign-out > .label{
	background-image: url("../images/signout-badge.png");
}

.chart-stats-type label:before {
	background-image: url("../images/stats-checkbox-OFF.png");
}

.chart-stats-type input[name="stats-type"]:checked + label:before {
	background-image: url("../images/stats-checkbox-ON.png");
}

/* ICONS */

.icon-login{
	background-image: url("../images/login-navbar-icon.png");
}

.icon-groups{
	background-image: url("../images/groups-navbar-icon.png");
}

.icon-nav-settings{
	background-image: url("../images/settings-navbar-icon.png");	
}

.icon-nav-stats{
	background-image: url("../images/stats-navbar-icon.png");	
}

.icon-nav-schedule{
	background-image: url("../images/schedule-navbar-icon.png");	
}

.icon-logout {
	background: url("../images/universal-btn-logout.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

.icon-settings {
	background: url("../images/universal-btn-settings.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

.icon-refresh {
	background: url("../images/stats-refresh-btn.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

.icon-defaults {
	background: url("../images/default-navbar-icon.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

.icon-stats {
	background: url("../images/groups-btn-stats.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

.icon-signin {
	background: url("../images/groups-btn-sign-in.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

button:hover .icon-signin {
	background: url("../images/groups-btn-sign-in-HOVER.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

.icon-signout {
	background: url("../images/groups-btn-sign-out.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

button:hover .icon-signout {
	background: url("../images/groups-btn-sign-out-HOVER.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

.icon-schedule {
	background: url("../images/groups-btn-schedule.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

.icon-user {
	background: url("../images/settings-marker-info.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}
.icon-email {
	background: url("../images/settings-marker-email.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}
.icon-password {
	background: url("../images/settings-marker-password.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

.icon-number {
	background: url("../images/settings-marker-number.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

.icon-sip {
	background: url("../images/settings-marker-sip.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

.icon-clear {
	background: url("../images/settings-btn-clear-number.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

.icon-add {
	background: url("../images/settings-btn-add-number.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

.icon-back {
	background: url("../images/universal-backbtn.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

.icon-active-users,
.icon-inactive-users {
    display: inline-block;
    height: 20px;
    position: relative;
    right: 5px;
    top: 5px;
    width: 20px;
}

.icon-active-users{
	background-image: url("../images/groups-marker-active-users.png");
}

.icon-inactive-users{
	background-image: url("../images/groups-marker-inactive-users.png");
}

.ui-widget-header {
	background: none repeat scroll 0 0 #616b6d;
	border-radius: 0 !important;
	color: #fff;
}

ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	background: none repeat scroll 0 0 #fe4f00;
	color: #fff;
}

ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	background: none repeat scroll 0 0 #616b6d;
	border: 1px solid #616b6d;
	color: #FFF;
}

#popupContainer .contentContainer.loadingbox .content{
	background-image: url("../images/spinner-fixed.png");
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	.page__header h1 {
		background: url("../images/main-app-badge@2x.png") no-repeat scroll center center rgba(0, 0, 0, 0);
		background-size: 72px 72px;
	}	
	
	#page-settings form fieldset.user legend {
    	background: url("../images/settings-info-section-badge@2x.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    	background-size: 72px 72px;
	}
	
	#page-settings form fieldset.contacts legend {
    	background: url("../images/settings-numbers-section-badge@2x.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    	background-size: 72px 72px;
	}
	
	#page-schedule .schedule__sign-in > .label {
    	background-image: url("../images/signin-badge@2x.png");
    	background-size: 40px 40px;
    }
	
	#page-schedule .schedule__sign-out > .label {
    	background-image: url("../images/signout-badge@2x.png");
    	background-size: 40px 40px;
	}
	
	.icon-login{
		background-image: url("../images/login-navbar-icon@2x.png");
		background-size: 40px 40px;
	}
	
	.icon-groups{
		background-image: url("../images/groups-navbar-icon@2x.png");
		background-size: 40px 40px;
	}
	
	.icon-nav-settings{
		background-image: url("../images/settings-navbar-icon@2x.png");
		background-size: 40px 40px;
	}
	
	.icon-nav-stats{
		background-image: url("../images/stats-navbar-icon@2x.png");
		background-size: 40px 40px;
	}
	
	.icon-nav-schedule{
		background-image: url("../images/schedule-navbar-icon@2x.png");
		background-size: 40px 40px;	
	}
		
	.icon-user {
		background: url("../images/settings-marker-info@2x.png") no-repeat scroll center center rgba(0, 0, 0, 0);
		background-size: 24px 24px;
	}	
	
	.icon-email {
    	background: url("../images/settings-marker-email@2x.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    	background-size: 24px 24px;
	}
	
	.icon-password {
    	background: url("../images/settings-marker-password@2x.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    	background-size: 24px 24px;
	}
	
	.icon-logout {
    	background: url("../images/universal-btn-logout@2x.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    	background-size: 40px 40px;
	}
	
	.icon-settings {
    	background: url("../images/universal-btn-settings@2x.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    	background-size: 40px 40px;
	}
	
	.icon-stats {
    	background: url("../images/groups-btn-stats@2x.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    	background-size: 40px 40px;
	}
	
	.icon-schedule {
    	background: url("../images/groups-btn-schedule@2x.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    	background-size: 40px 40px;
	}
	
	.icon-signout {
    	background: url("../images/groups-btn-sign-out@2x.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    	background-size: 40px 40px;
	}
	
	button:hover .icon-signout {
		background: url("../images/groups-btn-sign-out-HOVER@2x.png") no-repeat scroll center center rgba(0, 0, 0, 0);
		background-size: 60px 40px;
	}
	
	.icon-signin {
    	background: url("../images/groups-btn-sign-in@2x.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    	background-size: 40px 40px;
	}
	
	button:hover .icon-signin {
		background: url("../images/groups-btn-sign-in-HOVER@2x.png") no-repeat scroll center center rgba(0, 0, 0, 0);
		background-size: 60px 40px;
	}
	
	.icon-clear {
    	background: url("../images/settings-btn-clear-number@2x.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    	background-size: 28px 28px;
	}
	
	.icon-number {
    	background: url("../images/settings-marker-number@2x.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    	background-size: 24px 24px;
	}
	
	.icon-sip {
		background: url("../images/settings-marker-sip@2x.png") no-repeat scroll center center rgba(0, 0, 0, 0);
		background-size: 24px 24px;
	}
	
	.icon-add {
    	background: url("../images/settings-btn-add-number@2x.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    	background-size: 44px 44px;
	}
		
	.icon-refresh {
    	background: url("../images/stats-refresh-btn@2x.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    	background-size: 40px 40px;
	}
	
	.icon-defaults{
		background: url("../images/default-navbar-icon@2x.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    	background-size: 40px 40px;
	}
	
	.icon-back {
		background: url("../images/universal-backbtn@2x.png") no-repeat scroll center center rgba(0, 0, 0, 0);
		background-size: 16px 28px;
	}
	
	.icon-active-users{
		background-image: url("../images/groups-marker-active-users@2x.png");
		background-size: 20px 20px;
	}
	
	.icon-inactive-users{
		background-image: url("../images/groups-marker-inactive-users@2x.png");
		background-size: 20px 20px;
	}
	
	
	#popupContainer .contentContainer.loadingbox .content{
		background-image: url("../images/spinner-fixed@2x.png");
		background-size: 120px 120px;
	}
		
}