/*--------------for scale 90%---------------*/
@media (min-width: 2131px) and (max-width: 2500px) {
	.height-box-library {
		height: 40px;
	}
	.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
		width: 9px;
		height: 9px;
	}

	.flatpickr-current-month .flatpickr-monthDropdown-months,
	.flatpickr-current-month input.cur-year {
		font-size: 16px !important;
	}

	span.flatpickr-weekday,
	.flatpickr-day,
	.flatpickr-time input.flatpickr-hour,
	.flatpickr-time input.flatpickr-minute,
	.flatpickr-time input.flatpickr-second {
		font-size: 14px !important;
	}
	.day {
		font-size: 14px !important;
	}

	.datepicker-switch {
		font-size: 14px !important;
	}

	.dow {
		font-size: 14px !important;
	}

	.next {
		font-size: 14px !important;
	}

	.prev {
		font-size: 14px !important;
	}
    .logo-pixel-login {
	    width: 177px;
	    height: 56px;
	}
	.login-form input {
	  	height: 50px;
	  	font-size: 15px;
	}
	.box-login-form {
		width: 560px;
		padding: 30px;
	}
	.login-form .form-input .icon {
		bottom: 17px;
	}
	.padding-text-logout {
		width: 150px;
		padding: 12px 0px 12px 20px;
	}
	.modal-logout {
		width: 450px;
	}
	.font-24 {
		font-size: 26px;
	}
	.font-16 {
		font-size: 18px;
	}
	.font-14 {
		font-size: 16px;
	}
	.font-13 {
		font-size: 15px;
	}
	.font-12 {
		font-size: 14px;
	}
	.font-11 {
		font-size: 13px;
	}
	.font-10 {
		font-size: 12px;
	}
	.font-9 {
		font-size: 11px;
	}
	.table th {
		font-size: 14px;
	}
	.table td {
		font-size: 14px;
	}
	.table-blue th {
		font-size: 14px;
	}
	.pagination>li>a {
		font-size: 14px;
	}
	.pagination>.active>a {
		font-size: 14px;
	}
	.dataTables_info,
	.dataTables_paginate {
		font-size: 14px;
	}
	.table > tbody > tr > th, 
	.table > tfoot > tr > th, 
	.table > tbody > tr > td, 
	.table > tfoot > tr > td {
		font-size: 14px;
	}
	.table thead .table td {
		font-size: 14px;
	}
	.layout-create {
    	padding: 45px;
  	}
	.layout-create-process {
    	padding: 30px;
  	}
  	.row-striped .row {
  		padding: 16px 10px;
  	}
  	.bpm-button-new {
	 	font-size: 14px !important;
	 	height: 42px !important;
		min-width: 160px !important;
	}
	.img-profile {
		border-radius: 50% !important;
		width: 120px !important;
		height: 120px !important;
	}
	.bg-profile {
		height: 170px;
	}
	.bpm-icon {
		width: 26px;
		height: 26px;
		display: inline-block;
	}
	.bpm-icon-sub {
		width: 23px;
		height: 23px;
	}
	.bpm-icon-in-table {
		width: 20px;
		height: 20px;
	}
	.select2-results__option {
		font-size: 13px;
	}
	.select2-container--default .select2-selection--multiple .select2-selection__choice {
		font-size: 13px;
	}
	.list-show-datatable {
		font-size: 13px;
	}
	.select2-container--default .select2-search--inline .select2-search__field {
		font-size: 13px;
	}
	.box-search-keyword {
		font-size: 14px;
		height: 42px;
	}
	.select2-container--default .select2-selection--multiple {
		min-height: 42px;
	}
	.select2-container--default .select2-selection--single {
		min-height: 42px;
	}
	.form-control {
		font-size: 13px;
		height: 42px;
		font-family: poppins;
	}
	.select2-selection__rendered {
	    font-size: 13px;
	}
	.popover-content {
		font-size: 13px;
	}
	.select2-container--default .select2-results__option {
		font-size: 13px;
	}
	.select2-container--default .select2-search--dropdown .select2-search__field {
		font-size: 13px;
	}
	.modal-x {
	  	font-size: 22px;
	}
	.modal-body-size {
	 	font-size: 13px;
	 	font-family: poppins;
	}
	.body_preview {
		height: 800px;
	}
	.height-table-preview {
		height: 50px;
	}
	.errspan {
	    margin-top: -32px;
	    font-size: 22px;
	}
	.body_after_create {
		height: 770px;
	}
	.width-after-create {
		min-width: 700px;
	}
	.diagram-note {
		font-size: 13px;
	}
	.btn-panel-action {
		font-size: 14px;
	}
	.btn-panel-action-delete {
		font-size: 14px;
	}
	.djs-palette .entry, .djs-palette .djs-palette-toggle {
		font-size: 26px;
	}
	.height-canvas {
		height: 805px;
	}
	.height-canvas-full {
		height: 930px;
	}
	.height-canvas-edge {
		height: 805px;
	}
	.height-canvas-edge-full {
		height: 930px;
	}
	.margin-icon-step-canvas-bottom {
		margin-bottom: 25px;
	}
	.margin-icon-step-canvas {
		margin-top: -22px;
	}
	.djs-palette {
	    width: 48px !important;
	}
	.comment-box-bpmn {
		height: 680px;
	}
	.comment-box-bpmn-edge {
		height: 720px;
	}
	.margin-bottom-preview {
		margin-bottom: 26px;
	}
	.page {
		width: 260mm;
	}
	.page-l {
		width: 400mm;
	}
	.page-l-reviewer {
		width: 500mm;
	}
	.nav-preview-content {
		width: 250px;
	}
	.popup-more {
		margin-left: -260px;
	}
	.position-watermark {
		left: 42%;
	}
	.font-watermark {
		font-size: 100px;
	}
	.logo-cover-preview {
		width: 472px;
		height: 80px;
	}
	.font-32 {
		font-size: 32px;
	}
	.margin-text-cover {
		margin-top: 40%;
	}
	.logo-content-preview {
		width: 188px;
		height: 32px;
	}
	.width-header-content {
		width: 200px;
	}
	.margin-left-nav-content {
		margin-left: 0px;
	}
	.position-watermark-reviewer {
		left: 35%;
	}
	.position-watermark-reviewer-full {
		left: 30%;
	}
	.btn-reviewer {
		height: 42px;
		padding-top: 9px;
	}
	.height-list-comment {
		height: 670px;
	}
	.height-list-comment-edge {
		height: 770px;
	}
	.padding-btn-reviewer {
		padding: 20px;
	}
	.height-write-comment {
		height: 40px;
	}
	.home-content {
	  	padding: calc(50px + 30px) 23px 30px calc(var(--sidebar-width) + 25px);
	  	transition: var(--tran-03);
	}
	.home-content.expanded {
	  	padding: calc(50px + 30px) 23px 30px calc(var(--sidebar-width-hide) + 25px);
	}
	.table-header .tr-height {
		height: 67px;
	}
	.table-header .tr-height-2 {
		height: 59px;
	}
	.margin-bottom-header {
		margin-bottom: -5px;
	}
	.margin-bottom-header-track {
		margin-bottom: -5px;
	}
	.margin-bottom-header-sop {
		margin-bottom: 0px;
	}
	.bpm-icon-chevron-left {
		width: 17px !important;
		height: 17px !important;
	}
	.box-chevron-left {
		width: 40px !important;
		height: 40px !important;
	}
	.margin-left-profile {
		margin-left: 17px;
	}
	.margin-left-profile-edge {
		margin-left: 17px;
	}
	.circle-pen-profile {
		margin-bottom: -10px;
	}
	.input-file {
		padding-top: 13px;
	}
	.select2-container--default .select2-selection--single .select2-selection__rendered {
		padding-top: 3px;
	}
	.select2-selection__arrow {
		margin-top: 3px;
	}
	.select2-selection--multiple .select2-selection__rendered:after {
		padding-top: 2px;
	}
	.icon-step-bpmn {
		width: 21px;
		height: : 21px;
	}
	.arrow-step-bpmn {
		width: 53px;
	}
	.margin-top-text-draft {
		margin-top: 2px;
	}
	.space-after-draft {
		margin-left: 20px;
		margin-right: 20px;
	}
	.padding-step-1 {
		padding: 4px 7px 7px 6px;
	}
	.padding-step-2 {
		padding: 4px 0px 7px 0px;
	}
	.padding-step-3 {
		padding: 4px 3px 7px 6px;
	}
	.padding-step-4 {
		padding: 7px 0px 10px 7px;
	}
	.padding-step-5 {
		padding: 7px 7px 10px 0px;
	}
	.padding-step-6 {
		padding: 8px 0px 11px 0px;
	}
	.text-step-1 {
		font-size: 10px;
		margin-right: 34px;
	}
	.text-step-2 {
		font-size: 10px;
		margin-right: 36px;
	}
	.text-step-3 {
		font-size: 10px;
		margin-right: 32px;
	}
	.text-step-4 {
		font-size: 10px;
		margin-right: 14px;
	}
	.text-step-5 {
		font-size: 10px;
		margin-right: 10px;
	}
	.text-step-6 {
		font-size: 10px;
		margin-right: 37px;
	}
	.text-step-7 {
		font-size: 10px;
		margin-right: 31px;
	}
	.text-step-8 {
		font-size: 10px;
		margin-right: -13px;
	}
	.margin-top-text-step {
		 margin-top: 13px;
	}
	.icon-menu-process {
		width: 24px;
		height: 24px;
	}
	.padding-top-icon-process {
		height: 40px;
		padding-top: 7.5px;
	}
	.padding-top-icon-process-sop {
		height: 40px;
		padding-top: 7px;
	}
	.padding-top-icon-process-full {
		height: 40px;
		padding-top: 7.5px;
	}
	.panel_changelog {
		top: 195px;
     	height: 450px;
     	width: 464px;
    }
    .panel_change_drafter {
    	top: 195px;
    	height: 400px;
    	width: 464px;
    }
    .padding-icon-process-active-1 {
    	padding: 5px 2px 10px 2px;
    }
    .padding-icon-process-active-2 {
    	padding: 5px 5px 10px 5px;
    }
    .panel_act {
    	top: 195px;
     	height: 200px;
     	width: 200px;
    }
    .panel_act_sop {
    	top: 195px;
     	height: 112px;
     	width: 190px;
    }
    .padding-left-icon-process-chevron-left {
    	margin-left: 2px;
    }
    .icon-action-bpmn {
    	width: 20px;
    	height: 20px;
    }
    .btn-raci-rotate {
    	padding: 10px 4px 10px 7px;
    }
    .btn-raci-print {
    	padding: 10px 20px 10px 20px;
    }
    .padding-top-btn-personal-repo {
    	padding-top: 8px;
    }
    .repox .select2-selection__arrow {
    	margin-top: -0.5px;
    }
    #select2-categoryFilter-container,
    #select2-select_category-container,
    #select2-select_owner-container,
    #select2-select_status-container,
    #select2-parent_id-container,
    #select2-filter_single_select1-container,
    #select2-filter_single_select2-container,
    #select2-sub_category_doc-container,
    #select2-select_page-container {
    	margin-top: 3px;
    }
    .text-step-1-sop {
    	font-size: 10px;
    	margin-right: 55px;
    }
    .text-step-2-sop {
    	font-size: 10px;
    	margin-right: 40px;
    }
    .text-step-3-sop {
    	font-size: 10px;
    	margin-right: 30px;
    }
    .text-step-4-sop {
    	font-size: 10px;
    	margin-right: 30px;
    }
    .text-step-5-sop {
    	font-size: 10px;
    	margin-right: -14px;
    }
    .padding-left-text-sop-name {
    	padding-left: 255px;
    }
    #select2-filter_owner-results .select2-results__option[aria-selected=true]:before,
	#select2-filter_publish-results .select2-results__option[aria-selected=true]:before,
	#select2-node_chart-results .select2-results__option[aria-selected=true]:before,
	#select2-filter_publish2-results .select2-results__option[aria-selected=true]:before {
		padding-left: 2px;
	}
	#select2-filter_owner-results .select2-results__option:before,
	#select2-filter_publish-results .select2-results__option:before,
	#select2-node_chart-results .select2-results__option:before,
	#select2-filter_publish2-results .select2-results__option:before {
		height: 18px;
		width: 18px;
	}
	.height-filter-serach {
		height: 42px;
	}
	.width-modal-search {
		width: 500px;
	}
	.padding-left-search {
		padding-left: 50px;
	}
	.margin-left-box-check-search {
		margin-left: 5px;
	}
	.margin-bottom-15 {
		margin-bottom: 15px;
	}
	.width-list-notif {
		width: 400px;
	}
	.height-list-notif {
		height: 850px;
	}
	.tox .tox-tbtn svg {
		width: 24px;
		height: 24px;
	}
	.table-header-search .tr-height-3 {
		height: 90px;
	}
	.table-header-search-2 .tr-height-3 {
		height: 90px;
	}
	.table-header-search {
		width: 83.5%;
		margin-left: -2%;
	}
	.margin-left-list-serach {
		margin-left: 30px;
	}
	.div-content-search {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.margin-top-content-search {
		margin-top: 20px;
	}
	.modal-706 {
		min-width: 710px;
	}
	.modal-707 {
		min-width: 910px;
	}
	.tab-library {
		padding: 10px 12px 10px 12px;
	}
	.width-and-margin-top-filter {
		width: 420px;
		margin-top: 15px;
		padding: 20px;
		height: 800px;
	}
	.width-and-margin-top-filter-edge {
		width: 465px;
		margin-top: 15px;
		padding: 20px;
		height: 970px;
	}
	.padding-left-list-filer {
		padding-left: 2px;
	}
	.filter-search-hide {
		margin-top: 15px;
		width: 50px;
		margin-left: 40px;
	}
	.btn_change_log_chart_hide {
		bottom: 110px;
	}
	.btn_change_log_chart_show {
		bottom: 93px;
		width: 98%;
		height: 340px;
	}
	.btn_change_log_chart_hide_edge {
		bottom: 150px;
	}
	.btn_change_log_chart_show_edge {
		bottom: 130px;
		width: 98.2%;
		height: 340px;
	}
	.page-max-chart {
		top: 260px;
	}
	.btn-export-chart {
		top: 210px;
	}
	.filter-mgmt .select2-container--default .select2-selection--multiple {
        max-height: 42px !important;
        min-height: 42px !important;
    }
    .width-page-faq-guide {
    	width: 85.5%;
    }
    .img-page-faq-guide {
    	max-width: 900px;
    }
    .page-max-chart-reorg {
		top: 340px;
	}
	.btn_change_log_chart_hide_reorg {
		bottom: 80px;
	}
	.btn_change_log_chart_show_reorg {
		bottom: 65px;
		width: 98%;
		height: 340px;
	}
	.btn_change_log_chart_hide_reorg_edge {
		bottom: 145px;
	}
	.btn_change_log_chart_show_reorg_edge {
		bottom: 130px;
		width: 98.2%;
		height: 340px;
	}
	
}

