.btn:hover,
.btn:focus {
    outline: none;
}

.btn:active,
.btn.active {
    box-shadow: none;
}

body .non-clickable {
    pointer-events: none !important;
    /*
    color: #6d6d6d !important;
    background: #e6e6e6 !important;*/
}

.msg-info {
    color: blue;
    font-weight: bold;
}

.msg-err {
    color: red;
    font-weight: bold;
}

.modal-content {
/*    height: 100%;*/
}

.modal-body {
    height: 100%;
}

div.form_output {
    /*padding: 14px;  */
    /*margin: 15px 0;*/
    max-width: 80%;
}

.textarea_output {
    white-space: break-spaces;
}

.ibtn input[type="submit"] {
    border-radius: 100px;
    /* TOM {*/
    padding: 8px 30px;
    /*margin: 8px 10px;*/
    /* } */
    text-align: center;
    color: #fff;
    background-color: #0053B3;
    font-weight: 600;
    display: inline-block;
    border: 0;
    font-size: 14px;
}

.ibtn input[type="submit"]:hover,
.ibtn input[type="submit"]:focus {
    background-color: #044999;
}

.mainContent .myHeader2.myflex {
    padding: 10px 0 10px 0;

}

.pmtArea .pmtHeader .header_cell,
.pmtArea .pmtList .main.myflex>div:not(:last-child) {
    padding-right: 10px;
}

.pmtArea .pmtHeader .header_cell:nth-child(1),
.pmtArea .pmtList .main.myflex>div:first-child {
    padding-left: 10px;
}

.actionCol {
    position: relative;
}

.actionCol>div>a {
    display: flex;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

.activeFM .actionCol>div>a,
.actionCol>div>a:hover,
.actionCol>div>a:focus {
    background-color: #51d9e7;
    text-decoration: none;
}

.pmtArea .pmtList {
    min-height: 250px;
}

.pmtArea .pmtList .functionMenu>.border {
    top: 100%;

}

.pmtArea .pmtList>div:nth-last-child(-n+2) .functionMenu>.border {}

.eca_eah .nav a.active {
    font-weight: bold;
    text-decoration: none;
    color: #0053B3;
    border-bottom: 4px solid #0053B3;
}

/*
.mainContent .photoSelector .border .cover>a.externalUrl>img {
    width: 450px;
    height: 280px;
}
*/
body .row3 .row {
    margin: 0 0 10px 0;
}

.modal-dialog .pmtList.dialogList>div {
    margin: 0;
    padding: 0;
}

input[type='submit'].btn {
    background-color: #0053B3;
    color: #ffff;
}

a.btn.resetbtn {
    background-color: buttonface;
}



.desk_dropzone_project {
    position: relative;
    height: 120px;
    max-height: 120px;
    width: 120px;
    max-width: 120px;
    border-style: dashed;
}


.desk_dropzone_project .dropzoneArea {
    height: 100%;
    text-align: center;
}

.desk_dropzone_project .dropzone .dz-message {
    text-align: center;
    margin: unset;
    height: 100%;
}

.form_selection {
    display: block;
    width: 80%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0/ 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0/ 8%);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.myflex.flex3421>*:nth-child(1) {
    width: 30%;
}

.myflex.flex3421>*:nth-child(2) {
    width: 40%;
}

.myflex.flex3421>*:nth-child(3) {
    width: 20%;
}

.myflex.flex3421>*:nth-child(4) {
    width: 10%;
}

.myflex.flex721>*:nth-child(1) {
    width: 70%;
}

.myflex.flex721>*:nth-child(2) {
    width: 20%;
}

.myflex.flex721>*:nth-child(3) {
    width: 10%;
}



.myflex.flex5221>*:nth-child(1) {
    width: 50%;
}

.myflex.flex5221>*:nth-child(2),
.myflex.flex5221>*:nth-child(3) {
    width: 20%;
}

.myflex.flex5221>*:nth-child(4) {
    width: 10%;
}


.myflex.flex32221>*:nth-child(1) {
    width: 30%;
}

.myflex.flex32221>*:nth-child(2),
.myflex.flex32221>*:nth-child(3),
.myflex.flex32221>*:nth-child(4) {
    width: 20%;
}

.myflex.flex32221>*:nth-child(5) {
    width: 10%;
}

.myflex.flex1321121>*:nth-child(1),
.myflex.flex1321121>*:nth-child(4),
.myflex.flex1321121>*:nth-child(5),
.myflex.flex1321121>*:nth-child(7) {
    width: 8%;
}

.myflex.flex1321121>*:nth-child(2) {
    width: 25%;
}

.myflex.flex1321121>*:nth-child(3),
.myflex.flex1321121>*:nth-child(6) {
    width: 20%;
}

.myflex.flex222121>*:nth-child(1),
.myflex.flex222121>*:nth-child(2),
.myflex.flex222121>*:nth-child(3),
.myflex.flex222121>*:nth-child(5) {
    width: 20%;
}

.myflex.flex222121>*:nth-child(4),
.myflex.flex222121>*:nth-child(6) {
    width: 10%;
}

.myflex.flex222211>*:nth-child(1),
.myflex.flex222211>*:nth-child(2) {
    width: 24%;
}

.myflex.flex222211>*:nth-child(3),
.myflex.flex222211>*:nth-child(4) {
    width: 12%;
}

.myflex.flex222211>*:nth-child(6) {
    width: 12%;
}

.myflex.flex222211>*:nth-child(5),
.myflex.flex222211>*:nth-child(7) {
    width: 8%;
}


.myflex.flex1022211>*:nth-child(4),
.myflex.flex1022211>*:nth-child(5) {
    width: 20%;
}

.myflex.flex1022211>*:nth-child(3) {
    width: 24%;
}

.myflex.flex1022211>*:nth-child(1),
.myflex.flex1022211>*:nth-child(6) {
    width: 10%;
}

.myflex.flex1022211>*:nth-child(2) {
    width: 8%;
}

.myflex.flex1022211>*:nth-child(7) {
    width: 5%;
}




.myflex.flex112221>*:nth-child(1),
.myflex.flex112221>*:nth-child(2),
.myflex.flex112221>*:nth-child(4),
.myflex.flex112221>*:nth-child(5) {
    width: 14%;
}

.myflex.flex112221>*:nth-child(3) {
    width: 35%;
    word-break: break-all;
}

.myflex.flex112221>*:nth-child(6) {
    width: 5%;
}

.myflex.flex02112111>*:nth-child(1) {
    width: 3%;
}

.myflex.flex02112111>*:nth-child(3),
.myflex.flex02112111>*:nth-child(7) {
    width: 10%;
}

.myflex.flex02112111>*:nth-child(4),
.myflex.flex02112111>*:nth-child(6) {
    width: 15%;
}

.myflex.flex02112111>*:nth-child(2),
.myflex.flex02112111>*:nth-child(5) {
    width: 20%;
}

.myflex.flex02112111>*:nth-child(8) {
    width: 5%;
}


.myflex.flex11111211>*:nth-child(1),
.myflex.flex11111211>*:nth-child(2),
.myflex.flex11111211>*:nth-child(3),
.myflex.flex11111211>*:nth-child(4),
.myflex.flex11111211>*:nth-child(5),
.myflex.flex11111211>*:nth-child(7),
.myflex.flex11111211>*:nth-child(8) {
    width: 10%;
}

.myflex.flex11111211>*:nth-child(9) {
    width: 6%;
}

.myflex.flex11111211>*:nth-child(6) {
    width: 24%;
}

.myflex.flex1212121>*:nth-child(1),
.myflex.flex1212121>*:nth-child(3),
.myflex.flex1212121>*:nth-child(4),
.myflex.flex1212121>*:nth-child(6) {
    width: 12%;
}

.myflex.flex1212121>*:nth-child(7) {
    width: 5%;
}

.myflex.flex1212121>*:nth-child(2),
.myflex.flex1212121>*:nth-child(5) {
    width: 20%;

}

/*
.myflex.flex1022211>*:nth-child(3),
.myflex.flex1022211>*:nth-child(4),
.myflex.flex1022211>*:nth-child(5){
	width: 20%;
}

.myflex.flex1022210>*:nth-child(1),
.myflex.flex1022210>*:nth-child(6){
	width: 10%;
}

.myflex.flex1022210>*:nth-child(2),
.myflex.flex1022210>*:nth-child(7){
	width: 10%;
}
*/

.myflex.flex032221>*:nth-child(2) {
    width: 32%;
}

.myflex.flex032221>*:nth-child(3) {
    width: 20%;
}

.myflex.flex032221>*:nth-child(4),
.myflex.flex032221>*:nth-child(5) {
    width: 18%;
}

.myflex.flex032221>*:nth-child(6) {
    width: 10%;
}

.myflex.flex032221>*:nth-child(1) {
    width: 30px;
}

.myflex.flex13321>*:nth-child(1) {
    width: 4%;
}

.myflex.flex13321>*:nth-child(5) {
    width: 8%;
}

.myflex.flex13321>*:nth-child(2),
.myflex.flex13321>*:nth-child(3) {
    width: 35%;
}

.myflex.flex13321>*:nth-child(4) {
    width: 16%;
}



.myflex.flex5221>*:nth-child(1) {
    width: 50%;
}

.myflex.flex5221>*:nth-child(2),
.myflex.flex5221>*:nth-child(3) {
    width: 18%;
}

.myflex.flex5221>*:nth-child(4) {
    width: 10%;
}

.myflex.flex3322>*:nth-child(1),
.myflex.flex3322>*:nth-child(2) {
    width: 30%
}

.myflex.flex3322>*:nth-child(n+3) {
    width: 20%
}

.myflex.flex2422>*:nth-child(1),
.myflex.flex2422>*:nth-child(3),
.myflex.flex2422>*:nth-child(4) {
    width: 12%
}

.myflex.flex2422>*:nth-child(2) {
    width: 55%
}

.myflex.flex2242>*:nth-child(1),
.myflex.flex2242>*:nth-child(2),
.myflex.flex2242>*:nth-child(4) {
    width: 12%
}

.myflex.flex2242>*:nth-child(3) {
    width: 55%
}

.myflex.flex14311>*:nth-child(1),
.myflex.flex14311>*:nth-child(4),
.myflex.flex14311>*:nth-child(5) {
    width: 10%;
}

.myflex.flex14311>*:nth-child(2) {
    width: 40%;
}

.myflex.flex14311>*:nth-child(3) {
    width: 30%
}

.myflex.flex133111>*:nth-child(1) {
    width: 10%;
}

.myflex.flex133111>*:nth-child(6) {
    width: 8%;
}

.myflex.flex133111>*:nth-child(4),
.myflex.flex133111>*:nth-child(5) {
    width: 17%;
}

.myflex.flex133111>*:nth-child(2),
.myflex.flex133111>*:nth-child(3) {
    width: 24%
}

.myflex.flex133111>*:nth-child(4) .password {
    width: 91%;
}

.myflex.flex0211111111>* {
    width: 6%;
}
.myflex.flex0211111111>*:nth-child(1) {
    width: 4%;
}
.myflex.flex0211111111>*:nth-child(2) {
    width: 27%;
}
.myflex.flex0211111111>*:nth-child(10) {
    width: 9%;
}
.myflex.flex0211111111>*:nth-child(11) {
    width: 12%;
}

.myflex.flex1311121>*:nth-child(1) {
    width: 4%;
}

.myflex.flex1311121>*:nth-child(2) {
    width: 35%;
}

.myflex.flex1311121>*:nth-child(6) {
    width: 18%;
}

.myflex.flex1311121>*:nth-child(3),
.myflex.flex1311121>*:nth-child(5) {
    width: 10%;
}

.myflex.flex1311121>*:nth-child(4) {
    width: 15%;
}

.myflex.flex1311121>*:nth-child(7) {
    width: 5%;
}

.myflex.flex3211111>*:nth-child(1) {
    width: 30%;
}

.myflex.flex3211111>*:nth-child(2) {
    width: 20%;
}


.myflex.flex3211111>*:nth-child(3),
.myflex.flex3211111>*:nth-child(4),
.myflex.flex3211111>*:nth-child(5),
.myflex.flex3211111>*:nth-child(6) {
    width: 10%;
}

.myflex.flex3211111>*:nth-child(7) {
    width: 8%;
}

.myflex.flex13211>*:nth-child(1) {
    width: 4%;
}

.myflex.flex13211>*:nth-child(2) {
    width: 40%;
}

.myflex.flex13211>*:nth-child(4) {
    width: 32%;
}

.myflex.flex13211>*:nth-child(3),
.myflex.flex13211>*:nth-child(5) {
    width: 12%;
}

.myflex.flex1522>*:nth-child(1) {
    width: 4%;
}

.myflex.flex1522>*:nth-child(2) {
    width: 60%;
}

.myflex.flex1522>*:nth-child(3),
.myflex.flex1522>*:nth-child(4) {
    width: 18%;
}

.myflex.flex622>*:nth-child(1) {
    width: 60%
}

.myflex.flex622>*:nth-child(2),
.myflex.flex622>*:nth-child(3) {
    width: 20%
}



.myflex.flex262>*:nth-child(2) {
    width: 70%
}

.myflex.flex262>*:nth-child(1),
.myflex.flex262>*:nth-child(3) {
    width: 15%
}

.myflex.flex82>*:nth-child(1) {
    width: 80%
}

.myflex.flex82>*:nth-child(2) {
    width: 20%
}

.myflex.flex23221>*:nth-child(1),
.myflex.flex23221>*:nth-child(3),
.myflex.flex23221>*:nth-child(4),
.myflex.flex23221>*:nth-child(5) {
    width: 15%;
}

.myflex.flex23221>*:nth-child(2) {
    width: 25%;
}

.myflex.flex23221>*:nth-child(6) {
    width: 10%;
}

.myflex.flex232111>*:nth-child(1),
.myflex.flex232111>*:nth-child(3) {
    width: 15%;
}

.myflex.flex232111>*:nth-child(2) {
    width: 25%;
}

.myflex.flex232111>*:nth-child(4),
.myflex.flex232111>*:nth-child(5),
.myflex.flex232111>*:nth-child(6),
.myflex.flex232111>*:nth-child(7) {
    width: 10%;
}



.myflex.flex31321>*:nth-child(1),
.myflex.flex31321>*:nth-child(3) {
    width: 30%;
}

.myflex.flex31321>*:nth-child(4) {
    width: 20%;

}

.myflex.flex31321>*:nth-child(2),
.myflex.flex31321>*:nth-child(5) {
    width: 10%;
}




.myflex.flex13321>*:nth-child(1),
.myflex.flex13321>*:nth-child(5) {
    width: 10%;
}

.myflex.flex13321>*:nth-child(2),
.myflex.flex13321>*:nth-child(3) {
    width: 30%;
}

.myflex.flex13321>*:nth-child(4) {
    width: 20%;
}



.myflex.flex122221>*:nth-child(1),
.myflex.flex122221>*:nth-child(6) {
    width: 5%;
}

.myflex.flex122221>*:nth-child(5) {
    width: 10%;
}

.myflex.flex122221>*:nth-child(2),
.myflex.flex122221>*:nth-child(3),
.myflex.flex122221>*:nth-child(4) {
    width: 25%;
}


.myflex.flex55>*:nth-child(1),
.myflex.flex55>*:nth-child(2) {
    width: 50%;
}
.myflex.flex022221>*:nth-child(1),
.myflex.flex01211221>*:nth-child(1) {
    width: 3%;
}

.myflex.flex01211221>*:nth-child(2),
.myflex.flex01211221>*:nth-child(4),
.myflex.flex01211221>*:nth-child(5),
.myflex.flex01211221>*:nth-child(8) {
    width: 10%;
}

.myflex.flex01211221>*:nth-child(3) {
    width: 25%;
}

.myflex.flex01211221>*:nth-child(6),
.myflex.flex01211221>*:nth-child(7) {
    width: 13%;
}

.myflex.flex01211221>*:nth-child(9) {
    width: 5%;
}

.myflex.flex022221>*:nth-child(2){ 
	width: 20%;
} 
.myflex.flex022221>*:nth-child(3),
.myflex.flex022221>*:nth-child(4),
.myflex.flex022221>*:nth-child(5),
.myflex.flex022221>*:nth-child(6){
	width: 15%;
}
.myflex.flex022221>*:nth-child(7){
	width: 8%;
}





.myflex.flex222221>*:nth-child(1),
.myflex.flex222221>*:nth-child(2), 
.myflex.flex222221>*:nth-child(4),
.myflex.flex222221>*:nth-child(5){ 
	width: 15%;
} 

.myflex.flex222221>*:nth-child(3){ 
	width: 25%;
} 
.myflex.flex222221>*:nth-child(6){
	width: 8%;
} 




.myflex.flex12111111>*:nth-child(1){
	width: 4%;
}
.myflex.flex12111111>*:nth-child(2)  {
    width: 25%;
}

.myflex.flex12111111>*:nth-child(3),
.myflex.flex12111111>*:nth-child(4),
.myflex.flex12111111>*:nth-child(5),
.myflex.flex12111111>*:nth-child(6),
.myflex.flex12111111>*:nth-child(7){
    width: 12%;
}
 

.myflex.flex12111111>*:nth-child(8)  {
    width: 5%;
}

ul.tax_list {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0;
    margin-top: 20px;
}

#body .modal.in.share_view .modal-dialog {
    height: 500px;
}

