.bodyBackground{
    background: transparent linear-gradient(148deg, #F6F9FE 0%, #EBF1FF 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    
}
.flex-center-space{
    display:flex;
    align-items: center;
    justify-content: space-between;     
}
.flex-center-center{
    display:flex;
    justify-content: center;
    align-items: center;
}
.flex-center-right{
    display:flex;
    align-items: center;
    justify-content: right;
}
.headerBody{
    background: transparent linear-gradient(148deg, #F6F9FE 0%, #EBF1FF 100%) 0% 0% no-repeat padding-box;
    opacity: 1.2;
    border-bottom:1px solid #D2DDF180;
    display: flex;
    align-items: center;
    padding-top:10px     
}
.TKD .headerBody{
    background: transparent linear-gradient(148deg, #F6F9FE 0%, #EBF1FF 100%) 0% 0% no-repeat padding-box;
    opacity: 1.2;
    border-bottom:1px solid #D2DDF180;
    display: flex;
    align-items: center;
    padding-top:10px ;
    padding-bottom:10px;
}
.headerTitle{
    /* UI Properties */
    text-align: left;
    font: normal normal bold 24px/37px 'Prompt';
    letter-spacing: 0px;
    color: #223355;
}
.headerText{
    /* UI Properties */
    color: var(--unnamed-color-707b9b);
    text-align: left;
    font: normal normal normal 16px/26px 'Prompt';
    letter-spacing: 0px;
    color: #707B9B;
    opacity: 1;
}
.footerText{
    color: var(--unnamed-color-152240);
    text-align: left;
    font: normal normal normal 16px/26px Sukhumvit Set;
    letter-spacing: 0px;
    color: #152240;
}
.headerButton{
    color: var(--unnamed-color-14223f);
    text-align: center;
    font: normal normal  15px/25px 'Prompt';
    letter-spacing: 0px;
    color: #14223F;
    padding:26px 16px 16px 16px;
}
.headerButton:hover {
border-bottom: 2px solid #14223F;
}
.font-red{
    color:red;
}
.font-left{
    text-align:left;
}
.font-center{
    text-align: center;
}
.font-right{
    text-align:right;
}
.iconTicket{
    display:flex;
    align-items: center;
}
.orderBox{
    max-width: 270px;
    height: 100px;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #46488415;
    border-radius: 16px;
    margin:0px 16px 0px 16px;
}
.orderEng{
    color: var(--unnamed-color-4c6090);
    text-align: left;
    font: normal normal normal 22px/34px 'Prompt';
    letter-spacing: 0px;
    color: #4C6090;
    text-transform: uppercase;
    opacity: 1;
}
.orderThai{
    color: var(--unnamed-color-4c6090);
    text-align: left;
    font: normal normal normal 14px/22px 'Prompt';
    letter-spacing: 0px;
    color: #4C6090;
    opacity: 1;
}
.orderNumber{
    color: var(--unnamed-color-4c6090);
    text-align: right;
    font: normal normal bold 48px/76px 'Prompt';
    letter-spacing: 0px;
    color: #4C6090;
    text-transform: uppercase;
    opacity: 1;
}
.ticketBox{
    height:auto;   
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #46488415;
    border-radius: 16px;
    padding: 20px 32px 48px 32px;
}
.TKD .ticketBox{
    max-height:740px;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #46488415;
    border-radius: 16px;
    margin-bottom: 48px;
}
.TKD .ticketList{
    max-width: 1780px;
    /* UI Properties */
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 16px 16px 0px 0px;
    border-bottom:1px solid #D2DDF180;
    padding:0px 28px 22px 32px;
}
.detailBody{
    padding:16px 32px 12px 32px;
}
.rightC.ticketBox {
    max-height: 740px;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #46488415;
    border-radius: 16px;
    margin-bottom: 48px;
    padding: 20px 20px 48px 20px;
}
.rightC.detailBody{
    min-height: 480px;
    padding: 16px 0px 40px 0px;
}
.detailBody .ticketBox{
    max-width: 1263px;
    height: 400px;
    /* UI Properties */
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D2DDF180;
    border-radius: 8px;
    padding:20px 32px 20px 32px;
    margin:0px;
}
.detailBody .ticketList{
    max-width: 1780px;
    /* UI Properties */
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 16px 16px 0px 0px;
    border-bottom:1px solid #D2DDF180;
    margin-bottom:0px;
    padding:0px 0px 12px 0px;
}
.ticketTitle{
    text-align: left;
    font: normal normal bold 22px/34px 'Prompt';
    letter-spacing: 0px;
    color: #223355;
    opacity: 1;
}
.detailFooter{
    min-height: 100px;
    /* UI Properties */
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    padding:22px 0px 22px 0px;
    border-radius: 0px 0px 16px 16px;
    border-top:1px solid #D2DDF180;
}
.detailFooterBox{
    max-width: 1263px;
    height: 80px;
    /* UI Properties */
    background: #FFFFFFBF 0% 0% no-repeat padding-box;
    border: 1px solid #D2DDF180;
    border-radius: 8px;
    padding:21px 32px 21px 32px;
}
.ticketFont{
    /* UI Properties */
    text-align: left;
    font: normal normal 16px/26px 'Prompt';
    letter-spacing: 0px;
    opacity: 1;
    color: #4C6090;
}
.ticketFont2{
    /* UI Properties */
    text-align: left;
    font: normal normal 16px/26px 'Prompt';
    letter-spacing: 0px;
    opacity: 1;
    color: #F44336;
}
.ticketPair{
    display:flex;
    align-items: center;
    justify-content: right;
}
.ticketWeek{
    width: 120px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* UI Properties */
    background: var(--unnamed-color-14223f) 0% 0% no-repeat padding-box;
    background: #14223F 0% 0% no-repeat padding-box;
    border: 1px solid #16233F;
    border-radius: 8px 0px 0px 8px;
    opacity: 1;
    color: var(--unnamed-color-ffffff);
    text-align: center;
    font: normal normal bold 16px/26px 'Prompt';
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
}
.ticketMonth{
    width: 120px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* UI Properties */
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #16233F;
    border-radius: 0px 8px 8px 0px;
    opacity: 1;
    color: var(--unnamed-color-14223f);
    text-align: center;
    font: normal normal bold 16px/26px 'Prompt';
    letter-spacing: 0px;
    color: #14223F;
    text-transform: uppercase;
}
.ticketOpenTicket{
    min-width: 168px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* UI Properties */
    background: var(--unnamed-color-f44336) 0% 0% no-repeat padding-box;
    background: #F44336 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
    color: var(--unnamed-color-ffffff);
    
    font: normal normal bold 16px/26px 'Prompt';
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
}


.ticketOrder{
    max-width: 1716px;
    height: 80px;
    /* UI Properties */
    background: #FFFFFFBF 0% 0% no-repeat padding-box;
    border: 1px solid #D2DDF180;
    border-radius: 8px;
    padding: 0px 32px 0px 32px;
    margin-bottom:16px;
}
.ticketProblem{
    /* UI Properties */
    color: var(--unnamed-color-1c2e56);
    text-align: left;
    font: normal normal normal 16px/26px 'Prompt';
    letter-spacing: 0px;
    color: #1C2E56;
}
#button-addon2.ticketProblem{
    text-align: center;
}
.ticketHili{
    background: var(--unnamed-color-14223f) 0% 0% no-repeat padding-box;
    background: #14223F 0% 0% no-repeat padding-box;
    border-radius: 4px;
    color: var(--unnamed-color-ffffff);
    text-align: left;
    font: normal normal normal 14px/22px 'Prompt';
    letter-spacing: 0px;
    color: #FFFFFF;
    padding:0px 4px 0px 4px;
}
.ticketOpen{
    color: var(--unnamed-color-707b9b);
    text-align: right;
    font: normal normal bold 16px/26px 'Prompt';
    letter-spacing: 0px;
    color: #707B9B;
    text-transform: uppercase;
}
.ticketPending{
    color: var(--unnamed-color-ffa726);
    text-align: right;
    font: normal normal bold 16px/26px 'Prompt';
    letter-spacing: 0px;
    color: #FFA726;
    text-transform: uppercase;
}
.ticketResolved{
    color: var(--unnamed-color-21c7e6);
    text-align: right;
    font: normal normal bold 16px/26px 'Prompt';
    letter-spacing: 0px;
    color: #21C7E6;
    text-transform: uppercase;
}
.ticketClosed{
    color: var(--unnamed-color-35ba73);
    text-align: right;
    font: normal normal bold 16px/26px 'Prompt';
    letter-spacing: 0px;
    color: #35BA73;
    text-transform: uppercase;
}
.ticketCancel{
    color: var(--unnamed-color-f44336);
    text-align: right;
    font: normal normal bold 16px/26px 'Prompt';
    letter-spacing: 0px;
    color: #F44336;
    text-transform: uppercase;
}
.ticketPrio{
    color: #FFA726
}
.padIcon{
    padding-right :24px;
}
.userIcon{
    width: 38px;
    height: 38px;
}
.lineSpace{
    height: 40px;
}

/* 4:3 */
@media (max-width: 1200px) and (min-width: 992px){
    .ticketOrder{
    max-width: 1716px;
    height: 80px;
    /* UI Properties */
    background: #FFFFFFBF 0% 0% no-repeat padding-box;
    border: 1px solid #D2DDF180;
    border-radius: 8px;
    padding: 0px 32px 0px 32px;
    margin-bottom:16px;
}
.ticketPair{
    display:flex;
    align-items: center;
    justify-content: right;
}
.detailBody{
    max-height: 310px;
    padding: 10px 16px 10px 16px;
}
.rightC .detailBody{
    min-height: 312px;
    padding: 16px 0px 40px 0px;
}
.textOverflow{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rightC .detailFooter{
    max-width: 1327px;
    max-height: 200px;
    padding: 16px 0px 40px 16px;
}
.TKD .ticketBox{
    max-height: 570px;
    padding: 0px 20px 0px 20px;
}
.detailBody .ticketBox{
    max-height: 300px;
}
}
/* IpadVertical */
@media (max-width: 991px) and (min-width: 768px){
    .ticketOrder{
    max-width: 1716px;
    height: 150px;
    /* UI Properties */
    background: #FFFFFFBF 0% 0% no-repeat padding-box;
    border: 1px solid #D2DDF180;
    border-radius: 8px;
    padding: 0px 32px 0px 32px;
    margin-bottom:16px;
}
.orderBox{
    max-width: 48%;
    height: 100px;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #46488415;
    border-radius: 16px;
    margin:16px 16px 0px 16px;
    } 
.ticketPair{
    display:flex;
    align-items: center;
    justify-content: center;
    
}
.ticketWeek{
    width: 80px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* UI Properties */
    background: var(--unnamed-color-14223f) 0% 0% no-repeat padding-box;
    background: #14223F 0% 0% no-repeat padding-box;
    border: 1px solid #16233F;
    border-radius: 8px 0px 0px 8px;
    opacity: 1;
    color: var(--unnamed-color-ffffff);
    text-align: center;
    font: normal normal bold 16px/26px 'Prompt';
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
}
.ticketMonth{
    width: 80px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* UI Properties */
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #16233F;
    border-radius: 0px 8px 8px 0px;
    opacity: 1;
    color: var(--unnamed-color-14223f);
    text-align: center;
    font: normal normal bold 16px/26px 'Prompt';
    letter-spacing: 0px;
    color: #14223F;
    text-transform: uppercase;
}
.ticketOpenTicket{
    min-width: 128px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* UI Properties */
    background: var(--unnamed-color-f44336) 0% 0% no-repeat padding-box;
    background: #F44336 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
    color: var(--unnamed-color-ffffff);
    
    font: normal normal bold 16px/26px 'Prompt';
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
}
    .rightC.detailBody{
        min-height: 150px;
    }
    .TKD .ticketBox{
        min-height: 300px;
    }
}
/* IphoneHorizontal */
@media (max-width: 767px) and (min-width: 568px){
    .headerTitle{
    /* UI Properties */
    text-align: left;
    font: normal normal bold 18px/28px 'Prompt';
    letter-spacing: 0px;
    color: #223355;
}
.headerText{
    /* UI Properties */
    color: var(--unnamed-color-707b9b);
    text-align: left;
    font: normal normal normal 16px/26px 'Prompt';
    letter-spacing: 0px;
    color: #707B9B;
    opacity: 1;
    display:none;
}
.TKD .headerText{
    display:contents;
}
.headerButton{
    color: var(--unnamed-color-14223f);
    text-align: center;
    font: normal normal  12px/22px 'Prompt';
    letter-spacing: 0px;
    color: #14223F;
    padding:26px 16px 25px 16px;
}
    .ticketOrder{
    width: auto;
    height: 150px;
    /* UI Properties */
    background: #FFFFFFBF 0% 0% no-repeat padding-box;
    border: 1px solid #D2DDF180;
    border-radius: 8px;
    padding: 0px 5px 0px 5px;
    margin-bottom:16px;
    }
    .orderBox{
    max-width: 96%;
    height: 100px;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #46488415;
    border-radius: 16px;
    margin:16px 16px 0px 16px;
    }
    .ticketList{
    max-width: 1780px;
    height: 230px;
    /* UI Properties */
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 16px 16px 0px 0px;
    border-bottom:1px solid #D2DDF180;
    margin-bottom:32px;
    margin-left:4px
    }
    .TKD .ticketList{
        max-height: 100px!important;
        margin-bottom: 0px;
}
    .detailBody .ticketList{
    max-height: 30px!important;
    margin-bottom: 0px;
}
    .detailBody {   
    padding: 16px 16px 40px 16px;
}
    .detailBody .ticketBox{
    max-height: 300px;
    margin-bottom: 0px;
}
    .TKD .ticketBox{
        margin-bottom: 16px;
        max-height: 780px;
    }
    .rightC.detailBody{
        min-height: 150px;
    }
}
@media (max-width: 567px) and (min-width: 0px){
    .headerTitle{
    /* UI Properties */
    text-align: left;
    font: normal normal bold 16px/25px 'Prompt';
    letter-spacing: 0px;
    color: #223355;
}
.headerText{
    /* UI Properties */
    color: var(--unnamed-color-707b9b);
    text-align: left;
    font: normal normal normal 16px/26px 'Prompt';
    letter-spacing: 0px;
    color: #707B9B;
    opacity: 1;
    display:none;
}
.ticketWeek{
    width: 80px;
    height: 48px;
}
.ticketMonth{
    width: 80px;
    height: 48px;
}
.TKD .headerText{
    display:contents;
}
.TKD .modal1{
    width: 65px!important;
    height: 48px;
    background: var(--unnamed-color-14223f) 0% 0% no-repeat padding-box;
    background: #14223F 0% 0% no-repeat padding-box;
    border-radius: 8px;
    color: var(--unnamed-color-ffffff);
    text-align: center;
    font: normal normal 18px/29px 'Prompt';
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-left: 10px!important;
    }
.TKD .modal2{
    width: 65px!important;
    height: 48px;
    border: 1px solid #15233E;
    border-radius: 8px;
    color: var(--unnamed-color-14223f);
    text-align: center;
    font: normal normal 18px/29px 'Prompt';
    letter-spacing: 0px;
    color: #14223F;
    margin-left: 10px!important;
    }
.TKD .ticketList{
    padding:22px 0px 22px 0px;
    margin:0;
    height: 150px;
}
.rightC .ticketList{
    padding:5px 0px 5px 0px;
    margin:0;
    height: 50px;
}
.rightC.detailBody {
    min-height: 150px;
}
.ticketList .flex-center-space{
    display: contents;
}
.flex-center-space .d-flex{
    display: contents!important;
}
#pair.d-flex{
    display: flex!important;
}
.TKD .ticketBox{
    max-width: 1780px;
    height: auto;
    padding:10px 10px 10px 10px;
}
.TKD .iconTicket{
    justify-content: center;
}
.detailBody {
    /* min-height: 55vh; */
    padding: 16px 10px 25px 10px;
}
.detailBody .ticketList{
    padding:0;
    margin:0;
    height: 30px;}
.detailFooter {
    max-width: 1327px;
    height: auto;
    padding: 5px;
}
.detailFooterBox {
    max-width: 1263px;
    height: auto;
    padding: 5px;
}
.headerButton{
    color: var(--unnamed-color-14223f);
    text-align: center;
    font: normal normal  10px/20px 'Prompt';
    letter-spacing: 0px;
    color: #14223F;
    padding:26px 16px 25px 16px;
}
    .ticketPair{  
    margin-top:10px;
    align-items: center;
    justify-content: center;
    justify-content: center;
    flex-direction: column;
    }
    .ticketList{
    max-width: 1780px;
    height: 240px;
    /* UI Properties */
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 16px 16px 0px 0px;
    border-bottom:1px solid #D2DDF180;
    margin-bottom:32px;
    margin-left:4px
    }
    .ticketOrder{
    width: auto;
    height: 230px;
    /* UI Properties */
    background: #FFFFFFBF 0% 0% no-repeat padding-box;
    border: 1px solid #D2DDF180;
    border-radius: 8px;
    padding: 0px 5px 0px 5px;
    margin-bottom:16px;
    }
    .ticketBox{
    max-width: 1780px;
    height: auto;
    /* UI Properties */
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #46488415;
    border-radius: 16px;
    padding:10px 16px 10px 16px;
    }
    .orderBox{
    max-width: 96%;
    height: 100px;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #46488415;
    border-radius: 16px;
    margin:16px 16px 0px 16px;
    } 
    .ticketPrio1{
        text-align:center;
    }
    .formSubmit{
    width: 40%!important;
    }
    .formControl {
    width: 60%!important; 
    }#problemSubmit.formControl {
    width: 100%!important;
    }
    #problemDesc.formControl {
    width: 100%!important;
    height: 50px;
}
.lineSpace {
    height: 70px;
}
}

