*, 
*:before, 
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  	box-sizing: border-box;

}

table,
th,
td {
    border: 1px solid #5B5B5B;
}
body{
    color: #333333;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Manrope', sans-serif;
}
.section-title{
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 40px;
    color: #002A66;
    text-align: center;
}
h3.section-title{
    font-size: 32px;
line-height: 36px;
}
.list-style1>.col{
    margin-bottom: 24px;
    position: relative;
}
.icon-left{
    width: 48px;
    height: 48px;
    background: #0036A3;
    text-align: center;
    border-radius: 100%;
    line-height: 30px;
    border: 6px solid #fff;
    box-shadow: 0px 5px 20px rgb(203 203 203 / 20%);
    border-radius: 24px;
    float: left;
    margin-right: 16px;
    margin-top: 5px;
}
.list-style1 h3, .feature h3{
    font-size: 20px;
    line-height: 28px;
    color: #00297A;
    margin-bottom: 16px;
}
.feature h3{
    margin-bottom: 8px;
}
.list-style1{
    width: 900px;
    margin: auto;
}
.list-style1, .list-style1 .box{
    position: relative;
}
.list-style1 .box{
    margin-bottom: 24px;
}
.bar-left{
    background: #007EFF;
    width: 8px;
    height: 100%;
    position: absolute;
    left: 22px;
    top: 0;
}
.box-input{
    padding: 45px 65px;
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
}
.bar-left:before, .bar-left:after{
    content: "";
    width: 8px;
    height: 15px;
    background-color: #fff;
    display: block;
}
.bar-left:after{
    position: absolute;
    bottom: 0;
    left: 0;
}
.list-style1 .box:after{
    content: "";
    display: block;
    clear: both;
}
.box-input>label,.label-style{
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    /* identical to box height, or 125% */
    color: #000000;
    margin-bottom: 10px;
}
.cusom-datepicker{
    position: relative;
    display: inline-block;
}
.cusom-datepicker input, .datetime-select select, .datetime-select input{
    padding: 10px 16px;
    width: 220px;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #333333;
    border: 1px solid #B7B7B7;
    border-radius: 6px;
    position: relative;
    z-index: 2;
    background: transparent;
}
.datetime-select{
    border: 1px solid #B7B7B7;
    letter-spacing: -20px;
    position: relative;
    border-radius: 6px;
}
.wrap-datetime{
    position: relative;
    padding-right: 45px;
}
.wrap-datetime .cusom-datepicker{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
}
.wrap-datetime>input{
    position:absolute;
}
.datetime-select{
    position: relative;
    z-index: 2;
    background-color: #fff;
    border-top-right-radius: initial;
    border-bottom-right-radius: initial;
}
.datetime-select:after, .datetime-select:before{
    content: "";
    width: 0.5px;
    height: 100%;
    background-color: #B7B7B7;
    position: absolute;
    top: 0;
    left: 33.33%;
}
.datetime-select select.day, .datetime-select select.month{
    padding-right: 0px;
}
.datetime-select:before{
    left: 66.66%;
}
.datetime-select select, .datetime-select input{
    border: 0;
    border-radius: 0;
    width: 33.33%;
    letter-spacing: 0;
}
.datetime-select input.year{
    padding-right: 0;
}
.cusom-datepicker img{
    position: absolute;
    right: 10px;
    top: 8px;
}
.cusom-datepicker input{
    outline: none;
    width: 100%;
}
.cleared{
    clear: both;
}
.col-left-right .fleft{
    width: 30%;
    float: left;
    margin-right: 10%;
    margin-bottom: 43px;
}
.col-left-right .fright{
    width: 60%;
    float: left;
    margin-bottom: 43px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected, .custom-select2 label, .select-selected2{
    color: #271515;
    padding: 11px 14px 11px;
    border-top: 1px solid #EBEBE6;
    cursor: pointer;
    user-select: none;
    background-color: #fff;
    font-size: 16px;
    min-height: 45px;
}

.select-selected, .select-selected2, .table-style .box-select input {
    border-radius: 10px;
    border: 1px solid #B7B7B7;
    color: #000 ;
    position: relative;
    z-index: 9999;
}
.table-style .box-select input{
    padding-left: 15px;
    max-width: 80px;
    min-height: 45px;
}
.custom-select2 {
    position: relative;
}
.custom-select2{
    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.1));
    border-radius: 10px;
    overflow: hidden;
}
  
  /*style items (options):*/
