.oc3semanticb_halfscreen{
    float:left;
    width:50%;
}
.oc3semanticb_lbl{
    font-weight: 700;
}

.oc3seh200{
    height: 200px !important;
}
.oc3seh100{
    height: 100px !important;
}
.oc3semt30{
    margin-top: 30px;
}

.oc3semanticb_block{
    display:block;
}

.oc3semanticb_edit_tbl{
    width:100%;
}

.oc3semanticb_edit_tbl td{
    padding-top: 20px;
}
.oc3semanticb_editconf_tbl td{
    padding-top: 20px;
}

.oc3semanticb_field input{
    padding: 5px 10px;

    border: none;
    border: thin solid #d4d4d4;
    font-size: 20px;
    color: #888;
    font-family: ubuntu, sans-serif;
    background-color: #f9f9f9;
}
.oc3semanticb_field input:focus{
    outline: none;
}

.oc3semanticb_field span{
    display: inline-block;
    margin-left: 8px;
    cursor: pointer;
    background-color: #f9f9f9;
    padding: 10px;
    font-size: 20px;
    transition: all 0.3s;
    font-weight: bold;
    border: thin solid #d4d4d4;
}
.oc3semanticb_field span:last-child{
    display: none;
    padding: 12px;
}
.oc3semanticb_field span:hover{
    background-color: green;
    border: thin solid green;
    color: #fff;
}
.oc3semanticb_field span:last-child:hover{
    background-color: red;
    border: thin solid red;
    color: #fff;
}

/*LOADER START*/
.oc3semanticb_bloader{
    position:relative;
}

.oc3sengine-custom-loader {
    position:absolute;
    top:20px;
    left:30%;
    color:#1B5D4A;
}
.oc3sengine-custom-loader {
    width: 25px;
    height: 25px;
    display: grid;

    background: radial-gradient(farthest-side, currentColor calc(100% - 3px),#0000 calc(100% - 2.5px) 0);
    -webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 6.5px),#000 calc(100% - 6px));
    border-radius: 50%;
    animation: s9 2s infinite linear;
}
.oc3sengine-custom-loader::before,
.oc3sengine-custom-loader::after {
    content:"";
    grid-area: 1/1;
    background:
        linear-gradient(currentColor 0 0) center,
        linear-gradient(currentColor 0 0) center;
    background-size: 100% 5px,5px 100%;
    background-repeat: no-repeat;
}
.oc3sengine-custom-loader::after {
    transform: rotate(45deg);
}
.oc3sengine-custom-loader.oc3sengine-models-loader{
    left:20%;
}

.oc3semanticb_actor{
    float:left;
    width:10%;
}
.oc3semanticb_2actor{
    float:left;
    width:90%;
}

.wp-picker-holder{
    position: absolute;
}

.oc3semanticb_pagination,.tablenav{
    float:left;
}
.oc3semanticb_pagination{
    height: 30px;
    margin: 6px 0 4px;
    padding-top: 5px;
    font-size: 16px;
    line-height: 30px;
}

p.search-box2{
    float:left;
    width: 100%;
}

p.search-box2{
    margin-top:6px;
    padding-top:5px;
}

.instruction-status > span {
    margin: 0 1em;
    overflow: hidden;
    text-overflow: ellipsis;
}
.instruction-status {
    display: -webkit-inline-box;
    display: inline-flex;
    line-height: 2.5em;
    color: #777;
    background: #e5e5e5;
    border-radius: 4px;
    border-bottom: 1px solid rgba(0,0,0,.05);
    margin: -.25em 0;
    cursor: inherit !important;
    white-space: nowrap;
    max-width: 100%;
}

.tips {

    cursor: help;
    text-decoration: none;

}

.instruction-status.status-watch {
    color: #777;
    background: #e5e5e5;
}

.instruction-status.status-canceled {
    background: #eba3a3;
    color: #761919;
}

.instruction-status.status-accepted {
    background: #c8d7e1;
    color: #2e4453;
}

.instruction-status.status-completed {
    background: #c6e1c6;
    color: #5b841b;
}

