/* Mobile */

@media all and (max-width: 767px) {
	
	/* Logo */
	
	.mobile_logo{
		margin:7px;
		display:inline-block;
	}
	.topnav-logo{
		display:none;
	}
	.logo_tag-txt{
		display:none;
	}
	.mobile_logo_tag-txt{
		position: absolute;
		color: #ffffff;
		font-size: 8px;
		letter-spacing: .05px;
		top: 45px;
		left: 10px;
		font-family:var(--w2-font-family);
		font-weight:300;
		display:block;
	}
	.miles33-logo {
		position: relative;
		top: 30px;
		left: 40px;
		width: 105px;
		margin-left: 50%;
	}
	
	/* Login Page */
	
	.eb-login{
		width:100%;
		height:100%;
	}
	.top_panel{
		height:80px;
	}
	.middle_panel{
		height:calc(100% - 160px);
		margin-top:0;
	}
	.mid_outer{
		height:calc(100% - 160px);
		top:80px;
		padding-left:15px;
		padding-right:15px;
	}
	.bottom_panel{
		height:80px;
	}
	#loginform {
		position: absolute;
		width: 100%;
		top: 40%;
		left: 50%;
		transform: translate(-50%, -50%);
		padding: 10px;
	}
	.eb-login .form-control {
		height: 50px;
	}
	.fa-user, .fa-lock{
		font-size:2rem ;
		margin-top:18px;
	}
	#btn-login {
		width: calc(100% - 40px);
		font-size:16px;
	}
	#username, #password{
		padding-left:10px;
	}
	.w2pp-logo {
		top: 100%;
		left: 20%;
		position: absolute;
		transform: translate(50%, 50%);
	}
	.endorsement-txt {
		font-size: 10px;
		left:15px;
	}
	.wave2-logo {
		left: 50%;
		top: 7%;
		transform: translate(-50%, -50%);
		width:200px;
	}
	
	/* Navbar top */
    .desktop_navbar.logo_and_create, .desktop_navbar.categories_and_search{
        display:none;
    }
	
	.select_button_style button{
		font-size:14px !important;
	}
	.mobile_only_navbox{
		display:inline-block;
		padding:0 5px 0 5px;
		width:100%;
	}
	.signout_mobile{
		display:inline-block;
		position:absolute;
		right:0;
	}
	.signout_mobile #logout_button{
		text-align:right;
		padding-right:5px;
		margin:0 0 5px 5px;
	}
	.navbar-header{
		height:50px;
	}
	.desktop_menu{
		display:none;
	}
	.mobile_logo_tag-txt{
		display:none;
	}
	.navbar-default .navbar-toggle {
		border-color: transparent;
		background-color: transparent !important;
		margin-top:10px;
	}
	.navbar-default .navbar-toggle span {
		height:3px;
		background-color:#fff !important;
	}
	.navbar-style-top{
		border-top:1px solid #a5a5a5 !important;
		margin-top:0px;
	}
	.navbar-toggle{
		padding:0;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border-color: transparent;
	}
	.navbar-form{
		box-shadow:none;
		border-bottom:none;
		border-top:none;
	}
	.navbar{
		margin-bottom:0;
	}
	.navbar-collapse{
		padding-left:0;
		padding-right:0;
	}
	.categories_and_search{
		padding:0;
	}
	#action_button, #new_job, #store_job, #logout_button, #batch_job, #delete_job, #retrieve_job, #details_job, #media_button, #crop_cancel, #crop_apply, #batch_new, #return_preview, #zoom_button, #download_button, #details_job, #retrieve_job, #store_button, #back_button, #next_button, #delete_button, #cancel_button, #save_button, #dropdown_xml_button, #lightbox_button{
		font-size:16px !important;
	}
	#translate_button, #reset_button, #update_button{
		color:#000;
		margin: 10px 15px 0;
	}
	.size_control_nav{
		padding:0;
	}
	.breadcrumbs_sizes{
		padding:5px 5px 0 5px;
	}
	.scale_box{
		font-size:14px;
	}
	.navbar-form .eb-unit-select-control{
		margin-top:0;
	}
	.navbar-collapse{
		background-color: #104c9c;
		box-shadow:none;
	}
	.navbar-style{
		margin-top:0;
	}
	.navbar-collapse.in{
		overflow-y:visible;
	}
	.unit_size .eb-size-text-control{
		display:inline-block;
		float:left;
	}
	.unit_size .eb-navbar-text{
		display:inline-block;
		float:left;
	}
	.unit_size_label{
		display:inline;
	}
	.logo_and_create{
		padding-left:0;
		padding-right:0;
	}
	.mobile_spinner{
		display:block;
	}
	
	/* Dropdown */
	
	.navbar .dropdown-menu {	
		margin-top: 16px;
		padding-left:5px;
	}
	.eb-image-field .eb-action-overlay{
		top:20px;
	}
	.eb-action-overlay-container .btn-group .btn-default{
		font-size:14px!important;
	}
	.eb-pick-select-control .dropdown-menu{
		background-clip:border-box;
	}
	.ui-select-bootstrap .ui-select-match-text {
		padding-left: 5px;
	}
	.mobile_dropdown{
		display:block !important;
	}
	.eb-size-select-control{
		width:100%;
	}
	.breadcrumb_positioning{
		display:none;
	}
	.mobile_menu_items{
		display:inline-block;
		width:100%;
		border-top:1px solid #a5a5a5;
		padding:5px;
	}
	.dropdown_mainpage{
		color:#fff !important;
		padding:0;
		margin-left:0 !important;
		height:auto!important;
		font-weight:400!important;
	}
	.mobile_menu_item_inner{
		padding-left:6px;
	}
	#dropdownMenu2{
		padding:0;
		box-shadow:none;
	}
	.btn-elegant#dropdownMenu2:hover, .btn-elegant#dropdownMenu2:focus{
		background-color:transparent !important;
	}
	.desktop_bottom_buttons{
		display:none;
	}
	
	/* Dialog */
	
	.wave2Dialog{
		width:95%;
	}
	
	/* Crop Dialog */
	
	.crop-select{
		width:100%;
	}
	.crop_buttons, .crop_buttons button{
		width:100%;
	}
	#cropModal .modal-body, #moveModal form, #buildMediaModal .preview-area > div {
		max-height: calc(100vh - 135px);
	}
	.zoom_rotate_group{
		width:100%
	}
	.cropping .docs-tooltip .fa{
		font-size:20px;
	}
	
	/* Batch Page */
	
	.batch_dropdown_select:after{
		display:none;
	}
	.build-select-boxes .caret{
		top:35%!important;
	}
	.download_lightbox{
		width:100%;
	}
	#batchModal .modal-dialog {
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 5px;
	}
	.batches_box{
		display:inline-block;
		width:100%;
		margin-bottom:5px;
	}
	
	/* Container for content */
	
	.container{
		padding-left: 10px; 
		padding-right: 5px; 
		margin-top: 50px;
		min-width: 100%;
		height: calc(100vh - 100px);
		overflow-y:scroll;
		padding-bottom:20px;
	}
	.eb-jobs-container .pagination{
		margin-top:20px;
		margin-bottom:0;
	}
	::-webkit-scrollbar-thumb {
		background-color: transparent;
	}
	.eb-retrieve-sharetypes {
		position: relative; 
		padding:0;
		right:0;
	}
	.job_store_title{
		padding:0;
	}
	.jobs_shared_box.pull-right{
		float:none !important;
	}
	.eb-panel{
		padding:10px 0 100px 0;
		overflow:unset;
	}
	.eb-vpanel{
		overflow:unset;
	}
	.eb-login{
		border:none;
	}
	.preview-area.row{
		margin-right:0;
		margin-left:0;
		padding-right:0;
	}
	.text_field{
		padding:0;
	}
	.doc_content{
		padding:0;
	}
	.preview_page{
		padding-top:20px;
		overflow:scroll !important;
	}
	/* Datepicker */
	
	.eb-inline-datepicker{
		width:40%;
		font-size:8px !important;
	}
	
	.datepicker{
		left:0 !important;
		max-width:100% !important;
	}
	
	/* Pick page */
	
	div.pp-style-container.no-product-available:after{
		width: 100%;
		padding: 10px;
		font-size:20px;
	}
	div.pp-style-container.no-type-available:after{
		width: 100%;
		padding: 10px;
	}
	.size_picker_icons {
		display:none;
	}
	.highlight_bar{
		display:none;
	}
	.eb-option-btn .fa {
		font-size: 14px;
	}
	.eb-option-btn {
		box-shadow:none;
	}
	.doc_content:last-of-type {
		margin-bottom: 10px;
		padding-bottom:50px;
	}
	
	.eb-action-overlay-button{
		box-shadow:none ;
		border:none;
		background-image: none;
		display:inline-block;
	}
	.pick_name_footer{
		top:5px;
		position:relative;
	}
	
	/* Move Modal */
	#dragDialog button{
        width:auto;
    }
	.move_modal_button{
		width:100%;
	}
	/* Store Page */
	.eb-store-column2 {
		border-right: none;
		border-left: none;
	}
	#batch_editor_button, #add-material{
		font-size:16px !important;
	}
	.eb-store-job {
		margin: 0 0 10px 0;
	}
	
	/*Other pages*/
	.mobile_scroll{
		overflow-x:scroll;
	}
	.eb-retrieve-sharetypes{
		top:0px;
	}
	.eb-page-title{
		padding-left:0;
		padding-right:0;
	}
	.top_right_nav{
		float:none;
	}
	#new_job{
		margin:0 0 0 5px; 
		font-weight:400;
		font-size:14px;
	}
	.build-select-boxes{
		padding:0 !important;
	}
	.size_input{
		display:inline-block;
		float:left;
	}
	div.pp-style-container.no-product-available {
        background-position: center, center -16px;
    }
    div.pp-style-container.no-type-available {
        background-position: center, center -16px;
    }
	input#document-filter {
        max-width: 100%;
    }
	.top-panel{
		height:50px;
	}
	.eb-pick-select-control {
        width: 100% !important;
    }
	.preview-area.html_scrollbars{
		margin-bottom:20px;
		padding-top:20px;
	}
	#wave2_multipreview_thumbs{
		border-bottom:none;
	}
	.dropdown_icons_panel .icons_panel{
		color:#000000;
	}
	/* Table */
	
	.table td{
		font-size:0.8em !important
	}
	
	/* Seperator */
	
	.divider {
		height: 1px;
		margin: 9px 0;
		overflow: hidden;
		background-color: #e5e5e5;
	}
	.mobile_only{
		display:inline-block;
	}
	
	/* Image hover */
	
	.item_name{
		position: relative;
		z-index: 1;
	}
}
@media all and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
	.whole_login{
		background-color:#fff;
	}
	.eb-login{
		position:relative;
		width:100%;
		height:auto;
		border:none;
		box-shadow:none;
		transform:none;
		top:0;
		left:0;
	}
	.top_panel{
		height:50px;
	}
	.middle_panel{
		height:calc(100vh - 100px);
		margin-top:0px;
	}
	.mid_outer{
		top:50px;
	}
	.bottom_panel{
		position:fixed;
		bottom:0;
		height:50px;
	}
	.wave2-logo{
		top:20px;
		left:50%;
		transform:translate(-50%, -40%);
		width:160px
	}
	.endorsement-txt{
		top:15px;
	}
	.miles33-logo{
		top:10px;
	}
}
@media all and (max-width: 767px) and (orientation: landscape){
	/* Login page */
	.bottom_panel{
		height:50px;
		position:fixed;
		bottom:0;
	}
	.wave2-logo{
		width:130px;
		top:20px;
	}
	.top_panel{
		height:50px;
		position: absolute;
		top: 0;
		left: 0;
		transform:none;
	}
	
	#loginform{
		position:relative;
		top:0;
		left:0;
		transform:none;
		padding:0;
	}
	.mid_outer{
		top:0;
		position:relative;
		height:auto;
	}
	.middle_panel{
		display: inline-block;
		position: relative;
		height: calc(100vh - 127px);
		margin-top:50px;
	}
	.eb-login{
		border:none;
	}
	.eb-login .form-control{
		height:35px;
		width:94%;
	}
	.fa-user, .fa-lock{
		margin-top:12px;
	}
	#btn-login{
		padding: 5px 19px 5px 19px;
		font-size:14px;
		margin-top:20px;
		width:50%;
		display:inline-block;
	}
	.w2pp-logo{
		top:25px;
		left:20px;
		position:relative;
		transform:none;
	}
	.miles33-logo {
		position: absolute;
		top: 10px;
		right: 40px;
		width: 105px;
	}
	.whole_login{
		background-color:#fff;
	}
	.endorsement-txt{
		top:10px;
	}
}
@media all and (min-width: 768px) and (max-width: 1024px){
	.eb-action-overlay{
		top:25px;
	}
}
@media all and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
	.desktop_menu{
		display:inline-block;
	}
	.navbar-collapse{
		padding-left:5px;
		padding-right:5px;
		background-color:#fff;
	}
	.eb-action-overlay-button{
		background-image:none;
		border:none;
	}
	.pick_name_footer{
		margin-top:5px;
		display:inline-block;
	}
	.eb-action-overlay{
		right:-20px !important;
		
	}
	.eb-store-column{
		left:0;
	}
	.desktop_bottom_buttons{
		padding:0;
	}
}

