body {
    font-family: Arial, sans-serif;
    display: block;
    height: 100vh;
    background-color: #f0f0f0;
    width: 100%;
    margin: 0px;
    padding: 0px;
    min-width: 100%;
}
#bdc{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0px;
    padding: 0px;
    width: 100%;
    min-width: 100%;
    /* display: grid; */
    /* gap: 10px; */
    }
#bdc .tpbx{float:right;margin: -16px -16px 0px 0px;cursor: pointer;}
#bdc .tpbx img{width:34px;}
#bdc .tmbx{float: left;margin: 0px 0px 0px 0px;}
#bdc .tmbx b{color:#F00}
#bdc .tmbx svg{margin: 2px 4px 0px -6px;float: left;fill: #aeaeae;}
#bdc .smbx{float:right;margin: 0px 0px 0px 0px;line-height: 30px;}
#bdc .smbx svg{margin: 0px -4px 0px 8px;float: right;fill: #aeaeae;}
#bdc .otv{float:left;width:100%;/* background-color:#EEE; *//* min-height: 80%; */margin:0px 0px 0px 0px;min-height: 222px;}
#bdc .btnbx{/* float:left; *//* clear:both; *//* width:100%; */margin: 14px 0px 0px 0px;/* position: relative; *//* bottom: 0px; *//* height: auto; *//* overflow: hidden; */font-size: 12px;color: #999;}
#bdc .ldr{margin:40px auto;display: none;left: 50%;position: relative;margin-left: -60px;}
#bdc .vco{font-weight:600; color:#11b718;}
#bdc .window-container2 .vco, #bdc .window textarea{display:none;}
.container {
    width: 100%;
    max-width: 1200px;
    margin-bottom: 20px;
    margin-top: 10px;
    float: left;
    clear: both;
    display: block;
    height: auto;
}

.window-container {
    display: grid;
    gap: 10px;
    height: auto;
    width: 100%;
    min-height: 300px;
}
.window-containerx {
    height: auto;
    width: 100%;
    min-height: 300px;
    background-color: #fff;
    padding: 0px 0px;
    color: #000;
    clear:both;
    float:left;
    display: none;
}
.window-containerx .close {
    float: right;
    background-color: #ff0000;
    margin: -1px -1px 0px 0px;
    width: 40px;
    height: 40px;
    border-radius: 50% 0% 50% 50%;
    transform: rotate(2deg);
}
.window-containerx .close svg {
    fill: #fff;
    transform: rotate(-45deg);
    margin: 10px 11px 0px 7px;
    width: 20px;
}
.window-containerx .close:hover svg{fill:#000; cursor:pointer}
.cmnt{padding:0px 10px;float:left;clear:both;margin: -18px 0px 0px 0px;}
.cmnt img{float:left;margin: -12px 20px 0px 0px;clear:both;}
.cmnt ol{float:left;clear:both;font-weight: 600;font-size: 18px;}
.window {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    height: auto;
}

.button-container {
    clear: both;
    margin: 5px auto 0 auto;
    /* width: 100%; */
    /* display: none; */
}

.toggle-button {
    /* background-color: #ffffff; */
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    float: left;
    margin: -17px 10px 0px 0px;
    width: 36px;
}
.toggle-button.first{margin: -16px 10px 0px 8px;}
.toggle-button:hover,.tgbtnhvr {
    background-color: #ffffff;
}
.toggle-button img{width: 32px;height: 32px;margin: 0 auto;display: block;float: none;}
#mnarena{padding: 0px 0px 0px 0px;position: relative;z-index: 2;width: 100%;margin-bottom: 20px;float: left;clear: both;display: block;height: auto;/* flex-direction: column; *//* align-items: center; *//* justify-content: center; *//* margin: 0 auto; */}
#bdc .dvijok{margin: -15px 10px 20px -15px;max-width: 130px;float:left;border: none;background-color: #EEE;padding: 3px;}

.clearrw{float:left;width:100%;/* background-color: #f6f6f6; */height:30px;clear: both;margin: 10px 0px -9px -11px;line-height: 30px;padding: 0px 10px;position: relative;border-radius: 6px;}

#sendfrm {
    width: 100%;
    margin: 0px auto 0px auto;
    max-width: 1207px;
    padding: 0px 0px 0px 0px;
    display: block;
}
#mnarena .cthth_nero div{
     height: 14px;
     padding: 1px 5px 0px 5px;
     margin: 0px 0px 5px 0px;
     line-height: 14px;
     color: #4c4c4c;
     float: left;
     text-align: left;
     width: 80px;
    }
