@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
body{
    background-color: #f7f7f7;
    background-image: none;
}
.menu{
    background-color: #ffffff;
    border-bottom: 4px solid #c4c5c7;
}
.mitem a:link, .mitem a:visited{
    background: none;
    color: #656464;
    font-family: 'Open Sans';
    font-size: 16px;
}

.mitem a.current{
    color: #f79727;
}

#liveSupport{
    display: none;
}
#content-header{
    background-color: transparent;
    margin-bottom: 5px;
}
#content-header a{
    border-radius: 5px;
    background-color: #696765;
    font-family: 'Open Sans';
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
}
.header_tab.active, .tabs a.selected, .tabs a.active{
    background-color: #f79727 !important;
}
#content-body{
    border: 1px solid #e6e6e6;
    border-radius: 5px;

}
.btn{
    border-radius: 5px;
}
.btn:hover{
    opacity: 0.8;
}
.btn.blue{
    background-color: #f77027;
    border-bottom: 2px solid #ba551e !important;
}
.stl-editor .btn.blue:disabled:hover,
.stl-editor .btn.blue:disabled{
    border:2px solid #f77027 !important;
    border-bottom: 4px solid #ba551e !important;
    background-color: #ededed !important;
}

.hm .btn.blue:disabled:hover,
.hm .btn.blue:disabled{
    border:2px solid #005ca9 !important;
    border-bottom: 4px solid #00407e !important;
    background-color: #ededed !important;
    background-color: #ededed !important;
}

.btn.blue[value=TOOLPATH]{
    background-color: #f79727 !important;
}

input.btn.blue[value=BUILD]:hover,
input.btn.blue[value=BUILD],
.btn.blue.slicer{
    text-transform: uppercase;
    background-color: #005ca9 !important;
    border-bottom: 2px solid #00407e !important;
}
#myfilesform .apps-btn{
    background-color: #005ca9;
    border-bottom: 2px solid #00407e !important;
}
#myfilesform .apps-btn:hover{
    background-color: #005ca9 !important;
}
.btn.blue.slicer:hover{
    background-color: #005ca9 !important;
}
.btn.blue:hover{
    background-color: #f77027 !important;
}
.btn.blue[value=TOOLPATH]:hover{
    background-color: #ffa027 !important;
}
.serach-box .btn{
    background-color: #f79727;
    border-bottom: 2px solid #ba7321 !important;
    border-radius: 0 5px 5px 0;
}
.serach-box .search-data{
    border-radius: 5px;
}

.group_host .btn.share{
    background-color: #005ca9;
    border-bottom: 2px solid #00407e !important;
}

/* PopUp */
#slicer_popup span{
    font-family: 'Open Sans';
    font-weight: 500;
    font-size: 17px;
}
.appspopup .title{
    background-color: #005ca9;

}
#slicer_popup span.disabled{
    background-color: #0a4e86 !important;
}
.appspopup .title span{
    background-color: #f79727;
}
.popup_content_buttons .btn.w_popup.red.b_cancel{
    float: right;
}
.close-print-setting.btn,
.popup_content_buttons .btn.w_popup.red.b_cancel,
#stlmagicfix_popup a.btn.red,
.btn-host-show,
#slicer_popup .btn.back_button{
    background-color: #005ca9 !important;
    border-bottom: 2px solid #00407e !important;
}
#slicer_popup .btn.blue.start_button{
    background-color: #f77527;
    border-bottom: 2px solid #d36924 !important;
}
.printing_table .btn-tool{
    background-color: #f77527 !important;
    border-bottom: 2px solid #d36924 !important;
}
.printing_table .liveView-New.btn.blue:hover{
    background-color: #bcbcbc !important;
}
.del-printer.btn,
.printing_table .liveView-New.btn.blue{
    background-color: #bcbcbc !important;
    border-bottom: 2px solid #9e9e9e !important;
}

