@font-face {
  font-family: "Prompt200";
  src: url(../fonts/Prompt-ExtraLight.ttf);
  font-weight: 200;
}

@font-face {
  font-family: "Prompt400";
  src: url(../fonts/Prompt-Regular.ttf);
  font-weight: 400;
}

@font-face {
  font-family: "Prompt700";
  src: url(../fonts/Prompt-Bold.ttf);
  font-weight: 700;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.modal {
  font-family: Prompt400;
  font-size: 0.875rem;
}

.warpper {
  font-family: Prompt400;
  font-size: 0.875rem;
}

table tr td a {
  text-decoration: none;
}

.dataTables_wrapper .dataTables_filter input {
  margin-bottom: 10px;
}


        .box1 {
            /* box-sizing: border-box;

            position: absolute;
            width: 799px;
            height: 229px;
            left: 139px;
            top: 50px;

            background: #ffe6e6;
            mix-blend-mode: normal;
            border: 3px solid #000000; */

            box-sizing: border-box;

            width: 799px;
            height: auto;
            left: 160px;
            padding-bottom: auto;
            margin: 0 auto;
            margin-top: 20px;
            /* padding-top: 50px;
            padding-right: 30px;
            padding-bottom: 50px;
            padding-left: 80px; */

            background: #ffe6e6;
            mix-blend-mode: normal;
            border: 3px solid #000000;
        }

        .subbox1 {
            width: 337px;
            padding: auto;
            margin: 0 auto;
            margin-top: 10px;
            margin-left: 20px;
            margin-bottom: 1%;
            height: 36px;
            /* left: 20px;
    top: 20px; */
            text-align: left;


            background: #ffffff;
        }



        /* Rectangle 2 */

        .box2 {
            /* box-sizing: border-box;

            position: absolute;
            width: 799px;
            height: auto;
            left: 139px;
            top: 300px;

            background: #ffe6e6;
            mix-blend-mode: normal;
            border: 3px solid #000000; */

            box-sizing: border-box;

            width: 799px;
            height: auto;
            left: 160px;
            padding: auto;
            margin: 0 auto;
            margin-top: 10px;

            background: #ffe6e6;
            mix-blend-mode: normal;
            border: 3px solid #000000;

        }

        /* Rectangle 3 */

        .box3 {
            /* box-sizing: border-box;

            position: absolute;
            width: 799px;
            height: auto;
            left: 139px;
            top: 560px;

            background: #ffe6e6;
            mix-blend-mode: normal;
            border: 3px solid #000000; */

            box-sizing: border-box;


            width: 799px;
            height: auto;
            left: 139px;
            padding: auto;
            margin: 0 auto;
            margin-top: auto;

            background: #ffe6e6;
            mix-blend-mode: normal;
            border: 3px solid #000000;
        }



        /* Rectangle 5 */

        .subbox2 {
            
            width: 671px;
            height: auto;
            padding: auto;
            margin: 0 auto;
            margin-top: 10px;
            margin-left: 35px;
            /* margin-bottom: 2%; */

            background: #ffffff;
        }

        /* Rectangle 6 */

        .subbox3 {
            width: 572px;
            height: auto;
            padding: auto;
            margin: 0 auto;
            margin-top: 10px;
            margin-left: 20px;
            margin-bottom: 1%;

            background: #ffffff;
        }

        .subbox4 {
            width: 158px;
            height: auto;
            padding: auto;
            margin: 0 auto;
            margin-top: 10px;
            margin-left: 20px;
            margin-bottom: 1%;

            background: #ffffff;
        }