@media screen and (min-width: 1221px){#sub_menu_laporan_penjualan{top:-145px}}@media screen and (max-width: 1281px){#container{width:100%;max-width:1227px;margin-left:35px}#div_produk_quick.div_produk_quick_fixed{top:40px}}@media screen and (max-width: 1153px){#container{width:100%;max-width:1100px;margin-left:30px}}@media screen and (max-width: 1023px){#container{margin-left:40px}#menu_action{margin-left:0px}}@media screen and (max-width: 800px){.error_msg_fixed_top{top:91px}#garis_penutup_atas,#garis_penutup_bawah{display:none}#wrapper{max-width:1345px;width:99%;position:static}#container{max-width:none;margin-top:97px;margin-left:0px}#menu_action{position:fixed;min-width:600px;width:100%;margin-top:42px !important;margin:0 auto;margin-left:0px;padding-left:0px;z-index:90;top:0;left:0;text-align:left;-moz-border-radius:0px 0 0 0px !important;-webkit-border-radiust:0px 0 0 0px !important;border-radius:0px 0 0 0px !important;border:0;border-bottom:1px solid #369bd7;padding-top:5px;background-color:white}.button_action{float:left !important}#footer_content{max-width:inherit !important}html{background-color:#ECF0F5}a{-webkit-tap-highlight-color:rgba(0,0,0,0)}.error_msg_fixed_top{top:49px}#container{margin-bottom:30px !important}#bt_menu,#bt_sidebar{display:block;float:left}#menu_action_wrapper{overflow:auto;display:inline-block;float:left}#menu_action_wrapper::-webkit-scrollbar{width:1px !important;height:1px !important}#menu_action_wrapper::-webkit-scrollbar-track{width:1px !important;background-color:#F4F4F4}#menu_action_wrapper::-webkit-scrollbar-thumb{width:1px !important;background-color:#1C1C1D}#menu_action_wrapper::-webkit-scrollbar-thumb:hover{width:1px !important}#menu_action{margin-top:0px !important;z-index:100}#container{margin-top:48px;margin-bottom:0}#header{position:fixed;left:0;display:none;top:57px;z-index:100;overflow-y:auto;overflow-x:hidden;width:210px}#header::-webkit-scrollbar{width:3px !important}#header::-webkit-scrollbar-track{background-color:#F4F4F4}#header::-webkit-scrollbar-thumb{background-color:#BCBCBC}#header_content{width:auto;background-color:#369bd7;z-index:98}#header_title{width:auto;left:0}#header_menu{margin-top:50px}.nav_horizontal ul{-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;width:100%}.nav_horizontal li,.nav_horizontal ul li ul li{-webkit-tap-highlight-color:rgba(0,0,0,0);float:none;margin:0}.nav_horizontal ul li ul li a{width:100%}.nav_horizontal li div{width:100%;height:45px}.nav_horizontal li span{text-align:left;width:165px}.nav_horizontal li span.icon{width:30px;padding-left:5px;padding-right:5px}.nav_horizontal li ul{-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;top:0;left:0;display:none;background-color:transparent;z-index:1000000000000000;padding:0;margin-left:0px;margin-top:0px;margin-bottom:0px;top:0 !important}.nav_horizontal ul li:hover ul{display:none}.nav_horizontal ul li:hover ul li ul{display:none}.nav_horizontal li ul span{width:165px}.nav_horizontal li ul li{height:auto;padding:0px;min-height:45px}.nav_horizontal li ul li,.nav_horizontal li ul li a,.nav_horizontal li ul li span,.nav_horizontal li ul li label{width:auto;height:auto}.nav_horizontal li ul li a,.nav_horizontal li ul li span,.nav_horizontal li ul li label{padding:15px}.nav_horizontal li ul li span:after{position:absolute;font-family:FontAwesome;top:14px;right:5px;content:"\f078";font-size:8pt;color:#EEF806}.nav_horizontal li ul li ul{position:relative;margin-top:0;margin-left:0;background-color:transparent;border-left:0}.nav_horizontal li ul li ul li{width:auto;padding:0}.nav_horizontal li ul li ul li a,.nav_horizontal li ul li ul li span,.nav_horizontal li ul li ul li label{width:auto;padding-left:30px}.nav_horizontal li ul li ul li a:hover,.nav_horizontal li ul li ul li span:hover,.nav_horizontal li ul li ul li label:hover{background-color:#2A8DC8}ul.data_master li{margin-right:0px !important}.nav_horizontal li ul li ul li ul{position:relative;top:0;margin-top:0;margin-left:0;display:none;border:0px solid black;background-color:transparent;z-index:0}.nav_horizontal li ul li ul li ul li,.nav_horizontal li ul li ul li ul li a{display:block;width:auto;margin:0}.nav_horizontal li ul li ul li a,.nav_horizontal li ul li ul li span,.nav_horizontal li ul li ul li label{padding-left:10px}.nav_horizontal ul.nav_super_admin{margin-top:0px;margin-left:0px}.hide_on_mobile{display:none !important}#wrapper{max-width:initial;width:100%;padding:1%;background-color:#ECF0F5;min-width:0px;position:static}#container{width:100%}#content,#content_desktop_view{float:none;padding:0 1%;width:98%;margin:0 auto}#content_desktop_view,#content_nota{overflow:auto}#sidebar{float:none;width:100%;display:block !important;padding:0}#sidebar .ui-tabs{padding:0}#wrapper_menu_mobile{left:0;box-shadow:5px 5px 5px #888888;background-color:#369BD7}#wrapper_sidebar_mobile{right:0;box-shadow:-5px 5px 5px #888888;background-color:#FFFFFF}#wrapper_menu_mobile,#wrapper_sidebar_mobile{position:fixed;width:80%;top:54px;display:none;z-index:1000;overflow:auto;overflow-x:hidden;display:inline-block;z-index:50}#wrapper_menu_mobile::-webkit-scrollbar,#wrapper_sidebar_mobile::-webkit-scrollbar{width:1px !important;height:1px !important}#wrapper_menu_mobile::-webkit-scrollbar-track,#wrapper_sidebar_mobile::-webkit-scrollbar-track{width:1px !important;background-color:#F4F4F4}#wrapper_menu_mobile::-webkit-scrollbar-thumb,#wrapper_sidebar_mobile::-webkit-scrollbar-thumb{width:1px !important;background-color:#ADADB1}#wrapper_menu_mobile::-webkit-scrollbar-thumb:hover,#wrapper_sidebar_mobile::-webkit-scrollbar-thumb:hover{width:1px !important}#wrapper_menu_mobile .tab_wrapper,#wrapper_sidebar_mobile .tab_wrapper{width:100%;display:table;text-align:center;border-bottom:2px solid #206D9A}#wrapper_menu_mobile .tab,#wrapper_sidebar_mobile .tab{display:table-cell;padding:20px;cursor:pointer;font-size:14px}#wrapper_menu_mobile .tab_active,#wrapper_sidebar_mobile .tab_active{background-color:#369BD7;color:#fff}#content_full_page{margin-top:0}#content_full_page .left,#content_full_page .right,#content .left,#content .right,.ui-dialog .left,.ui-dialog .right{float:none;padding:0;margin:0;width:100% !important}div.field label{margin-top:10px}div.field input[type="text"],div.field textarea,div.field select,div.field input[type="file"],div.field .box_field input,div.field .box_field select,div.field2 input[type="text"],div.field2 textarea,div.field2 select,div.field2 input[type="file"],div.field3 input[type="text"],div.field3 textarea,div.field3 select,div.field3 input[type="file"]{width:100% !important;padding:7px 2%;max-width:none !important;height:auto}.row div.field input,.row div.field textarea,.row div.field select,.row div.field input[type="file"],.row div.field .box_field input,.row div.field .box_field select,.row div.field .field_grup{width:100% !important}div.field textarea,div.field2 textarea,div.field3 textarea{height:100px}div.field .field_grup .field_grup_input{width:95% !important}div.field .field_grup .field_grup_bt_right .fa{font-size:22px !important}div.field .field_grup input,div.field .field_grup select{width:100% !important}div.field input[type="checkbox"],div.field input[type="radio"],div.field2 input[type="checkbox"],div.field2 input[type="radio"]{width:auto !important}div.field .bt_popup,div.field2 .bt_popup{vertical-align:middle;position:absolute;right:1%;padding-left:5px;border-left:1px solid #ddd;background-color:#FFF}div.field .img.bt_popup,div.field2 .img.bt_popup{height:24px}div.field3 label{max-width:115px;margin-bottom:5px;width:120px}.ui-dialog{width:100% !important}.ui-tabs-nav{width:100%;overflow:auto;display:inline-flex}.ui-tabs-nav::-webkit-scrollbar{width:0px !important;height:4px !important}.ui-tabs-nav::-webkit-scrollbar-track{width:1px !important;background-color:#ffffff;border:1px solid #ddd}.ui-tabs-nav::-webkit-scrollbar-thumb{width:1px !important;background-color:#b7b7b7}.ui-tabs-nav::-webkit-scrollbar-thumb:hover{width:1px !important}.ui-tabs-nav::-webkit-scrollbar-button{width:0px}.additional_button_wrapper{float:none;position:relative;right:0;top:0;display:table;margin-bottom:5px}.box_highlight{width:auto;margin:0 !important;margin-top:10px !important;padding:10px !important}.box_highlight .field{display:table;width:100%}.box_highlight .field label{float:left;padding:4px 0;width:125px}.box_highlight .field label:after{content:":";float:right;margin-right:5px;display:block}.box_highlight .field br{display:none}.box_highlight .field>div{float:left;padding:4px 0;width:70%}.box_highlight .field>div input,.box_highlight .field>div select{margin-left:0 !important;padding:4px 5px}fieldset{width:auto}.side_bar_box_head{padding:8px;font-size:11pt}.login_box{width:90%}.login_box .opsi .div_checkbox input[type="checkbox"],.login_box .opsi .div_checkbox label{display:block;text-align:center !important;width:100% !important}.login_box .opsi .field label{text-align:left}#modal_term_and_condition{width:95% !important}#modal_term_and_condition .modal-body{height:357px !important}#modal_term_and_condition h3{font-size:16px}.overflow_auto{overflow:initial}div.field .field_grup .field_grup_input{width:92% !important}.pagination_info{float:none}.pagination_page{float:none;margin-top:5px}#sub_menu_laporan_penjualan{max-height:initial}}@media screen and (max-width: 500px){#selector_footer{display:none !important}.box_highlight .field>div{width:90%}div.field .field_grup .field_grup_input{width:89% !important}.login_box .div_button_login div .button{width:auto}div.field3{display:block}div.field3 label{max-width:none;width:auto}div.field3 input,div.field3 select{float:none;margin-top:5px}}@media screen and (max-width: 350px){div.field .field_grup .field_grup_input{width:85% !important}}@media screen and (max-width: 300px){div.field .field_grup .field_grup_input{width:82% !important}}
