/* responsive modifiers */

/* css hack */
	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
	    /* display: none; <- Crashes Chrome on hover */
	    -webkit-appearance: none;
	    margin: 0;
	}
	input[type=number] {
	    -moz-appearance:textfield;
	    -o-appearance:textfield;
	}

/* responsive modifiers UI */
	@media only screen and (max-width: 1200px) {
		.news-wrapper .news-wrapper-col{
			float: none;
			width: 100%;
		}

	}

	@media only screen and (min-width: 901px){ /* desktop */
		html {overflow-y: scroll;}

		/* webkit scrollbar hack */
			::-webkit-scrollbar {
				width: 8px;
				height: 8px;
			}
			::-webkit-scrollbar-corner,
			::-webkit-scrollbar-track{
				background: #EFF0F4;
			}
			::-webkit-scrollbar-thumb,
			::-webkit-scrollbar-thumb:window-inactive {
				-webkit-border-radius: 0px;
				border-radius: 0px;
				background: #1D374B;
			}
		/* ui-popup */
			.ui-dialog[aria-labelledby="ui-dialog-title-iframe_dialog"]{
				max-width: 100% !important;
				max-height: 100% !important;
				position: fixed !important;
				padding: 0em !important;
				height: 100% !important;
				top: 0px !important;
			}
			.ui-dialog[aria-labelledby="ui-dialog-title-iframe_dialog"] .ui-dialog-content,
			#iframe_dialog{
				height: calc(100% - 85px) !important;

				max-width: 100% !important;
				max-height: 100% !important;
				padding: 5px 5px 5px 10px !important;
			}
			.ds-icon{
				opacity: 0.25;
			}
	}

	@media only screen and (max-width: 900px) { /* tablet port, phone land */
		html {
			height: 100%;
		}
		/* login */
			.login-screen{
				padding: 0px;
			}
			.login-holder{
				width: auto;
				margin: auto;
				padding: 30px;
			}
			.login-holder input.text{
				width: auto;
			}

		/* general */
			.bg-wrapper{
				height: auto;
				min-height: calc(100% - 77px);
			}
			.footer{
				padding: 0px;
				position: static;
			}
			.footer-menu{
				display: none;
			}
			.bottom-push{
				display: none;
			}
			.leftpane{
				position: absolute;
				z-index: 1000;
				display: none;
				width: 100%;
				box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
				padding-bottom: 30px;
			}
			.leftpane .ui-accordion .ui-accordion-content{
				padding: 0px;
			}
			.leftpane li a{
				line-height: 27px;
			}
			#leftpane-toggle{
				display: none;
				z-index: 1000;
			}
			.main, .main-wrapper-toggle{
				margin-left: 0px;
			}
			.toppane{
				padding-top: 0px;
				padding-bottom: 0px;
				padding-left: 0px;
			}
			.topmenu a.menutoggle{
				display: inline-block;
				height: 26px;
				width: 26px;
				float: left;

				position: relative;
				top: 8px;
				left: 0px;
			}
			.topmenu a.menutoggle img{
				height: 28px;
				width: 28px;
			}
			.top-push{
				display: none;
			}
			.top-wrapper{
				position: static;
			}
			.logo{
				left: 36px;
			}
			.togglewbar{
				display: inline;
			}
		/* ui responsive */
			.ui-tabs .ui-tabs-nav li{
				margin-bottom: 5px;
				float: left !important;
			}
			.ui-tabs .ui-tabs-panel{
				padding-left: 0px;
				padding-right: 0px;
				padding-top: 0px;
			}
			.ui-widget-overlay{
				position: fixed !important;
				height: 100% !important;
				width: 100% !important;
			}
			.ui-accordion .ui-accordion-content{
				padding: 5px 0px;
			}
			.dataTables_info{
				display: none;
			}
			/* popup */
			.ui-dialog{
				max-width: 100% !important;
				max-height: 100% !important;
				position: fixed !important;
				padding: 0em !important;
				width: 100% !important;
				left: 0px !important;
				top: auto !important;
				bottom: 0px !important;
			}
			.ui-dialog .ui-dialog-content,
			#iframe_dialog{
				max-width: 100% !important;
				max-height: 100% !important;
				padding: 5px 5px 5px 10px !important;
			}
			/* ui-style-table */
			.ui-style-table-wrapper{
				width: 100% !important;
				max-width: 100% !important;
				overflow-x: auto;
				padding-bottom: 10px;
			}
					#iframe-wrapper .ui-style-table-wrapper{
						overflow: initial;
					}
			.ui-style-table th,
			.ui-style-table td{
				/* white-space: normal !important; */
			}
			.ui-hide-mland,
			.ui-style-table th.ui-hide-mland,
			.ui-style-table td.ui-hide-mland{
				display: none;
			}
			.mceEditor .mceLayout{
				width: 100% !important;
			}
			.ui-style-table .textarea, .ui-style-table .input{
				max-width: 470px !important;
			}
		/* content */
			.main{
				padding: 5px;

			}
			.contentinside{
				padding: 0px;
			}
			#ajaxframe{
				/**/ overflow-x: auto; /**/
			}

		/* FUNCTIONS */
		/* .dashboard */
			.flip-container, .front, .back,
			.ds-tile{
				width: 150px;
				overflow: hidden;
			}
			.flipper{

			}
			.ds-value.small{
				font-size: 20px;
			}
			.ds-title{
				padding-left: 10px;
				left: 0px;
				font-size: 12px;
				width: 140px;
				background-color: rgba(0,0,0,0.00015);
			}
			.ds-icon{
				opacity: 0.25;
			}
		/* eventlog */
			#eventlog .logitem{
				width: auto;
			}
			#eventlog .dateblock{
				display: none;
			}
		/* dailyreport, todo */
			.floatbox{
				width: 100%;
				float: none;
				padding: 0px 0px 10px 0px;
			}
			.floatbox table.ui-style-table{
				max-width: 100%;
			}
			.big-calendar-holder,
			.small-calendar-holder{
				padding: 10px 0px 0px 0px;
				float: none;
			}
			.dayshow{
				width: 79px;
			}
			.todonodate .dayshow{
				width: 615px;
			}
			.fullscreen_linechart{
				height: 300px;
			}
			.todo-form-holder{
				padding: 10px 0px;
				width: 100% !important;
			}
	}

	@media only screen and (max-width: 639px) { /* phone port */
		/* general */
			.userinfo .notification{
				display: none;
			}
			.sidepane-wrapper{
				border-left: 0px;
				border-bottom: 1px solid #EFF0F4;
				padding: 10px 0px;
				min-width: 100%;
				min-height: 100px;
			}
		/* ui responsive */
			.ui-dialog{

			}
			.uiinfo{
				position: fixed;
				top: auto;
				bottom: 0px;
				left: 0px;
				width: 100%;
				z-index: 30;
			}
			.ui-style-table th, .ui-style-table td {
				padding: 3px 3px 3px 3px;
			}
			.ui-hide-mland,
			.ui-style-table th.ui-hide-mland,
			.ui-style-table td.ui-hide-mland{
				display: none;
			}
			.ui-hide-mport,
			.ui-style-table th.ui-hide-mport,
			.ui-style-table td.ui-hide-mport{
				display: none;
			}
			.dataTables_length .chzn-search{
				display: none;
			}
		/* ui forms */
			.ui-style-table select{
				min-width: 240px;
				max-width: 240px !important;
			}
			.ui-style-table .textarea,
			.ui-style-table .input{
				min-width: 227px;
				max-width: 227px !important;
			}
			.ui-style-table input.zip{
				width: 40px;
				min-width: 40px;
			}
			.ui-style-table input.city{
				min-width: 180px;
			}
		/* functions */
			.todocol{
				min-width: 300px;
			}
			.small-calendar-daywrapper{
				width: 42px;
			}
			.todonodate .dayshow{
				width: 335px;
			}
			.todo-form-holder form > div > input,
			.todo-form-holder form > div > div,
			.todo-form-holder form > div > select{
				vertical-align: middle;
				margin-bottom: 3px;
			}

		.weekplanner_employees > span,
		.weekplanner_employees .employee{
			width: calc(100% - 2.5px) !important;
		}


	}

	@media only screen and (max-width: 361px) { /* smallphone port */
		/* functions */
			.todocol{
				min-width: 0px;
			}
	}