/**
 * @copyright Animations Webdesign 2016
 * http://webdesign.animations.com.pl
 */

@media screen and (min-width:661px) {
	.site-box {
		width: 600px;
	}
	
	.buttons .right {
		float: right;
	}
	
	.site-box.registration .button.big {
		margin-right: 5px;
	}
	
	.language-version {
		display: inline-block;
	}
	
	.filter {
		display: none;
	}
	
	.filter.visible {
		display: block !important;
	}
	
	.site-box .register-reset .col50 {
		width: 50%;
		float: left;
	}
	
	.site-box .register-reset .col50:nth-child(1) {
		padding-right: 15px;
	}
	
	.work-type {
		width: 40%;
	}
	
	.search-bar .button {
		display: block;
	}
	
	.clock {
		display: inline-block;
	}
	
	.footer {
		width: 75%;
	}
	
	.topBar {
		height: 50px;
	}
	
	.hamburger {
		width: 50px;
		height: 50px;
	}

	.hamburger.on {
		width: 50px;
		height: 50px;
	}
	
	.menu-toggle {
		width: 50px;
		height: 49px;
	}
	
	.page-name {
		line-height: 50px;
		font-size: 1.5em;
	}
	
	.logo {
		background-size: 50%;
		height: 50px;
	}
	
	.dashboard-module-wrapper {
		float: left;
		width: 50%;
	}
	
	
	.col12 {
		width: 25%;
	}
	
	.file-grid-item {
		padding-bottom: 25%;
	}
	
	.col25,
	.col33 {
		width: 50%;
	}
	
	.col50 {
		width: 100%;
	}
	
	.col66, 
	.col75 {
		width: 100%;
	}
	
	.site-box .textBox {
		font-size: 1.1em;
	}
	
	.button.big {
		font-size: 1.1em;
	}
	
	.form-field-wrapper {
		padding-left: 5px;
		padding-right: 5px;	
	}
	
	.filter-panel .form-field-wrapper,
	.export-panel .form-field-wrapper {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.site-box .form-field-wrapper {
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.form-field-wrapper.col50 {
		float: left;
		width: 50%;
	}
	
	.form-field-wrapper.col20 {
		float: left;
		width: 20%;
	}
	
	.form-field-wrapper.col25 {
		float: left;
		width: 25%;
	}
	
	.form-field-wrapper.col33 {
		float: left;
		width: 33.333%;
	}
	
	.form-field-wrapper.col40 {
		float: left;
		width: 40%;
	}
	
	.form-field-wrapper.col66 {
		float: left;
		width: 66.666%;
	}
	
	.form-field-wrapper.col75 {
		float: left;
		width: 75%;
	}
	
	.record-count {
		float: left;
	}
	
	.pagination {
		float: right;
	}
	
	.pagination a {
		margin-right: 0px;
		margin-left: 2px;
	}
	
	.form-wrapper {
		margin-left: -15px;
		margin-right: -15px;
	}
	
	.form-wrapper .records {
		margin-left: 5px;
		margin-right: 5px;
	}
	
	.form-wrapper .system-message {
		margin-left: 5px;
		margin-right: 5px;
	}
	
	.form-field-wrapper .system-message {
		margin-left: 0px;
		margin-right: 0px;
	}
	
	.form-wrapper .buttons {
		margin-left: 5px;
		margin-right: 5px;
	}
	
	.header-description {
		font-size: 9px;
		font-weight: normal;
		color: #666;
		float: right;
		margin-right: 5px;
		margin-top: 0px;
		display: block;
	}
	
	.header-description.required-fields {
		display: none;
	}
	
	.buttons span {
		display: inline-block;
		margin-left: 10px;
		margin-top: 1px;
	}
	
	.buttons img {
		margin-bottom: 0;
	}
	
	h3 {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	h4.trip-number {
		margin-left: 5px;
		margin-right: 5px;
	}
	
	.form-submit {
		margin-right: 5px;
	}
	
	.file-upload-item .system-message {
		padding: 0;
		float: right;
	}
	
	.progress-bar.file-upload-item-progress-bar {
    	border: 0px solid #720d0f;
		width: 200px;
		height: 20px;
		margin: 0;
		float: right;
	}
	
}

@media screen and (min-width:961px) {
	.site-box.registration {
		width: 900px;
	}
	
	.invoice {
		width: 795px;
		padding: 70px;
	}
	
	table.form {
		width: 700px;
	}
	
	.col12 {
		width: 12.5%;
	}

	.file-grid-item {
		padding-bottom: 12.5%;
	}
	
	.col25 {
		width: 25%;
	}

	.col33 {
		width: 33.333%;
	}
	
	.col50 {
		width: 50%;
	}
	
	.col66 {
		width: 66.666%;
	}

	.col75 {
		width: 75%;
	}
	
	#calendar {
		width: 100%;
	}
	
	.dashboard-module-wrapper {
		float: left;
		width: 33.333%;
	}
	
	.dashboard-module-wrapper.newsletter {
		width: 50%;
	}
	
	.dashboard-module-wrapper.newsletter .dashboard-module-contents {
		padding-bottom: 3.5rem;
	}
}

@media screen and (min-width:1200px) {
	.form-description {
		float: left;
		width: 25%;
		text-align: right;
		padding-right: 15px;
	}
	
	.sidebar {
		left: 0px;
	}
	
	.container {
		padding-left: 199px;
	}
	
	.menu-toggle {
		display: none;
	}
	
	.popup-message {
		width: 700px;
	}
	
	.user_stats {
		width: 35%;
		float: right;
	}
	
	.dashboard-module-wrapper {
		float: left;
	}
}