/**************************************************************************************
	purpose: style for only charactor page
**************************************************************************************/

.no_active_property{
	display: none;
}
.active_property{
	display: block;
}
/********************************** used_file_modal ***********************************************/
.used_file_modal{
    display: none;
    position: absolute;
    z-index: 303;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.5);
    cursor: default;
}

.used_file_modal_content {
    background-color: #C8DDF2;
    position: absolute;
}

.used_file_modal_content_body {
    background-color: #FFFFFF;
}

.used_file_modal_title{
  	width: 100%;
  	vertical-align: middle;
  	text-align: left;
  	background-color: #666666;
}

.used_file_modal_title > span{
	color: white;
    font-weight: bold;
}

.used_file_modal_btn {
    width: 100%;
    text-align: center;
}

.used_file_modal_btn_cancel, .used_file_modal_btn_delete, .used_file_modal_btn_ok {
    width: 32%;
    background-color: #36A3F7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin: auto 0 auto auto;
}

.used_file_modal_btn_cancel > span, .used_file_modal_btn_delete > span, .used_file_modal_btn_ok > span{
    color: white;
}

@media (max-width: 1609px){
    .used_file_modal_content_body {
        padding: 16px;
    }

    .used_file_modal_title{
        line-height: 29px;
        padding-left: 8px;
    }

    .used_file_modal_title > span, .used_file_modal_list_title > span{
        font-size: 12px;
    }

    .used_file_modal_btn {
        margin-top: 5px;
    }

    .used_file_modal_list_content > select{
        width: 220px;
        height: 200px;
        font-size: 11px;
    }

    .used_file_modal_btn_cancel, .used_file_modal_btn_delete, .used_file_modal_btn_ok {
        height: 37px;
        font-size: 10px;
    }

    #m_aside_left_close_btn1, #m_aside_left_close_btn2{
        width: 26px;
        height: 26px;
    }

    #m_aside_left_close_btn1 > i{
        font-size: 16px;
    }
}

@media (min-width: 1610px) and (max-width: 1930px){
    .used_file_modal_content_body {
        padding: 20px;
    }

    .used_file_modal_title{
        line-height: 32px;
        padding-left: 10px;
    }

    .used_file_modal_title > span, .used_file_modal_list_title > span{
        font-size: 14px;
    }

    .used_file_modal_btn {
        margin-top: 7px;
    }

    .used_file_modal_list_content > select{
        width: 275px;
        height: 250px;
        font-size: 14px;
    }

    .used_file_modal_btn_cancel, .used_file_modal_btn_delete, .used_file_modal_btn_ok {
        height: 42px;
        font-size: 12px;
    }

    #m_aside_left_close_btn1, #m_aside_left_close_btn2{
        width: 28px;
        height: 28px;
    }

    #m_aside_left_close_btn1 > i, #m_aside_left_close_btn2 > i{
        font-size: 18px;
    }
}

@media (min-width: 1931px) and (max-width: 2570px){
    .used_file_modal_content_body {
        padding: 24px;
    }

    .used_file_modal_title{
        line-height: 39px;
        padding-left: 12px;
    }

    .used_file_modal_title > span, .used_file_modal_list_title > span{
        font-size: 17px;
    }

    .used_file_modal_btn {
        margin-top: 8px;
    }

    .used_file_modal_list_content > select{
        width: 330px;
        height: 300px;
        font-size: 17px;
    }

    .used_file_modal_btn_cancel, .used_file_modal_btn_delete, .used_file_modal_btn_ok {
        height: 56px;
        font-size: 15px;
    }

    #m_aside_left_close_btn1, #m_aside_left_close_btn2{
        width: 39px;
        height: 39px;
    }

    #m_aside_left_close_btn1 > i, #m_aside_left_close_btn2 > i{
        font-size: 24px;
    }
}

@media (min-width: 2571px) and (max-width: 3199px){
    .used_file_modal_content_body {
        padding: 32px;
    }

    .used_file_modal_title{
        line-height: 32px;
        padding-left: 16px;
    }

    .used_file_modal_title > span, .used_file_modal_list_title > span{
        font-size: 22px;
    }

    .used_file_modal_btn {
        margin-top: 10px;
    }

    .used_file_modal_list_content > select{
        width: 440px;
        height: 400px;
        font-size: 22px;
    }

    .used_file_modal_btn_cancel, .used_file_modal_btn_delete, .used_file_modal_btn_ok {
        height: 74px;
        font-size: 20px;
    }

    #m_aside_left_close_btn1, #m_aside_left_close_btn2{
        width: 52px;
        height: 52px;
    }

    #m_aside_left_close_btn1 > i, #m_aside_left_close_btn2 > i{
        font-size: 30px;
    }   
}

@media (min-width: 3200px) and (max-width: 3839px){
    .used_file_modal_content_body {
        padding: 40px;
    }

    .used_file_modal_title{
        line-height: 65px;
        padding-left: 20px;
    }

    .used_file_modal_title > span, .used_file_modal_list_title > span{
        font-size: 28px;
    }

    .used_file_modal_btn {
        margin-top: 13px;
    }

    .used_file_modal_list_content > select{
        width: 550px;
        height: 500px;
        font-size: 28px;
    }

    .used_file_modal_btn_cancel, .used_file_modal_btn_delete, .used_file_modal_btn_ok {
        height: 93px;
        font-size: 25px;
    }

    #m_aside_left_close_btn1, #m_aside_left_close_btn2{
        width: 65px;
        height: 65px;
    }

    #m_aside_left_close_btn1 > i, #m_aside_left_close_btn2 > i{
        font-size: 37px;
    }    
}

