.tabcontent, .tabcontent2 {
    padding: 2px 2px;
}

div#output_cmd {
    height: 500px;
    overflow: auto;
}

body {margin:0px;}

select option[value="yellow"] {
  background: yellow;
}
select option[value="orange"] {
  background: orange;
}


select option[value="rgb(149, 225, 211)"] {
  background: rgb(149, 225, 211);
}

select option[value="rgb(172, 255, 89)"] {
  background: rgb(172, 255, 89);
}

.layui-layer-rim{
    overflow:auto;
}
.linux #svg_tools{
    height:calc(100vh - 220px)
}

.linux #svg_main{
    height:calc(100vh - 220px)
}

.pc #svg_tools{
    height:calc(100vh - 130px)
}

.pc #svg_main{
    height:calc(100vh - 130px)
}

#svg_main path {
    fill: green;
    stroke-width: 8px;
}
@media only screen and (min-width: 300px){
    select{
        font-size: 12px; 
    }
    text,input{
        font-size: 12px; 
        width:calc(100vw - 200px); 
    }
    textarea {
        font-size: 12px; 
        width:calc(100vw - 200px); 
        height:50vh;
    }
}
@media only screen and (min-width: 500px){
    select{
        font-size: 12px; 
    }
    text,input{
        font-size: 12px; 
        width: calc(100vw - 200px); 
    }
    textarea {
        font-size: 12px; 
        width: calc(100vw - 200px); 
        height:50vh;
    }
}

@media only screen and (min-width:800px){
    select{
        font-size: 18px; 
    }
    text,input,textarea {
        font-size: 18px; 
        width: calc(100vw - 200px);
    }
    textarea {
        font-size: 18px; 
        width: calc(100vw - 200px); 
        height:50vh;
    }

    .w2ui-reset table tr th, .w2ui-reset table tr td {
        font-size: 18px;
    }
}


@media only screen and (min-width:1200px){
    select{
        font-size: 18px; 
    }
    text,input,textarea {
        font-size: 18px; 
        width: calc(100vw - 200px); 
    }
    textarea {
        font-size: 18px; 
        width: calc(100vw - 200px); 
        height:50vh;
    }

    .w2ui-reset table tr th, .w2ui-reset table tr td {
        font-size: 18px;
    }
}



.jqx-splitter {
    overflow: hidden;
    border: 1px solid transparent;
    position: relative;
}

.jqx-splitter-splitbar-vertical {
    border: 1px solid transparent;
    border-top-width: 0px;
    border-bottom-width: 0px;
    cursor: e-resize;
    cursor: col-resize;
    position: absolute;
}

.jqx-splitter-splitbar-hover {
    background-color: transparent;
}

.jqx-splitter-splitbar-horizontal {
    position: absolute;
    border: 1px solid transparent;
    border-left-width: 0px;
    border-right-width: 0px;
    cursor: n-resize;
    cursor: row-resize;
}

.jqx-splitter-splitbar-invalid {
    background: #FF0000 !important;
}

.jqx-splitter-collapse-button-horizontal {
    cursor: pointer;
    width: 45px;
    height: 5px;
}

.jqx-splitter-collapse-button-vertical {
    cursor: pointer;
    width: 5px;
    height: 45px;
}

.jqx-splitter-splitbar-collapsed {
    cursor: default;
}

.jqx-splitter-panel {
    border: none;
    outline: none;
    position: absolute;
    overflow: hidden;
}

.jqx-splitter-nested, .jqx-splitter-panel-nested {
    border: none;
    overflow: hidden;
}


.jqx-scheduler-cell-focus {
    border-style: dotted;
    border-color: #59a0d5 !important;
    background: #59a0d5 !important;
}
.jqx-item {
    -ms-touch-action: none;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    color: inherit;
    -webkit-text-size-adjust: none;
}


.jqx-widget-content {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -ms-touch-action: none;
    -moz-background-clip: padding;
    -webkit-text-size-adjust: none;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-family: Verdana,Arial,sans-serif;
    font-style: normal;
    font-size: 13px;
    border-color: #c7c7c7;
    background: #fff;
}

.jqx-widget-header {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -ms-touch-action: none;
    -moz-background-clip: padding;
    -webkit-text-size-adjust: none;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    border-color: #c5c5c5;
    background: #e8e8e8;
}

.jqx-fill-state-normal {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -ms-touch-action: none;
    font-family: Verdana,Arial,sans-serif;
    font-style: normal;
    font-size: 13px;
    border-color: #aaa;
    background: #efefef;
}

.jqx-fill-state-hover {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border-color: #999;
    background: #e8e8e8;
}

.jqx-fill-state-pressed {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border-color: #999;
    background: #d1d1d1;
}

.jqx-fill-state-focus {
    border-color: #555;
}

.jqx-fill-state-disabled {
    cursor: default;
    color: #000;
    opacity: .55;
    filter: Alpha(Opacity=45);
}

.jqx-fill-state-normal td, .jqx-fill-state-hover td, .jqx-fill-state-pressed td, .jqx-fill-state-disabled td, .jqx-fill-state-focus td, .jqx-widget td, .jqx-widget-content td, .jqx-widget-header td {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell {
    border-color: #aaa;
}

.jqx-widget .jqx-grid-column-menubutton, .jqx-widget .jqx-grid-column-sortascbutton, .jqx-widget .jqx-grid-column-sortdescbutton, .jqx-widget .jqx-grid-column-filterbutton {
    background-color: transparent;
    border-color: #aaa;
}

.jqx-scrollbar-thumb-state-normal-touch {
    border-color: #c3c3c3;
    background: #c3c3c3;
}

.jqx-touch, .jqx-touch .jqx-fill-state-normal, .jqx-touch .jqx-widget-content, .jqx-touch .jqx-widget-header, .jqx-touch a:link {
}