body {
    /*font-family: "Nanum Gothic", "Open Sans", "Helvetica Neue", Helvetica,Arial,sans-serif;*/
    font-family: "Malgun Gothic", "Nanum Gothic", "Dotum", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.pagination {
    margin: 0px;
}

.control-group2 {
    margin-top: 3px;
}

.dropdown-menu {
    z-index: 2150;
}

.datepicker {
    z-index: 2151;
}

.daterangepicker {
    z-index: 2151;
}

a:hover {
    text-decoration: none;
}

.profile-info-row:first-child .profile-info-text {
    border-top: 0 none;
}

.profile-info-text {
    /*position: absolute;*/
    width: 100%;
    padding: 6px 10px 6px 0;
    left: 0;
    top: 0;
    bottom: 0;
    font-weight: normal;
    color: #667e99;
    background-color: transparent;
    border-top: 1px dotted #d5e4f1;
}

.form-actions {
    padding: 1px 3px 3px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.widget-main, .widget-main-3 {
    padding: 4px;
}

.profile-info-name {
    width: 82px;
    padding: 2px 2px 5px 0;
}

.profile-info-value {
    margin-left: 90px;
    padding: 2px 2px 5px 1px;
}

.client-info-name {
    width: 45px;
}

.client-info-value {
    margin-left: 55px;
}

#product_content {
    font-size: 11px;
}

#prd_info {
    font-size: 11px;
}

#prd_info .profile-info-value {
    margin-left: 90px;
    padding: 0px 2px 3px 1px;
}

.pbox, .pbox-image {
    width: 300px;
    box-shadow: none;
    margin: 3px 0;
    padding: 4px;
    float: left;
}

.pbox-header {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: linear-gradient(to bottom, #FFFFFF, #EEEEEE) repeat-x scroll 0 0 #F8F8F8;
    border-color: #CCCCCC #CCCCCC #DDDDDD;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #669FC7;
    padding-left: 12px;
    position: relative;
    height: 22px;
    line-height: 20px;
    font-weight: bold;
}

.pbox-main {
    padding: 4px;
    border-color: #FFFFFF #CCCCCC #CCCCCC #DDDDDD;
    border-style: solid;
    border-width: 1px;
}

.pbox-group {
    margin-bottom: 4px;
    font-size: 11px;
    font-weight: normal;
    line-height: 14px;
    display: block;
}

.pbox-text {
    margin-bottom: 4px;
    font-size: 11px;
    font-weight: normal;
    line-height: 14px;
    padding-top: 2px;
    padding-right: 4px;
}

.pbox input, .pbox select {
    border-radius: 4px;
    font-size: 11px;
    height: 16px;
    line-height: 16px;
    margin-bottom: 0;
    padding: 0 2px;
    /*background: none repeat scroll 0 0 #F5F5F5 !important;*/
    color: #939192;
    cursor: default;
    width: 146px;
}

.pbox-label {
    float: left;
    text-align: right;
    padding-top: 2px;
    width: 75px;
    color: #5482a8;
}

.pbox-control {
    margin-left: 84px;
    width: 200px;
}

.modal-top {
    margin-top: 0px !important;
    top: 0px !important;
}

#product_info_modal {
    width: 1280px !important;
    margin-left: -640px;
}

.ui-widget-content {
    background: #ffffff none no-repeat scroll center center;
}

.bg-import1 {
    background-color: #ffa086;
}

.bg-import2 {
    background-color: #ffdcc0;
}

.group-red-border {
    border-style: solid;
    border-color: red;
    border-width: 2px;
}

.prg-info {
    width: 99%;
    box-shadow: none;
    margin: 1px 0;
    padding: 1px;
    float: left;
    border-style: solid;
    border-width: 1px 2px 2px 1px;
    border-color: #eeeeee;
    border-bottom-color: #DDDDDD;
}

.prg-info .btn.btn-app {
    width: 60px;
    font-size: 14px;
    height: 53px;
    padding: 8px 0;
}

.btn-text {
    line-height: normal;
    font-weight: bold;
}

.prg-info table {
    width: 100%;
    white-space: nowrap;
    display: inline;
}

.prg-btn {
    margin-top: 4px;
    height: 20px;
    line-height: 20px;
}

.progress-body {
    overflow: hidden;
}

.ui-widget-overlay {
    background: none !important;
    opacity: 0.3;
}

.import1 {
    background-color: #000000;
    color: red;
    font-weight: bold;
}

.import2 {
    background-color: yellow;
    color: red;
    font-weight: bold;
}

.bg_pause {
    background-color: #ffc88e;
}

.bg_gray {
    background-color: #eeeeee;
}

.cnc_start {
    background-color: #E6FF99;
    font-weight: bold;
}

.complete_bg {
    background-color: #EDEDED;
}

.line {
    display: inline-block;
    /*font-size: 0;*/
    margin-bottom: 10px;
    vertical-align: middle;
    white-space: nowrap;
}

.line-fit {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
}

.line input, .input-prepend input, .line select, .input-prepend select, .line .uneditable-input, .input-prepend .uneditable-input {
    border-radius: 0 4px 4px 0;
    margin-bottom: 0;
    /*position: relative;*/
    vertical-align: top;
}

.ace-nav > li.light-blue {
    margin-left: 2px;
}