.custom-select2 {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    margin-top: 10px;
}
  
  /*hide the items when the select box is closed:*/
.select-hide {
    display: none;
}
.box-select{
    position: relative;
}
.custom-select2 label{
    display: block;
}
.select-selected:after, .select-selected2:after {
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.59712 5.66669L0.680664 1.66669L1.60103 0.726687L4.59712 3.78002L7.59321 0.726687L8.51358 1.66669L4.59712 5.66669Z' fill='black'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    content: "";
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 40px;
    height: 20px;
    /* padding-left: 20px; */
    border-left: 1px solid #B7B7B7;
    background-position: 20px 8px;
}
.table-style{
    border: 0;
    width: 100%;
    border-radius: 5px 5px 0px 0px;
    -webkit-box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 20%);
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 20%);
    overflow-x: hidden;
    margin-bottom: 16px;
    font-weight: 700;
font-size: 16px;
line-height: 18px;

color: #000000;
}
.table-style th:first-of-type, .table-style td:first-of-type{
    width: 8%;
    text-align: center;
}
.table-style th{
    color: #fff;
}
.table-style th,.table-style td{
    padding: 15px;
    border: 0;
   
}
.table-style tr{
    border: 0;
    border-bottom: 1px solid #8A8A8A;
    position: relative;
    z-index: 1;
}
.table-style th{
    background: #004099;
}
.table-style td{
    position: relative;
    z-index: 1;
}
.wrap-table .edit-icon-action{
    margin-top: 3px;
}
.edit-icon-action{
    display: block;
    float: right;
    width: 4px;
    height: 16px;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg width='4' height='17' viewBox='0 0 4 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6.33801C0.9 6.33801 0 7.23801 0 8.33801C0 9.43801 0.9 10.338 2 10.338C3.1 10.338 4 9.43801 4 8.33801C4 7.23801 3.1 6.33801 2 6.33801ZM2 0.338013C0.9 0.338013 0 1.23801 0 2.33801C0 3.43801 0.9 4.33801 2 4.33801C3.1 4.33801 4 3.43801 4 2.33801C4 1.23801 3.1 0.338013 2 0.338013ZM2 12.338C0.9 12.338 0 13.238 0 14.338C0 15.438 0.9 16.338 2 16.338C3.1 16.338 4 15.438 4 14.338C4 13.238 3.1 12.338 2 12.338Z' fill='black'/%3E%3C/svg%3E%0A");
}
.text-right{
    text-align: right;
}
.btn-add, .btn-done, .btns-table span, .btn-add-popup{
    font-weight: 500;
    font-size: 14px;
    background: #007EFF;
    border-radius: 5px;
    min-width: 122px;
    height: 32px;
    line-height: 28px;
    text-align: center;
    display: inline-block;
    color: #fff;
    cursor: pointer;
    padding: 2px 12px 5px;
    text-transform: capitalize;
}
.btn-add-popup{
    margin-top: 20px;
}
.btns-table span{
    margin-left: 10px;
}

/* .btn-done, .box-table.active-edit .btn-add{
    display: none;
} */
.box-table.active-edit .btn-done{
    display: inline-block;
}
.btn-add i, .btns-table i{
    font-size: 16px;
    margin-right: 5px;
}
.btn-add:before, .btn-add-phrase:before, .btn-add-popup:before{
    content: "\2b";
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    font-size: 16px;
    margin-right: 5px;
}
.box-table{
    margin-bottom: 73px;
}
.box-table:last-of-type{
    margin-bottom: 0;
}

.c-red{
    color: #E13333;
}