/*--------------for scale 100%---------------*/
@media (min-width: 1918px) and (max-width: 2130px) {
	.height-box-library {
		height: 40px;
	}
	.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
		width: 10px;
		height: 10px;
	}

	.flatpickr-current-month .flatpickr-monthDropdown-months,
	.flatpickr-current-month input.cur-year {
		font-size: 15px !important;
	}

	span.flatpickr-weekday,
	.flatpickr-day,
	.flatpickr-time input.flatpickr-hour,
	.flatpickr-time input.flatpickr-minute,
	.flatpickr-time input.flatpickr-second {
		font-size: 13px !important;
	}
	.day {
		font-size: 13px !important;
	}

	.datepicker-switch {
		font-size: 13px !important;
	}

	.dow {
		font-size: 13px !important;
	}

	.next {
		font-size: 13px !important;
	}

	.prev {
		font-size: 13px !important;
	}
    .logo-pixel-login {
	    width: 167px;
	    height: 51px;
	    margin: -15px 0px 0px -15px;
	}
	.login-form input {
	  	height: 47px;
	  	font-size: 14px;
	}
	.box-login-form {
		width: 520px;
		padding: 25px;
	}
	.login-form .form-input .icon {
		bottom: 16px;
	}
	.padding-text-logout {
		width: 140px;
		padding: 12px 0px 12px 18px;
	}
	.modal-logout {
		width: 440px;
	}
	.font-24 {
		font-size: 25px;
	}
	.font-16 {
		font-size: 17px;
	}
	.font-14 {
		font-size: 15px;
	}
	.font-13 {
		font-size: 14px;
	}
	.font-12 {
		font-size: 13px;
	}
	.font-11 {
		font-size: 12px;
	}
	.font-10 {
		font-size: 11px;
	}
	.font-9 {
		font-size: 10px;
	}
	.table th {
		font-size: 13px;
	}
	.table td {
		font-size: 13px;
	}
	.table-blue th {
		font-size: 13px;
	}
	.pagination>li>a {
		font-size: 13px;
	}
	.pagination>.active>a {
		font-size: 13px;
	}
	.dataTables_info,
	.dataTables_paginate {
		font-size: 13px;
	}
	.table > tbody > tr > th, 
	.table > tfoot > tr > th, 
	.table > tbody > tr > td, 
	.table > tfoot > tr > td {
		font-size: 13px;
	}
	.table thead .table td {
		font-size: 13px;
	}
	.layout-create {
    	padding: 40px;
  	}
	.layout-create-process {
    	padding: 25px;
  	}
  	.row-striped .row {
  		padding: 15px 10px;
  	}
  	.bpm-button-new {
	 	font-size: 13px !important;
	 	height: 40px !important;
		min-width: 140px !important;
	}
	.img-profile {
		border-radius: 50% !important;
		width: 110px !important;
		height: 110px !important;
	}
	.bg-profile {
		height: 160px;
	}
	.bpm-icon {
		width: 24px;
		height: 24px;
		display: inline-block;
	}
	.bpm-icon-sub {
		width: 21px;
		height: 21px;
	}
	.bpm-icon-in-table {
		width: 19px;
		height: 19px;
	}
	.select2-results__option {
		font-size: 12px;
	}
	.select2-container--default .select2-selection--multiple .select2-selection__choice {
		font-size: 12px;
	}
	.list-show-datatable {
		font-size: 12px;
	}
	.select2-container--default .select2-search--inline .select2-search__field {
		font-size: 12px;
	}
	.box-search-keyword {
		font-size: 13px;
		height: 40px;
	}
	.select2-container--default .select2-selection--multiple {
		min-height: 40px;
	}
	.select2-container--default .select2-selection--single {
		min-height: 40px;
	}
	.form-control {
		font-size: 12px;
		height: 40px;
		font-family: poppins;
	}
	.select2-selection__rendered {
	    font-size: 12px;
	}
	.popover-content {
		font-size: 12px;
	}
	.select2-container--default .select2-results__option {
		font-size: 12px;
	}
	.select2-container--default .select2-search--dropdown .select2-search__field {
		font-size: 12px;
	}
	.modal-x {
	  	font-size: 20px;
	}
	.modal-body-size {
	 	font-size: 12px;
	 	font-family: poppins;
	}
	.body_preview {
		height: 700px;
	}
	.height-table-preview {
		height: 50px;
	}
	.errspan {
	    margin-top: -32px;
	    font-size: 20px;
	}
	.body_after_create {
		height: 730px;
	}
	.width-after-create {
		min-width: 650px;
	}
	.diagram-note {
		font-size: 12px;
	}
	.btn-panel-action {
		font-size: 13px;
	}
	.btn-panel-action-delete {
		font-size: 13px;
	}
	.djs-palette .entry, .djs-palette .djs-palette-toggle {
		font-size: 25px;
	}
	.height-canvas {
		height: 710px;
	}
	.height-canvas-full {
		height: 835px;
	}
	.height-canvas-edge {
		height: 860px;
	}
	.height-canvas-edge-full {
		height: 985px;
	}
	.margin-icon-step-canvas-bottom {
		margin-bottom: 20px;
	}
	.margin-icon-step-canvas {
		margin-top: -22px;
	}
	.djs-palette {
	    width: 48px !important;
	}
	.comment-box-bpmn {
		height: 580px;
	}
	.comment-box-bpmn-edge {
		height: 730px;
	}
	.margin-bottom-preview {
		margin-bottom: 24px;
	}
	.page {
		width: 260mm;
	}
	.page-l {
		width: 360mm;
	}
	.page-l-reviewer {
		width: 460mm;
	}
	.nav-preview-content {
		width: 240px;
	}
	.popup-more {
		margin-left: -235px;
	}
	.position-watermark {
		left: 40%;
	}
	.font-watermark {
		font-size: 90px;
	}
	.logo-cover-preview {
		width: 472px;
		height: 80px;
	}
	.font-32 {
		font-size: 29px;
	}
	.margin-text-cover {
		margin-top: 50%;
	}
	.logo-content-preview {
		width: 188px;
		height: 32px;
	}
	.width-header-content {
		width: 200px;
	}
	.margin-left-nav-content {
		margin-left: 0px;
	}
	.position-watermark-reviewer {
		left: 35%;
	}
	.position-watermark-reviewer-full {
		left: 30%;
	}
	.btn-reviewer {
		height: 42px;
		padding-top: 9px;
	}
	.height-list-comment {
		height: 570px;
	}
	.height-list-comment-edge {
		height: 730px;
	}
	.padding-btn-reviewer {
		padding: 20px;
	}
	.height-write-comment {
		height: 40px;
	}
	.home-content {
	  	padding: calc(50px + 30px) 21px 30px calc(var(--sidebar-width) + 25px);
	  	transition: var(--tran-03);
	}
	.home-content.expanded {
	  	padding: calc(50px + 30px) 21px 30px calc(var(--sidebar-width-hide) + 25px);
	}
	.table-header .tr-height {
		height: 67px;
	}
	.table-header .tr-height-2 {
		height: 59px;
	}
	.margin-bottom-header {
		margin-bottom: -5px;
	}
	.margin-bottom-header-track {
		margin-bottom: -5px;
	}
	.margin-bottom-header-sop {
		margin-bottom: 0px;
	}
	.bpm-icon-chevron-left {
		width: 17px !important;
		height: 17px !important;
	}
	.box-chevron-left {
		width: 40px !important;
		height: 40px !important;
	}
	.margin-left-profile {
		margin-left: 17px;
	}
	.margin-left-profile-edge {
		margin-left: 17px;
	}
	.circle-pen-profile {
		margin-bottom: -12px;
	}
	.input-file {
		padding-top: 12px;
	}
	.select2-container--default .select2-selection--single .select2-selection__rendered {
		padding-top: 2px;
	}
	.select2-selection__arrow {
		margin-top: 2px;
	}
	.select2-selection--multiple .select2-selection__rendered:after {
		padding-top: 1px;
	}
	.icon-step-bpmn {
		width: 20px;
		height: : 20px;
	}
	.arrow-step-bpmn {
		width: 50px;
	}
	.margin-top-text-draft {
		margin-top: 2px;
	}
	.space-after-draft {
		margin-left: 20px;
		margin-right: 20px;
	}
	.padding-step-1 {
		padding: 4px 7px 7px 6px;
	}
	.padding-step-2 {
		padding: 4px 0px 7px 0px;
	}
	.padding-step-3 {
		padding: 4px 3px 7px 6px;
	}
	.padding-step-4 {
		padding: 7px 0px 10px 7px;
	}
	.padding-step-5 {
		padding: 7px 7px 10px 0px;
	}
	.padding-step-6 {
		padding: 8px 0px 11px 0px;
	}
	.text-step-1 {
		font-size: 10px;
		margin-right: 31px;
	}
	.text-step-2 {
		font-size: 10px;
		margin-right: 28px;
	}
	.text-step-3 {
		font-size: 10px;
		margin-right: 26px;
	}
	.text-step-4 {
		font-size: 10px;
		margin-right: 13px;
	}
	.text-step-5 {
		font-size: 10px;
		margin-right: 8px;
	}
	.text-step-6 {
		font-size: 10px;
		margin-right: 30px;
	}
	.text-step-7 {
		font-size: 10px;
		margin-right: 29px;
	}
	.text-step-8 {
		font-size: 10px;
		margin-right: -14px;
	}
	.margin-top-text-step {
		 margin-top: 13px;
	}
	.icon-menu-process {
		width: 24px;
		height: 24px;
	}
	.padding-top-icon-process {
		height: 39px;
		padding-top: 7px;
	}
	.padding-top-icon-process-sop {
		height: 39px;
		padding-top: 7px;
	}
	.padding-top-icon-process-full {
		height: 39px;
		padding-top: 7px;
	}
	.panel_changelog {
		top: 193px;
     	height: 430px;
     	width: 444px;
    }
    .panel_change_drafter {
    	top: 193px;
    	height: 380px;
    	width: 444px;
    }
    .padding-icon-process-active-1 {
    	padding: 4px 2px 8px 2px;
    }
    .padding-icon-process-active-2 {
    	padding: 4.5px 5px 9.5px 5px;
    }
    .panel_act {
    	top: 193px;
     	height: 190px;
     	width: 200px;
    }
    .panel_act_sop {
    	top: 193px;
     	height: 112px;
     	width: 180px;
    }
    .padding-left-icon-process-chevron-left {
    	margin-left: 2px;
    }
    .icon-action-bpmn {
    	width: 19px;
    	height: 19px;
    }
    .btn-raci-rotate {
    	padding: 8px 4px 10px 7px;
    }
    .btn-raci-print {
    	padding: 8.5px 18px 8.5px 18px;
    }
    .padding-top-btn-personal-repo {
    	padding-top: 8px;
    }
    .repox .select2-selection__arrow {
    	margin-top: -0.4px;
    }
    #select2-categoryFilter-container,
    #select2-select_category-container,
    #select2-select_owner-container,
    #select2-select_status-container,
    #select2-parent_id-container,
    #select2-filter_single_select1-container,
    #select2-filter_single_select2-container,
    #select2-sub_category_doc-container,
    #select2-select_page-container {
    	margin-top: 3px;
    }
    .text-step-1-sop {
    	font-size: 10px;
    	margin-right: 53px;
    }
    .text-step-2-sop {
    	font-size: 10px;
    	margin-right: 35px;
    }
    .text-step-3-sop {
    	font-size: 10px;
    	margin-right: 25px;
    }
    .text-step-4-sop {
    	font-size: 10px;
    	margin-right: 25px;
    }
    .text-step-5-sop {
    	font-size: 10px;
    	margin-right: -14px;
    }
    .padding-left-text-sop-name {
    	padding-left: 245px;
    }
    #select2-filter_owner-results .select2-results__option[aria-selected=true]:before,
	#select2-filter_publish-results .select2-results__option[aria-selected=true]:before,
	#select2-node_chart-results .select2-results__option[aria-selected=true]:before,
	#select2-filter_publish2-results .select2-results__option[aria-selected=true]:before {
		padding-left: 3px;
	}
	#select2-filter_owner-results .select2-results__option:before,
	#select2-filter_publish-results .select2-results__option:before,
	#select2-node_chart-results .select2-results__option:before,
	#select2-filter_publish2-results .select2-results__option:before {
		height: 18px;
		width: 18px;
	}
	.height-filter-serach {
		height: 40px;
	}
	.width-modal-search {
		width: 480px;
	}
	.padding-left-search {
		padding-left: 48px;
	}
	.margin-left-box-check-search {
		margin-left: 4.5px;
	}
	.margin-bottom-15 {
		margin-bottom: 14px;
	}
	.width-list-notif {
		width: 400px;
	}
	.height-list-notif {
		height: 750px;
	}
	.tox .tox-tbtn svg {
		width: 23px;
		height: 23px;
	}
	.table-header-search .tr-height-3 {
		height: 85px;
	}
	.table-header-search-2 .tr-height-3 {
		height: 85px;
	}
	.table-header-search {
		width: 83.2%;
		margin-left: -2.1%;
	}
	.margin-left-list-serach {
		margin-left: 30px;
	}
	.div-content-search {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.margin-top-content-search {
		margin-top: 15px;
	}
	.modal-706 {
		min-width: 660px;
	}
	.modal-707 {
		min-width: 860px;
	}
	.tab-library {
		padding: 9.5px 12px 9.5px 12px;
	}
	.width-and-margin-top-filter {
		width: 380px;
		margin-top: 10px;
		padding: 19px;
		height: 700px;
	}
	.width-and-margin-top-filter-edge {
		width: 413px;
		margin-top: 11px;
		padding: 19px;
		height: 850px;
	}
	.padding-left-list-filer {
		padding-left: 2px;
	}
	.filter-search-hide {
		margin-top: 10px;
		width: 50px;
		margin-left: 40px;
	}
	.btn_change_log_chart_hide {
		bottom: 85px;
	}
	.btn_change_log_chart_show {
		bottom: 68px;
		width: 97.8%;
		height: 320px;
	}
	.btn_change_log_chart_hide_edge {
		bottom: 112px;
	}
	.btn_change_log_chart_show_edge {
		bottom: 98px;
		width: 97.9%;
		height: 320px;
	}
	.page-max-chart {
		top: 250px;
	}

	.btn-export-chart {
		top: 205px;
	}
	.filter-mgmt .select2-container--default .select2-selection--multiple {
        max-height: 40px !important;
        min-height: 40px !important;
    }
    .width-page-faq-guide {
    	width: 84.5%;
    }
    .img-page-faq-guide {
    	max-width: 800px;
    }
    .page-max-chart-reorg {
		top: 335px;
	}
	.btn_change_log_chart_hide_reorg {
		bottom: 50px;
	}
	.btn_change_log_chart_show_reorg {
		bottom: 35px;
		width: 97.8%;
		height: 300px;
	}
	.btn_change_log_chart_hide_reorg_edge {
		bottom: 100px;
	}
	.btn_change_log_chart_show_reorg_edge {
		bottom: 88px;
		width: 98%;
		height: 300px;
	}

}

