.com_container{
    width:100%;
    min-height:40vh;
    background:#555555;
    display:inline-flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    font-family: gotham_bookregular;
    font-size:13px;
    color:white;
}
.com_half_container{
    width:49%;
    min-height:100%;
    overflow-y:auto;
    overflow-x:hidden;
}
.com_main_title,
.com_input_label{
    font-family: gotham_bookregular;
    color:#ED1C24;
    text-transform: uppercase;
    font-size:20px;
    text-align: left;
    width:100%;
    margin-top:14px;
    margin-bottom:14px;
    margin-left:8px;
    font-weight:bold;
}
.com_input_group{
    position:relative;
    display:inline-flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width:100%;
}
.com_input_label{
    color:#dddddd;
    font-size:14px;
}
.com_input_text{
    width:180px;
    padding:6px;
    background:white;
    color:#1a1a1a;
    font-size: 13px;
    text-align: left;
    font-family: gotham_bookregular;
    height:17px;
    border:0px;
    margin-left:8px;
}
.com_input_text_s{
    width:20px;
}
.com_input_text_m{
    width:44px;
}

@media only screen and (max-width:700px){
    .com_half_container{
        width:100%;
    }
}

.star_rate_btn{
    width:32px;
    cursor:pointer;
    margin-left:6px;
    user-drag: none;            /* Safari */
    -webkit-user-drag: none;    /* Chrome/Edge */
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}
.star_rate_outline{
    position:absolute;
    display:none;
    top:0px;
    left:0px;
    z-index:10;
    opacity:0;
    width:32px;
    margin-left:6px;
    transform-origin: center;
    user-drag: none;            /* Safari */
    -webkit-user-drag: none;    /* Chrome/Edge */
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}
.com_input_multiline{
    width: 240px;
    padding:6px;
    background:white;
    color:#1a1a1a;
    font-size: 13px;
    text-align: left;
    font-family: gotham_bookregular;
    border:0px;
    margin-left:8px;
    resize:none;
}
.com_submit_btn{
    border-radius:24px;
    padding:12px;
    background:#ED1C24;
    color:white;
    text-align:center;
    margin-left:8px;
    margin-top:20px;
    margin-bottom:16px;
    border:0px;
    font-weight:bold;
    text-transform: uppercase;
    transition:all 140ms ease-out;
    transform:scale(1);
    cursor:pointer;
}
.com_submit_btn:hover{
    transform:scale(1.02);
}
.com_submit_btn:active{
    transform:scale(0.97);
}
.com_trace{
    width: 240px;
    margin-left:8px;
    margin-top:10px;
    margin-bottom:36px;
}
@keyframes shake {
  0%   { transform: rotate(0deg); }
  10%  { transform: rotate(8deg); }
  20%  { transform: rotate(-8deg); }
  30%  { transform: rotate(6deg); }
  40%  { transform: rotate(-6deg); }
  50%  { transform: rotate(4deg); }
  60%  { transform: rotate(-4deg); }
  70%  { transform: rotate(2deg); }
  80%  { transform: rotate(-2deg); }
  90%  { transform: rotate(1deg); }
  100% { transform: rotate(0deg); }
}

.star-animate {
  animation: shake 0.6s ease-in-out; /* increased duration for more visible shake */
}


.light_gray_bg{
    background:#e2e2e2;
}
.dark_gray_bg{
    background:#313131;
}
.com_list{
    margin-top:14px;
    width:96%;
    height:auto;
}
.com_group{
    position:relative;
    display:inline-flex;
    flex-wrap: wrap;
    justify-content:center;
    width:100%;
    height:auto;
    margin-top:14px;
    margin-bottom:14px;
}
.com_inner_group{
    position:relative;
    display:inline-flex;
    flex-wrap: wrap;
    justify-content:center;
    width:100%;
    height:auto;
    margin-top:14px;
    background:#fbfbfb;
    border:1px solid #616161;
    margin-left:8px;
}
.com_separator{
    position:relative;
    display:inline-block;
    width:96%;
    height:1px;
    background:#3a3a3a;
    margin-top:6px;
    margin-bottom:6px;
}
.com_nombre{
    width: 100%;
    padding:6px;
    background:transparent;
    color:#1a1a1a;
    font-size: 13px;
    text-align: left;
    font-family: gotham_bookregular;
    margin-left:8px;
    font-weight:bold;
}
.com_time,
.com_comentario{
    width: 100%;
    padding:6px;
    background:transparent;
    color:#1a1a1a;
    font-size: 13px;
    text-align: left;
    font-family: gotham_bookregular;
    margin-left:8px;
    margin-top:10px;
}
.com_comentario{
    margin-bottom:8px;
}
.star_rate_com{
    width:16px;
    margin-left:4px;
    user-drag: none;            /* Safari */
    -webkit-user-drag: none;    /* Chrome/Edge */
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}
.com_star_group{
    position:relative;
    display:inline-flex;
    flex-wrap: wrap;
    justify-content:flex-start;
    width:100%;
    height:auto;
    margin-top:6px;
    margin-bottom:6px;
    margin-left:8px;
}