/* Shrinking navbar top buttons for desktop but browser is laptop to tablet size*/

@media all and (max-width: 1270px) {
	.document_finder{
		display:none;
	}
}
@media all and (max-width: 1201px) {
    .eb-pick-select-control {
        width: 160px;
    }
}
@media all and (max-width: 1080px) {
    .eb-pick-select-control {
        width: 160px;
    }
}
@media all and (max-width: 991px) {
    .eb-pick-select-control {
        width: 160px;
    }
}

/* Navbar changes */

@media all and (min-width: 878px) and (max-width: 938px) {
	.eb-size-select-control{
		width:125px;
	}
}
@media all and (min-width: 826px) and (max-width: 878px) {
	.create_new_button{
		margin:8px 0 0 10px;
	}
	.eb-size-select-control{
		width:125px;
	}
}
@media all and (min-width: 801px) and (max-width: 826px) {
	.create_new_button{
		margin:8px 0 0 10px;
	}
	.logo_and_create{
		padding:0 0 0 10px;
	}
	.eb-size-select-control{
		width:100px;
	}
	.eb-size-text-control{
		width:45px;
	}
}
@media all and (min-width: 779px) and (max-width: 801px) {
	.create_new_button{
		margin:8px 0 0 10px;
	}
	.logo_and_create{
		padding:0 0 0 10px;
	}
	.eb-size-select-control{
		width:100px;
	}
	.eb-size-text-control{
		width:45px;
	}
}
@media all and (min-width: 767px) and (max-width: 779px) {
	.create_new_button{
		margin:11px 0 0 10px;
	}
	.logo_and_create{
		padding:0 0 0 10px;
	}
	.eb-size-select-control{
		width:100px;
	}
	.eb-size-text-control{
		width:45px;
	}
}