#body .modal.in .modal-dialog {
    margin: 0;
    position: absolute;
    /* width: 800px; */
    /* top: 50%; */
    /* left: 50%; */
    /* -webkit-transform: translate(-50%, -50%); */
    -ms-transform: translate(-50%, -50%);
    /* transform: translate(-50%, -50%); */
    /* max-height: 85vh; */
    left: 2%;
    right: 2%;
    top: 2%;
    bottom: 2%;
    width: auto;
    height: auto;
}

.modal-backdrop{
    visibility: hidden;
}

.in {
    display: block !important;
}

.modal {
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 8900;
    /*visibility: hidden;*/
}

.modal.visible{
    visibility: visible;
}


.modal-header .close {
    float: right;
    color: #ffff;
    font-size: 24px;
    background: none;
    border: 0px;
}

.modal-header .close:hover,
.modal-header .close:focus {
    color: #fff !important;
}

.modal-header {
    background: #222222;
    font-weight: bold;
    font-size: 20px;
    color: white;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

#shareForm .center_row {
    align-items: center;
}

#shareForm .share_method table {
    margin-bottom: 0;
}

.inputList .multi_row,
.inputList .center_row,
#shareForm .center_row {}

.previewThumbnail {
    /* min-width:550px; */
    flex: 1 1 550px;
}

.previewThumbnail .myflex>div {
    /* min-height: 182px; */

}

/* TOM */
.previewThumbnail .myflex>div:not(.dropzone) a {
    display: grid;
    place-items: center;
}

.myItemList.mil_1 .list .title label {}

.myItemList.mil_1.mil_select .activeFM .functionMenu .border {
    /* left: 0;
    top: 0;
    position: relative;
    background-color: rgba(0, 0, 0, 0.47);
    padding: 0px;
    min-width:100px;*/
}

.myItemList.mil_1.mil_select .mytagPage .fmTit a {
    /*display: block;
    position: relative;
  
    padding-top:10px;
    padding-bottom:10px;
    padding-right:10px;
    padding-left: 50px;
    color: #fff;*/
}

.myItemList.mil_1.mil_select .mytagPage .fmTit a:before {
    /*-webkit-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);*/
}

@media screen and (max-width: 992px) {
    /*
	body .activeFM .functionMenu .border { 
	   left: 100px !important;
	    right: unset !important;
	    top: 100px !important;
    }*/
}

/* TOM ends */
.activeFM .functionMenu .border {
    left: 0;
    top: 0;
    bottom: auto;

    z-index: 10;
}

/* TOM */
.section_list {
    display: flex;
    gap: 20px 1rem;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 20px 0;
}

.section_list .section_folder {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    /* width: 25%;*/
    min-width: 250px;
    max-width: 250px;
    padding: 1rem 10px;
    display: inline-block;
}

/* TOM ends */