.btn-text, .btn-text:hover {
    color: #808080 !important;
    text-shadow: none !important;
    cursor: default !important;
    background-color: rgba(255, 255, 255, 0) !important;
    border-color: rgba(255, 255, 255, 0) !important;
}

input[type="radio"], input[type="checkbox"] {
    margin: 0px 0 0;
}

#sel_step {
    font-size: 12px;
    width: 120px;
}

#sel_staff {
    font-size: 12px;
    width: 100px;
}

#local_message_modal {
    width: 600px;
}

.timeline-style2 .timeline-item {
    margin-bottom: 0;
    padding-bottom: 2px;
}

.machine {
    font-size: 10px;
    background-color: #3A87AD;
    font-weight: normal;
    line-height: 11px;
    padding-bottom: 1px;
    padding-top: 1px;
    text-shadow: none;
    padding-left: 9px;
    padding-right: 9px;
    border-radius: 2px;
    color: #ffffff;
}

.bad_timeline {
    background: none repeat scroll 0 0 #fbc7e7;
    border: 0px solid #D893A1;
    border-radius: 8px;
    color: #222222;
    display: block;
    margin-top: 3px;
    margin-bottom: 3px;
}

.infobox-black:hover {
    cursor: pointer;
    background: none repeat scroll 0 0 #fbc7e7;
}

.import010 {
    background-color: #000000;
    color: red;
}

.import100 {
    background-color: #ffff00;
    color: red;
}

.import200 {
    color: #000000;
}

.import300 {
    color: #000000;
}

.navbar .brand {
    padding: 0px 20px;
}

.prd_info {
    text-decoration: underline;
    color: #00B !important;
}

.bad_title {
    font-weight: 800;
}

.bad_desc {
    padding-left: 15px;
    font-size: 0.9em;
    color: #9d9d9d;
}

.radio_list > label {
    display: inline;
}

.radio_list > label > input {
    width: 20px;
}

table.prd_info {
    width: 98%;
    min-width: 600px;
    border: 1px solid #000000;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
}

table .prd_body {
    width: 250px;
}

table.prd_info .prd_body {
    padding: 0px;
    vertical-align: top;
}

table.info_block {
    min-width: 250px;
    border: 1px solid #000000;
}

table .prd_info td {
    padding: 0px;
}

table .prd_steet_image {
    position: inherit;
    min-width: 380px;
}

table .info_heaer {
    border: 1px solid #000000;
}

table .info_heaer th {
    border: 1px solid #000000;
    background-color: #EEEEEE;
    min-width: 220px;
}

table .info_heaer td {
    border: 1px solid #000000;
}

table .info_label {
    border: 1px solid #000000;
    width: 70px;
    padding: 5px;
    text-align: right;
    font-weight: 800;
}

table .info_content {
    border: 1px solid #000000;
    width: 150px;
    padding: 5px;
}

table .info_block .cols2 {
    border: 1px solid #000000;
    width: 50%;
    padding: 5px;
    vertical-align: top;
}

table .info_block .selected {
    background-color: yellow;
}

table .info_block .cols2 p {
    text-align: center;
}

table.knife_info .selected {
    background-color: yellow;
}

table.knife_info td {
    text-align: center;
}

table.knife_info .content {
    font-size: 13px;
    color: red;
}

.prd_main {
    position: relative;
    width: 100%;
    min-height: 660px;
    vertical-align: top;
}

.prd_image {
    width: 95%;
}

.prd_main_kp {
    background-color: #00b3ee;
    font-size: 13px;
    font-weight: 700;
    margin-right: 20px;
}

.prd_main_kp td {
    border: 1px solid #00b3ee;
    padding: 4px;
}

.prd_main_kp tr td:nth-child(1) {
    color: #000000;
    text-align: right;
}

.prd_main_kp tr td:nth-child(2) {
    background-color: #ffffff;
    width: 100px;
}

.sale_remark {
    background-color: rgba(5, 237, 255, 0.49);
    color: #000000;
    font-size: 15px;
    font-weight: 800;
    margin: 10px;
    padding: 5px;
}

.sheet_title_border {
    border-style: double;
    border-color: #000;
    color: #000;
    width: 99%;
    height: 50px;
}

.sheet_title_border h1 {
    font-weight: 800;
}

.sheet_title_left {
    float: left;
    text-align: left;
    width: 33%;
    margin-top: 5px;
    margin-left: 2px;
}

.sheet_title_text {
    margin-top: 4px;
    background-color: yellow;
    padding: 1px;
    font-size: 25px;
    font-weight: 500;
    line-height: 25px;
}

.sheet_title_center {
    float: left;
    text-align: center;
    width: 33%;
}

.sheet_title_right {
    float: right;
    text-align: right;
    width: 33%;
    margin-top: 5px;
    margin-right: 2px;
}

.alignleft {
    float: left;
    text-align: left;
    width: 33.33333%;
}

.aligncenter {
    float: left;
    text-align: center;
    width: 33.33333%;
}

.alignright {
    float: left;
    text-align: right;
    width: 33.33333%;
}

.title_back_import_1 {
    background-image: linear-gradient(45deg, red 25%, white 25%, white 50%, red 50%, red 75%, white 75%, white);
    background-size: 3px 3px;
}