.instruction-status.status-sent {
    background: #f8dda7;
    color: #94660c;
}


.requesttobid {
    background-color: #04AA6D;
} /* Green */
.requesttochange {
    background-color: #2196F3;
} /* Blue */
.pending {
    background-color: #ff9800;
} /* Orange */
.shippingquote {
    background-color: #FFC0CB;
} /* Pink */
#oc3semanticb_instructions .oc3semanticb_flags_td{
    text-align: center;
}
.id_column{
    width:6%;
}
.dashicons-edit:before{
    content: "\f464";
}
.dashicons:hover{
    cursor: pointer;
}
.dashicons-no{
    padding-top: 7px;
    content: "\f158";
}

.dashicons-trash{
    content: "\f182";
}

.dashicons-dismiss{
    content: "\f153";
}

.dashicons-remove{
    content: "\f14f";
}
.dashicons-insert{
    content: "\f10f";
}

.button.button-danger{
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.button.button-danger:hover{
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
}
.button.button-danger:focus{
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
}

.oc3semanticb_error_field{
    border-color: red !important;
    border-width: 2px !important;
    border-style: solid !important;
}

.oc3semanticb_disabled_text{
    opacity: 0.5;
}

.oc3semanticb_selected_text{
    background-color:#C8E5F9 !important;
    font-weight: 800;
}
.oc3semanticb_button_container button{
    margin-left:5px;
    margin-right:10px;
}

a.page-numbers,span.page-numbers,span.oc3semanticb_page_lbl{
    margin-left: 5px;
}

#oc3semanticb_submit,#oc3semanticb_submit_models{
    min-width:100px;
}

input.oc3semanticb_submit_meta{
    min-width:100px;
}

#oc3semanticb_instruction{
    width:100%;
}
a.oc3semanticb_instruction,.oc3semanticb_instruction{
    color:#ae1000;
}
a.oc3semanticb_instruction{
    font-weight: 900;
}
.oc3semanticb_instruction_title{
    color:#ae1000;
    font-weight: 900;
}
.oc3semanticb_copy_link{
    margin-right:15px;
}
.oc3semanticb_copy_link, .oc3semanticb_clear_link{
    text-decoration: none;
	outline: none;
	cursor: pointer;
}
a.oc3semanticb_copy_link, a.oc3semanticb_clear_link{
	color:#135e96;
}


@keyframes s9 {
    100%{
        transform: rotate(1turn)
    }
}


/*models page*/
div.oc3semanticb_c_opt{
    margin:15px;
    flex: 1 1 30%;
}

.oc3semanticb_block_content{
    display:flex;
}
.oc3semanticb_row_header{
    width:120px;
}

.oc3semanticb_data_column_container{
    display:flex;
    flex-wrap: wrap;
    padding: 30px;
    margin:10px;
}

.oc3semanticb_data_column{
    flex: 1;
    margin:15px;
}

.oc3semanticb_block_content input[type="text"]{
    width:100%;
}

.oc3semanticb_row_content{
    flex: 1 1 0%;

}
.oc3semanticb_pr{
    padding: 0 30px 0 0;
}

.oc3semanticb_block_header{
    text-align: center;
}

.oc3semanticb_bord{
    border-style: solid;
    border-color: #183d31;
    border-width: 1px;
}

#oc3semanticb_model_conf{
    width:100%;
}

.oc3semanticb_pl20{
    padding-left: 20%;
}

.oc3semanticb_form_row textarea{
    width:100%;
}




/* LOADER END*/

.oc3se-history{
    border:1px solid #c3c4c7;
    border-radius: 5px;
    width:100%;
    padding:10px;
    text-align: center;
    
}

#oc3sb_bot_thread_history,#oc3sb_bot_thread_info{
    min-height: 30px;
}

.oc3sb_bot_history_row_header{
    border-bottom: 1px solid black;
    font-size: 12px;
    font-weight:900;
}

.oc3sb_bot_history_row{
    background: rgb(245, 245, 245);
    border: 1px solid rgb(234, 234, 234);
}

ol.oc3semanticb_instruction, ul.oc3semanticb_instruction{
    color:#ae1000;
}