.myCatalog .prerviewDetail {
    overflow: auto;
    border-right: 1px solid rgba(12, 18, 28, 0.12);
}


.mainContent .myCatalog,
.mainContent .myCatalog .infoDetail {
    /*    height: 100%;*/
    overflow: auto;
    padding-top: 20px;
}

.mainContent form .modal-body {
    /*   height: 85%;*/
    overflow-y: auto;
    overflow-x: hidden;
	max-height: calc(100vh - 63px - 85px);
}
.modal-content form{
/*	height:100% !important;*/
}
.mainContent #folderForm .modal-body {
     height: 90% !important; 
    overflow-y: scroll !important;
    overflow-x: hidden;

}

.myCatalog .prerviewDetail,
.myCatalog .prerviewDetail2 {
    overflow: auto;
}

.mainContent .loginBox .header {
    font-size: unset;
}

.pDCover .cover img {
    padding: 10px;
}

.modal-body .myCatalog .pDCover {
    border: unset;
    border-bottom: 1px solid rgba(12, 18, 28, 0.12);
}

.myCatalog .pDTool .ibtn a {
    background-color: rgb(243, 244, 245);
    font-weight: unset;
}

.fileBtns a {
    background-color: rgb(243, 244, 245);
    border-radius: 100px;
    padding: 5px 10px;
    margin: 8px 8px;
    text-align: center;
    color: #000;
    display: inline-block;
}

.modal_close {
    float: right;
    font-weight: bold;
    font-size: 30px;
    color: white;
    /* padding-right: 15px;*/
}

.pDDescript .title {
    font-weight: bold;
}

/*
.title a.click_edit:after,
.title a.click_edit_tax:after {
    background-image: url(../images/icon/icon_edit2.svg);
}

.title a.click_edit:after,
.title a.click_edit_tax:after {
    content: ""; 
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-left: 15px;
}
*/
/* TOM { */
/*
.leftMenu {
    --left-menu-btn-group-width: 70px;
    --left-menu-expand-width: 380px;
}
*/
.bodyArea {
    /*min-height: calc(100vh - 64px - 110px);*/
}

.bodyArea>.content_bg>.container>.myflex.flexLM {
    /*min-height: calc(100vh - 64px - 110px);*/
    height: 100%;
}

/*
.activeLM .leftMenu .border {
    width: calc(100% + var(--left-menu-expand-width));
}

.leftMenu .btnGroup .submenu {
	 width: var(--left-menu-expand-width);
	 top: 64px;
	 bottom: 0px;
	 height: auto;
}

.leftMenu .btnGroup .submenu a {
    padding: 0.85rem;
    transition: all .2s cubic-bezier(.4, 0, .2, 1);
}

.leftMenu .btnGroup .submenu .msheading {
    color: #0064D6;
    font-weight: 700;
}

.leftMenu .btnGroup .submenu .mscontent {
    font-size: 0.85rem;
    background-color: transparent;
}

body:not(.activeLM) .leftMenu .ocBtn {
    visibility: hidden;
}

.leftMenu .ocBtn {
    display: flex;
    justify-content: flex-end;
}

.leftMenu .ocBtn a {
    position: static;
    text-align: initial;
}

*/
.myflex.gap {
    gap: 1rem;
}

.section_list .functionFolder {
    display: flex;
}

.section_list .functionFolder a {
    padding-left: 0px;
}

.section_list .functionFolder>a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 45px;
}

.section_list .functionFolder a:before {
    display: none;
}

.section_list .functionFolder> :first-child:before {
    display: block;
}

.section_list .functionFolder .actionCol {
    margin-left: auto;
    margin-right: 7.5px;
}

.inputList {
    margin-bottom: 2rem;
}

.inputList .title {
    flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    width: clamp(10%, 350px, 100vw);
}

.inputList .flex400 .title {
    max-width: 20%;
}

.inputList .input.long {
    flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    width: clamp(50%, 500px, 100vw);
}

.inputList .input.underline-style input:not(:focus) {
    border-bottom-color: rgba(12, 18, 28, .12);
}

.inputList .input.underline-style input:focus,
.inputList .input.underline-style textarea:focus {
    outline: none;
    border-bottom-color: transparent;
}

.inputList .input.underline-style textarea {
    border: none;
    overflow: hidden;
    background: transparent;
    max-width: unset;
    width: 100%;
    border-bottom: 1px solid rgba(12, 18, 28, .12);
    border-radius: 0px;
    padding: 8px 0;
    resize: vertical;
    height: 100%;
}

.textarea_field {
    white-space: pre-wrap;
}

.inputList .input.underline-style select {
    border: none;
    border-bottom: 1px solid rgba(12, 18, 28, .12);
    width: 100%;
    padding-bottom: 4px;
}

.inputList .input.underline-style select:focus {
    border-bottom-color: transparent;
    outline: none;
}

.inputList .input.underline-style {
    position: relative;
}

.inputList .input.underline-style::before,
.inputList .input.underline-style::after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 2px;
    transition: all .2s cubic-bezier(.4, 0, .2, 1);
    width: 0;
}

.inputList .input.underline-style::before {
    left: 50%;
}

.inputList .input.underline-style::after {
    right: 50%;
}

.leftMenu .foldertree li>a>i,
.leftMenu .foldertree li>i {
    color: #ffff;
}

.fas .blank_img {
    opacity: 0;
}

.self_modal .modal-dialog {
    /*max-width:500px !important;
		left:35% !important;*/
    max-height: 560px;
    min-height: 560px;
    top: 10%;
}

.self_modal form .modal-body {
    position: inherit !important;
}

.self_modal .input .itxt input[type="text"],
.self_modal .input .itxt input[type="password"] {
    padding: 5px !important;
}

.self_modal .pwdBox.border {
    padding: 0 !important;
    margin: unset !important;
    min-height: 250px;
    max-height: 250px;
}

.self_modal .pwdBox.border .input {
    min-height: 250px;
    max-height: 250px;
}

.binGroup {
    /*
    height: 100px;  
    position: absolute; 
    bottom: 0; 
    */
    position: fixed;
    bottom: 80px;
    z-index: 99;
    outline: none;
    color: white;
    cursor: pointer;
    /*padding-bottom: 15px; */
}

#adv_search_form .input label.tag,
#adv_search_form .input label.ftype {
    width: 23%;
    display: -webkit-inline-box;
}

#adv_search_form .input label .checkbox_txt {
    display: flex;
    padding-left: 10px;
    width: 90%;
}

.deskSearch {
    width: 100%;
}

.filter_area.less,
.tagTool.less {
    height: 46px;
    overflow: hidden;
}

.mul_record {
    margin-right: 5px;
}


div.textarea_long {
    width: 100%;
}

.textarea_long textarea {
    background: #fff;
    border: 1px solid #666;
    border-radius: 0;
    width: 100%;
    height: 140px;
    min-height: 100px;
    outline: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

/*
.mob_searchTool{
	padding:10px;
}
.mob_searchTool select{
   color:black;
}
.mob_searchTool input{
	min-width:250px;
	max-width:250px;
}
body .headerArea .headerTool .searchTool #search_keyword_top{
	min-width:250px;
	max-width:250px;
}*/



/*
.footerArea2 {
    background-color: #afdafa;
    padding: 10px 0;
}

.footerArea2, .footerArea2 a {
    color: #000;
}

.footerArea2 .footerRow>*{
	width: auto;
}

.footerBanner {
	padding: 0;
}

.footertool {
	margin-left: auto;
}
*/

div.form_header {
    font-size: 1.2em;
    font-weight: bold;
    padding: 10px 0 10px 0px;
}

@supports not selector(:has(a)) {

    /*if browser does not support has selector (i.e. Firefox) */
    .inputList .input.underline-style:focus-within::before,
    .inputList .input.underline-style:focus-within::after {
        width: 50%;
        background-color: #0053B3;
    }
}

.inputList .input.underline-style:has(:not(a):focus)::before,
.inputList .input.underline-style:has(:not(a):focus)::after {
    width: 50%;
    background-color: #0053B3;
}

.underline-style .pass1,
.underline-style .pass2 {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 0.5rem;
}

.loginBox .input .itIcon.itiPw:after {
    display: none;
}

.loginBox .input .itIcon.itiCaptcha:after {
    display: none;
}

.loginBox .input .itIcon.itiOtp:after {
    background-image: url(../images/icon/icon_password_i.svg);
}

.loginBox .input>label,
.pwdBox .input>label {
    color: #0053B3;
    padding: 4px 10px;
    font-weight: bold;
}

.loginBox .input .irow,
.pwdBox .input .irow {
    padding: 0;
    margin-bottom: 20px;
}

.modal-body .pwdBox.pwd_dialog.border {
    background-color: unset;
    border: unset;
    border-radius: unset;
    max-width: unset;
}

@media screen and (max-width: 992px) {

    body .myflex.flex622>*:nth-child(n+1),
    body .myflex.flex262>*:nth-child(n+1),
    body .myflex.flex23221>*:nth-child(n+1),
    body .myflex.flex232111>*:nth-child(n+1),
    body .myflex.flex3322>*:nth-child(n+1),
    body .myflex.flex2422>*:nth-child(n+1) {
        /*width: 100%;
        max-width: 100%;
        margin: 8px 0;*/
    }

    body .myflex.flex622>*.minicheck:nth-child(n+1),
    body .myflex.flex262>*.minicheck:nth-child(n+1) {
        margin: 0 -8px;
    }
}

/* }*/
.header_cell {
    font-weight: bold;
}

.pDCover.inputList .title.input.underline-style {
    width: auto;
}

.pDCover.inputList .title.input.underline-style .edit_field {
    width: 100%;
}

.under_btn_row {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.under_btn_row>*:not(:last-child) {
    margin-right: 10px;
}


.modal-footer {
    margin-top: 0;
}

.modal_btn_row {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
    padding-right: 20px;
    align-items: center;
}

.modal-footer .ibtnArea>*:not(:last-child),
.modal_btn_row>*:not(:last-child) {
    margin-right: 10px;

}

.modal-footer .ibtnArea>*,
.modal_btn_row>* {

    margin-bottom: 10px;
}


.modal-footer .modal_btn_row {
    margin-top: 0;
    padding-right: 0;
}

.modal-footer .ibtnArea {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}


.editBtns {
    text-align: right;
    margin-top: 10px;
}

.editBtns a.btn {
    border-radius: 100px;
    padding: 5px 20px;
    margin: 0 5px;
    text-align: center;
    font-weight: bold;
    display: inline-block;
    border: 0;
}

.editBtns a.btn.btn1 {
    background-color: #0053B3;
    color: #fff;
}

.editBtns a.btn.btn2 {
    background-color: #f5f5f5;
    color: #4A4A4A;
}

#dlgConfirm .btn-secondary,
.modal_btn_row .ibtn3 a,
.modal-footer .modal_btn_row .ibtn3 input,
.modal-footer .ibtnArea .ibtn3 a,
.editBtns a.btn.btn3 {
    color: #4A4A4A;
    background-color: #E5E5E5;

    margin-bottom: 0;
}

#dlgConfirm .btn-secondary:hover,
.modal_btn_row .ibtn3 a:hover,
.modal-footer .modal_btn_row .ibtn3 input:hover,
.modal-footer .ibtnArea .ibtn3 a:hover,
.editBtns a.btn.btn3:hover,
#dlgConfirm .btn-secondary:focus,
.modal_btn_row .ibtn3 a:focus,
.modal-footer .modal_btn_row .ibtn3 input:focus,
.modal-footer .ibtnArea .ibtn3 a:focus,
.editBtns a.btn.btn3:focus {
    background-color: #f5f5f5;
}


.editBtns a.btn.btn4 {
    background-color: #fff;
    border: 1px solid #4A4A4A;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #4A4A4A;
}

.new_tag {
    position: relative;
}

.tag_btn a {
    display: inline-block;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 0;
    bottom: 3px;
}

.tag_btn a::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../images/icon/icon_trash.svg');
    filter: var(--filter_hexcode_3f7cd8);
}


.pDTag .content {
    width: 100%;
}

.commentList {}

.commentForm {
    /*    position: absolute;*/
    bottom: 0px;
}

#commentContainer {
    flex: 1 1 auto;
}

