.question_form {
    border:2px solid #000;
    border-spacing: 0;
    border-collapse: collapse;
    max-width: fit-content;
    margin: auto;
}

.textarea_category {
    height:120px;
}

.input_small {
    width:50px;
    height: 17px;
    font-size: 15px;
}

.checkmark_label {
    border: 1px solid rgb(208, 216, 210, 0.0);
}

.checkmark_label:hover {
    border: 1px solid rgb(0, 0, 0);
    cursor: pointer;
}

.tag_input, .tag_noinput, .input_medium {
    width:100px;
    height: 17px;
    font-size: 15px;
    display: inherit;
}

.tag_all {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
}

.tag_list {
    border-radius: 13px;
    background-color: #38ad5b;
    border: 1px solid #434644;
    width: fit-content;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 5px;
    margin-right: 5px;
}

.tag_list:hover {
    cursor: pointer;
    background-color: #d0d8d2;
}

.search {
    border-bottom: 1px black solid;
    cursor:pointer;
}

.search:hover {
    background-color: #38ad5b;
}

.preview {
    height: 47px;
    transform: scale(1);
    transition: transform .5s;
    vertical-align: middle;
}
      
.preview:hover {
    position:absolute;
    margin-top:11px;
    z-index: 2;
    transform: scale(9);
    cursor: pointer;
    transition-delay:.1s;
}

.border_error {
    border: 2px solid red;
}

.question_box {
    background-color:#69a97c;
    background-image: linear-gradient(#69a97c, #FFF);
    min-width:80vw;
    text-align:right;
    border-top:3px solid black;
}

.question_delete {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-left:10px; padding-right:10px;
    background-color:white;
    border-left:1px solid black;
    border-bottom:1px solid black;
}

.question_delete:hover {
    background-color:#cecece;
    cursor: pointer;
}

.question_number {
    font-weight: bold;
    float: left;
    padding-left: 10px;
    color: black;
    text-shadow: 1px 1px #69a97c;
}

input[type='text'] {
    background-color: inherit;
}

input[type='radio']:after, input[type='radio']:checked:after {
    border-radius: 13px;
}

input[type='radio']:after, input[type='checkbox']:after {
    width: 13px;
    height: 13px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #d0d8d2;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #434644;
}

input[type='radio']:checked:after {
    width: 13px;
    height: 13px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #38ad5b;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #000;
}

input[type='checkbox']:checked:after {
    width: 13px;
    height: 13px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #38ad5b;
    background-image: url("../../img/checkbox.png");
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #000;
}

input[type='radio']:hover, input[type='checkbox']:hover {
    cursor: pointer;
}

input[type="file"] {
    border: 1px solid #434644;
    border-radius: 3px;
    padding: 5px 10px;
    outline: none;
    white-space: nowrap;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 700;
    margin-left: 5px;
    margin-top: 10px;
}

input[type=file]::file-selector-button {
    background-color: #a4d6b0;
    border: none;
    border: 1px solid #434644;
    padding: 10px 20px;
}

input[type=file]::file-selector-button:hover {
    background-color: #d0d8d2;
}

.delete_item {
    float: right;
    text-align: right;
    display: inline-block;
    font-weight: 700;
}

.delete_item:hover {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #141414;
    cursor: pointer;
}

.mycalendar {
    display: inline-block;    
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mycalendar_title {
    width: 82%;
}

.mycalendar_fill {
    width: 100%;
}

.mycalendar_body{
    width: 100%;
    padding-top: 5px;
}

.schedule_note_img {
    width: 15px;
    margin-top: 6px;
    margin-right: 4px;
    position: absolute;
    top: 0;
    right: 0;
}

.schedule_note:hover {
    cursor: pointer;
}

.show, .show_round, .show_q {
    font-weight: 800;
}

.show:hover, .show_round:hover, .show_q:hover {
    cursor: pointer;
    color: #fff;
}

.tag_category_container {
    cursor: pointer;
    width: 95%;
    border: 2px solid #000;
    border-bottom: 0px solid #000;
    margin: auto;
    text-align: center;
}

.tag_category_container:hover {
    background-color: #69a97c;
}