/*--------------for scale 110%---------------*/
@media (min-width: 1743px) and (max-width: 1917px) {
	.height-box-library {
		height: 35px;
	}
	.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
		width: 11px;
		height: 11px;
	}

	.flatpickr-current-month .flatpickr-monthDropdown-months,
	.flatpickr-current-month input.cur-year {
		font-size: 14px !important;
	}

	span.flatpickr-weekday,
	.flatpickr-day,
	.flatpickr-time input.flatpickr-hour,
	.flatpickr-time input.flatpickr-minute,
	.flatpickr-time input.flatpickr-second {
		font-size: 12px !important;
	}
	.day {
		font-size: 12px !important;
	}

	.datepicker-switch {
		font-size: 12px !important;
	}

	.dow {
		font-size: 12px !important;
	}

	.next {
		font-size: 12px !important;
	}

	.prev {
		font-size: 12px !important;
	}
    .logo-pixel-login {
	    width: 157px;
	    height: 46px;
	    margin: -20px 0px 0px -20px;
	}
	.login-form input {
	  	height: 44px;
	  	font-size: 13px;
	}
	.box-login-form {
		width: 500px;
		padding: 20px;
	}
	.login-form .form-input .icon {
		bottom: 15px;
	}
	.padding-text-logout {
		width: 130px;
		padding: 12px 0px 12px 16px;
	}
	.modal-logout {
		width: 420px;
	}
	.font-24 {
		font-size: 24px;
	}
	.font-16 {
		font-size: 16px;
	}
	.font-14 {
		font-size: 14px;
	}
	.font-13 {
		font-size: 13px;
	}
	.font-12 {
		font-size: 12px;
	}
	.font-11 {
		font-size: 11px;
	}
	.font-10 {
		font-size: 10px;
	}
	.font-9 {
		font-size: 9px;
	}
	.table th {
		font-size: 12px;
	}
	.table td {
		font-size: 12px;
	}
	.table-blue th {
		font-size: 12px;
	}
	.pagination>li>a {
		font-size: 12px;
	}
	.pagination>.active>a {
		font-size: 12px;
	}
	.dataTables_info,
	.dataTables_paginate {
		font-size: 12px;
	}
	.table > tbody > tr > th, 
	.table > tfoot > tr > th, 
	.table > tbody > tr > td, 
	.table > tfoot > tr > td {
		font-size: 12px;
	}
	.table thead .table td {
		font-size: 12px;
	}
	.layout-create {
    	padding: 35px;
  	}
	.layout-create-process {
    	padding: 20px;
  	}
  	.row-striped .row {
  		padding: 14px 10px;
  	}
  	.bpm-button-new {
	 	font-size: 12px !important;
	 	height: 38px !important;
		min-width: 130px !important;
	}
	.img-profile {
		border-radius: 50% !important;
		width: 100px !important;
		height: 100px !important;
	}
	.bg-profile {
		height: 150px;
	}
	.bpm-icon {
		width: 22px;
		height: 22px;
		display: inline-block;
	}
	.bpm-icon-sub {
		width: 19px;
		height: 19px;
	}
	.bpm-icon-in-table {
		width: 18px;
		height: 18px;
	}
	.select2-results__option {
		font-size: 11px;
	}
	.select2-container--default .select2-selection--multiple .select2-selection__choice {
		font-size: 11px;
	}
	.list-show-datatable {
		font-size: 11px;
	}
	.select2-container--default .select2-search--inline .select2-search__field {
		font-size: 11px;
	}
	.box-search-keyword {
		font-size: 12px;
		height: 38px;
	}
	.select2-container--default .select2-selection--multiple {
		min-height: 38px;
	}
	.select2-container--default .select2-selection--single {
		min-height: 38px;
	}
	.form-control {
		font-size: 11px;
		height: 38px;
		font-family: poppins;
	}
	.select2-selection__rendered {
	    font-size: 11px;
	}
	.popover-content {
		font-size: 11px;
	}
	.select2-container--default .select2-results__option {
		font-size: 11px;
	}
	.select2-container--default .select2-search--dropdown .select2-search__field {
		font-size: 11px;
	}
	.modal-x {
	  	font-size: 18px;
	}
	.modal-body-size {
	 	font-size: 11px;
	 	font-family: poppins;
	}
	.body_preview {
		height: 650px;
	}
	.height-table-preview {
		height: 45px;
	}
	.errspan {
	    margin-top: -28px;
	    font-size: 18px;
	}
	.body_after_create {
		height: 670px;
	}
	.width-after-create {
		min-width: 615px;
	}
	.diagram-note {
		font-size: 11px;
	}
	.btn-panel-action {
		font-size: 12px;
	}
	.btn-panel-action-delete {
		font-size: 12px;
	}
	.djs-palette .entry, .djs-palette .djs-palette-toggle {
		font-size: 24px;
	}
	.height-canvas {
		height: 627px;
	}
	.height-canvas-full {
		height: 755px;
	}
	.height-canvas-edge {
		height: 760px;
	}
	.height-canvas-edge-full {
		height: 885px;
	}
	.margin-icon-step-canvas-bottom {
		margin-bottom: 20px;
	}
	.margin-icon-step-canvas {
		margin-top: -22px;
	}
	.djs-palette {
	    width: 96px;
	}
	.comment-box-bpmn {
		height: 480px;
	}
	.comment-box-bpmn-edge {
		height: 630px;
	}
	.margin-bottom-preview {
		margin-bottom: 22px;
	}
	.page {
		width: 230mm;
	}
	.page-l {
		width: 320mm;
	}
	.page-l-reviewer {
		width: 420mm;
	}
	.nav-preview-content {
		width: 220px;
	}
	.popup-more {
		margin-left: -215px;
	}
	.position-watermark {
		left: 38%;
	}
	.font-watermark {
		font-size: 70px;
	}
	.logo-cover-preview {
		width: 422px;
		height: 70px;
	}
	.font-32 {
		font-size: 27px;
	}
	.margin-text-cover {
		margin-top: 60%;
	}
	.logo-content-preview {
		width: 168px;
		height: 30px;
	}
	.width-header-content {
		width: 190px;
	}
	.margin-left-nav-content {
		margin-left: 0px;
	}
	.position-watermark-reviewer {
		left: 36%;
	}
	.position-watermark-reviewer-full {
		left: 31%;
	}
	.btn-reviewer {
		height: 40px;
		padding-top: 10px;
	}
	.height-list-comment {
		height: 490px;
	}
	.height-list-comment-edge {
		height: 630px;
	}
	.padding-btn-reviewer {
		padding: 20px;
	}
	.height-write-comment {
		height: 40px;
	}
	.home-content {
	  	padding: calc(50px + 30px) 19px 30px calc(var(--sidebar-width) + 22px);
	  	transition: var(--tran-03);
	}
	.home-content.expanded {
	  	padding: calc(50px + 30px) 19px 30px calc(var(--sidebar-width-hide) + 22px);
	}
	.table-header .tr-height {
		height: 60px;
	}
	.table-header .tr-height-2 {
		height: 57px;
	}
	.margin-bottom-header {
		margin-bottom: -7px;
	}
	.margin-bottom-header-track {
		margin-bottom: -7px;
	}
	.margin-bottom-header-sop {
		margin-bottom: 0px;
	}
	.bpm-icon-chevron-left {
		width: 16px !important;
		height: 16px !important;
	}
	.box-chevron-left {
		width: 35px !important;
		height: 35px !important;
		margin-right: 5px !important;
	}
	.margin-left-profile {
		margin-left: 17px;
	}
	.margin-left-profile-edge {
		margin-left: 17px;
	}
	.margin-top-profile {
		margin-top: -2px;
	}
	.circle-pen-profile {
		margin-bottom: -14px;
	}
	.input-file {
		padding-top: 11px;
	}
	.select2-container--default .select2-selection--single .select2-selection__rendered {
		padding-top: 2px;
	}
	.select2-selection__arrow {
		margin-top: 2px;
	}
	.select2-selection--multiple .select2-selection__rendered:after {
		padding-top: 1px;
	}
	.icon-step-bpmn {
		width: 19px;
		height: : 19px;
	}
	.arrow-step-bpmn {
		width: 47px;
	}
	.margin-top-text-draft {
		margin-top: 3px;
	}
	.space-after-draft {
		margin-left: 20px;
		margin-right: 15px;
	}
	.padding-step-1 {
		padding: 4px 8px 7px 7px;
	}
	.padding-step-2 {
		padding: 4px 1px 7px 1px;
	}
	.padding-step-3 {
		padding: 4px 6px 7px 8px;
	}
	.padding-step-4 {
		padding: 7px 0px 10px 7px;
	}
	.padding-step-5 {
		padding: 7px 7px 10px 0px;
	}
	.padding-step-6 {
		padding: 8px 0px 11px 0px;
	}
	.text-step-1 {
		font-size: 10px;
		margin-right: 31px;
	}
	.text-step-2 {
		font-size: 10px;
		margin-right: 30px;
	}
	.text-step-3 {
		font-size: 10px;
		margin-right: 27px;
	}
	.text-step-4 {
		font-size: 10px;
		margin-right: 14px;
	}
	.text-step-5 {
		font-size: 10px;
		margin-right: 12px;
	}
	.text-step-6 {
		font-size: 10px;
		margin-right: 30px;
	}
	.text-step-7 {
		font-size: 10px;
		margin-right: 30px;
	}
	.text-step-8 {
		font-size: 10px;
		margin-right: -15px;
	}
	.margin-top-text-step {
		 margin-top: 13px;
	}
	.icon-menu-process {
		width: 22px;
		height: 22px;
	}
	.padding-top-icon-process {
		height: 38px;
		padding-top: 7px;
	}
	.padding-top-icon-process-sop {
		height: 38px;
		padding-top: 8px;
	}
	.padding-top-icon-process-full {
		height: 38px;
		padding-top: 7px;
	}
	.panel_changelog {
		top: 193px;
     	height: 410px;
     	width: 424px;
    }
    .panel_change_drafter {
    	top: 193px;
    	height: 370px;
    	width: 424px;
    }
    .padding-icon-process-active-1 {
    	padding: 4px 2px 8px 2px;
    }
    .padding-icon-process-active-2 {
    	padding: 4px 5px 8px 5px;
    }
    .panel_act {
    	top: 193px;
     	height: 180px;
     	width: 190px;
    }
    .panel_act_sop {
    	top: 193px;
     	height: 105px;
     	width: 170px;
    }
    .padding-left-icon-process-chevron-left {
    	margin-left: 0px;
    }
    .icon-action-bpmn {
    	width: 18px;
    	height: 18px;
    }
    .btn-raci-rotate {
    	padding: 7px 4px 9px 7px;
    }
    .btn-raci-print {
    	padding: 8.2px 16px 8.2px 16px;
    }
    .padding-top-btn-personal-repo {
    	padding-top: 8.2px;
    }
    .repox .select2-selection__arrow {
    	margin-top: -0.2px;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
    	top: 12px;
    }
    #select2-categoryFilter-container,
    #select2-select_category-container,
    #select2-select_owner-container,
    #select2-select_status-container,
    #select2-parent_id-container,
    #select2-filter_single_select1-container,
    #select2-filter_single_select2-container,
    #select2-sub_category_doc-container,
    #select2-select_page-container {
    	margin-top: 2px;
    }
    .text-step-1-sop {
    	font-size: 10px;
    	margin-right: 54px;
    }
    .text-step-2-sop {
    	font-size: 10px;
    	margin-right: 35px;
    }
    .text-step-3-sop {
    	font-size: 10px;
    	margin-right: 20px;
    }
    .text-step-4-sop {
    	font-size: 10px;
    	margin-right: 20px;
    }
    .text-step-5-sop {
    	font-size: 10px;
    	margin-right: -14px;
    }
    .padding-left-text-sop-name {
    	padding-left: 235px;
    }
    #select2-filter_owner-results .select2-results__option[aria-selected=true]:before,
	#select2-filter_publish-results .select2-results__option[aria-selected=true]:before,
	#select2-node_chart-results .select2-results__option[aria-selected=true]:before,
	#select2-filter_publish2-results .select2-results__option[aria-selected=true]:before {
		padding-left: 3.5px;
	}
	#select2-filter_owner-results .select2-results__option:before,
	#select2-filter_publish-results .select2-results__option:before,
	#select2-node_chart-results .select2-results__option:before,
	#select2-filter_publish2-results .select2-results__option:before {
		height: 18px;
		width: 18px;
	}
	.height-filter-serach {
		height: 38px;
	}
	.width-modal-search {
		width: 460px;
	}
	.padding-left-search {
		padding-left: 46px;
	}
	.margin-left-box-check-search {
		margin-left: 4px;
	}
	.margin-bottom-15 {
		margin-bottom: 13px;
	}
	.width-list-notif {
		width: 400px;
	}
	.height-list-notif {
		height: 650px;
	}
	.tox .tox-tbtn svg {
		width: 22px;
		height: 22px;
	}
	.table-header-search .tr-height-3 {
		height: 80px;
	}
	.table-header-search-2 .tr-height-3 {
		height: 80px;
	}
	.table-header-search {
		width: 83.1%;
		margin-left: -2.3%;
	}
	.margin-left-list-serach {
		margin-left: 26px;
	}
	.div-content-search {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.margin-top-content-search {
		margin-top: 5px;
	}
	.modal-706 {
		min-width: 610px;
	}
	.modal-707 {
		min-width: 810px;
	}
	.tab-library {
		padding: 9px 12px 9px 12px;
	}
	.width-and-margin-top-filter {
		width: 345px;
		margin-top: 0px;
		padding: 18px;
		height: 630px;
	}
	.width-and-margin-top-filter-edge {
		width: 370px;
		margin-top: 0px;
		padding: 18px;
		height: 755px;
	}
	.padding-left-list-filer {
		padding-left: 2px;
	}
	.filter-search-hide {
		margin-top: 0px;
		width: 50px;
		margin-left: 30px;
	}
	.btn_change_log_chart_hide {
		bottom: 65px;
	}
	.btn_change_log_chart_show {
		bottom: 48px;
		width: 97.6%;
		height: 280px;
	}
	.btn_change_log_chart_hide_edge {
		bottom: 92px;
	}
	.btn_change_log_chart_show_edge {
		bottom: 72px;
		width: 97.7%;
		height: 280px;
	}
	.page-max-chart {
		top: 245px;
	}
	.btn-export-chart {
		top: 199px;
	}
	.filter-mgmt .select2-container--default .select2-selection--multiple {
        max-height: 38px !important;
        min-height: 38px !important;
    }
    .width-page-faq-guide {
    	width: 83.5%;
    }
    .img-page-faq-guide {
    	max-width: 700px;
    }
    .page-max-chart-reorg {
		top: 330px;
	}
	.btn_change_log_chart_hide_reorg {
		bottom: 20px;
	}
	.btn_change_log_chart_show_reorg {
		bottom: 7px;
		width: 97.6%;
		height: 270px;
	}
	.btn_change_log_chart_hide_reorg_edge {
		bottom: 70px;
	}
	.btn_change_log_chart_show_reorg_edge {
		bottom: 53px;
		width: 97.8%;
		height: 270px;
	}

}