#mVaS_ip_key {
    outline: 0;
}

/* Updated by Tom */
.loginBox .itiPw .eye_icon,
.loginBox .itiPw .eye_slash_icon,
.pwdBox .itiPw .eye_icon,
.pwdBox .itiPw .eye_slash_icon {
    position: absolute;
    right: 20px;
    top: 50%;
    width: 16px;
    height: 16px;
    z-index: 2;
    /*background-color: #fff;*/
    color: #0053B3;
    translate: 0 -50%;
}

.lang {
    /* Updated by Tom
	min-width:100px;
	*/
    display: flex;
}

.lang a,
.lang span {
    padding: 5px;
}

/* Updated by Tom
.icon.icon_filter.tit{
	min-width:125px;
}
*/
.icon.icon_filter.tit span.text {
    word-break: keep-all;
}

/* Updated by Tom
#captchatext{
   max-width:65%;
}
*/
/* Updated by Tom */
.irow.itxt.itIcon.itiCaptcha {
    display: flex;
    gap: 1rem;
}

#captchaimg {
    /* min-width:200px;*/
    flex-shrink: 0;
    display: flex;
}

#captchaicon {
    display: inline-grid;
}

.loginBox .input .itIcon.itiEmail:after {
    background-image: url(../images/icon/icon_email_i.svg);
}

.tag_txt {
    width: 12%;
}

.right_side {
    float: right;
}

.sectionLM .functionMenu {
    opacity: 1;
    /*
    z-index: 1;
    position: relative;
    translate: 170px -36px;
    transition: translate 0s, opacity .3s ease-in-out;*/
}

.sectionLM .functionMenu>* {
    display: block;
}

.block_style {
    display: block;
}

.none_style {
    display: none;
}

.width_100 {
    width: 100%;
}

.search_div {
    padding-top: 16px;
    padding-bottom: 16px;
    width: 100%;
    text-align: right;
}

.share_padding {
    margin-bottom: 15px;
    /*margin-right: 15px;*/
}

body .mainContent table th,
.mainContent table td.share_icon_cls {
    width: 25px;
    padding: 0px !important;
}

#shareForm {
    padding-bottom: 15px;
}

#shareForm .modal-body {}

.search_div a.btn {
    border-radius: 0px;
    padding: 8px 30px;
    margin: 8px 10px;
    text-align: center;
    color: #fff;
    background-color: #0053B3;
    font-weight: bold;
    display: inline-block;
    border: 0;
}

.previewThumbnail>div>div {
    min-height: 115px;
}

.pDDescript.hide_tax_btn .tax_btn,
.pATaxonomy.hide_tax_btn .tax_btn {
    display: none;
}

.asset_title_edit {
    display: inline-flex;
    vertical-align: middle;
}

.prerviewAssetDetail .pACover.inputList .title {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: center;
}

.modal-content form {
    /*	height:100%;*/
    /*position: absolute;
    top: 62px;
    bottom: 20px;
    left: 20px;
    right: 20px;*/
}

.modal-footer2 {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.modal-footer2 .editBtns {
    margin-top: 0 !important;
}

.wf_area {
    height: 100%;
}

form .modal-footer {

    min-height: 80px;
}

.mainContent .pwdBox .header {
    font-size: unset;
}

.pwdBox.border {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 16px;
    width: 100%;
    max-width: 640px;
    margin: 20px auto;
    padding: 20px 60px;
}

.pwdBox .header {
    font-size: 2.4em;
    text-align: center;
    margin: 20px 0;
    font-weight: bold;
}

.pwdBox .header.c2 {
    color: #707070;
}

.pwdBox .input {
    padding: 10px 0;
    /*
	padding:10px 20px;*/
}

.pwdBox .input .irow.irow2 {
    padding-top: 0;
}

.pwdBox .input .itxt label {
    position: absolute;
    left: 10px;
    top: 10px;
    background-color: #fff;
    color: #0053B3;
    padding: 4px 10px;
    font-weight: bold;
}

.pwdBox .input .itxt input[type="text"],
.pwdBox .input .itxt input[type="password"] {
    padding: 20px;
    padding-right: 46px;
    border: 1px solid #0053B3;
    width: 100%;
}

.pwdBox .input .ibtn {
    text-align: center;
}

.pwdBox .input .ibtn a,
.pwdBox .input .ibtn input[type="button"] {
    height: 100%;
    border-radius: 100px;
    padding: 8px 30px;
    text-align: center;
    color: #fff;
    background-color: #0053B3;
    font-size: 1.2em;
    font-weight: bold;
    display: inline-block;
    min-width: 240px;
    margin: 0 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.pwdBox .input .ibtn a:focus,
.pwdBox .input .ibtn a:hover {
    background-color: #0d2e4a;
}

.pwdBox .input .ibtn.ibtn2 a {
    min-width: 0;
}

.pwdBox .input .ibtn.ibtn3 a,
.pwdBox .input .ibtn.ibtn3 input[type="button"] {
    color: #4A4A4A;
    background-color: #E5E5E5;
    min-width: 0;
}

.pwdBox .input .ibtn.ibtn3 a:focus,
.pwdBox .input .ibtn.ibtn3 a:hover {
    background-color: #f5f5f5;
}

.pwdBox .input .itIcon {
    position: relative;
}

.pwdBox .input .itIcon:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    width: 16px;
    height: 16px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.pwdBox .input .itIcon.itiUn:after {
    background-image: url(../images/icon/icon_user_i.svg);
}

/*
.pwdBox .input .itIcon.itiPw:after{
	background-image:url(../images/icon/icon_password_i.svg);
}*/
.pwdBox .input .itIcon.itiEm:after {
    background-image: url(../images/icon/icon_email_i.svg);
}

/*
@media screen and (min-width: 992px){ 
	body .myItemList.mil_3 .list .border .cover {
	    min-width: 121px;
	    max-width: 121px;
	    height: 73px;
	    padding: 0 12px;
	}
}*/
#cke_1_bottom {
    display: none;
}

.publish_cls {
    display: flex;
}

.loginBox .loginput .itxt.itIcon.itiCc.captcha {
    width: 250px;
}

.pwdpolicy {
    padding: 20px;
}

body .mVaWorkflow .mVaTpl>div {
    max-width: none;
}

.mob_text {
    display: none;
}

.no_comment {
    padding: 18px 0;
}

.thumbArea {}

.thumbArea .ibtn.icon_upload a:after {
    background-image: url(../images/icon/icon_pa1.svg);
}

.thumbArea .ibtn a:after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 6px;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.iTit.file_name {
    font-weight: normal;
    font-size: 14px;
}


.estimated_time {
    text-align: center;
    min-height: 20px;
}

.folderTool .myArea.ftMore>.more>#actionBtns {
    /*left: -9999px;*/
}

.folderTool .myArea.ftMore>.more.active>#actionBtns {
    /*left:auto;*/
}

.list_cover {
   max-width: 35px;
    
}

body .ui-widget-header {
    background: #0068b3;
    color: #fff;
}

body .ui-dialog.ui-corner-all {
    z-index: 9999;
}

body .ui-dialog-titlebar-close {
    visibility: hidden;
}

body .ui-dialog {
    padding: 0px;
}

.ui-dialog-buttonset>button {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
}

.mobileAll {
    display: none;
}

.shareOption {
    position: relative;
    top: -10px;
}

.upload_hins {
    font-size: 14px;
}

.app_area>table>tbody>tr {
    display: flex;
    flex-wrap: wrap;
}

.app_area>table>tbody>tr>td {
    width: 33.33%;
    display: flex;
    align-items: flex-start;
}

.app_area>table>tbody>tr>td input {
    margin-right: 8px;
}

.password.access_code {
    max-width: 90% !important;
}

/*start dropzone css*/

@-webkit-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%,
    70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@-moz-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%,
    70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%,
    70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@-moz-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.dropzone,
.dropzone * {
    /* box-sizing: border-box*/
}

.dropzone {
    /*
    min-height: 150px;
    border: 2px solid rgba(0,0,0,.3);
    background: #fff;
    padding: 20px 20px*/
}