#mnarena .cthth_nero:hover{background-color:#F00; cursor:pointer; color:#FFF; border-color:#F00;}
#mnarena .cthth_nero {
    float: left;
    clear: both;
    margin: 5px 0px -100px 12px;
    padding: 0px 0px 0px 0px;
    font-size: 10px;
    z-index: 2;
    position: relative;
    width: 60px;
    height: 16px;
    overflow: hidden;
    border: 1px solid #b3b3b3;
    border-radius: 3px;
    background-color:#FFF;
}
#mnarena .editor{
    padding: 10px 5% 0px 1%;
    overflow: auto;
    float: left;
    width: 94%;
    margin: 13px 0px 0px 0px;
    border-radius: 6px 6px 6px 6px;
    border: 1px solid #dcdcdc;
    background-color: #ffffff;
    color: #000000;
    display: block;
    font-size: 14px;
    min-height: 42px;
    line-height: 17px;
    outline:none;
    max-height: 600px;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    min-width: auto;
}
#mnarena .editor[contenteditable="true"] {
    -webkit-user-select: text;
}
#mnarena submit {
    float: right;
    clear: none;
    margin: -54px 18px 0px 10%;
    height: 32px;
    border-radius: 0px 7px 7px 0px;
    width: 33px;
    z-index: 123;
    position: relative;
}
#mnarena #mikrBtn.textX {
    background-position: center;
    background-repeat: no-repeat;
    width: 52px;
    height: 52px;
    border-radius: 50% 6px 6px 0px;
    float: left;
    clear: both;
    filter: invert(1);
    background-color: #b18400;
    border: 1px solid #b18400;
    background-image: url(/dew_ai/img/s.png);
    background-size: auto;
}
#mnarena #mikrBtn.textX:hover {
    cursor: pointer;
    background-color: #c9cfd1;
    border-color: #c9cfd1;
    box-shadow: 0px 0px 0px #00000000;
}
#mnarena textarea {
    float: left;
    width: 60%;
    padding: 10px 22px 10px 10px;
    margin: 10px -30px 10px 0px;
    border-radius: 6px;
    border: 1px solid #d0d0d0;
    background-color: #dfdfdf;
    max-width: 600px;
    display: block;
    box-shadow: 3px 3px 10px #6565651c inset;
}
.none {
    display: none !important;
}
#kreativ {
    height: 250px;
    width: 32px;
    margin: -253px 0px -11px 0px;
    background-color: #9d9d9d;
    padding: 10px 0px 10px 0px;
    border-radius: 0px 9px 6px 6px;
    position: relative;
    z-index: 1;
    right: 4px;
    float: right;
    display: none;
}
#kreativ .uroven_kr {
    border: none;
    float: left;
    display: block;
    clear: both;
    margin: 74px 0px -90px -106px;
    font-size: 12px;
    background-color: #9d9d9d;
    color: #FFF;
    position: relative;
    z-index: 2;
    width: 191px;
    height: 18px;
    text-align: center;
    transform: rotate(270deg);
    border-radius: 26px 23px 0px 0px;
    padding: 5px 0px 0px 0px;
}
#kreativ input[type="range" i] {
    -webkit-appearance: slider-vertical;
    width: 25px;
    height: 226px;
    outline: 0;
    margin: 0px 0px 0px 2px;
}
#kreativ input {
    border: 1px solid #cdcdcd;
    border-radius: 4px;
}
#kreativ input[type="text"] {
    width: 33px;
    height: 23px;
    padding: 0px 4px 0px 4px;
    border-radius: 11px;
    margin: 6px 0px -10px -6px;
    font-size: 10px;
    border: 1px solid #83838300;
    text-align: center;
    background-color: #0075ff;
    color: #FFF;
    display: block;
}
#imgrk,#clear{float:right;width: 37px;margin: -14px 0px -10px 0px;cursor: pointer;}

#standardAlgorithm, #jointAlgorithm{float:left;clear: both;margin: 5px 5px 0px 0px;line-height:10px;}
#sendfrm label{float:left;clear: none;margin: 7px 0px 0px 0px;font-size: 13px;line-height: 10px;}
#sendfrm label img{width:24px;margin: -16px 0px -7px 0px;cursor:pointer;}










#dwrlg {
    position: fixed;
    left: 10px;
    top: 11px;
    z-index: 2;
    box-shadow: 0px 0px 22px 1px #0000003d;
    height: 32px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 12px;
}
#mlnk {
    float: left !important;
    left: 180px !important;
    top: -5px !important;
}
#mlnk .bxst{display:none;}
#imgrk2{
    float: left;
    margin: 6px 0px 0px 31px;
    width: 53px;
}
#mnarena textarea#prompt, #algorithmx{display:none;}
.window canvas{width: 100%;max-width:100% !important;background-color: #EEE;}