.oc3sbox-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgb(0 0 0 / 20%);
  top: 0;
  direction: ltr;
  left:0;
  }



.oc3sbox_modal {
  width: 900px;
  min-height: 100px;
  position: absolute;
  top: 30%;
  background: #fff;
  left: calc(50% - 450px);
  border-radius: 5px;
}

.oc3sbox_modal {
  top: 5%;
  width: 90%;
  max-width: 900px;
  left: 50%;
  transform: translateX(-50%);
  height: 90%;
  overflow-y: auto;
}


.oc3sbox_modal_head {
  min-height: 30px;
  border-bottom: 1px solid #ccc;
  display: flex;
  align-items: center;
    padding: 6px 12px;
}

.oc3sbox_modal_content {
  height: calc(100% - 50px);
  overflow-y: auto;
}

.oc3sbox_modal_content {
  padding: 10px;
}


.oc3sbox_modal_close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 30px;
  font-weight: bold;
  cursor: pointer;
}



/* models page*/
@media (max-width: 1380px) {

    .oc3semanticb_pl20{
        padding-left: 10%;
    }
}

@media (max-width: 1300px) {
    .flag {
        width:100%;
    }
    .oc3sengine-custom-loader.oc3sengine-models-loader{
        left:30%;
    }
}

@media (max-width: 1180px) {

    .oc3semanticb_select_ch{
        width:70%;
    }
    .oc3sengine-custom-loader.oc3sengine-models-loader{
        left:40%;
    }
}

@media (max-width: 782px) {
    .id_column{
        width:11%;
    }
    .oc3semanticb_pagination{
        margin: 20px 0 5px 0;
        min-height: 40px;
        font-size: 16px;
        line-height: 40px;
    }

    #oc3sengine-tabs-3 p.search-box2 {

        bottom: -7%;
        left: 25%;
    }
}
@media (max-width: 768px) {
    .search-box2{
        float:left;
    }
    #oc3semanticb_instructions .mvertical{
        display:none;
    }
    #oc3semanticb_instructions th{
        writing-mode: vertical-rl;
        text-orientation: mixed;
    }
    .oc3sengine-custom-loader.oc3sengine-models-loader{
        left:60%;
    }
    .oc3sengine-custom-loader {
        left:40%;
    }
    .oc3semanticb_timecreated{
        writing-mode: vertical-rl;
        text-orientation: mixed;
    }
}


@media (max-width: 768px) {
    .oc3semanticb_data_column_container{
        flex-direction:column;
    }
    .dashicons{
        margin: 4px;
    }

}
@media (max-width: 520px){

    .oc3sengine-custom-loader.oc3sengine-models-loader{
        left:75%;
    }
    
    .dashicons{
        margin: 8px;
    }
    
    a.page-numbers,span.page-numbers,span.oc3semanticb_page_lbl{
        margin-left: 7px;
    }
    .tablenav-pages label{
        max-width: 40px;
        display: inline-block;
    }
    #oc3semanticb_submit_edit_instruction, #oc3semanticb_saveasnew_instruction, #oc3semanticb_remove_instruction, #oc3semanticb_new_instruction{
        margin-right:4px;
        margin-bottom:6px;
    }
    .oc3senginewrap{
        overflow-x: scroll;
        clear: both;
        margin-right: 12px;
        margin-left: 0;

    }
    .oc3senginewrap::-webkit-scrollbar {
        width: 5px;
        height: 5px;
        
    }
    .oc3senginewrap::-webkit-scrollbar-thumb {
        background: linear-gradient(to bottom right, #4d7fff 0%, #1a56ff 100%);
        border-radius: 10px;
        
    }
    
}

@media (max-width: 480px) {
    .oc3semanticb_select_ch{
        width:90%;
    }
    .ui-tabs .ui-tabs-panel{
        padding: 0;
    }
}


@media (max-width: 480px){
    .oc3semanticb_block_content{
        flex-direction: column;
    }
    .oc3sengine-custom-loader.oc3sengine-models-loader{
        left:95%;
    }
}