.dropzone.dz-clickable {
    cursor: pointer;
    display: flex;
    align-items: center;
}


.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
    cursor: pointer;
    padding: 5px;
}

.dropzone.dz-started .dz-message {
    display: none;
}

.dropzone.dz-drag-hover {
    border-style: solid;
}

.dropzone.dz-drag-hover .dz-message {
    opacity: .5;
}

.dropzone .dz-message {
    text-align: center;
    margin: 3em 0;
    width: 100%;
}

.dropzone .dz-message .dz-button {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit
}

.dropzone .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 16px;
    min-height: 100px
}

.dropzone .dz-preview:hover {
    z-index: 1000
}

.dropzone .dz-preview:hover .dz-details {
    opacity: 1
}

.dropzone .dz-preview.dz-file-preview .dz-image {
    border-radius: 20px;
    background: #999;
    background: linear-gradient(to bottom, #eee, #ddd)
}

.dropzone .dz-preview.dz-file-preview .dz-details {
    opacity: 1
}

.dropzone .dz-preview.dz-image-preview {
    background: #fff
}

.dropzone .dz-preview.dz-image-preview .dz-details {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear
}

.dropzone .dz-preview .dz-remove {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none
}

.dropzone .dz-preview .dz-remove:hover {
    text-decoration: underline
}

.dropzone .dz-preview:hover .dz-details {
    opacity: 1
}

.dropzone .dz-preview .dz-details {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    font-size: 13px;
    min-width: 100%;
    max-width: 100%;
    padding: 2em 1em;
    text-align: center;
    color: rgba(0, 0, 0, .9);
    line-height: 150%
}

.dropzone .dz-preview .dz-details .dz-size {
    margin-bottom: 1em;
    font-size: 16px
}

.dropzone .dz-preview .dz-details .dz-filename {
    white-space: nowrap
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
    border: 1px solid rgba(200, 200, 200, .8);
    background-color: rgba(255, 255, 255, .8)
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
    border: 1px solid transparent
}

.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
    background-color: rgba(255, 255, 255, .4);
    padding: 0 .4em;
    border-radius: 3px
}

.dropzone .dz-preview:hover .dz-image img {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-filter: blur(8px);
    filter: blur(8px)
}

.dropzone .dz-preview .dz-image {
    border-radius: 20px;
    overflow: hidden;
    width: 120px;
    height: 120px;
    position: relative;
    display: block;
    z-index: 10
}

.dropzone .dz-preview .dz-image img {
    display: block
}

.dropzone .dz-preview.dz-success .dz-success-mark {
    -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)
}

.dropzone .dz-preview.dz-error .dz-error-mark {
    opacity: 1;
    -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)
}

.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
    pointer-events: none;
    opacity: 0;
    z-index: 500;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -27px;
    margin-top: -27px
}

.dropzone .dz-preview .dz-success-mark svg,
.dropzone .dz-preview .dz-error-mark svg {
    display: block;
    width: 54px;
    height: 54px
}

.dropzone .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear
}

.dropzone .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    -ms-transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
    transition: opacity 0.4s ease-in
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
    -webkit-animation: pulse 6s ease infinite;
    -moz-animation: pulse 6s ease infinite;
    -ms-animation: pulse 6s ease infinite;
    -o-animation: pulse 6s ease infinite;
    animation: pulse 6s ease infinite
}

.dropzone .dz-preview .dz-progress {
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    height: 16px;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    width: 80px;
    margin-left: -70px;
    background: rgba(255, 255, 255, .9);
    -webkit-transform: scale(1);
    border-radius: 8px;
    overflow: hidden
}

.dropzone .dz-preview .dz-progress .dz-upload {
    background: #333;
    background: linear-gradient(to bottom, #666, #444);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: width 300ms ease-in-out;
    -moz-transition: width 300ms ease-in-out;
    -ms-transition: width 300ms ease-in-out;
    -o-transition: width 300ms ease-in-out;
    transition: width 300ms ease-in-out
}

.dropzone .dz-preview.dz-error .dz-error-message {
    display: block
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
    opacity: 1;
    pointer-events: auto
}

.dropzone .dz-preview .dz-error-message {
    pointer-events: none;
    z-index: 1000;
    position: absolute;
    display: block;
    display: none;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    border-radius: 8px;
    font-size: 13px;
    top: 130px;
    left: -10px;
    width: 140px;
    background: #be2626;
    background: linear-gradient(to bottom, #be2626, #a92222);
    padding: .5em 1.2em;
    color: #fff
}

.dropzone .dz-preview .dz-error-message:after {
    content: "";
    position: absolute;
    top: -6px;
    left: 64px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #be2626
}

/*end dropzone css*/

.swiper_nav {
    padding: 10px 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.swiper_nav .swiper-button-prev,
.swiper_nav .swiper-button-next {
    position: relative;
    display: block;
    margin: 0 16px;
    font-size: 0;
    width: 15px;
    height: 15px;
}

.swiper_nav .swiper-button-prev:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/icon/icon_arrow.png);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.swiper_nav .swiper-button-next:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/icon/icon_arrow.png);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.swiper-button-next:after,
.swiper-button-prev:after {
    content: '';
}

.swiper_nav .swiper-pagination {
    position: static;
    width: auto;
    display: flex;
    flex-wrap: wrap;
}

.swiper-pagination .swiper-pagination-bullet {
    display: block;
    background-color: #fff;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 0, .2);
}

.swiper-pagination .swiper-pagination-bullet-active {
    background-color: #000;
    border-color: #000;
}

.swiper-button-lock {
    display: none !important;
}


.swiper-horizontal {
    overflow: unset;
}

.swiper-horizontal .swiper-slide:not(.swiper-slide-visible) {
    opacity: 0;
}

.swiper-slide {
    height: auto;
}


.file_infoMenu {
    display: none;
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    background-color: #fff;
    border-radius: 6px;
    min-width: 270px;
    box-shadow: 0 0 10px rgba(0, 89, 255, 50%);
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 300;
}

.myItemList .list .file_infoMenu .tit {
    color: #000;
}

.box_detail_title_hover {
    position: relative;
    z-index: 50;
}

.box_detail_title_hover .file_infoMenu {
    display: block;
}

.file_infoMenu .title2 {
    font-size: 13.5px;
    color: #646c79;

    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 30px;
    display: table-cell;
}

.file_infoMenu .content {
    font-size: 13.5px;
    color: #333;
    padding-top: 6px;
    padding-bottom: 6px;
    display: table-cell;
}

.file_infoMenu .info_box {
    display: table-row;
}

.file_infoMenu .info_box_big_wrap {
    padding: 12px 16px;
}

.functionMenuBig .functionFolder a,
.file_infoMenu .functionFolder a {
    padding-left: 30px;
}

.functionMenuBig .functionFolder a:before,
.file_infoMenu .functionFolder a:before {
    width: 20px;
    height: 20px;
    top: 0;
}

.myItemList .list .file_infoMenu .count {
    margin-top: 0;
    justify-content: flex-start;
    position: static;
    padding-left: 0;
}

.info_icon {
    display: none;
}

.no_content_default_text {
    margin-top: 15px;

}

.close_btn a {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.close_btn a::before {
    content: "";
    display: block;
    width: 80%;
    height: 80%;
    background-image: url(../images/icon/icon_close2.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


.video_wrapper {
    position: relative;
}

.video_wrapper>* {}

.video-js .vjs-tech {
    position: static;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-fluid:not(.vjs-audio-only-mode) {
    height: auto;
}

.video-js .vjs-big-play-button {
    display: none;
}

.video_wrapper .video_top_transpent_cover {
    width: 100%;
    height: calc(100% - 3em);
    position: absolute;

    z-index: 50;
}

.video-js:not(.vjs-has-started) .vjs-control-bar {
    display: block;
}

.video-js:not(.vjs-has-started)>.vjs-control-bar>*:not(.vjs-play-control) {
    display: none;
}

.body_modal_active {
    overflow: hidden;
}

.modal textarea {
    width: 100%;
    height: 150px !important;
    border: var(--input_text_box_border);
    border-radius: var(--input_text_box_border_radius);
    padding: var(--input_text_box_padding);
}

.modal input[type="password"],
.modal input[type="text"] {
    width: 100%;
    border: var(--input_text_box_border);
    border-radius: var(--input_text_box_border_radius);
    padding: var(--input_text_box_padding);
}

.modal .inputosaurus-container {
    border: var(--input_text_box_border);
    border-radius: var(--input_text_box_border_radius);
    padding: var(--input_text_box_padding);
}



#hashtag_edit_modal,
#asset_desc_edit_modal {
    overflow: hidden;
    margin-bottom: 0;
}

#body #hashtag_edit_modal.modal.in .modal-dialog,
#body #asset_desc_edit_modal.modal.in .modal-dialog {
    max-width: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 50vh;
    top: 50%;
    right: auto;
    width: 40%;
}



#body #rename_modal.modal.in .modal-dialog {
    max-width: 25rem;
    left: 50%;
    transform: translate(-50%, -50%);
 /*   max-height: 20vh;*/
    top: 50%;
}


.modal.in {
    overflow: hidden;
}

.modal.file_view>div.modal-dialog {
    /* width:90% !important; */
    /* height:90% !important; */

}

.file_view .modal_close {
    position: absolute;
    right: 20px;
}

#fileForm {
    height: 100%;
    margin-top: 40px;
}


.password_row {
    display: flex;
    align-items: center;
}

.password_row input {
    margin-right: 10px;
}

.modal-dialog {
    max-width: 80vw;
	--bs-modal-width: auto;
}

#shareForm #sharesubject,
#shareForm .message_box {
    margin-top: 1rem;
}

#shareForm .iconEmail {
    padding-top: 1rem;
}

#shareForm .iconEmail .inputosaurus-container {
    margin-bottom: 0;
}

#shareForm .password_big_row,
#shareForm .expiredate_big_row {
    display: flex;
    flex-wrap: wrap;
}


#shareForm .password_big_row .title,
#shareForm .expiredate_big_row label {
    width: 15%;
    padding-right: 0.8rem;
    white-space: nowrap;
}