/*--------------for scale 125%---------------*/
@media (min-width: 1534px) and (max-width: 1742px) {
	.height-box-library {
		height: 33px;
	}
	.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
		width: 12px;
		height: 12px;
	}

	.flatpickr-current-month .flatpickr-monthDropdown-months,
	.flatpickr-current-month input.cur-year {
		font-size: 13px !important;
	}

	span.flatpickr-weekday,
	.flatpickr-day,
	.flatpickr-time input.flatpickr-hour,
	.flatpickr-time input.flatpickr-minute,
	.flatpickr-time input.flatpickr-second {
		font-size: 11px !important;
	}
	.day {
		font-size: 11px !important;
	}

	.datepicker-switch {
		font-size: 11px !important;
	}

	.dow {
		font-size: 11px !important;
	}

	.next {
		font-size: 11px !important;
	}

	.prev {
		font-size: 11px !important;
	}
    .logo-pixel-login {
	    width: 147px;
	    height: 41px;
	    margin: -25px 0px 0px -25px;
	}
	.login-form input {
	  	height: 41px;
	  	font-size: 12px;
	}
	.box-login-form {
		width: 450px;
		padding: 20px;
	}
	.login-form .form-input .icon {
		bottom: 13px;
	}
	.padding-text-logout {
		width: 120px;
		padding: 12px 0px 12px 14px;
	}
	.modal-logout {
		width: 400px;
	}
	.font-24 {
		font-size: 23px;
	}
	.font-16 {
		font-size: 15px;
	}
	.font-14 {
		font-size: 13px;
	}
	.font-13 {
		font-size: 12px;
	}
	.font-12 {
		font-size: 11px;
	}
	.font-11 {
		font-size: 10px;
	}
	.font-10 {
		font-size: 9px;
	}
	.font-9 {
		font-size: 8px;
	}
	.sidebar .sidebar-item-header {
	  height: 35px;
	}
	.sidebar .sidebar-item a {
	  height: 35px;
	}
	.sidebar .sidebar-subitem a {
	  height: 35px;
	}
	.sidebar .toggle {
	  height: 35px;
	}
	.table th {
		font-size: 11px;
	}
	.table td {
		font-size: 11px;
	}
	.table-blue th {
		font-size: 11px;
	}
	.pagination>li>a {
		font-size: 11px;
	}
	.pagination>.active>a {
		font-size: 11px;
	}
	.dataTables_info,
	.dataTables_paginate {
		font-size: 11px;
	}
	.table > tbody > tr > th, 
	.table > tfoot > tr > th, 
	.table > tbody > tr > td, 
	.table > tfoot > tr > td {
		font-size: 11px;
	}
	.table thead .table td {
		font-size: 11px;
	}
	.layout-create {
    	padding: 30px;
  	}
	.layout-create-process {
    	padding: 15px;
  	}
  	.row-striped .row {
  		padding: 13px 10px;
  	}
  	.bpm-button-new {
	 	font-size: 11px !important;
	 	height: 36px !important;
		min-width: 120px !important;
	}
	.img-profile {
		border-radius: 50% !important;
		width: 90px !important;
		height: 90px !important;
	}
	.bg-profile {
		height: 140px;
	}
	.bpm-icon {
		width: 20px;
		height: 20px;
		display: inline-block;
	}
	.bpm-icon-sub {
		width: 17px;
		height: 17px;
	}
	.bpm-icon-in-table {
		width: 17px;
		height: 17px;
	}
	.select2-results__option {
		font-size: 10px;
	}
	.select2-container--default .select2-selection--multiple .select2-selection__choice {
		font-size: 10px;
	}
	.list-show-datatable {
		font-size: 10px;
	}
	.select2-container--default .select2-search--inline .select2-search__field {
		font-size: 10px;
	}
	.box-search-keyword {
		font-size: 11px;
		height: 36px;
	}
	.select2-container--default .select2-selection--multiple {
		min-height: 36px;
	}
	.select2-container--default .select2-selection--single {
		min-height: 36px;
	}
	.form-control {
		font-size: 10px;
		height: 36px;
		font-family: poppins;
	}
	.select2-selection__rendered {
	    font-size: 10px;
	}
	.popover-content {
		font-size: 10px;
	}
	.select2-container--default .select2-results__option {
		font-size: 10px;
	}
	.select2-container--default .select2-search--dropdown .select2-search__field {
		font-size: 10px;
	}
	.modal-x {
	  	font-size: 16px;
	}
	.modal-body-size {
	 	font-size: 10px;
	 	font-family: poppins;
	}
	.body_preview {
		height: 550px;
	}
	.height-table-preview {
		height: 40px;
	}
	.errspan {
	    margin-top: -27px;
	    font-size: 16px;
	}
	.body_after_create {
		height: 620px;
	}
	.width-after-create {
		min-width: 600px;
	}
	.diagram-note {
		font-size: 10px;
	}
	.btn-panel-action {
		font-size: 11px;
	}
	.btn-panel-action-delete {
		font-size: 11px;
	}
	.djs-palette .entry, .djs-palette .djs-palette-toggle {
		font-size: 23px;
	}
	.height-canvas {
		height: 533px;
	}
	.height-canvas-full {
		height: 655px;
	}
	.height-canvas-edge {
		height: 680px;
	}
	.height-canvas-edge-full {
		height: 805px;
	}
	.margin-icon-step-canvas-bottom {
		margin-bottom: 20px;
	}
	.margin-icon-step-canvas {
		margin-top: -27px;
	}
	.djs-palette {
	    width: 96px;
	}
	.comment-box-bpmn {
		height: 390px;
	}
	.comment-box-bpmn-edge {
		height: 545px;
	}
	.margin-bottom-preview {
		margin-bottom: 20px;
	}
	.page {
		width: 210mm;
	}
	.page-l {
		width: 280mm;
	}
	.page-l-reviewer {
		width: 380mm;
	}
	.nav-preview-content {
		width: 210px;
	}
	.popup-more {
		margin-left: -190px;
	}
	.position-watermark {
		left: 37%;
	}
	.font-watermark {
		font-size: 60px;
	}
	.logo-cover-preview {
		width: 372px;
		height: 60px;
	}
	.font-32 {
		font-size: 26px;
	}
	.margin-text-cover {
		margin-top: 70%;
	}
	.logo-content-preview {
		width: 158px;
		height: 28px;
	}
	.width-header-content {
		width: 180px;
	}
	.margin-left-nav-content {
		margin-left: -5px;
	}
	.position-watermark-reviewer {
		left: 36.5%;
	}
	.position-watermark-reviewer-full {
		left: 31.5%;
	}
	.btn-reviewer {
		height: 38px;
		padding-top: 10px;
	}
	.height-list-comment {
		height: 410px;
	}
	.height-list-comment-edge {
		height: 560px;
	}
	.padding-btn-reviewer {
		padding: 15px;
	}
	.height-write-comment {
		height: 38px;
	}
	.home-content {
	  	padding: calc(50px + 30px) 17px 30px calc(var(--sidebar-width) + 21px);
	  	transition: var(--tran-03);
	}
	.home-content.expanded {
	  	padding: calc(50px + 30px) 17px 30px calc(var(--sidebar-width-hide) + 21px);
	}
	.table-header .tr-height {
		height: 53px;
	}
	.table-header .tr-height-2 {
		height: 52px;
	}
	.margin-bottom-header {
		margin-bottom: -9px;
	}
	.margin-bottom-header-track {
		margin-bottom: -9px;
	}
	.bpm-icon-chevron-left {
		width: 15px !important;
		height: 15px !important;
	}
	.box-chevron-left {
		width: 32px !important;
		height: 32px !important;
		margin-right: 5px !important;
	}
	.margin-left-profile {
		margin-left: 17px;
	}
	.margin-left-profile-edge {
		margin-left: 17px;
	}
	.margin-top-profile {
		margin-top: -4px;
	}
	.circle-pen-profile {
		margin-bottom: -16px;
	}
	.input-file {
		padding-top: 10px;
	}
	.select2-container--default .select2-selection--single .select2-selection__rendered {
		padding-top: 1px;
	}
	.select2-selection__arrow {
		margin-top: 1px;
	}
	.select2-selection--multiple .select2-selection__rendered:after {
		padding-top: 1px;
	}
	.icon-step-bpmn {
		width: 18px;
		height: : 18px;
	}
	.arrow-step-bpmn {
		width: 44px;
	}
	.margin-top-text-draft {
		margin-top: 4px;
	}
	.space-after-draft {
		margin-left: 20px;
		margin-right: 10px;
	}
	.padding-step-1 {
		padding: 2.5px 8px 5px 7px;
	}
	.padding-step-2 {
		padding: 2.5px 1px 5px 1px;
	}
	.padding-step-3 {
		padding: 2.5px 3px 5px 7px;
	}
	.padding-step-4 {
		padding: 5.5px 0px 8px 7px;
	}
	.padding-step-5 {
		padding: 5.5px 7px 8px 0px;
	}
	.padding-step-6 {
		padding: 6.5px 0px 9px 0px;
	}
	.text-step-1 {
		font-size: 9px;
		margin-right: 35px;
	}
	.text-step-2 {
		font-size: 9px;
		margin-right: 30px;
	}
	.text-step-3 {
		font-size: 9px;
		margin-right: 28px;
	}
	.text-step-4 {
		font-size: 9px;
		margin-right: 14px;
	}
	.text-step-5 {
		font-size: 9px;
		margin-right: 9px;
	}
	.text-step-6 {
		font-size: 9px;
		margin-right: 32px;
	}
	.text-step-7 {
		font-size: 9px;
		margin-right: 32px;
	}
	.text-step-8 {
		font-size: 9px;
		margin-right: -12px;
	}
	.margin-top-text-step {
		 margin-top: 10px;
	}
	.icon-menu-process {
		width: 20px;
		height: 20px;
	}
	.padding-top-icon-process {
		height: 36px;
		padding-top: 6px;
	}
	.padding-top-icon-process-sop {
		height: 36px;
		padding-top: 7.5px;
	}
	.padding-top-icon-process-full {
		height: 36px;
		padding-top: 6px;
	}
	.panel_changelog {
		top: 185px;
     	height: 400px;
     	width: 404px;
    }
    .panel_change_drafter {
    	top: 185px;
    	height: 360px;
    	width: 404px;
    }
    .padding-icon-process-active-1 {
    	padding: 3px 2px 6px 2px;
    }
    .padding-icon-process-active-2 {
    	padding: 3px 5px 6px 5px;
    }
    .panel_act {
    	top: 185px;
     	height: 170px;
     	width: 180px;
    }
    .panel_act_sop {
    	top: 185px;
     	height: 100px;
     	width: 160px;
    }
    .padding-left-icon-process-chevron-left {
    	margin-left: -4px;
    }
    .icon-action-bpmn {
    	width: 17px;
    	height: 17px;
    }
    .btn-raci-rotate {
    	padding: 6px 3px 8px 6px;
    }
    .btn-raci-print {
    	padding: 7px 14px 7px 14px;
    }
    .padding-top-btn-personal-repo {
    	padding-top: 7px;
    }
    .repox .select2-selection__arrow {
    	margin-top: -1px;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
    	top: 10px;
    }
    #select2-categoryFilter-container,
    #select2-select_category-container,
    #select2-select_owner-container,
    #select2-select_status-container,
    #select2-parent_id-container,
    #select2-filter_single_select1-container,
    #select2-filter_single_select2-container,
    #select2-sub_category_doc-container,
    #select2-select_page-container {
    	margin-top: 1px;
    }
    .text-step-1-sop {
    	font-size: 9px;
    	margin-right: 52px;
    }
    .text-step-2-sop {
    	font-size: 9px;
    	margin-right: 33px;
    }
    .text-step-3-sop {
    	font-size: 9px;
    	margin-right: 25px;
    }
    .text-step-4-sop {
    	font-size: 9px;
    	margin-right: 22px;
    }
    .text-step-5-sop {
    	font-size: 9px;
    	margin-right: -14px;
    }
    .padding-left-text-sop-name {
    	padding-left: 225px;
    }
    #select2-filter_owner-results .select2-results__option[aria-selected=true]:before,
	#select2-filter_publish-results .select2-results__option[aria-selected=true]:before,
	#select2-node_chart-results .select2-results__option[aria-selected=true]:before,
	#select2-filter_publish2-results .select2-results__option[aria-selected=true]:before {
		padding-left: 4px;
		padding-top: 2px;
	}
	#select2-filter_owner-results .select2-results__option:before,
	#select2-filter_publish-results .select2-results__option:before,
	#select2-node_chart-results .select2-results__option:before,
	#select2-filter_publish2-results .select2-results__option:before {
		height: 18px;
		width: 18px;
	}
	.height-filter-serach {
		height: 36px;
	}
	.width-modal-search {
		width: 440px;
	}
	.padding-left-search {
		padding-left: 44px;
	}
	.margin-left-box-check-search {
		margin-left: 0px;
	}
	.margin-bottom-15 {
		margin-bottom: 12px;
	}
	.width-list-notif {
		width: 380px;
	}
	.height-list-notif {
		height: 550px;
	}
	.tox .tox-tbtn svg {
		width: 21px;
		height: 21px;
	}
	.table-header-search .tr-height-3 {
		height: 75px;
	}
	.table-header-search-2 .tr-height-3 {
		height: 75px;
	}
	.table-header-search {
		width: 82.8%;
		margin-left: -2.5%;
	}
	.margin-left-list-serach {
		margin-left: 23px;
	}
	.div-content-search {
		margin-top: 13px;
		margin-bottom: 12px;
	}
	.margin-top-content-search {
		margin-top: -5px;
	}
	.modal-706 {
		min-width: 560px;
	}
	.modal-707 {
		min-width: 760px;
	}
	.tab-library {
		padding: 8.5px 12px 8.5px 12px;
	}
	.width-and-margin-top-filter {
		width: 300px;
		margin-top: -10px;
		padding: 17px;
		height: 540px;
	}
	.width-and-margin-top-filter-edge {
		width: 335px;
		margin-top: -10px;
		padding: 17px;
		height: 680px;
	}
	.padding-left-list-filer {
		padding-left: 4px;
	}
	.filter-search-hide {
		margin-top: -10px;
		width: 50px;
		margin-left: 20px;
	}
	.btn_change_log_chart_hide {
		bottom: 40px;
	}
	.btn_change_log_chart_show {
		bottom: 23px;
		width: 97.2%;
		height: 260px;
	}
	.btn_change_log_chart_hide_edge {
		bottom: 70px;
	}
	.btn_change_log_chart_show_edge {
		bottom: 52px;
		width: 97.5%;
		height: 260px;
	}
	.page-max-chart {
		top: 240px;
	}
	.btn-export-chart {
		top: 194px;
	}
	.filter-mgmt .select2-container--default .select2-selection--multiple {
        max-height: 36px !important;
        min-height: 36px !important;
    }
    .width-page-faq-guide {
    	width: 82%;
    }
    .img-page-faq-guide {
    	max-width: 600px;
    }
    .page-max-chart-reorg {
		top: 325px;
	}
	.btn_change_log_chart_hide_reorg {
		bottom: -10px;
	}
	.btn_change_log_chart_show_reorg {
		bottom: -25px;
		width: 97.2%;
		height: 230px;
	}
	.btn_change_log_chart_hide_reorg_edge {
		bottom: 40px;
	}
	.btn_change_log_chart_show_reorg_edge {
		bottom: 25px;
		width: 97.6%;
		height: 250px;
	}

}

