@charset "utf-8";
/* CSS Document */
.text_center{text-align: center;}
.container1{width: 100%;padding-left:15px; padding-right:15px; margin-left:auto;margin-right:auto;}
@media (min-width:576px) {
 .container1{max-width:540px}
	
}
@media (min-width:768px) {
 .container1{max-width:720px}
}
@media (min-width:992px) {
 .container1{max-width:960px}
}
@media (min-width:1200px) {
 .container1{max-width:1140px;}
}

.row {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;position:relative}

.red{color:red;}
.white{color:white}
.black{color:black}

.hierarchy1{padding-left: 20px;}
.hierarchy2{padding-left: 40px;}
.hierarchy3{padding-left: 60px;}
.hierarchy4{padding-left: 80px;}

@media (min-width:768px) {
	.col {-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
 .col-auto {-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
 .col-1 {-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
 .col-2 {-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
 .col-3 {-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
 .col-4 {-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
 .col-5 {-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
 .col-6 {-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
 .col-7 {-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
 .col-8 {-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
 .col-9 {-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
 .col-10 {-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
 .col-11 {-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
 .col-12 {-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}

/*modal form*/
.modal-form{position: fixed;top: 0;right: 0;bottom: 0;left: 0;width: 100%;background-color:rgba(0,0,0,0.5);padding: 50px;z-index: 4080 !important;display: none;overflow: hidden auto;outline: 0;}
.form-add-c{background-color:white;padding: 10px;border-radius: 10px;border: 1px solid black;}
.close-form{position:absolute;top:1px; right:2px;cursor: pointer;}
.close-form:hover{color:red;}
/*close modal form*/
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto {position:relative;width:100%;padding-right:15px;padding-left:15px}
.justify-content-center {-ms-flex-pack: center !important;justify-content: center !important;}
.col {-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-auto {-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
.col-1 {-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-2 {-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-3 {-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-4 {-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-5 {-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-6 {-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-7 {-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-8 {-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-9 {-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-10 {-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-11 {-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}

*, ::after, ::before {box-sizing: border-box;}
.col-12 {-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.w100{width: 100%;}
h1{padding:20px 10px 20px 10px; font-size:35px;}
.pt-10{ padding-top: 10px;}
.pt-20{ padding-top: 20px;}
.pt-30{ padding-top: 30px;}
.pt-40{ padding-top: 40px;}

.float-l{float:left;}
.float-r{float:right;}
.text-center{text-align: center;}
.bold{font-weight: bold;}

.overflowx-auto{overflow-x: auto;}
.w100{width:100%}

.text20{font-size:20px;}