#body #searchModal.modal.in .modal-dialog {
    max-width: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 80vh;
    top: 50%;
    width: 100%;
    bottom: auto;
}

#body #renameModal.modal.in .modal-dialog {
    max-width: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 30vh;
    top: 50%;
    width: 100%;
    bottom: auto;
}

#body #funcDialog.modal.in .modal-dialog {
    max-width: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 80vh;
    height: 80vh;
    top: 50%;
    width: 100%;
    bottom: auto;
}

#body #folderModal.modal.in .modal-dialog {
    max-width: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 80vh;
    height: 80vh;
    top: 50%;
    width: 100%;
    bottom: auto;
}

#body #sharefolderModal.modal.in .modal-dialog {
    max-width: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 80vh;
    top: 50%;
    width: 100%;
    bottom: auto;
}


#body #delModal.modal.in .modal-dialog {
    max-width: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 80vh;
    top: 50%;
    width: 100%;
    bottom: auto;
}

.wish_table .pmtHeader>*:nth-child(1),
.wish_table .record_title {
    width: 25%;
}



.wish_table .pmtHeader>*:nth-child(2),
.wish_table .main.myflex>*:nth-child(2) {
    width: 25%;
}



.wish_table .pmtHeader>*:nth-child(3),
.wish_table .main.myflex>*:nth-child(3) {
    width: 10%;
}



.wish_table .pmtHeader>*:nth-child(4),
.wish_table .main.myflex>*:nth-child(4) {
    width: 20%;
}



.wish_table .pmtHeader>*:nth-child(5),
.wish_table .main.myflex>*:nth-child(5) {
    width: 15%;
}



.wish_table .pmtHeader>*:nth-child(6),
.wish_table .main.myflex>*:nth-child(6) {
    width: 5%;
}


.share_asset_form .pmtHeader>*:nth-child(1),
.share_asset_form .main.myflex>*:nth-child(1) {
    width: 20%;
}



.share_asset_form .pmtHeader>*:nth-child(2),
.share_asset_form .main.myflex>*:nth-child(2) {
    width: 20%;
}



.share_asset_form .pmtHeader>*:nth-child(3),
.share_asset_form .main.myflex>*:nth-child(3) {
    width: 30%;
}



.share_asset_form .pmtHeader>*:nth-child(4),
.share_asset_form .main.myflex>*:nth-child(4) {
    width: 20%;
}



.share_asset_form .pmtHeader>*:nth-child(5),
.share_asset_form .main.myflex>*:nth-child(5) {
    width: 10%;
}



.share_asset_form .pmtHeader>*:nth-child(6),
.share_asset_form .main.myflex>*:nth-child(6) {
    width: 15%;
}



.share_asset_form .pmtHeader>*:nth-child(7),
.share_asset_form .main.myflex>*:nth-child(7) {
    width: 5%;
}


.share_asset_form .pmtList .myflex .record_title a img {
    max-width: 121px;
}


.share_asset_form .pmtList .record_title a .text_wrap {
    display: block;
}


.share_asset_records_table .record_title2 a {
    display: flex;
    align-items: center;
}

.share_asset_records_table .record_title2 a img {
    margin-right: 10px;
    max-width: 121px;
}


.workflow_table {
    overflow-x: auto;
}

.workflow_table .pmtArea {
    min-width: 800px;
}

.workflow_view2_table {
    overflow-x: auto;
}

.workflow_view2_table .pmtArea {
    min-width: 800px;
}


.workflow_view2_table .pmtArea .pmtHeader .header_cell:nth-child(1),
.workflow_view2_table .pmtArea .pmtList .main.myflex>div:first-child {
    width: 30%;
    min-width: 100px;
}

.workflow_view2_table .pmtArea .pmtHeader .header_cell:nth-child(2),
.workflow_view2_table .pmtArea .pmtList .main.myflex>div:nth-child(2) {
    width: 35%;
}

.workflow_view2_table .pmtArea .pmtHeader .header_cell:nth-child(3),
.workflow_view2_table .pmtArea .pmtList .main.myflex>div:nth-child(3) {
    width: 15%;
    min-width: 270px;
}


.workflow_view2_table .pmtArea .pmtHeader .header_cell:nth-child(4),
.workflow_view2_table .pmtArea .pmtList .main.myflex>div:nth-child(4) {
    width: 20%;
    min-width: 100px;
}

.mainContent #wflevelForm .modal-body {
    overflow-x: auto;
}

#wflevelForm {
    overflow-x: auto;
}

#wflevelForm .pmtArea {
    min-width: 1000px;
}


#wflevelForm .pmtArea .pmtHeader .header_cell:nth-child(1),
#wflevelForm .pmtArea .pmtList .main.myflex>div:first-child {
    width: 15%;
    min-width: 100px;
}

#wflevelForm .pmtArea .pmtHeader .header_cell:nth-child(2),
#wflevelForm .pmtArea .pmtList .main.myflex>div:nth-child(2) {
    width: 15%;
    min-width: 200px;
}

#wflevelForm .pmtArea .pmtHeader .header_cell:nth-child(3),
#wflevelForm .pmtArea .pmtList .main.myflex>div:nth-child(3) {
    width: 15%;
    min-width: 270px;
}


#wflevelForm .pmtArea .pmtHeader .header_cell:nth-child(4),
#wflevelForm .pmtArea .pmtList .main.myflex>div:nth-child(4) {
    width: 10%;
    min-width: 100px;
}

#wflevelForm .pmtArea .pmtHeader .header_cell:nth-child(5),
#wflevelForm .pmtArea .pmtList .main.myflex>div:nth-child(5) {
    width: 20%;
    min-width: 100px;
}

#wflevelForm .pmtArea .pmtHeader .header_cell:nth-child(6),
#wflevelForm .pmtArea .pmtList .main.myflex>div:nth-child(6) {
    width: 15%;
    min-width: 100px;
}

.user_form .inputList {}

.user_form .pmtArea {
    min-width: 890px;
}

.cm_user_form .pmtArea {}

.cm_user_form .pmtArea .pmtHeader .header_cell:nth-child(1),
.cm_user_form .pmtArea .pmtList .main.myflex>div:first-child {
    width: 10%;
    min-width: 100px;
}

.cm_user_form .pmtArea .pmtHeader .header_cell:nth-child(2),
.cm_user_form .pmtArea .pmtList .main.myflex>div:nth-child(2) {
    width: 24%;
}

.cm_user_form .pmtArea .pmtHeader .header_cell:nth-child(3),
.cm_user_form .pmtArea .pmtList .main.myflex>div:nth-child(3) {
    width: 30%;
    min-width: 270px;
}


.cm_user_form .pmtArea .pmtHeader .header_cell:nth-child(4),
.cm_user_form .pmtArea .pmtList .main.myflex>div:nth-child(4) {
    width: 10%;
    min-width: 100px;
}


.cm_user_form .pmtArea .pmtHeader .header_cell:nth-child(5),
.cm_user_form .pmtArea .pmtList .main.myflex>div:nth-child(5) {
    width: 10%;
    min-width: 130px;
}


.cm_user_form .pmtArea .pmtHeader .header_cell:nth-child(6),
.cm_user_form .pmtArea .pmtList .main.myflex>div:nth-child(6) {
    width: 15%;
    min-width: 130px;
}

.cm_user_form .pmtArea .pmtHeader .header_cell:nth-child(7),
.cm_user_form .pmtArea .pmtList .main.myflex>div:nth-child(7) {
    width: 6%;
}


.bd_user_form .pmtArea .pmtHeader .header_cell:nth-child(1),
.bd_user_form .pmtArea .pmtList .main.myflex>div:first-child {
    width: 10%;
    min-width: 100px;
}

.bd_user_form .pmtArea .pmtHeader .header_cell:nth-child(2),
.bd_user_form .pmtArea .pmtList .main.myflex>div:nth-child(2) {
    width: 24%;
}

.bd_user_form .pmtArea .pmtHeader .header_cell:nth-child(3),
.bd_user_form .pmtArea .pmtList .main.myflex>div:nth-child(3) {
    width: 30%;
    min-width: 270px;
}


.bd_user_form .pmtArea .pmtHeader .header_cell:nth-child(4),
.bd_user_form .pmtArea .pmtList .main.myflex>div:nth-child(4) {
    width: 10%;
    min-width: 100px;
}


.bd_user_form .pmtArea .pmtHeader .header_cell:nth-child(5),
.bd_user_form .pmtArea .pmtList .main.myflex>div:nth-child(5) {
    width: 10%;
    min-width: 130px;
}


.bd_user_form .pmtArea .pmtHeader .header_cell:nth-child(6),
.bd_user_form .pmtArea .pmtList .main.myflex>div:nth-child(6) {
    width: 15%;
    min-width: 130px;
}

.bd_user_form .pmtArea .pmtHeader .header_cell:nth-child(7),
.bd_user_form .pmtArea .pmtList .main.myflex>div:nth-child(7) {
    width: 6%;
}


.pt_user_form .pmtArea .pmtHeader .header_cell:nth-child(1),
.pt_user_form .pmtArea .pmtList .main.myflex>div:first-child {
    width: 10%;
    min-width: 100px;
}

.pt_user_form .pmtArea .pmtHeader .header_cell:nth-child(2),
.pt_user_form .pmtArea .pmtList .main.myflex>div:nth-child(2) {
    width: 24%;
}

.pt_user_form .pmtArea .pmtHeader .header_cell:nth-child(3),
.pt_user_form .pmtArea .pmtList .main.myflex>div:nth-child(3) {
    width: 30%;
    min-width: 270px;
}


.pt_user_form .pmtArea .pmtHeader .header_cell:nth-child(4),
.pt_user_form .pmtArea .pmtList .main.myflex>div:nth-child(4) {
    width: 10%;
    min-width: 100px;
}


.pt_user_form .pmtArea .pmtHeader .header_cell:nth-child(5),
.pt_user_form .pmtArea .pmtList .main.myflex>div:nth-child(5) {
    width: 20%;
    min-width: 130px;
}


.pt_user_form .pmtArea .pmtHeader .header_cell:nth-child(6),
.pt_user_form .pmtArea .pmtList .main.myflex>div:nth-child(6) {
    width: 6%;
}