.create-list .modal-header {
padding-top:50px;
display: block;
border-bottom:0px 
}
.create-list .modal-title {
text-align: center;
font: normal normal bold 28px/44px 'Prompt';
letter-spacing: 0px;
color: #223355;
}
.create-list .modal-body {
position: relative;
flex: 1 1 auto;
padding: 0px 48px 0px 48px;
}
.create-list .modalSubHeader{
    color: var(--unnamed-color-707b9b);
    text-align: center;
    font: normal normal normal 15px/24px 'Prompt';
    letter-spacing: 0px;
    color: #707B9B;
    text-transform: capitalize;
}
.create-list    .modalText{
    color: var(--unnamed-color-4c6090);
    text-align: left;
    font: normal normal normal 14px/22px 'Prompt';
    letter-spacing: 0px;
    color: #4C6090;
    padding:16px 0px 4px 0px;
}
.dropdownLong{
    display:flex;
    align-items: center;
    justify-content: space-between;   
    padding:6px 12px 6px 12px;
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: left;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    height: 38px;
    width: 100%;
    /* UI Properties */
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #1D2F55;
    border-radius: 8px;
    }
.TKD .dropdownLong{
display:flex;
align-items: center;
justify-content: space-between;   
padding:6px 12px 6px 12px;
font-family: var(--bs-btn-font-family);
font-size: var(--bs-btn-font-size);
font-weight: var(--bs-btn-font-weight);
line-height: var(--bs-btn-line-height);
color: var(--bs-btn-color);
text-align: left;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
max-width: 123px;
height: 38px;
/* UI Properties */
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #1D2F55;
border-radius: 8px;
}