/*--------------for scale 150%---------------*/
@media (min-width: 1278px) and (max-width: 1533px) {
	.height-box-library {
		height: 30px;
	}
	.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
		width: 13px;
		height: 13px;
	}

	.flatpickr-current-month .flatpickr-monthDropdown-months,
	.flatpickr-current-month input.cur-year {
		font-size: 12px !important;
	}

	span.flatpickr-weekday,
	.flatpickr-day,
	.flatpickr-time input.flatpickr-hour,
	.flatpickr-time input.flatpickr-minute,
	.flatpickr-time input.flatpickr-second {
		font-size: 10px !important;
	}
	.day {
		font-size: 10px !important;
	}

	.datepicker-switch {
		font-size: 10px !important;
	}

	.dow {
		font-size: 10px !important;
	}

	.next {
		font-size: 10px !important;
	}

	.prev {
		font-size: 10px !important;
	}
    .logo-pixel-login {
	    width: 137px;
	    height: 36px;
	    margin: -30px 0px 0px -30px;
	}
	.login-form input {
	  	height: 38px;
	  	font-size: 11px;
	}
	.box-login-form {
		width: 400px;
		padding: 17px;
	}
	.login-form .form-input .icon {
		bottom: 12px;
	}
	.padding-text-logout {
		width: 100px;
		padding: 12px 0px 12px 12px;
	}
	.modal-logout {
		width: 380px;
	}
	.font-24 {
		font-size: 21px;
	}
	.font-16 {
		font-size: 14px;
	}
	.font-14 {
		font-size: 12px;
	}
	.font-13 {
		font-size: 11px;
	}
	.font-12 {
		font-size: 10px;
	}
	.font-11 {
		font-size: 9px;
	}
	.font-10 {
		font-size: 8px;
	}
	.font-9 {
		font-size: 7px;
	}
	.sidebar .sidebar-item-header {
	  height: 35px;
	}
	.sidebar .sidebar-item a {
	  height: 35px;
	}
	.sidebar .sidebar-subitem a {
	  height: 35px;
	}
	.sidebar .toggle {
	  height: 35px;
	}
	.table th {
		font-size: 10px;
	}
	.table td {
		font-size: 10px;
	}
	.table-blue th {
		font-size: 10px;
	}
	.pagination>li>a {
		font-size: 10px;
	}
	.pagination>.active>a {
		font-size: 10px;
	}
	.dataTables_info,
	.dataTables_paginate {
		font-size: 10px;
	}
	.table > tbody > tr > th, 
	.table > tfoot > tr > th, 
	.table > tbody > tr > td, 
	.table > tfoot > tr > td {
		font-size: 10px;
	}
	.table thead .table td {
		font-size: 10px;
	}
	.layout-create {
    	padding: 25px;
  	}
	.layout-create-process {
    	padding: 10px;
  	}
  	.row-striped .row {
  		padding: 12px 10px;
  	}
  	.bpm-button-new {
	 	font-size: 10px !important;
	 	height: 34px !important;
		min-width: 110px !important;
	}
	.img-profile {
		border-radius: 50% !important;
		width: 80px !important;
		height: 80px !important;
	}
	.bg-profile {
		height: 130px;
	}
	.bpm-icon {
		width: 18px;
		height: 18px;
		display: inline-block;
	}
	.bpm-icon-sub {
		width: 15px;
		height: 15px;
	}
	.bpm-icon-in-table {
		width: 16px;
		height: 16px;
	}
	.select2-results__option {
		font-size: 9px;
	}
	.select2-container--default .select2-selection--multiple .select2-selection__choice {
		font-size: 9px;
	}
	.list-show-datatable {
		font-size: 9px;
	}
	.select2-container--default .select2-search--inline .select2-search__field {
		font-size: 9px;
	}
	.box-search-keyword {
		font-size: 10px;
		height: 34px;
	}
	.select2-container--default .select2-selection--multiple {
		min-height: 34px;
	}
	.select2-container--default .select2-selection--single {
		min-height: 34px;
	}
	.form-control {
		font-size: 9px;
		height: 34px;
		font-family: poppins;
	}
	.select2-selection__rendered {
	    font-size: 9px;
	}
	.popover-content {
		font-size: 9px;
	}
	.select2-container--default .select2-results__option {
		font-size: 9px;
	}
	.select2-container--default .select2-search--dropdown .select2-search__field {
		font-size: 9px;
	}
	.modal-x {
	  	font-size: 14px;
	}
	.modal-body-size {
	 	font-size: 9px;
	 	font-family: poppins;
	}
	.body_preview {
		height: 450px;
	}
	.height-table-preview {
		height: 35px;
	}
	.errspan {
	    margin-top: -25px;
	    font-size: 14px;
	}
	.body_after_create {
		height: 500px;
	}
	.width-after-create {
		min-width: 550px;
	}
	.diagram-note {
		font-size: 9px;
	}
	.btn-panel-action {
		font-size: 10px;
	}
	.btn-panel-action-delete {
		font-size: 10px;
	}
	.djs-palette .entry, .djs-palette .djs-palette-toggle {
		font-size: 22px;
	}
	.height-canvas {
		height: 422px;
	}
	.height-canvas-full {
		height: 540px;
	}
	.height-canvas-edge {
		height: 580px;
	}
	.height-canvas-edge-full {
		height: 700px;
	}
	.margin-icon-step-canvas-bottom {
		margin-bottom: 17px;
	}
	.margin-icon-step-canvas {
		margin-top: -32px;
	}
	.djs-palette {
	    width: 96px;
	}
	.comment-box-bpmn {
		height: 275px;
	}
	.comment-box-bpmn-edge {
		height: 435px;
	}
	.margin-bottom-preview {
		margin-bottom: 10px;
	}
	.page {
		width: 190mm;
	}
	.page-l {
		width: 230mm;
	}
	.page-l-reviewer {
		width: 310mm;
	}
	.nav-preview-content {
		width: 190px;
	}
	.popup-more {
		margin-left: -160px;
	}
	.position-watermark {
		left: 35%;
	}
	.font-watermark {
		font-size: 50px;
	}
	.logo-cover-preview {
		width: 322px;
		height: 50px;
	}
	.font-32 {
		font-size: 23px;
	}
	.margin-text-cover {
		margin-top: 80%;
	}
	.logo-content-preview {
		width: 148px;
		height: 26px;
	}
	.width-header-content {
		width: 170px;
	}
	.margin-left-nav-content {
		margin-left: -10px;
	}
	.position-watermark-reviewer {
		left: 36.5%;
	}
	.position-watermark-reviewer-full {
		left: 31.5%;
	}
	.btn-reviewer {
		height: 34px;
		padding-top: 9px;
	}
	.height-list-comment {
		height: 315px;
	}
	.height-list-comment-edge {
		height: 475px;
	}
	.padding-btn-reviewer {
		padding: 12px;
	}
	.height-write-comment {
		height: 30px;
	}
	.home-content {
	  	padding: calc(50px + 30px) 15px 30px calc(var(--sidebar-width) + 20px);
	  	transition: var(--tran-03);
	}
	.home-content.expanded {
	  	padding: calc(50px + 30px) 15px 30px calc(var(--sidebar-width-hide) + 20px);
	}
	.table-header .tr-height {
		height: 48px;
	}
	.table-header .tr-height-2 {
		height: 49px;
	}
	.margin-bottom-header {
		margin-bottom: -11px;
	}
	.margin-bottom-header-track {
		margin-bottom: -11px;
	}
	.margin-bottom-header-sop {
		margin-bottom: -5px;
	}
	.bpm-icon-chevron-left {
		width: 14px !important;
		height: 14px !important;
	}
	.box-chevron-left {
		width: 29px !important;
		height: 29px !important;
		margin-right: 6px !important;
	}
	.margin-left-profile {
		margin-left: 17px;
	}
	.margin-left-profile-edge {
		margin-left: 17px;
	}
	.margin-top-profile {
		margin-top: -6px;
	}
	.circle-pen-profile {
		margin-bottom: -18px;
	}
	.input-file {
		padding-top: 10px;
	}
	.select2-container--default .select2-selection--single .select2-selection__rendered {
		padding-top: 1px;
	}
	.icon-step-bpmn {
		width: 17px;
		height: : 17px;
	}
	.arrow-step-bpmn {
		width: 41px;
		height: 10px;
	}
	.margin-top-text-draft {
		margin-top: 5px;
	}
	.space-after-draft {
		margin-left: 20px;
		margin-right: 5px;
	}
	.padding-step-1 {
		padding: 2px 7px 4px 6px;
	}
	.padding-step-2 {
		padding: 2px 0px 4px 0px;
	}
	.padding-step-3 {
		padding: 2px 2px 4px 6px;
	}
	.padding-step-4 {
		padding: 5px 0px 7px 7px;
	}
	.padding-step-5 {
		padding: 5px 7px 7px 0px;
	}
	.padding-step-6 {
		padding: 6px 0px 8px 0px;
	}
	.text-step-1 {
		font-size: 8px;
		margin-right: 30px;
	}
	.text-step-2 {
		font-size: 8px;
		margin-right: 30px;
	}
	.text-step-3 {
		font-size: 8px;
		margin-right: 29px;
	}
	.text-step-4 {
		font-size: 8px;
		margin-right: 16px;
	}
	.text-step-5 {
		font-size: 8px;
		margin-right: 9px;
	}
	.text-step-6 {
		font-size: 8px;
		margin-right: 28px;
	}
	.text-step-7 {
		font-size: 8px;
		margin-right: 32px;
	}
	.text-step-8 {
		font-size: 8px;
		margin-right: -10px;
	}
	.margin-top-text-step {
		 margin-top: 9px;
	}
	.icon-menu-process {
		width: 18px;
		height: 18px;
	}
	.padding-top-icon-process {
		height: 34px;
		padding-top: 5px;
	}
	.padding-top-icon-process-sop {
		height: 34px;
		padding-top: 6px;
	}
	.padding-top-icon-process-full {
		height: 34px;
		padding-top: 7px;
	}
	.panel_changelog {
		top: 177px;
     	height: 370px;
     	width: 384px;
    }
    .panel_change_drafter {
    	top: 177px;
    	height: 350px;
    	width: 384px;
    }
    .padding-icon-process-active-1 {
    	padding: 2px 2px 4px 2px;
    }
    .padding-icon-process-active-2 {
    	padding: 2px 5px 4px 5px;
    }
    .panel_act {
    	top: 177px;
     	height: 170px;
     	width: 170px;
    }
    .panel_act_sop {
    	top: 177px;
     	height: 100px;
     	width: 150px;
    }
    .padding-left-icon-process-chevron-left {
    	margin-left: -5px;
    }
    .icon-action-bpmn {
    	width: 16px;
    	height: 16px;
    }
    .btn-raci-rotate {
    	padding: 5px 2px 7px 5px;
    }
    .btn-raci-print {
    	padding: 6px 12px 6px 12px;
    }
    .padding-top-btn-personal-repo {
    	padding-top: 6px;
    }
    .repox .select2-selection__arrow {
    	margin-top: -2.5px;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
    	top: 12px;
    }
    #select2-categoryFilter-container,
    #select2-select_category-container,
    #select2-select_owner-container,
    #select2-select_status-container,
    #select2-parent_id-container,
    #select2-filter_single_select1-container,
    #select2-filter_single_select2-container,
    #select2-sub_category_doc-container,
    #select2-select_page-container {
    	margin-top: 1.5px;
    }
    .text-step-1-sop {
    	font-size: 8px;
    	margin-right: 52px;
    }
    .text-step-2-sop {
    	font-size: 8px;
    	margin-right: 33px;
    }
    .text-step-3-sop {
    	font-size: 8px;
    	margin-right: 25px;
    }
    .text-step-4-sop {
    	font-size: 8px;
    	margin-right: 22px;
    }
    .text-step-5-sop {
    	font-size: 8px;
    	margin-right: -14px;
    }
    .padding-left-text-sop-name {
    	padding-left: 215px;
    }
    #select2-filter_owner-results .select2-results__option[aria-selected=true]:before,
	#select2-filter_publish-results .select2-results__option[aria-selected=true]:before,
	#select2-node_chart-results .select2-results__option[aria-selected=true]:before,
	#select2-filter_publish2-results .select2-results__option[aria-selected=true]:before {
		padding-left: 3.5px;
		padding-top: 1px;
	}
	#select2-filter_owner-results .select2-results__option:before,
	#select2-filter_publish-results .select2-results__option:before,
	#select2-node_chart-results .select2-results__option:before,
	#select2-filter_publish2-results .select2-results__option:before {
		height: 16px;
		width: 16px;
		margin-top: -1px;
	}
	.height-filter-serach {
		height: 34px;
	}
	.width-modal-search {
		width: 420px;
	}
	.padding-left-search {
		padding-left: 42px;
	}
	.margin-left-box-check-search {
		margin-left: 0px;
	}
	.margin-bottom-15 {
		margin-bottom: 11px;
	}
	.width-list-notif {
		width: 360px;
	}
	.height-list-notif {
		height: 450px;
	}
	.tox .tox-tbtn svg {
		width: 20px;
		height: 20px;
	}
	.table-header-search .tr-height-3 {
		height: 70px;
	}
	.table-header-search-2 .tr-height-3 {
		height: 70px;
	}
	.table-header-search {
		width: 82.5%;
		margin-left: -3%;
	}
	.margin-left-list-serach {
		margin-left: 20px;
	}
	.div-content-search {
		margin-top: 11px;
		margin-bottom: 10px;
	}
	.margin-top-content-search {
		margin-top: -15px;
	}
	.modal-706 {
		min-width: 510px;
	}
	.modal-707 {
		min-width: 710px;
	}
	.tab-library {
		padding: 8px 12px 8px 12px;
	}
	.width-and-margin-top-filter {
		width: 250px;
		margin-top: -20px;
		padding: 16px;
		height: 430px;
	}
	.width-and-margin-top-filter-edge {
		width: 295px;
		margin-top: -20px;
		padding: 16px;
		height: 590px;
	}
	.padding-left-list-filer {
		padding-left: 4px;
	}
	.filter-search-hide {
		margin-top: -20px;
		width: 50px;
		margin-left: 10px;
	}
	.btn_change_log_chart_hide {
		bottom: 10px;
	}
	.btn_change_log_chart_show {
		bottom: -9px;
		width: 96.7%;
		height: 220px;
	}
	.btn_change_log_chart_hide_edge {
		bottom: 40px;
	}
	.btn_change_log_chart_show_edge {
		bottom: 27px;
		width: 97.2%;
		height: 220px;
	}
	.page-max-chart {
		top: 235px;
	}
	.btn-export-chart {
		top: 189px;
	}
	.filter-mgmt .select2-container--default .select2-selection--multiple {
        max-height: 34px !important;
        min-height: 34px !important;
    }
    .width-page-faq-guide {
    	width: 79.5%;
    }
    .img-page-faq-guide {
    	max-width: 500px;
    }
    .page-max-chart-reorg {
		top: 320px;
	}
	.btn_change_log_chart_hide_reorg {
		bottom: -45px;
	}
	.btn_change_log_chart_show_reorg {
		bottom: -63px;
		width: 96.7%;
		height: 180px;
	}
	.btn_change_log_chart_hide_reorg_edge {
		bottom: 10px;
	}
	.btn_change_log_chart_show_reorg_edge {
		bottom: -8px;
		width: 97.2%;
		height: 250px;
	}

}