.user_group_form .pmtArea {
    min-width: 490px;
}


.user_group_form .pmtArea .pmtHeader .header_cell:nth-child(1),
.user_group_form .pmtArea .pmtList .main.myflex>div:first-child {
    width: 30%;
    min-width: 100px;
}

.user_group_form .pmtArea .pmtHeader .header_cell:nth-child(2),
.user_group_form .pmtArea .pmtList .main.myflex>div:nth-child(2) {
    width: 40%;
    min-width: 130px;
}

.user_group_form .pmtArea .pmtHeader .header_cell:nth-child(3),
.user_group_form .pmtArea .pmtList .main.myflex>div:nth-child(3) {
    width: 20%;
    min-width: 150px;
}


.user_group_form .pmtArea .pmtHeader .header_cell:nth-child(4),
.user_group_form .pmtArea .pmtList .main.myflex>div:nth-child(4) {
    width: 10%;
    min-width: 100px;
}


.docrole_form .pmtArea {
    min-width: 370px;
}


.docrole_form .pmtArea .pmtHeader .header_cell:nth-child(1),
.docrole_form .pmtArea .pmtList .main.myflex>div:first-child {
    width: 60%;

}

.docrole_form .pmtArea .pmtHeader .header_cell:nth-child(2),
.docrole_form .pmtArea .pmtList .main.myflex>div:nth-child(2) {
    width: 30%;
    min-width: 150px;
}

.docrole_form .pmtArea .pmtHeader .header_cell:nth-child(3),
.docrole_form .pmtArea .pmtList .main.myflex>div:nth-child(3) {
    width: 10%;

}


.role_form .pmtArea {
    min-width: 370px;
}


.role_form .pmtArea .pmtHeader .header_cell:nth-child(1),
.role_form .pmtArea .pmtList .main.myflex>div:first-child {
    width: 70%;

}

.role_form .pmtArea .pmtHeader .header_cell:nth-child(2),
.role_form .pmtArea .pmtList .main.myflex>div:nth-child(2) {
    width: 20%;
    min-width: 150px;
}

.role_form .pmtArea .pmtHeader .header_cell:nth-child(3),
.role_form .pmtArea .pmtList .main.myflex>div:nth-child(3) {
    width: 10%;

}


.b_o_form .pmtArea {
    min-width: 800px;
}


.b_o_form .pmtArea .pmtHeader .header_cell:nth-child(1),
.b_o_form .pmtArea .pmtList .main.myflex>div:first-child {
    width: 30%;
    /*min-width: 210px;*/
}

.b_o_form .pmtArea .pmtHeader .header_cell:nth-child(2),
.b_o_form .pmtArea .pmtList .main.myflex>div:nth-child(2) {
    width: 20%;
    /*min-width: 150px;*/
}

.b_o_form .pmtArea .pmtHeader .header_cell:nth-child(3),
.b_o_form .pmtArea .pmtList .main.myflex>div:nth-child(3) {
    width: 20%;
    /*min-width: 180px;*/
}


.b_o_form .pmtArea .pmtHeader .header_cell:nth-child(4),
.b_o_form .pmtArea .pmtList .main.myflex>div:nth-child(4) {
    width: 20%;
    /*min-width: 150px;*/
}


.b_o_form .pmtArea .pmtHeader .header_cell:nth-child(5),
.b_o_form .pmtArea .pmtList .main.myflex>div:nth-child(5) {
    width: 10%;

}


.company_form .pmtArea {
    min-width: 370px;
}


.company_form .pmtArea .pmtHeader .header_cell:nth-child(1),
.company_form .pmtArea .pmtList .main.myflex>div:first-child {
    width: 70%;

}

.company_form .pmtArea .pmtHeader .header_cell:nth-child(2),
.company_form .pmtArea .pmtList .main.myflex>div:nth-child(2) {
    width: 20%;
    min-width: 150px;
}

.company_form .pmtArea .pmtHeader .header_cell:nth-child(3),
.company_form .pmtArea .pmtList .main.myflex>div:nth-child(3) {
    width: 10%;

}


.project_area_form .pmtArea {
    min-width: 500px;
}


.project_area_form .pmtArea .pmtHeader .header_cell:nth-child(1),
.project_area_form .pmtArea .pmtList .main.myflex>div:first-child {
    width: 70%;
    /*min-width: 210px;*/
}

.project_area_form .pmtArea .pmtHeader .header_cell:nth-child(2),
.project_area_form .pmtArea .pmtList .main.myflex>div:nth-child(2) {
    width: 20%;
    min-width: 150px;
}

.project_area_form .pmtArea .pmtHeader .header_cell:nth-child(3),
.project_area_form .pmtArea .pmtList .main.myflex>div:nth-child(3) {
    width: 10%;
    /*min-width: 180px;*/
}


.taxonomy_list_form .pmtArea {
    min-width: 520px;
}


.taxonomy_list_form .pmtArea .pmtHeader .header_cell:nth-child(1),
.taxonomy_list_form .pmtArea .pmtList .main.myflex>div:first-child {
    width: 70%;
    /*min-width: 210px;*/
}

.taxonomy_list_form .pmtArea .pmtHeader .header_cell:nth-child(2),
.taxonomy_list_form .pmtArea .pmtList .main.myflex>div:nth-child(2) {
    width: 20%;
    min-width: 150px;
}

.taxonomy_list_form .pmtArea .pmtHeader .header_cell:nth-child(3),
.taxonomy_list_form .pmtArea .pmtList .main.myflex>div:nth-child(3) {
    width: 10%;
    /*min-width: 180px;*/
}


.workflow_template_form .pmtArea {
    min-width: 800px;
}


.workflow_template_form .pmtArea .pmtHeader .header_cell:nth-child(1),
.workflow_template_form .pmtArea .pmtList .main.myflex>div:first-child {
    width: 30%;
    /*min-width: 210px;*/
}

.workflow_template_form .pmtArea .pmtHeader .header_cell:nth-child(2),
.workflow_template_form .pmtArea .pmtList .main.myflex>div:nth-child(2) {
    width: 40%;
    /*min-width: 150px;*/
}

.workflow_template_form .pmtArea .pmtHeader .header_cell:nth-child(3),
.workflow_template_form .pmtArea .pmtList .main.myflex>div:nth-child(3) {
    width: 20%;
    /*min-width: 180px;*/
}

.workflow_template_form .pmtArea .pmtHeader .header_cell:nth-child(4),
.workflow_template_form .pmtArea .pmtList .main.myflex>div:nth-child(4) {
    width: 10%;
    /*min-width: 180px;*/
}


.email_template_form .pmtArea {
    min-width: 800px;
}


.email_template_form .pmtArea .pmtHeader .header_cell:nth-child(1),
.email_template_form .pmtArea .pmtList .main.myflex>div:first-child {
    width: 30%;
    /*min-width: 210px;*/
}

.email_template_form .pmtArea .pmtHeader .header_cell:nth-child(2),
.email_template_form .pmtArea .pmtList .main.myflex>div:nth-child(2) {
    width: 40%;
    /*min-width: 150px;*/
}

.email_template_form .pmtArea .pmtHeader .header_cell:nth-child(3),
.email_template_form .pmtArea .pmtList .main.myflex>div:nth-child(3) {
    width: 20%;
    /*min-width: 180px;*/
}

.email_template_form .pmtArea .pmtHeader .header_cell:nth-child(4),
.email_template_form .pmtArea .pmtList .main.myflex>div:nth-child(4) {
    width: 10%;
    /*min-width: 180px;*/
}


.sysparam_form .pmtArea {
    min-width: 800px;
}


.sysparam_form .pmtArea .pmtHeader .header_cell:nth-child(1),
.sysparam_form .pmtArea .pmtList .main.myflex>div:first-child {
    width: 20%;
    /*min-width: 210px;*/
}

.sysparam_form .pmtArea .pmtHeader .header_cell:nth-child(2),
.sysparam_form .pmtArea .pmtList .main.myflex>div:nth-child(2) {
    width: 34%;
    /*min-width: 150px;*/
}

.sysparam_form .pmtArea .pmtHeader .header_cell:nth-child(3),
.sysparam_form .pmtArea .pmtList .main.myflex>div:nth-child(3) {
    width: 20%;
    /*min-width: 180px;*/
}

.sysparam_form .pmtArea .pmtHeader .header_cell:nth-child(4),
.sysparam_form .pmtArea .pmtList .main.myflex>div:nth-child(4) {
    width: 20%;
    /*min-width: 180px;*/
}

.sysparam_form .pmtArea .pmtHeader .header_cell:nth-child(5),
.sysparam_form .pmtArea .pmtList .main.myflex>div:nth-child(5) {
    width: 6%;
    /*min-width: 180px;*/
}


.submission_form .pmtArea {
    min-width: 1400px;
}


.submission_form .pmtArea .pmtHeader .header_cell:nth-child(1),
.submission_form .pmtArea .pmtList .main.myflex>div:first-child {
    width: 10%;
    min-width: 180px;
}

.submission_form .pmtArea .pmtHeader .header_cell:nth-child(2),
.submission_form .pmtArea .pmtList .main.myflex>div:nth-child(2) {
    width: 10%;
    min-width: 150px;
}

.submission_form .pmtArea .pmtHeader .header_cell:nth-child(3),
.submission_form .pmtArea .pmtList .main.myflex>div:nth-child(3) {
    width: 10%;
    min-width: 180px;
}

.submission_form .pmtArea .pmtHeader .header_cell:nth-child(4),
.submission_form .pmtArea .pmtList .main.myflex>div:nth-child(4) {
    width: 10%;
    min-width: 180px;
}

.submission_form .pmtArea .pmtHeader .header_cell:nth-child(5),
.submission_form .pmtArea .pmtList .main.myflex>div:nth-child(5) {
    width: 10%;
    min-width: 180px;
}


.submission_form .pmtArea .pmtHeader .header_cell:nth-child(6),
.submission_form .pmtArea .pmtList .main.myflex>div:nth-child(6) {
    width: 40%;
    min-width: 180px;
}