.formSubmit{
width: 20%;
height: 38px;
/* UI Properties */
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #1D2F55;
border-radius: 0px 8px 8px 0px;
}
.formControl {
display: block;
width: 80%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
height: 38px;
/* UI Properties */
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #CADEF4;
border-radius: 8px;
}
#problemSubmit.formControl {
width: 100%;
}
#problemDesc.formControl {
width: 100%;
height: 80px;
}
.detailFooter .formControl {
display: block;
width: 80%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
height: 38px;
/* UI Properties */
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #CADEF4;
border-radius: 8px 0px 0px 8px;
}
.detailFooter .formSubmit{
width: 20%;
height: 38px;
/* UI Properties */
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #1D2F55;
border-radius: 0px 8px 8px 0px;
}

.create-list .modal-footer {
display: flex;
align-items: center;
justify-content: center;
padding:30px 0px 50px 0px;
border-top:0px;
}
.modal1{
width: 135px;
height: 48px;
background: var(--unnamed-color-14223f) 0% 0% no-repeat padding-box;
background: #14223F 0% 0% no-repeat padding-box;
border-radius: 8px;
color: var(--unnamed-color-ffffff);
text-align: center;
font: normal normal 18px/29px 'Prompt';
letter-spacing: 0px;
color: #FFFFFF;
}

.modal2{
width: 135px;
height: 48px;
border: 1px solid #15233E;
border-radius: 8px;
color: var(--unnamed-color-14223f);
text-align: center;
font: normal normal 18px/29px 'Prompt';
letter-spacing: 0px;
color: #14223F;
}
.TKD .modal1{
    width: 135px;
    height: 48px;
    background: var(--unnamed-color-14223f) 0% 0% no-repeat padding-box;
    background: #14223F 0% 0% no-repeat padding-box;
    border-radius: 8px;
    color: var(--unnamed-color-ffffff);
    text-align: center;
    font: normal normal 18px/29px 'Prompt';
    letter-spacing: 0px;
    color: #FFFFFF;
    }
.TKD .modal2{
    width: 135px;
    height: 48px;
    border: 1px solid #15233E;
    border-radius: 8px;
    color: var(--unnamed-color-14223f);
    text-align: center;
    font: normal normal 18px/29px 'Prompt';
    letter-spacing: 0px;
    color: #14223F;
    margin-left: 32px;
    }
#exampleModal.show{
    width: 100%!important;
}
#exampleModal.fade{
    transition: opacity .15s linear;
    width: 100%!important;
}
.tox-notifications-container{
    display: none;
}