@media (min-width: 3840px){
    .used_file_modal_content_body {
        padding: 48px;
    }

    .used_file_modal_title{
        line-height: 78px;
        padding-left: 24px;
    }

    .used_file_modal_title > span, .used_file_modal_list_title > span{
        font-size: 33px;
    }

    .used_file_modal_btn {
        margin-top: 15px;
    }

    .used_file_modal_list_content > select{
        width: 660px;
        height: 600px;
        font-size: 33px;
    }
    .used_file_modal_btn_cancel, .used_file_modal_btn_delete, .used_file_modal_btn_ok {
        height: 110px;
        font-size: 30px;
    }
    #m_aside_left_close_btn1, #m_aside_left_close_btn2{
        width: 78px;
        height: 78px;
    }
    #m_aside_left_close_btn1 > i, #m_aside_left_close_btn2 > i{
        font-size: 43px;
    }
}
/********************************** charactor_modal ***********************************************/

.save_check_modal_btn{
  width: 100%;
  margin-top: 7px;
}

.index_href_btn{
  width: 100%;
  margin-top: 17px;
  text-align: center;
}
/********************************** table_data_check_modal ***********************************************/

#index_check_modal_close_btn1{
  margin:auto 0 auto auto;
}
.charactor_modal_title > span{
	color: white;
  font-weight: bold;
}
.objectcolor{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
/********************insert_img****************************/

#edit_tool_graphic_imagefilebtn input{
    position: absolute;
    opacity: 0;
    font-size: 10em;
    top: -5px;
    right: -5px;
    margin: 0;
    cursor: pointer;
    height: 60px;
    image-orientation: none;
}
.m_ver_menu{
	border: 1px #999 solid;
}
.m-menu__submenu_active{
	display: block !important;
}
.illustor_m-menu__item--active{
	background-color: rgb(251, 251, 251);
}
.m-checkbox.m-checkbox--state-success.m-checkbox--solid > span{
	background: #cccccc !important;
}
.illustor_list_imgs > div{
	padding: 15px;
}
.illustor_list_img--active{
	background-color: #eee;
}
.illustor_list_imgs > div:hover{
	background-color: #eee;
	cursor: pointer;
}
/**********************************************************/

.shape_options_4 > div > select{
	padding: 0.2rem 0.9rem !important;
}
.shape_options_4 > div > input{
	height: 30px;
	padding:0.3rem;
}
.shape_btns > button:nth-child(1){
	margin-left: auto;
}
.shape_btns > button:nth-child(2){
	margin-left: 15px;
}
[data-id="lineType"], [data-id^="arrowType"]{
	padding: 0.3rem 1rem !important;
	height: 30px;
}
[data-id="slineType"], [data-id^="sarrowType"]{
	padding: 0.3rem 25px 0.3rem 0px !important;
	height: 30px;
}
.a_hide{
	display: none;
}
.a_show{
	display: block;
}
/***********************shape_reg_list*********************/

.shape_reg_list_modal {
  display: none;
  position: absolute;
  z-index: 1001;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.5);
}
.shape_reg_list_img_active{
	background-color: #eee;
}
/***********************index_check_modal*********************/

.index_check_modal_method{
  text-align: center;
  display: block;
}
.barcode_list_modal_content_body > div:nth-child(3){
	text-align: right;
}
.barcode_list_modal_content_body > div:nth-child(3) > button:nth-child(2){
	margin-left: 15px;
}
.barcode_list_modal_title > span{
	color: white;
  font-weight: bold;
}
.barcode_align_options_3 > label, .barcode_align_options_3 > div{
	padding:0px;
}
.barcode_align_options_3 > div > img{
	border : 1px solid #eee;
}
.barcode_align_options_3 > div > img:hover{
	border : 1px solid #999;
	cursor: pointer;
}
.barcode_align_options_3 > label{
	line-height: 22px !important;
	margin-bottom:0px !important;
}

.barcode_align_options_4 > label, .barcode_align_options_4 > div{
	padding:0px;
}
.barcode_align_options_4 > div > img{
	border : 1px solid #eee;
	padding: 4px 3px;
}
.barcode_align_options_4 > div > img:hover{
	border : 1px solid #999;
	cursor: pointer;
}
.barcode_align_options_4 > label{
	line-height: 22px !important;
	margin-bottom:0px !important;
}

/* operation-common */
.operation_overlay {
	display: none;
	position: absolute;
	z-index: 1;
	top: 0;
	overflow: auto;
	border: 1px solid black;
	right: -23%;
	height: 450px;
	width: 300px;
}
.edit_tool_bottom_bar_hidden{
	display: none;
}
.flex-container button{
  padding: 0px !important;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down, .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up{
  height: 50%;
  border: 0px solid transparent;  
  margin: 0px !important;
}
.label_option_modal_content_body label[for="BACKGROUND_METHOD-COLOR"]{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.unActive{
  color: #000 !important;
  /*background-color: #36a3f7 !important;*/
}