.submission_form .pmtArea .pmtHeader .header_cell:nth-child(7),
.submission_form .pmtArea .pmtList .main.myflex>div:nth-child(7) {
    width: 10%;
    min-width: 180px;
}

#permForm .pmtArea {
    min-width: 650px;
}

#permForm .pmtArea .pmtHeader .header_cell:nth-child(1),
#permForm .pmtArea .pmtList .main.myflex>div:first-child {
    width: 25%;
    min-width: 100px;
}

#permForm .pmtArea .pmtHeader .header_cell:nth-child(2),
#permForm .pmtArea .pmtList .main.myflex>div:nth-child(2) {
    width: 25%;

}

#permForm .pmtArea .pmtHeader .header_cell:nth-child(3),
#permForm .pmtArea .pmtList .main.myflex>div:nth-child(3) {
    width: 25%;

}


#permForm .pmtArea .pmtHeader .header_cell:nth-child(4),
#permForm .pmtArea .pmtList .main.myflex>div:nth-child(4) {
    width: 25%;

}


#grpSelect .inputList {
    overflow-x: auto;
}


#grpSelect .pmtArea .pmtHeader .header_cell:nth-child(1),
#grpSelect .pmtArea .pmtList .main.myflex>div:first-child {
    width: 5%;

}

#grpSelect .pmtArea .pmtHeader .header_cell:nth-child(2),
#grpSelect .pmtArea .pmtList .main.myflex>div:nth-child(2) {
    width: 95%;

}



#userSelect .modal-body {
    height: 60vh;
}

#userSelect .pmtArea {
    min-width: 600px;
}

#userSelect .pmtArea .pmtHeader .header_cell:nth-child(1),
#userSelect .pmtArea .pmtList .main.myflex>div:first-child {
    width: 5%;
    min-width: 42px;
}

#userSelect .pmtArea .pmtHeader .header_cell:nth-child(2),
#userSelect .pmtArea .pmtList .main.myflex>div:nth-child(2) {
    width: 25%;

}

#userSelect .pmtArea .pmtHeader .header_cell:nth-child(3),
#userSelect .pmtArea .pmtList .main.myflex>div:nth-child(3) {
    width: 30%;

}


#userSelect .pmtArea .pmtHeader .header_cell:nth-child(4),
#userSelect .pmtArea .pmtList .main.myflex>div:nth-child(4) {
    width: 35%;

}

#wfModal {
    overflow-x: auto;
}



#wfModal .pmtArea .pmtHeader .header_cell:nth-child(1),
#wfModal .pmtArea .pmtList .main.myflex>div:first-child {
    width: 30%;
    min-width: 100px;
}

#wfModal .pmtArea .pmtHeader .header_cell:nth-child(2),
#wfModal .pmtArea .pmtList .main.myflex>div:nth-child(2) {
    width: 70%;
}



#binForm .pmtArea .pmtHeader .header_cell:nth-child(1),
#binForm .pmtArea .pmtList .main.myflex>div:first-child {
    width: 5%;
    /* min-width: 100px; */
}

#binForm .pmtArea .pmtHeader .header_cell:nth-child(2),
#binForm .pmtArea .pmtList .main.myflex>div:nth-child(2) {
    width: 15%;
}

#binForm .pmtArea .pmtHeader .header_cell:nth-child(3),
#binForm .pmtArea .pmtList .main.myflex>div:nth-child(3) {
    width: 35%;
    min-width: 270px;
}


#binForm .pmtArea .pmtHeader .header_cell:nth-child(4),
#binForm .pmtArea .pmtList .main.myflex>div:nth-child(4) {
    width: 25%;
    min-width: 100px;
}


#binForm .pmtArea .pmtHeader .header_cell:nth-child(5),
#binForm .pmtArea .pmtList .main.myflex>div:nth-child(5) {
    width: 15%;
    min-width: 130px;
}


#binForm .pmtArea .pmtHeader .header_cell:nth-child(6),
#binForm .pmtArea .pmtList .main.myflex>div:nth-child(6) {
    width: 5%;
}

.mainContent #binForm .functionFolder a:hover,
.mainContent #binForm .functionFolder a:focus {
    text-decoration: none;
}


.workflow_pend_form  .pmtArea {
    min-width: 800px;
 }
 
 
 .workflow_pend_form  .pmtArea .pmtHeader .header_cell:nth-child(1),
 .workflow_pend_form  .pmtArea .pmtList .main.myflex>div:first-child {
     width: 20%;
     /*min-width: 210px;*/
 }
 
 .workflow_pend_form  .pmtArea .pmtHeader .header_cell:nth-child(2),
 .workflow_pend_form  .pmtArea .pmtList .main.myflex>div:nth-child(2) {
     width: 20%;
     /*min-width: 150px;*/
 }
 
 .workflow_pend_form  .pmtArea .pmtHeader .header_cell:nth-child(3),
 .workflow_pend_form  .pmtArea .pmtList .main.myflex>div:nth-child(3) {
     width: 20%;
     /*min-width: 180px;*/
 }
 
 .workflow_pend_form  .pmtArea .pmtHeader .header_cell:nth-child(4),
 .workflow_pend_form  .pmtArea .pmtList .main.myflex>div:nth-child(4) {
     width: 10%;
     /*min-width: 180px;*/
 }
 
 .workflow_pend_form  .pmtArea .pmtHeader .header_cell:nth-child(5),
 .workflow_pend_form  .pmtArea .pmtList .main.myflex>div:nth-child(5) {
     width: 20%;
     /*min-width: 180px;*/
 }
 
 
 .workflow_pend_form  .pmtArea .pmtHeader .header_cell:nth-child(6),
 .workflow_pend_form  .pmtArea .pmtList .main.myflex>div:nth-child(6) {
     width: 10%;
     /*min-width: 180px;*/
 }

 
.workflow_submitted_form  .pmtArea {
    min-width: 800px;
 }
 
 
 .workflow_submitted_form  .pmtArea .pmtHeader .header_cell:nth-child(1),
 .workflow_submitted_form  .pmtArea .pmtList .main.myflex>div:first-child {
     width: 50%;
     /*min-width: 210px;*/
 }
 
 .workflow_submitted_form  .pmtArea .pmtHeader .header_cell:nth-child(2),
 .workflow_submitted_form  .pmtArea .pmtList .main.myflex>div:nth-child(2) {
     width: 20%;
     /*min-width: 150px;*/
 }
 
 .workflow_submitted_form  .pmtArea .pmtHeader .header_cell:nth-child(3),
 .workflow_submitted_form  .pmtArea .pmtList .main.myflex>div:nth-child(3) {
     width: 20%;
     /*min-width: 180px;*/
 }
 
 .workflow_submitted_form  .pmtArea .pmtHeader .header_cell:nth-child(4),
 .workflow_submitted_form  .pmtArea .pmtList .main.myflex>div:nth-child(4) {
     width: 10%;
     /*min-width: 180px;*/
 }

 
.section_b {
    margin-top: 60px;
}

.section_b>.myflex {
    margin-top: 16px;
    margin-bottom: 16px;
}


.restore_option_table tr {
    display: flex;
    flex-wrap: wrap;
}

.restore_option_table td {
    display: flex;
    align-items: center;
}

.restore_option_table input {
    margin-top: 0;
}

.restore_option_table td label {
    margin-bottom: 0;
}

.delete_date_mobile {
    display: none;

    align-items: center;
    font-size: 0.8rem;
    color: #919191;
}

.delete_date_mobile::before {
    content: '';
    width: 14px;
    height: 14px;
    display: block;
    background-image: url('../images/icon/icon_delete_date.svg');
    margin-right: 4px;
    background-position: center;
    background-repeat: no-repeat;
    filter: var(--filter_hexcode_919191);
}


.scroll_table_inside_wrapper {
    overflow-x: auto;
}

.need_to_scroll {
    position: relative;
}

.need_to_scroll:before {
    content: '';
    position: absolute;
    z-index: 25;
    top: 5rem;
    right: 0.9375rem;
    width: 3rem;
    height: 2rem;
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -webkit-animation: passing 1.3s linear infinite;
    animation: passing 1.3s linear infinite;
    background: url(../images/icon/icon_arrow_right.svg) no-repeat center center;
    background-size: contain;
}

.need_to_scroll:after {
    content: '';
    position: absolute;
    z-index: 22;
    top: 0;
    right: 0;
    display: block;
    width: 3.75rem;
    height: 100%;
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out, opacity 0.3s ease-in-out;
    pointer-events: none;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(30%, rgba(255, 255, 255, .5)), to(#fff));
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 30%, #fff 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 30%, #fff 100%);
}

.need_to_scroll.reachend:before {
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.need_to_scroll.reachend:after {
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.record_inner{
    display: flex;
    align-items: center;
}

.record_inner img{
    margin-right: 10px;
}

.dropzone-uploads{
    z-index: 5000;
}
#popupDialog .modal-body{
	padding:0;
}
#popupDialog .pATool{ 
	padding:20px;
}
#popupDialog .modal-body .file_name {
    padding: 0 20px 0 20px;
}


.flex12111111 .tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.flex12111111 .tooltip .tooltiptext {
 visibility: hidden;
 /* width: 120px; */
 background-color: #f0f3fa;
 color: #000;
 text-align: center;
 border-radius: 60px;
 padding: 20px 20px;
 position: absolute;
 z-index: 1;
 top: 60%;
 left: 40%;
}

.flex12111111 .tooltip:hover .tooltiptext {
	 color: #333;
	 padding: 10px;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
#modal-loading {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background-color: #0005;
    display: none;
}
#modal-loading.show {
	animation: fadeIn 0.5s steps(1, end);
    display: block;
}

#modal-loading > img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.irow_date{
position: relative;
}

.myflex.flex0412120>*:nth-child(1),
.myflex.flex0412120>*:nth-child(7){
	width: 3%;
}
.myflex.flex0412120>*:nth-child(2){
	width: 40%;
}
.myflex.flex0412120>*:nth-child(4),
.myflex.flex0412120>*:nth-child(6)
{
	width: 15%;
}
.myflex.flex0412120>*:nth-child(3),
.myflex.flex0412120>*:nth-child(5)
{
	width: 10%;
}