/*--------------for scale 175%---------------*/
@media (min-width: 1067px) and (max-width: 1277px) {
	.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
		width: 14px;
		height: 14px;
	}

	.flatpickr-current-month .flatpickr-monthDropdown-months,
	.flatpickr-current-month input.cur-year {
		font-size: 11px !important;
	}

	span.flatpickr-weekday,
	.flatpickr-day,
	.flatpickr-time input.flatpickr-hour,
	.flatpickr-time input.flatpickr-minute,
	.flatpickr-time input.flatpickr-second {
		font-size: 9px !important;
	}
	.day {
		font-size: 9px !important;
	}

	.datepicker-switch {
		font-size: 9px !important;
	}

	.dow {
		font-size: 9px !important;
	}

	.next {
		font-size: 9px !important;
	}

	.prev {
		font-size: 9px !important;
	}
    .logo-pixel-login {
	    width: 127px;
	    height: 31px;
	    margin: -35px 0px 0px -35px;
	}
	.login-form input {
	  	height: 35px;
	  	font-size: 10px;
	}
	.box-login-form {
		width: 350px;
		padding: 20px;
	}
	.login-form .form-input .icon {
		bottom: 10px;
	}
	.padding-text-logout {
		width: 100px;
		padding: 11px 0px 11px 10px;
	}
	.modal-logout {
		width: 360px;
	}
	.font-24 {
		font-size: 19px;
	}
	.font-16 {
		font-size: 13px;
	}
	.font-14 {
		font-size: 11px;
	}
	.font-13 {
		font-size: 10px;
	}
	.font-12 {
		font-size: 9px;
	}
	.font-11 {
		font-size: 8px;
	}
	.font-10 {
		font-size: 7px;
	}
	.font-9 {
		font-size: 6px;
	}
	.sidebar .sidebar-item-header {
	  height: 35px;
	}
	.sidebar .sidebar-item a {
	  height: 35px;
	}
	.sidebar .sidebar-subitem a {
	  height: 35px;
	}
	.sidebar .toggle {
	  height: 35px;
	}
	.table th {
		font-size: 9px;
	}
	.table td {
		font-size: 9px;
	}
	.table-blue th {
		font-size: 9px;
	}
	.pagination>li>a {
		font-size: 9px;
	}
	.pagination>.active>a {
		font-size: 9px;
	}
	.dataTables_info,
	.dataTables_paginate {
		font-size: 9px;
	}
	.table > tbody > tr > th, 
	.table > tfoot > tr > th, 
	.table > tbody > tr > td, 
	.table > tfoot > tr > td {
		font-size: 9px;
	}
	.table thead .table td {
		font-size: 9px;
	}
	.layout-create {
    	padding: 20px;
  	}
	.layout-create-process {
    	padding: 10px;
  	}
  	.row-striped .row {
  		padding: 10px 10px;
  	}
  	.bpm-button-new {
	 	font-size: 9px !important;
	 	height: 32px !important;
		min-width: 100px !important;
	}
	.img-profile {
		border-radius: 50% !important;
		width: 70px !important;
		height: 70px !important;
	}
	.bg-profile {
		height: 120px;
	}
	.bpm-icon {
		width: 16px;
		height: 16px;
		display: inline-block;
	}
	.bpm-icon-sub {
		width: 13px;
		height: 13px;
	}
	.bpm-icon-in-table {
		width: 15px;
		height: 15px;
	}
	.select2-results__option {
		font-size: 8px;
	}
	.select2-container--default .select2-selection--multiple .select2-selection__choice {
		font-size: 8px;
	}
	.list-show-datatable {
		font-size: 8px;
	}
	.select2-container--default .select2-search--inline .select2-search__field {
		font-size: 8px;
	}
	.box-search-keyword {
		font-size: 9px;
		height: 32px;
	}
	.form-control {
		font-size: 8px;
		height: 32px;
		font-family: poppins;
	}
	.select2-selection__rendered {
	    font-size: 8px;
	}
	.popover-content {
		font-size: 8px;
	}
	.select2-container--default .select2-results__option {
		font-size: 8px;
	}
	.select2-container--default .select2-search--dropdown .select2-search__field {
		font-size: 8px;
	}
	.modal-x {
	  	font-size: 12px;
	}
	.modal-body-size {
	 	font-size: 8px;
	 	font-family: poppins;
	}
	.body_preview {
		height: 400px;
	}
	.height-table-preview {
		height: 30px;
	}
	.errspan {
	    margin-top: -23px;
	    font-size: 12px;
	}
	.body_after_create {
		height: 400px;
	}
	.width-after-create {
		min-width: 500px;
	}
	.diagram-note {
		font-size: 8px;
	}
	.btn-panel-action {
		font-size: 9px;
	}
	.btn-panel-action-delete {
		font-size: 9px;
	}
	.djs-palette .entry, .djs-palette .djs-palette-toggle {
		font-size: 21px;
	}
	.height-canvas {
		height: 337px;
	}
	.height-canvas-full {
		height: 450px;
	}
	.height-canvas-edge {
		height: 455px;
	}
	.height-canvas-edge-full {
		height: 570px;
	}
	.margin-icon-step-canvas-bottom {
		margin-bottom: 17px;
	}
	.margin-icon-step-canvas {
		margin-top: -32px;
	}
	.djs-palette {
	    width: 96px;
	}
	.comment-box-bpmn {
		height: 190px;
	}
	.comment-box-bpmn-edge {
		height: 310px;
	}
	.margin-bottom-preview {
		margin-bottom: 2px;
	}
	.page {
		width: 170mm;
	}
	.page-l {
		width: 180mm;
	}
	.page-l-reviewer {
		width: 260mm;
	}
	.nav-preview-content {
		width: 180px;
	}
	.popup-more {
		margin-left: -135px;
	}
	.position-watermark {
		left: 33%;
	}
	.font-watermark {
		font-size: 40px;
	}
	.logo-cover-preview {
		width: 272px;
		height: 40px;
	}
	.font-32 {
		font-size: 20px;
	}
	.margin-text-cover {
		margin-top: 90%;
	}
	.logo-content-preview {
		width: 138px;
		height: 24px;
	}
	.width-header-content {
		width: 160px;
	}
	.margin-left-nav-content {
		margin-left: -10px;
	}
	.position-watermark-reviewer {
		left: 36%;
	}
	.position-watermark-reviewer-full {
		left: 31%;
	}
	.btn-reviewer {
		height: 32px;
		padding-top: 8px;
	}
	.height-list-comment {
		height: 240px;
	}
	.height-list-comment-edge {
		height: 360px;
	}
	.padding-btn-reviewer {
		padding: 10px;
	}
	.height-write-comment {
		height: 25px;
	}
	.home-content {
	  	padding: calc(50px + 30px) 13px 30px calc(var(--sidebar-width) + 20px);
	  	transition: var(--tran-03);
	}
	.home-content.expanded {
	  	padding: calc(50px + 30px) 13px 30px calc(var(--sidebar-width-hide) + 20px);
	}
	.table-header .tr-height {
		height: 45px;
	}.table-header .tr-height-2 {
		height: 47px;
	}
	.margin-bottom-header {
		margin-bottom: -15px;
	}
	.margin-bottom-header-track {
		margin-bottom: -10px;
	}
	.margin-bottom-header-sop {
		margin-bottom: -9px;
	}
	.bpm-icon-chevron-left {
		width: 13px !important;
		height: 13px !important;
	}
	.box-chevron-left {
		width: 27px !important;
		height: 27px !important;
		margin-right: 6px !important;
	}
	.margin-left-profile {
		margin-left: -75px;
	}
	.margin-left-profile-edge {
		margin-left: 15px;
	}
	.margin-top-profile {
		margin-top: -8px;
	}
	.circle-pen-profile {
		margin-bottom: -20px;
	}
	.input-file {
		padding-top: 10px;
	}
	.select2-container--default .select2-selection--single .select2-selection__rendered {
		padding-top: 1px;
	}
	.icon-step-bpmn {
		width: 16px;
		height: : 16px;
	}
	.arrow-step-bpmn {
		width: 38px;
		height: 10px;
	}
	.margin-top-text-draft {
		margin-top: 5px;
	}
	.space-after-draft {
		margin-left: 20px;
		margin-right: 1px;
	}
	.padding-step-1 {
		padding: 1px 7px 3px 6px;
	}
	.padding-step-2 {
		padding: 1px 0px 3px 0px;
	}
	.padding-step-3 {
		padding: 1px 2px 3px 6px;
	}
	.padding-step-4 {
		padding: 4px 0px 6px 7px;
	}
	.padding-step-5 {
		padding: 4px 7px 6px 0px;
	}
	.padding-step-6 {
		padding: 5px 0px 7px 0px;
	}
	.text-step-1 {
		font-size: 7px;
		margin-right: 34px;
	}
	.text-step-2 {
		font-size: 7px;
		margin-right: 32px;
	}
	.text-step-3 {
		font-size: 7px;
		margin-right: 31px;
	}
	.text-step-4 {
		font-size: 7px;
		margin-right: 18px;
	}
	.text-step-5 {
		font-size: 7px;
		margin-right: 15px;
	}
	.text-step-6 {
		font-size: 7px;
		margin-right: 32px;
	}
	.text-step-7 {
		font-size: 7px;
		margin-right: 34px;
	}
	.text-step-8 {
		font-size: 7px;
		margin-right: -8px;
	}
	.margin-top-text-step {
		 margin-top: 8px;
	}
	.icon-menu-process {
		width: 16px;
		height: 16px;
	}
	.padding-top-icon-process {
		height: 32px;
		padding-top: 4px;
	}
	.padding-top-icon-process-sop {
		height: 32px;
		padding-top: 5px;
	}
	.padding-top-icon-process-full {
		height: 32px;
		padding-top: 8px;
	}
	.panel_changelog {
		top: 174px;
     	height: 340px;
     	width: 364px;
    }
    .panel_change_drafter {
    	top: 174px;
    	height: 340px;
    	width: 364px;
    }
    .padding-icon-process-active-1 {
    	padding: 1px 2px 2px 2px;
    }
    .padding-icon-process-active-2 {
    	padding: 1px 5px 2px 5px;
    }
    .panel_act {
    	top: 174px;
     	height: 160px;
     	width: 160px;
    }
    .panel_act_sop {
    	top: 174px;
     	height: 90px;
     	width: 140px;
    }
    .padding-left-icon-process-chevron-left {
    	margin-left: -6px;
    }
    .icon-action-bpmn {
    	width: 15px;
    	height: 15px;
    }
    .btn-raci-rotate {
    	padding: 4px 1px 6px 3px;
    }
    .btn-raci-print {
    	padding: 4.5px 10px 4.5px 10px;
    }
    .padding-top-btn-personal-repo {
    	padding-top: 5px;
    }
    .repox .select2-selection__arrow {
    	margin-top: -6.5px;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
    	top: 6px;
    }
    #select2-categoryFilter-container,
    #select2-select_category-container,
    #select2-select_owner-container,
    #select2-select_status-container,
    #select2-parent_id-container,
    #select2-filter_single_select1-container,
    #select2-filter_single_select2-container,
    #select2-sub_category_doc-container,
    #select2-select_page-container {
    	margin-top: -6.5px;
    }
    .text-step-1-sop {
    	font-size: 7px;
    	margin-right: 52px;
    }
    .text-step-2-sop {
    	font-size: 7px;
    	margin-right: 33px;
    }
    .text-step-3-sop {
    	font-size: 7px;
    	margin-right: 27px;
    }
    .text-step-4-sop {
    	font-size: 7px;
    	margin-right: 25px;
    }
    .text-step-5-sop {
    	font-size: 7px;
    	margin-right: -10px;
    }
    .padding-left-text-sop-name {
    	padding-left: 205px;
    }
    #select2-filter_owner-results .select2-results__option[aria-selected=true]:before,
	#select2-filter_publish-results .select2-results__option[aria-selected=true]:before,
	#select2-node_chart-results .select2-results__option[aria-selected=true]:before,
	#select2-filter_publish2-results .select2-results__option[aria-selected=true]:before {
		padding-left: 3.5px;
		padding-top: 1.5px;
	}
	#select2-filter_owner-results .select2-results__option:before,
	#select2-filter_publish-results .select2-results__option:before,
	#select2-node_chart-results .select2-results__option:before,
	#select2-filter_publish2-results .select2-results__option:before {
		height: 15px;
		width: 15px;
		margin-top: -2px;
	}
	.height-filter-serach {
		height: 32px;
	}
	.width-modal-search {
		width: 400px;
	}
	.padding-left-search {
		padding-left: 40px;
	}
	.margin-left-box-check-search {
		margin-left: -15px;
	}
	.margin-bottom-15 {
		margin-bottom: 10px;
	}
	.width-list-notif {
		width: 340px;
	}
	.height-list-notif {
		height: 370px;
	}
	.tox .tox-tbtn svg {
		width: 19px;
		height: 19px;
	}
	.table-header-search .tr-height-3 {
		height: 65px;
	}
	.table-header-search-2 .tr-height-3 {
		height: 65px;
	}
	.table-header-search {
		width: 82%;
		margin-left: -3.5%;
	}
	.margin-left-list-serach {
		margin-left: 17px;
	}
	.div-content-search {
		margin-top: 11px;
		margin-bottom: 10px;
	}
	.margin-top-content-search {
		margin-top: -25px;
	}
	.modal-706 {
		min-width: 460px;
	}
	.modal-707 {
		min-width: 660px;
	}
	.tab-library {
		padding: 7.5px 12px 7.5px 12px;
	}
	.width-and-margin-top-filter {
		width: 212px;
		margin-top: -30px;
		padding: 16px;
		height: 350px;
	}
	.width-and-margin-top-filter-edge {
		width: 245px;
		margin-top: -30px;
		padding: 15px;
		height: 470px;
	}
	.padding-left-list-filer {
		padding-left: 4px;
	}
	.filter-search-hide {
		margin-top: -30px;
		width: 50px;
		margin-left: 10px;
	}
	.btn_change_log_chart_hide {
		bottom: -15px;
	}
	.btn_change_log_chart_show {
		bottom: -30px;
		width: 96.2%;
		height: 180px;
	}
	.btn_change_log_chart_hide_edge {
		bottom: 10px;
	}
	.btn_change_log_chart_show_edge {
		bottom: -4px;
		width: 96.6%;
		height: 180px;
	}
	.page-max-chart {
		top: 230px;
	}
	.btn-export-chart {
		top: 184px;
	}
	.filter-mgmt .select2-container--default .select2-selection--multiple {
        max-height: 32px !important;
        min-height: 32px !important;
    }
    .width-page-faq-guide {
    	width: 76.5%;
    }
    .img-page-faq-guide {
    	max-width: 400px;
    }
    .page-max-chart-reorg {
		top: 315px;
	}
	.btn_change_log_chart_hide_reorg {
		bottom: -75px;
	}
	.btn_change_log_chart_show_reorg {
		bottom: -90px;
		width: 96.2%;
		height: 200px;
	}
	.btn_change_log_chart_hide_reorg_edge {
		bottom: -30px;
	}
	.btn_change_log_chart_show_reorg_edge {
		bottom: -50px;
		width: 96.6%;
		height: 230px;
	}

}

/*--------------for scale < 80%---------------*/
@media (min-width: 1200px) and (max-width: 1277px) {
	.margin-left-profile {
		margin-left: 17px;
	}
	.margin-left-profile-edge {
		margin-left: 17px;
	}
    .width-page-faq-guide {
    	width: 82%;
    }
    .img-page-faq-guide {
    	max-width: 300px;
    }
}