@media screen and (min-width:2061px){
	.col-lg-2 { width: 10.66666667%; }
	.col-lg-10{ width: 89.333333%; }
	.right-heading-btn{ margin-left:36%; }
	#contianer div.content.row, #main-contianer div.content.row{ height: 95%; }
	td.staff_td{ width:10%; }
	.data-field-odd{ height:60px; }
	.data-field-odd p { font-size: 14px;padding: 3px 0px;margin:0px auto 2px; }
	.data-field-odd a.pos_tag_line { font-size:16px;padding:2px 0px; }
	.action-data-field{ height:60px; }
	.action-data-field a.info_href_emp{ margin-top:10px; }
	div.timeOffextra{ margin-top:10px; }
	.action-data-field a.edit_href{ margin-top:10px; }
	.shift-right-hands{ height:58px; }
  .comment_present{ width: 28px;height: 28px; }
  .note_icon{ font-size: 18px;margin-top: 3px; }
  .event_present{ font-size: 12px;height: 20px;width: 20px;margin-top:5px; }
  .body-right-area{ width: 35%; }
  .profile-div{ width:1220px; }
  .body-left-img-area.emp-prof { height: 426px; }
  .body-right-area.emp-side{ height:426px; }
  .top-right{ width:100% !important;max-width: 30%; }
}
@media screen and (max-width:2060px){
	.foot-all{ position: relative; }
	.profile-div{ width:1220px; }
}
@media screen and (min-width: 1818px) and (max-width:2061px){
	.col-lg-2 { width: 14.66666667%; }
	.col-lg-10{ width: 85.333333%; }
	.profile-div{ width:1220px; }
	.body-left-img-area.emp-prof{ height:413.06px; }
	.body-right-area.emp-side{ height:413.06px; }
	.top-right{ width:100% !important;max-width: 870px; }
}
@media screen and (max-width: 1814px){
	.top-right{ width:100% !important;max-width: 800px; }
}
@media screen and (min-width: 1518px){
  .fc-view-container{ overflow-y: scroll;overflow-x: hidden;width:100%; }
}
@media screen and (min-width: 1368px){
	.user-tools{ text-align:right; }
	.user-tools .top-tool{ text-align:right; }
	.top-tool.tool-three{ width: 8%; }
	.top-tool.tool-four{ width: 8%;margin-right:4%; }
}
@media screen and (max-width: 1368px){
	.checkbox-custom-label{ width: 70%; overflow: hidden; white-space: nowrap; }
	.body-left-img-area.emp-prof{ height:413.06px; }
	.body-right-area.emp-side{ height:413.06px; }
	.publishShiftBtnDiv{ position: relative; float: none; display: inline-block; margin: 0px auto;left:0px; }
}
@media (min-width: 1200px){
  .col-lg-1-1{ width: 12.66666667%;float: left;position: relative;min-height: 1px; }
  .col-lg-10-1 { width: 86.666667%;float: left;position: relative;min-height: 1px; }
}
@media screen and (max-width: 1200px){
	.top-right{ width:100%;clear: both;position: relative;max-width:100%; }
	.default-popup{ margin-left: 5px;margin-right: 5px;left: 0%; top: 5%; width: 90%; }
	.popup-send-input{ width: 80%;height:auto;max-height:600px;overflow-y: auto;padding-right:5px }
	.width-49-inline{ display: block;width: 100%; }
	
	.publishShiftBtnDiv{ position: absolute; top: 0px; left: 50%; margin-left: -95px; margin-top: 10px; }

	.timeoff-popup{ margin-left: 5px;margin-right: 5px;left: 0%; top: 5%; width: 90%; }
	.timeoff-popup .popup-send-input{ width: 80%;height:300px;overflow-y: auto;padding: 0px 15px 15px 0px; }
	.timeoff-popup .form-field-div.width-31-inline{ float: left !important;width: 50%; }
	
	.event-popup,.position-popup{ margin-left: 5px;margin-right: 5px; width: 97%; }
	.event-popup img.btn_close, .position-popup  img.btn_close{ margin:0px; }
	.event-popup .popup-send-input input[type="text"],
	.position-popup .popup-send-input input[type="text"]{ width: 100%; }
	.popup-send-input input[type="text"]{ width: 100%; }
	.popup-send-input textarea{ width: 100%; }
	
	.col-lg-10.right-bar.schedule_page{ width:100%;padding:0px 10px;position: relative; }
	.col-lg-10.right-bar.event_page { width: 100%; padding: 0px 10px; position: relative; }
 
	.scrollable{ width:100%;height:auto;overflow-x: scroll;overflow-y:hidden;padding-bottom: 10px; }
	.scrollable .detail-table{ width:1024px;clear: both;height:auto; }
	.scrollable #schedule_day{ width:1024px;clear: both; }
	.event-detail-list{ padding: 20px 10px; }

	.date-area{ width: 100%;text-align: center; margin-bottom: 10px; }
	.day-area a.printer{ display:none; }
	.day-area a.more.open{ display:none; }
	.day-area a.prev_week_href{ padding: 6px 6px;font-size:10px; }
	.day-area a.calender_href{ display:inline;padding: 6px 6px;font-size: 10px; }
	.day-area a.next_week_href{ padding: 6px 6px;margin-right:0px;font-size:10px; }
	
	.day-area .today{ padding:6px 8px;margin: 0px 6px; }
	.day-area .today:hover { background: #1e95ee;padding:6px 8px;margin: 0px 6px; }

	.day-area .day{ padding: 6px 8px;margin-right:5px; }
	.day-area .day:hover{ background: #1e95ee;padding:6px 8px;margin-right:5px; }

	.day-area .week{ padding: 6px 8px;margin-right:5px; }
	.day-area .week:hover { background: #1e95ee;padding: 6px 8px;margin-right:5px; }

	.day-area .month{ padding: 6px 8px; }
	.day-area .month:hover { background: #1e95ee;padding: 6px 8px; }
	
	.data-field-odd p{ font-size:10px; }
	.data-field-odd a{ font-size:11px; }
	
	.menu-bar.col-lg-2{ padding-bottom:0px;position: relative; }
	
	.right-heading-btn{ width: 100%;margin:20px 0px; }
	.right-heading-btn a input{ width: 100%; }

  .top-head-blank{ width: 100%;margin:20px 0px; }
	.top-head-blank a{ display: inline-block;width:31%;vertical-align: top; }
	.top-head-blank a input{ width: 100%; }

	.desktop-logo{ display:block; }
	.top-timer { width:300px; margin: 0px auto; float: none;display:none; }

	.top-tool.tool-one{ display:inline-block !important; }
	.top-tool.tool-two{ display:none; }
	.mobile-left-menu{ display:block; }
	.publishShift{ margin:0px auto 10px; }
	.filter-area{ display:none;position: absolute; z-index: 998; background-color: rgba(0, 0, 0, 0.75); }
	.Scheduler, .Events, .Scheduler-active, .Storage{ background-image:none !important; }
	.Scheduler:hover, .Events:hover, .Storage:hover{ width:100%; }
	
	.profile-div{ width:100%; }
	.profile-detail-list{ margin-top:0px; }
	.profile-detail-list .top-head-blank{ padding:0px; }
	.profile-detail-list .top-head{ padding: 10px 20px;margin-bottom: 10px; }
	.profile-detail-list .top-head .date-area.hd-text{ margin-bottom: 0px; }

  .body-area{ position:relative; }
	.profile-detail-list .body-left-img-area{ width:50%;padding: 5%;height:auto;float: none;margin: 0px auto 20px; }
	.body-left-img-area .image-area{ width: 70%; margin: 0px auto 20px; }
	.body-left-img-area .upload-area{ width: 70%; margin: 0px auto; }
	.body-left-img-area #submit_form{ float: none;margin: 0px auto;padding:10px 20px; display: block; }
	
	.body-right-content-area{ width: 100%;margin: 20px auto;position: relative;right: 0px;top: 0px;margin-top: 0px; }
	.body-right-content-area .body-center-area{ width:100%;margin: 0px auto 20px;float: none; }
	.body-right-content-area .form-part-header{ text-align:center;font-size: 24px; }
	.body-right-content-area .body-right-area{ width: 100%;margin-bottom:10px; }
	.body-right-content-area .body-right-area .form-part-header{ text-align:center;font-size: 24px; }
	.body-right-content-area button.btn.btn-primary.btn-md{ float: none;margin: auto;display: block; }
	.ep-btn{ margin-top:-44px;padding:8px; }
	
	.user-tools{ width:100%;text-align:left; }
	.body-left-img-area.emp-prof{ height:auto; }

	.submenu ul li{ padding: 10px 0 10px 5px; }
	.submenu ul li a{ font-size: 10px; }

	.right-heading-btn { display: flex; }
	.right-heading-btn a { margin-right: 0px !important; flex-basis: 100%; width: 100% !important;min-width: 1px !important; }
	.right-heading-btn a input[type="button"] { padding: 10px 7px; margin: 0px; height: auto; width: 99% !important; border-radius: 5px !important;font-size: 13px !important; }

	.top-head-blank { display: flex; margin: 10px 0px 10px; }
	.top-head-blank a { margin-right: 0px !important; flex-basis: 100%; width: 100% !important;min-width: 1px !important; }
	.top-head-blank a input[type="button"] { padding: 10px 5px; margin: 1px; height: auto; width: 99% !important; border-radius: 5px !important;font-size: 13px !important; }

  .checkbox-custom-label{ width: 70%; }
  .filter-area{ top: -39px; }
  .day-area{ margin: 0px auto 10px; float: none; clear: both; text-align: center; }
}
@media screen and (max-width: 1024px){
	.top-right { width: 100% !important; max-width: 100%; }
}
@media screen and (max-width: 839px){
	.default-popup{ margin-left: 5px;margin-right: 5px;left: 0%; top: 5%; width: 90%; }
	.popup-send-input{ width: 80%;height:300px;overflow-y: auto;padding-right:5px }
	.width-49-inline{ display: block;width: 100%; }

	.timeoff-popup{ margin-left: 5px;margin-right: 5px;left: 0%; top: 5%; width: 90%; }
	.timeoff-popup .popup-send-input{ width: 80%;height:300px;overflow-y: auto;padding: 0px 15px 15px 0px; }
	.timeoff-popup .form-field-div.width-31-inline{ float: left !important;width: 50%; }
	
	.event-popup,.position-popup{ margin-left: 5px;margin-right: 5px; width: 97%; }
	.event-popup img.btn_close, .position-popup  img.btn_close{ margin:0px; }
	.event-popup .popup-send-input input[type="text"],
	.position-popup .popup-send-input input[type="text"]{ width: 100%; }
	
	.col-lg-10.right-bar.schedule_page{ width:100%;padding:0px 10px;position: relative; }
	.col-lg-10.right-bar.event_page { width: 100%; padding: 0px 10px; position: relative; }
 
	.scrollable{ width:100%;height:auto;overflow-x: scroll;overflow-y:hidden;padding-bottom: 10px; }
	.scrollable .detail-table{ width:1024px;clear: both; }
	.scrollable #schedule_day{ width:1024px;clear: both; }
	.event-detail-list{ padding: 20px 10px; }

	.date-area{ width: 100%;text-align: center; margin-bottom: 10px; }
	.day-area a.printer{ display:none; }
	.day-area a.more.open{ display:none; }
	.day-area a.prev_week_href{ padding: 6px 6px;font-size:10px; }
	.day-area a.calender_href{ display:inline;padding: 6px 6px;font-size: 10px; }
	.day-area a.next_week_href{ padding: 6px 6px;margin-right:0px;font-size:10px; }
	
	.day-area .today{ padding:6px 8px;margin: 0px 6px; }
	.day-area .today:hover { background: #1e95ee;padding:6px 8px;margin: 0px 6px; }

	.day-area .day{ padding: 6px 8px;margin-right:5px; }
	.day-area .day:hover{ background: #1e95ee;padding:6px 8px;margin-right:5px; }

	.day-area .week{ padding: 6px 8px;margin-right:5px; }
	.day-area .week:hover { background: #1e95ee;padding: 6px 8px;margin-right:5px; }

	.day-area .month{ padding: 6px 8px; }
	.day-area .month:hover { background: #1e95ee;padding: 6px 8px; }
	
	.data-field-odd p{ font-size:10px; }
	.data-field-odd a{ font-size:11px; }
	
	.menu-bar.col-lg-2{ padding-bottom:0px;position: relative; }
	
	.right-heading-btn{ width: 100%;margin:20px 0px; }
	.right-heading-btn a:nth-child(odd){ margin-right:4px; }
	.right-heading-btn a input{ width: 100%; }

  .top-head-blank{ width: 100%; }
	.top-head-blank a{ display: inline-block;width: 31%;vertical-align: top; }
	.top-head-blank a input{ width: 100%; }

	.desktop-logo{ display:block; }
	.top-right{ width:100%;position: relative; }
	.top-timer{ width: 230px;margin: 0px auto;float:none; }
	.publishShift{ margin:0px auto 10px; }
	.filter-area{ display:none;position: absolute; z-index: 998; width: 100%; background-color: rgba(0, 0, 0, 0.75);top: 0; }
	.Scheduler, .Events, .Scheduler-active{ background-image:none !important; }
	.Scheduler:hover, .Events:hover{ width:100%; }
	
	.profile-div{ width:100%; }
	.profile-detail-list{ margin-top:0px; }
	.profile-detail-list .top-head-blank{ padding:0px; }
	.profile-detail-list .top-head{ padding: 10px 20px;margin-bottom: 10px; }
	.profile-detail-list .top-head .date-area.hd-text{ margin-bottom: 0px; }
	.profile-detail-list .body-left-img-area{ width:100%;padding: 5%;height: auto; }
	.body-left-img-area .image-area{ width: 70%; margin: 0px auto 20px; }
	.body-left-img-area .upload-area{ width: 70%; margin: 0px auto; }
	.body-left-img-area #submit_form{ float: none;margin: 0px auto;padding:10px 20px; display: block; }
	
	.body-right-content-area{ width: 100%;margin: 20px auto;position: relative; }
	.body-right-content-area .body-center-area{ width: 100%;margin: 0px 0px 20px; }
	.body-right-content-area .form-part-header{ text-align:center;font-size: 24px; }
	.body-right-content-area .body-right-area{ width: 100%;margin-bottom:10px; }
	.body-right-content-area .body-right-area .form-part-header{ text-align:center;font-size: 24px; }
	.body-right-content-area button.btn.btn-primary.btn-md{ float: none;margin: auto;display: block; }
	.user-tools{ width:100%;float:left;text-align:left; }
	
	.inven_page.right-bar{ padding-left: 10px;padding-right: 10px; }
}
@media screen and (max-width: 720px){
	.popup-send-input{ max-height: 420px; }
}
@media screen and (max-width: 600px){
	.default-popup{ margin-left: 5px;margin-right: 5px;left: 0%; top: 5%; width: 90%; }
	.login-popup{ margin-left: 5px;margin-right: 5px;left: 0%; top: 5%; width: 97%;padding: 0px 0px 30px; }
	.popup-send-input{ width: 80%;height:300px;overflow-y: auto;padding-right:5px }
	.width-49-inline{ display: block;width: 100% !important; }
	
	.login-popup .popup-send-input input[type="text"]{ width: 100%; }
	.login-popup .popup-send-input textarea{ width: 100%; }

	.desktop-logo{ display:block; max-width:250px;margin: auto; }
	.top-right{ width:100%; }
	.top-timer{ width: 230px;margin: 0px auto;float:none; }
	.submenu1.notification{ width: 95%; }
	.publishShift{ margin:0px auto 10px; }
	.filter-area{ display:none;position: absolute; z-index: 998; width: 100%; background-color: rgba(0, 0, 0, 0.75);top: -39px; }
	.Scheduler, .Events, .Scheduler-active{ background-image:none !important; }
	.event_present{ font-size:9px; }
	.data-field-odd p{ margin:5px auto 2px; }
	.user p a{ font-size:14px; }
	
	.ep-div .hd-text{ text-align:left; }
	.copy_to_next_btn{ display:block; margin: 0px auto 10px;padding-top:5px;padding-bottom:5px; }
	
	.historybox{ padding: 15px; }
	.historybox p{ margin-left: 5px !important; }
	.historybox img{ width:100% !important;height:auto !important; }
	.historybox ul{ padding: 10px 5px; }
	.historybox ol, .historybox ul li { margin-left: 25px; }

  .top-timer{ display: none; }	
  .publishShiftBtnDiv{ top: 40px; margin-top: 20px; }
  #top-part { margin-bottom: 40px; }
}
@media all and (max-width: 414px){
}
@media screen and (max-width: 384px){
	.col-lg-10.right-bar.schedule_page{ width:100%;padding:0px 10px;position: relative; }

	.scrollable{ width:100%;height:auto;overflow-x: scroll;overflow-y:hidden;padding-bottom: 10px; }
	.scrollable .detail-table{ width:1024px;clear: both; }
	.scrollable #schedule_day{ width:1024px;clear: both; }
	.event-detail-list{ padding: 20px 10px; }
	
	.date-area{ width: 100%;text-align: center; margin-bottom: 10px; }
	
	.day-area a.printer{ display:none; }
	.day-area a.more.open{ display:none; }
	.day-area a.prev_week_href{ padding: 6px 6px;font-size:10px; }
	.day-area a.calender_href{ display:inline;padding: 6px 6px;font-size: 10px; }
	.day-area a.next_week_href{ padding: 6px 6px;margin-right:0px;font-size:10px; }
	
	.day-area .today{ padding:6px 8px;font-size:10px;margin: 0px 6px; }
	.day-area .today:hover { background: #1e95ee;padding:6px 8px;font-size:10px;margin: 0px 6px; }

	.day-area .day{ padding: 6px 8px;margin-right: 5px;font-size:10px; }
	.day-area .day:hover{ background: #1e95ee;padding: 6px 8px;margin-right: 5px;font-size:10px; }

	.day-area .week{ padding: 6px 8px;font-size:10px;margin-right: 5px; }
	.day-area .week:hover { background: #1e95ee;padding: 6px 8px;font-size:10px;margin-right: 5px; }

	.day-area .month{ padding: 6px 8px;font-size:10px; }
	.day-area .month:hover { background: #1e95ee;padding: 6px 8px;font-size:10px; }

	.data-field-odd p{ font-size:10px; }
	.data-field-odd a{ font-size:11px; }
	
	span.fc-cell-text{ font-size:10px; }
	
	.menu-bar.col-lg-2{ padding-bottom:0px; }
	.right-heading-btn{ width: 100%;margin:20px 0px; }
	.right-heading-btn a{ display: inline-block;vertical-align:top; }
	.right-heading-btn a input{ width: 100% !important; }
	
	.user-tools .days-left-span{ min-width:20%;width:auto; }
	.uimg{ width: 30px;height: 30px; margin: 10px 5px 0px; }
	.user p a{ font-size:12px; }
	.uarrow img{ width: 30px;margin-top: 10px; }
	
	.ep-div .hd-text{ text-align:left; }
	.right-heading-btn a input[type="button"]{ font-size: 12px !important; }
}
@media screen and (max-width: 320px){
	
	.day-area .today{ padding:6px 2px;font-size:10px; }
	.day-area .today:hover { background: #1e95ee;padding:6px 2px;font-size:10px; }

	.day-area .day{ padding: 6px;margin-left:0px;font-size:10px; }
	.day-area .day:hover{ background: #1e95ee;padding: 6px;margin-left:0px;font-size:10px; }

	.day-area .week{ padding: 6px;font-size:10px; }
	.day-area .week:hover { background: #1e95ee;padding: 6px;font-size:10px; }

	.day-area .month{ padding: 6px 2px;font-size:10px; }
	.day-area .month:hover { background: #1e95ee;padding: 6px 2px;font-size:10px; }

	.data-field-odd p{ font-size:8px; }
	.data-field-odd a{ font-size:10px; }
	
	.right-heading-btn a input[type="button"]{ font-size: 10px !important; }
}
@media screen and (max-width: 305px){
}
@media screen and (max-width: 240px) {
	.user-tools .top-tool{ width: 14%; }
}

.scrollable::-webkit-scrollbar{ width:8px; }
.scrollable::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }
.scrollable::-webkit-scrollbar-thumb { background-color:#F07D32; outline: 1px solid #CE6C26; }

.popup-send-input::-webkit-scrollbar{ width:8px; }
.popup-send-input::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }
.popup-send-input::-webkit-scrollbar-thumb { background-color:#F07D32; outline: 1px solid #CE6C26; }