.menu .account .comp,
.menu .account .title{
    color: #656464 !important;
    font-family: 'Open Sans';
    font-weight: normal;
    font-size: 12px;
}
.user_submenu .head_label{
    background: #f79727;
}
#upgrade-license-open span {
    position: relative;
}
.menu div .new-badge {
    background-color: #ff9c00;
    position: absolute;
    height: 15px;
    top: -8px;
    color: white;
    min-width: 25px;
    width: 25px;
    font-size: 9px;
    right: -20px;
    padding: 1px 6px;
    border-radius: 12px;
    transform: rotateZ(26deg);
    text-align: center;
    vertical-align: middle;
    line-height: 15px;
}
div#dremel-support-submenu.user_submenu {
    width: 240px !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
}
div#dremel-support-submenu.user_submenu a {
    height: 20px;
    line-height: 20px;
}
div#dremel-support-submenu.user_submenu div {
    padding: 5px 0px;
}
.company-org-page .signBlock .submit a {
    color: #272727 !important;
    line-height: 40px;
    width: 45%;
    margin: 5px;
}
user-settings-save,
.button3.share_model,
.btn.w_popup,
.upload-popup .upload-container .choose-file-container button,
.btn{
    background-color: #f77027;
    border-bottom: 2px solid #ba551e !important;
}
user-settings-save:hover,
.btn.w_popup:hover,
.btn:hover{
    background-color: #f77027;
}
.upload-progress-fill{
        background-color: #005ca9;
}
.footer_menu ul li{
    color: #656464;
}
.header_right_buttons .btn-tool{
    background-color: #f77527 !important;
    border-bottom: 2px solid #d36924 !important;
}
.sub-nav-box{

}
.sub-nav-box a{
    background-color: #e8e8e8 !important;
    font-size: 12px !important;
}
.alert-printer a,
.printing_table.redis_table .statusText{
    color: #005ca9;
}
#header .logotype{
    margin-right: 20px !important;
}
.btn-upload-new{
    background-color: #f79727;
    border: 0px;
    border-bottom: 2px solid #ba7321 !important;
    border-radius: 5px;
    color: #ffffff;
    height: 41px !important;
    padding: 0 16px;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
}
#workflow_log_popup .ok_button{
    border-radius: 5px;
}
#workflow_log_popup .ok_button,
.magick-fix input.blue{
    text-transform: uppercase;
    background-color: #ffb400 !important;
    border-bottom: 2px solid #ca9000 !important;
}
.magick-fix input.blue:disabled:hover,
.magick-fix input.blue:disabled{
     border: 2px solid #ffb400 !important;
     border-bottom: 4px solid #ffb400 !important;
     background-color: #ededed !important;
}

.magick-fix input.blue:hover{
    background-color: #ffb400 !important;
}
.hm input.slicer{
    text-transform: uppercase;
    background-color: #005ca9 !important;
    border-bottom: 2px solid #00407e !important;
}
#delete_cancel,
#myfilesform .apps-btn{
    text-transform: uppercase;
    background-color: #bcbcbc !important;
    border-bottom: 2px solid #9e9e9e !important;
}
#delete_cancel:hover,
#myfilesform .apps-btn:hover{
    background-color: #bcbcbc !important;
}

.printer-settings-bordered-block {
    border: 1px solid #dedede;
    padding: 5px;
    min-height: 170px;
}
#user_info button{
    background-color: #005ca9 !important;
    border-bottom: 2px solid #00407e !important;
    color: #fff;
    border: 0px;
    border-radius: 5px;
    font-size: 20px;
    padding: 0 7px;
    font: initial !important;
    height: 24px;
    width: 28px;
    cursor: pointer;

}
#user_info button span{
    color: #ffffff;
}
.menu .account .title{
    margin-top: 27px !important;
}
.appspopup .threejs-nav .printer-list ul{
    width: inherit !important;
}
#share_file .button3.share_model{
    border-radius: 5px;
    height: 27px;
}
a#user_info:hover{
    background-color: transparent !important;
    cursor: pointer;
}
a#user_info:hover button{
    background-color: #f77027 !important;
    border-bottom: 2px solid #ba7321 !important;
}
.icheckbox_square-green {
    right: 10px;
}

.checkbox.i-checks label{
    font-size: 14px;
}
.alert.alert-success.alert-dismissable, .alert.alert-danger.alert-dismissable{
    font-size: 16px;
}
#slicer_popup .fa.fa-info.material-info-show{
    display: none;
}
.ico-gco ,
.ico-txt ,
.ico-cad {
    background: url('/assets/i/company/dremel/stl.png') no-repeat left top;
    background-size: cover;
}
.ico-stl{
    background: url('/assets/i/company/dremel/orange.png') no-repeat left top;
    background-size: cover;
}

.status_label.ready,.status_label.idle{
    background-color: #136fbc !important; /* blue */
}
.footer_menu{
    float: none !important;
    position: relative;
    left: inherit !important;
    text-align: inherit;
    margin-bottom:0 !important;
    width: 95%;
    margin: 0 auto;
}
.copy-footer{
    font-size: 13px;
    text-transform: uppercase;
    color: #555;
    font-weight: bold;
}
.pover-by{
    float: right;
    position: relative;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #555;
    top: -42px;

}
.pover-by img{
    width: 161px;
    position: relative;
    top: 12px;
    margin-left: 24px;
}
#user_submenu .head_label img{
    display: none;
}