/* Desktop */

@media all and (max-width: 1650px) {
    .customsizelimits{
        display:none;
    }
}

@media (max-width: 1199px) {
    .eb-action-buttons {
        margin-bottom: 10px;
    }
}
@media all and (max-width: 1045px) {
    div.pp-style-container.no-product-available {
        background-position: center, 170px -16px;
    }
    div.pp-style-container.no-type-available {
        background-position: center, 310px -16px;
    }
}

/* Max Height Only */

@media all and (max-height: 650px) {
	.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
        line-height: 1.00;
	}
	.queue_title, .queue_subtitle{
		font-size:17px;
	}
	.current_job .btn{
		font-size:10px;
	}
}

/* Shrinking the image inside lightbox modal when the height of the screen decreases */

@media all and (max-height: 800px) {
	.output-container img{
		max-height:550px
	}

}
@media all and (max-height: 750px) {
	.output-container img{
		max-height:500px
	}

}
@media all and (max-height: 700px) {
	.output-container img{
		max-height:450px
	}

}
@media all and (max-height: 650px) {
	.output-container img{
		max-height:400px
	}

}
@media all and (max-height: 600px) {
	.output-container img{
		max-height:350px
	}

}
@media all and (max-height: 550px) {
	.output-container img{
		max-height:300px
	}

}
@media all and (max-height: 500px) {
	.output-container img{
		max-height:250px
	}

}
@media all and (max-height: 450px) {
	.output-container img{
		max-height:200px
	}

}
@media(max-width:860px){
    .inline-hidden-sm {
        display: none;
    }
}

@media (min-width: 801px) {
    .eb-navbar-form.navbar-fixed-bottom .form-group {
        margin-left: 0;
        padding-left: 0;
        margin-right: 0;
        padding-right: 0;
    }
}

@media (max-width: 800px) {
    .eb-navbar-form.navbar-fixed-bottom .form-group {
        margin-bottom: 0;
    }
}