.col-ib{
    letter-spacing: -20px;
}
.col-ib .col{
    display: inline-block;
    width: 50%;
    padding: 0 15px;
    letter-spacing: 0;
}
.feature{
    margin-bottom: 28px;
    vertical-align: top;
}
.feature .box{
    border: 1px solid #E13333;
    border-radius: 6px;
    padding: 16px 16px 1px;
    background-color: #fff;
}
.feature .box>div{
    margin-left: 64px;
}
.ver-icon .icon-left{
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: #002A66;
    border-radius: 6px;
    line-height: 35px;
    margin-top: 25px;
}
.wrap{
    max-width: 1110px;
    margin-left: auto;
    margin-right: auto;
}
.ver-bottom{
    vertical-align: bottom;
}
.box-grids .box{
    padding: 32px 16px 16px;
    color: #6C757D;
    background: #DCE2FF;
    border-radius: 35px;
    text-align: center;
}
.box-grids .box h5{
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #00297A;
}
.box-grids .col:nth-of-type(1) .box{
    border-bottom-right-radius: 0;
}
.box-grids .col:nth-of-type(3){
    vertical-align: top;
}
.box-grids .col:nth-of-type(2) .box{
    border-bottom-left-radius: 0;
    background: #F0DDFF;
}
.box-grids .col:nth-of-type(3) .box{
    border-top-right-radius: 0;
    background: #E6F9FF;
}
.box-grids .col:nth-of-type(4) .box{
    border-top-left-radius: 0;
    background: #FFEDDD;
}
.box-grids .col{
    padding: 8px
}
.sub-title{
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    color: #FFAB00;
    margin-bottom: 16px;
}
.description-white{
    color: #FFFFFF;
    margin-bottom: 26px;
    max-width: 700px;
    text-align: justify;
    margin-left: auto;
    margin-right: auto;
}
.section-img-des  .box-grids{
    float: left;
    width: 48%;
    margin-right: 2%;
}
.section-img-des .img{
    float: right;
    width: 50%;
}
.section-bg{
    background-color: #C7DDFD;
    background-image: url("data:image/svg+xml,%3Csvg width='1920' height='1352' viewBox='0 0 1920 1352' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-791.649 86.7392C-776.041 23.8507 -710.856 -13.0601 -648.898 5.90721L2146.42 861.644C2215.19 882.695 2247.05 961.773 2212.1 1024.62L1629.11 2072.8C1617.23 2094.16 1598.75 2111.09 1576.43 2121.06L378.507 2656.06C344.896 2671.07 306.081 2668.76 274.48 2649.89L-1136.1 1807.32C-1178.81 1781.81 -1199.81 1731.37 -1187.83 1683.09L-791.649 86.7392Z' fill='%23003B77'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    padding-top: 30px;
    background-position: bottom;
}
.c-white{
    color: #fff;
}
.section-bg{
    position: relative;
}

.section-container{
    position: relative;
}
.mt-80{
    padding-top: 50px;
}
.section-img-des{
    padding-bottom: 40px;
}
.wrap-table table tr th{
    font-weight: 500;
}
.wrap-table>div>table{
    margin-bottom: 0;
    width: 1110px;
}
.wrap-table tr:first-of-type th{
    color: #fff;
    background: #004099;
    font-weight: 600;
    font-size: 16px;
    vertical-align: middle;
}
.wrap-table{
    font-weight: 400;
    font-size: 16px;
    
    position: relative;
    overflow-x: auto;
    max-width: 1110px;
}
.wrap-table .table-main{
    background-color: #fff;
}
.btns-table{
    margin-bottom: 16px;
}
.section-table-large{
    padding-bottom: 80px;
}
.section-table-large{
    position: relative;
}
.section-table-large:before{
    content: "";
    width: 100%;
    height: 140%;
    bottom: 0;
    left: 0;
    position: absolute;
    background: linear-gradient(0deg, #C7DDFD 15.29%, rgba(255, 255, 255, 0.92) 100.19%);
}
.wrap-table table tr{
    border-left: 1px solid #5B5B5B;
}
.wrap-table table tr tr{
    border-left: 0;
}
.wrap-table tr td, .wrap-table tr th{
    border: 0;
    border-right: 1px solid #5B5B5B;

}
.wrap-table tr{
    border-bottom: 1px solid #5B5B5B;
}
.wrap-table tr tr:first-of-type th, .popup-form .table-main tr:first-of-type th{
    background: #42B7F1;
}
.popup-form,.layer-popup-form{
    display: none;
}
.popup-form.active,.layer-popup-form.active{
    display: block;
}
.popup-form .table-main tr:first-of-type th{
    border: 0;
    color: #fff;
    
}
.popup-form .table-main tr{
    border-bottom: 1px solid #5B5B5B;
}
.popup-form .table-main tr td{
    border: 0
}
.popup-form .table-main table{
    -webkit-box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 20%);
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 20%);
}
.wrap-table table{
    overflow: hidden;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 1px;
}
.wrap-table table table{
    -webkit-box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 20%);
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 20%);
}
.wrap-table tr tr td, .wrap-table tr tr th{
    border-right: 0;
    border-left: 0;
}
.wrap-table tr tr th{
    border-top: 0;
}
.wrap-table table tr>th{
    font-weight: 500;
}
.wrap-table tr tr td{
    font-weight: 400;
}
.layer-1, .layer-2{
    background-image: url("data:image/svg+xml,%3Csvg width='699' height='666' viewBox='0 0 699 666' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg style='mix-blend-mode:multiply'%3E%3Cpath d='M33.9572 101.398C43.2974 14.577 143.382 -29.2931 213.557 22.6737L517.084 247.445C556.106 276.342 610.623 271.237 643.603 235.599C716.976 156.31 844.778 241.175 800.168 339.564L682.387 599.326C652.335 665.606 568.381 686.611 510.657 642.293L335.463 507.785C301.44 481.663 255.561 477.057 217.024 495.894L162.867 522.366C82.9819 561.415 -8.62006 497.167 0.890944 408.759L33.9572 101.398Z' fill='%230055CC'/%3E%3C/g%3E%3C/svg%3E%0A");
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 500px;
    height: 434px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: -250px;
}
.section-layers{
    position: relative;
    z-index: 2;
    margin-bottom: 85px;
}
.layer-2{
    width: 100%;
    height: 500px;
    left: 0;
    margin-left: 0;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg width='1836' height='961' viewBox='0 0 1836 961' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-303.481 88.2112C-288.592 22.204 -219.422 -16.0083 -155.619 6.52588L1042.38 429.637C1071.74 440.009 1104.09 437.8 1131.77 423.531L1669.57 146.359C1782.77 88.0207 1890.98 232.37 1803.24 324.662L1232.05 925.47C1203.6 955.394 1161.1 967.42 1121.19 956.836L327.205 746.287C313.529 742.66 299.293 741.634 285.238 743.262L-312.702 812.525C-390.049 821.484 -453.068 751.366 -435.935 675.411L-303.481 88.2112Z' fill='url(%23paint0_linear_371_1468)' fill-opacity='0.06'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_371_1468' x1='-662.302' y1='30.859' x2='-662.302' y2='1375.37' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%230EDEEB'/%3E%3Cstop offset='1' stop-color='%238E85FA'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

.section-layer{
    position: relative;
}
body{
    overflow-x: hidden;
}
.box-input{
    position: relative;
    background-color: #fff;
}
.t-right .btn-add, .t-right .btn-done{
   float: right;
}
.text-right{
    text-align: right;
}
.btn-action-edit, .btn-action-delete{
    font-weight: 500;
    font-size: 14px;
    color: #007EFF;
    border: 1px solid #007EFF;
    border-radius: 6px;
    display: inline-block;
    padding: 3px 12px;
    cursor: pointer;
}
.btn-action-edit{
    margin-right: 5px;
}
.btn-action-edit:before, .btn-action-delete:before{
    content: '';
    width: 12px;
    height: 15px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='16' viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.999837 13.8333C0.999837 14.75 1.74984 15.5 2.6665 15.5H9.33317C10.2498 15.5 10.9998 14.75 10.9998 13.8333V3.83333H0.999837V13.8333ZM11.8332 1.33333H8.9165L8.08317 0.5H3.9165L3.08317 1.33333H0.166504V3H11.8332V1.33333Z' fill='%23007EFF'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
}
.btn-action-edit:before{
    width: 15px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 12.3751V15.5001H3.625L12.8417 6.28342L9.71667 3.15842L0.5 12.3751ZM15.2583 3.86675C15.3356 3.78966 15.3969 3.69808 15.4387 3.59727C15.4805 3.49646 15.502 3.38839 15.502 3.27925C15.502 3.17011 15.4805 3.06204 15.4387 2.96123C15.3969 2.86042 15.3356 2.76885 15.2583 2.69175L13.3083 0.74175C13.2312 0.664497 13.1397 0.603208 13.0389 0.56139C12.938 0.519572 12.83 0.498047 12.7208 0.498047C12.6117 0.498047 12.5036 0.519572 12.4028 0.56139C12.302 0.603208 12.2104 0.664497 12.1333 0.74175L10.6083 2.26675L13.7333 5.39175L15.2583 3.86675Z' fill='%23007EFF'/%3E%3C/svg%3E%0A");
}
.list-style1 .box>div{
    margin-left: 64px;
}

.popup-row{
    width: 100%;
    text-align: right;
}

.popup-action-edit,
.popup-action-delete{
    cursor: pointer;
    display: inline-block;
}
.popup-row i{
    margin-right: 5px;
}
.popup-form .date-select{
    padding-right: 8px;
}
.popup-form .date-select:last-of-type{
    padding-right: 0;
    padding-left: 8px;
}
tr.active .popup-row{
    display: none;
}
.table-style tr td .text{
    display: inline-block;
}
.table-style tr.active td>*{
    display: none;
}
.table-style tr.active .box-select,.table-style .new-tr .box-select{
    display: flex;
}
tr.tr-zindex{
    z-index: 2;
}
.box-select select{
    display: none;
}
.custom-select{
    position: relative;
}
.table-style .select-items{
    position: absolute;
    margin-top: 5px;
    width: 100%;
    z-index: 2;
    border: 1px solid #B7B7B7;
    height: 200px;
    overflow: auto;
    border-radius: 5px;

}
.table-style .select-items div:hover{
    color: #004099;
}
.cusom-datepicker:hover, .cusom-datepicker input{
    cursor: pointer;
}
.datepicker-panel > ul > li{
    position: relative;
}
.datepicker-panel > ul > li.disabled{
    cursor: not-allowed;
    background-color: #fff;
}
.datepicker-panel > ul > li.disabled:after{
    content: "";
    position: absolute;
    width: 70%;
    height: 70%;
    border-radius: 100%;
    border: 1px solid red;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.table-style .new-tr .text{
    display: none;
}
.datepicker-panel > ul > li.muted:hover{
    background-color: #fff;
}
.box-clone,.box-clone2{
    display: none;
}
tr.active .box-select, tr.new-tr .box-select{
    display: flex;
}
tr.active  .custom-select, tr.new-tr  .custom-select{
    width: 100%;
}
tr.active .box-select i, tr.new-tr .box-select i{
    padding: 13px;
    border-radius: 10px;
    border: 1px solid #B7B7B7;
    margin-left: 10px;
    min-width: 45px;
    text-align: center;
    line-height: 17px;
    cursor: pointer;
}
.disable{
    background-color: gray;
    cursor: not-allowed;
}
.top-z-index{
    z-index: 10 !important;
}
.table-main input{
    border: 1px solid #B7B7B7;
border-radius: 6px;
border: 1px solid #B7B7B7;
    border-radius: 6px;
    height: 34px;
    padding: 0 8px;
}
.phase-field{
    max-width: 170px;
}
.estimate-field{
    max-width: 70px;
}
.table-main .cusom-datepicker input{
    max-width: 120px;
}

.datepicker-input{
    min-width: 100px !important;
}

.table-main .cusom-datepicker img{
    max-width: 15px;
}
.table-main tr.active>td>.text,.row-start-date-field,.row-finish-date-field{
    display: none;

}
.row-start-date-field-td .text,.row-finish-date-field-td .text{
    display: block !important;
}
.table-main .last-td i.btn-ok, .table-main .last-td .btn-cancel,.table-main .btn-action-ok, .table-main .btn-action-cancel{
    border-radius: 10px;
    border: 1px solid #B7B7B7;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    margin-left: 10px;
    margin-top: 2px;
}
.datepicker-input{
    cursor: not-allowed;
}
table table td{
    position: relative;
    
}
.phase-field-td .text{
    /* padding-right: 50px; */
}

.btn-up, .btn-down{
    display: inline-block;
    color: #f2a820;
    border-radius: 10px;
    padding: 3px 10px;
    border: 1px solid #f2a820;
    cursor: pointer;
    margin-bottom: 10px;
}
.action-updown{
    position: absolute;
    right: 0;
    top: 10px;
    display: none;
    background-color: #fff;
}

table table tr:hover .action-updown{
    display: block;
}
.action-updown .btn-up,.action-updown .btn-down{
    border: 0;
    margin-bottom: 0;
    padding: 0;
}
.text-hide .text{
    display: none;
}
.mutil-item{
    line-height: 1;
    font-size: 12px;
    border: 1px solid;
    padding: 4px 6px 4px 5px;
    border-radius: 3px;
    margin-right: 5px;
    display: inline-block;
    cursor: auto;
}
.mutil-item i{
    margin-left: 3px;
    cursor: pointer;
}
.action-updown i{
    margin-left: 1px;
}
.hover-element{
    display: none;
    margin-top: 10px;
}
.datepicker-dropdown{
    padding: 0 !important;
    font-size: 12px;
}
.disabled{
    position: relative;
   
}
.disabled:after{
    content: "";
    display: block;
    width: 80%;
    height: 80%;
    border-radius: 100%;
    border: 1px solid Blue;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.disabled.lunar_holiday:after{
    border-color: yellow;
}
.disabled.unusual_day_off:after{
    border-color: red;
}
.disabled.week_off:after{
    border-color:orange;
}
table table tr:hover .hover-element{
    display: block;
}
.text-center{
    text-align: center;
}

.btn-up i, .btn-down i{
    margin-left: 5px;
}
.table-main .last-td, .table-style .last-td, .table-style .active .last-td .clone-field{
    display: flex;
}
.table-main tr:nth-of-type(2)>td>p>.btn-up, .table-main tr:last-of-type>td>p>.btn-down{
    display: none;
}
.table-style .active .last-td, .table-style .new-tr .last-td{
    display: block;
}
.popup-form{
    position: fixed;
    z-index: 99;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    background: #fff;
    max-width: 920px;
    padding: 30px;
    /* display: none; */
}
.popup-form .date-select,.popup-form .wrap-small-table, .popup-form .label{
    display: none;
}
.col-flex-left{
    width: 429px;
    padding-right: 16px;
}
.popup-form label{
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 5px;
}
#popup-phase{
    height: 40px;
    border: 1px solid #B7B7B7;
    border-radius: 6px;
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 5px 15px
}
.row-table{
    padding-left: 160px;
    position: relative;
    margin-top: 40px;
}
.row-table .label{
    position: absolute;
    top: 0;
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    left: 0;
}
.layer-popup-form{
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: rgba(0,0,0,0.5);
    /* display: none; */
}
.wrap-small-table{
    overflow-x: auto;
}
.popup-form .new-tr .btn-ok, .popup-form .new-tr .btn-cancel{
    display: none;
}
.popup-action-edit{
    color: #004099
}
.popup-action-delete{
    color: red;
}
.table-style tr th:last-of-type{
    min-width: 170px;
}
#unusual_day_off tr th:last-of-type{
    min-width: 140px;
}
@media screen and (max-width: 1180px) {
    
}
@media screen and (max-width: 1024px) {
    .list-style1{
        max-width: 100%;
    }
    .popup-form{
        max-width: 90%;
    }
    .popup-form .d-flex{
        display: block !important;
    }
    .popup-form .d-flex .box-select{
        margin-top: 15px;
    }
    .col-flex-left{
        max-width: 100%;
    }
    .row-table{
        padding-left: 0;
    }
    .row-table .label {
        position: initial;
       margin-bottom: 20px;
    }

}
@media screen and (max-width: 768px) {
    .col-left-right .fleft, .col-left-right .fright,
    .section-img-des .box-grids,
    .section-img-des .img{
        float: none;
        margin-right: 0;
        width: 100%;
    }
    .col-ib .feature.col{
        width: 100%;
    }
    .section-img-des .img{
        text-align: center;
    }
    .section-bg .wrap{
        padding-left: 10px;
        padding-right: 10px;
    }
    .section-bg-layer{
        background-color: #003b77;
    }
    .box-table-wrap{
        overflow-x: auto;
    }

}
@media screen and (max-width: 592px) {
    .section-img-des .img img,
    .box-grids .col{
        width: 100%;
    }
    .box-grids .box{
        border-radius: 35px !important;
    }

    .width650{
        width: 650px;
    }
}