.tutorial-step {
    width: 100%;
}
.tutorial-step .tutorial-image {
    float: right;
    width: 55%;
    text-align: right;
}
.tutorial-step .tutorial-image img {
    max-width: 92%;
}
.tutorial-step .tutorial-text {
    float: left;
    margin-top: 10px;
    width: 45%;
}
.tutorial-step div.step-title {
    font-size: 20px;
    font-weight: 400;
    color: #f77527;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d8d8d8;
}
.tutorial-image img {
    border: 2px solid #d8d8d8;
}
#tutorial-popup .btn.blue.back {
    background-color: #005ca9 !important;
    border-bottom: 2px solid #00407e !important;
}
@media only screen and (max-width: 1600px) {
    .tutorial-step .tutorial-image {
        width: 70%;
    }
    .tutorial-step .tutorial-text {
        width: 30%;
    }
}
@media only screen and (max-width: 800px) {
    .tutorial-step .tutorial-image {
        float: none;
        width: 100%;
    }
    .tutorial-step .tutorial-text {
        float: none;
        width: 100%;
    }
}

.upgrade-lic-main {
    width: 100%;
    display: grid;
    grid-template-columns: 41% 54%;
    grid-template-rows: auto;
    gap: 2%;
    justify-content: center;
}

.upgrade-lic-rect {
    border-radius: 10px;
    position: relative;
}


.upgrade-lic-rect:nth-child(1) {
    /*width: 409px;*/
    height: 461px;
    padding: 10px;
    background-color: #E8F2FA; /* Coral color */
}
.upgrade-lic-rect:nth-child(2) {
    /*width: 538px;*/
    /*height: 417px;*/
    padding: 15px;
    background-color: #FFEEDA; /* CornflowerBlue color */
}
.upgrade-lic-rect:nth-child(3) {
    width: 100%;
    height: 68px;
    border: 1px solid #E5E5E5;  /* LightSeaGreen color */
    grid-column: span 2;
}

.upgrade-rect-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    left: 10%; /* Left margin of 10% */
    top: 0;
}

.upgrade-lic-rect-text {
    font-size: 11px;
    font-family: "Open Sans";
    font-weight: 400;
    color: #5E6871;
    margin-left: 15px;
}

.upgrade-rect-content > * {
    margin-bottom: 20px; /* Adding spacing between items */
}

.demo-head-text {
    font-family: 'VAGRundschriftD';
    font-style: normal;
    font-weight: 590;
    font-size: 25px;
    line-height: 125%;
    text-align: center;
    color: #000000;
}

.demo-head-svg-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.demo-desc-text {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    text-align: center;
    color: #000000;
    width: 90%;
}

.demo-grey-text {
    font-family: 'VAGRundschriftD';
    font-style: normal;
    font-weight: 590;
    font-size: 12px;
    line-height: 132%;
    text-align: center;
    text-transform: uppercase;
    color: #919191;
}

.license-blue-btn {
    background-color: #005ca9 !important;
    border-bottom: 2px solid #00407e !important;
    float: right;
}

.talk-expert-head {
    font-family: 'VAGRundschriftD';
    font-style: normal;
    font-weight: 500;
    font-size: 33px;
    line-height: 50px;
    color: #000000;
}

.upgrade-talk-list {
    width: 100%;
    align-content: center;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
}

.upgrade-talk-list li {
    list-style-type: disc;
    margin-left: 20px;
    padding-left: 0
}

#logs_popup_box .popup_content #progressBar div{
    background-color: #005ca9;
}
#slicer_popup h1.title span{
    font-weight: bold;
}

#possible_success_slot {
    background: #005ca9 !important;
}
#share_project_model,
#share_model{
    text-transform: none !important;
}
.upload-popup .upload-details{
    color : #005ca9 !important
}
.sorter-project th{
    font-size: 13px !important ;
    padding-left: 21px !important;
    text-align: left !important;
    padding-bottom: 5px !important;
}

table.tablesorter thead tr .tablesorter-headerAsc {
    background-image: url(/public/img/asc.gif);
}
.btn {
      font-family: 'Open Sans';
  }

.w-price{
    font-size: 15px !important;
    background-color: #e2e2e2;
    display: inline-block;
    color: #949494 !important;
    padding: 10px 22px;
    border-radius: 8px;
    margin-right: 53px;
    text-transform: capitalize;
    margin-top: 17px;
    font-weight: normal;
    font-family: 'Open Sans';
}

.w-price-amount{
    color: #40c9b8 !important;
    font-size: 15px !important;
    display: inline-block;
    margin-left: 8px;
}

#toolpath-viewer_popup #toolpath-viewer .legend .tit{
    text-align: left !important;
    width: auto !important;
}

.threejs-objects-list ul {
    width: 280px !important;
}
table.printer_settings tbody tr td div.p-filament-weight{
    margin-left: 10px;
}

#filamentMess {
    background: #FFF5DD 0% 0% no-repeat padding-box;
    padding: 15px;
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #656464;
    font-size: 16px;
}

#filamentMess p {
    margin-left: 20px;
    display: inline-block;
    position: relative;
    top: 2px;
}

#filamentMess > div {
    flex-grow: 1;
    text-align: center;
}

#filamentMess.top-message-parent span.cookieMess-close{
    background: url('../../../i/close.svg') no-repeat;
    background-size: cover;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 22px;
}

#filamentMess.top-message-parent img {
    vertical-align: middle;
}