@charset "utf-8";
:root {
    --green: #3b9606;
    --green-0: #2E7304;
    --green-2: #53e200;
    --green-5: #D9F9B5;
    --green-6: #E3FBC8;
    --color: red;
    --background: #ccc;
	--blue-s:#03305d;
    --blue: #0d6efd;
	--blue-2:#0559d6;
	--blue-5:#0d6efd42;
	--blue-6:#0d6efd33;
	--blue-7:#0d6efd1f;
	--blue-8:#0d6efd0d;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #d63384;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --teal: #20c997;
    --cyan: #0dcaf0;
    --white: #ffffff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #3b9606;
    --secondary: #6c757d;
    --success: #198754;
    --info: #0dcaf0;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #212529;
    --ccc: #cccccc;
	--cce:#ccccccbf;
    --eee: #eee;
}

        body {
            /*display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;*/
            margin: 0; text-align: center;font-size: 16px;
            background-color: #f8f9fa;
			 background-image: url('BG.svg');background-repeat: repeat;
        }
html {font-family: Arial;}
/*a{text-decoration: none;color:var(--blue-s);}*/
a:link {text-decoration: none;color:var(--blue);}
a:visited {text-decoration: none; color:var(--blue-2);}
a:hover {cursor:url(static/Hand.cur);text-decoration: none;color:var(--blue-s);}
a:active {text-decoration: none;color:var(--blue-5);}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {font-family: inherit;font-weight: 500;line-height: 1.1;color: inherit}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {font-weight: 400;line-height: 1;}
.h1,.h2,.h3,h1,h2,h3 {margin-top: 20px;margin-bottom: 10px}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small {font-size: 65%}
.h4,.h5,.h6,h4,h5,h6 {margin-top: 10px;margin-bottom: 10px}
.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {font-size: 75%}
.h1,h1 {font-size: 36px}
.h2,h2 {font-size: 30px}
.h3,h3 {font-size: 24px}
.h4,h4 {font-size: 18px}
.h5,h5 {font-size: 14px}
.h6,h6 {font-size: 12px}
img { border: 0}
p{display: block;margin:5px auto;white-space: pre-wrap;word-wrap: break-word;}
.text-left {text-align: left}
.text-right {text-align: right}
.text-center {text-align: center}
.text-justify {text-align: justify}
.text-nowrap {white-space: nowrap}
.text-lowercase {text-transform: lowercase}
.text-uppercase {text-transform: uppercase}
.none{display:none;}
.divider {height: 1px;margin: 18px 0 12px 0;overflow: hidden; background-color: #e5e5e5;}
button[disabled], input[disabled], .disabled {cursor: not-allowed;}
[data-title] {position: relative; }
[data-title]:hover::after {content: attr(data-title);position: absolute;top: 115%;left: 0;max-width:300px;background-color: #fefefe;font-size:12px;color: #222; padding: 5px;border: 1px solid var(--ccc);border-radius: 5px;z-index: 1;}
.container {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.blue-s{color:var(--blue-s);}

@media (min-width: 768px) {.container {width:750px }}
@media (min-width: 992px) { .container { width:970px}}
@media (min-width: 1200px) {.container {width:1170px}}
@keyframes spin {from { transform: rotate(0deg);}to {transform: rotate(360deg);}}

.search{width:100%;position: fixed; display:block;border-bottom: 1px solid var(--green-6);background-color: var(--blue-s);background-image: url('');background-repeat: repeat;z-index: 5;}  /*background-color: var(--blue-s);background-image: url('');background-repeat: repeat;  linear-gradient(to bottom, var(--light), var(--blue-8));*/

       .search-container {
            display: -webkit-flex;display: flex;margin:35px auto;
            border: 1px solid #dfe1e5;
            border-radius: 24px;
            box-shadow: none;
            height: 44px;width:auto;
            background-color: #fff;
            transition: box-shadow 0.3s ease;flex-direction:row;justify-content:center;align-items: stretch;padding:0;flex-wrap: nowrap;
        }

       .search-container:hover {box-shadow: 1px 1px 8px rgba(238,238,238, 0.98);} /*rgba(238,238,238, 0.98);   rgba(32, 33, 36, 0.28);*/ 

       .search-input {
            /*flex: 1 1 auto;*/
            border: none;
            outline: none;
            padding: 0 16px;
            font-size: 18px;
            border-radius: 24px 0 0 24px;text-align: center;text-transform: lowercase;width:auto;flex-grow:1;flex-shrink:1;
        }

       .search-button {
            background-color: var(--blue-6);color:var(--light);
            border: none;
            border-radius: 0 24px 24px 0;
            padding: 0 26px;
            cursor: pointer;
            transition: background-color 0.3s ease;flex-basis:auto;flex-shrink:0;flex-grow:0;
        }

       .search-button:hover {background-color: var(--blue-5);}
       .search-icon {width: 25px;height: 25px;fill: var(--blue-s);}
		
.search-input::-moz-placeholder {color: #999;opacity: 1}
.search-input:-ms-input-placeholder {color: #999}
.search-input::-webkit-input-placeholder {color: #999}
.search-input::-ms-expand {background-color: transparent;border: 0}
@media (max-width: 350px) { .search-button{min-width:80px;z-index: 2;}  .search-input{z-index: 1;width: calc(100% - 80px);}}

.load{animation: spin 2s linear infinite; fill: var(--blue-s);width:30px;height:30px;}
/*Pre*/
pre,.pre{width:auto;white-space: pre-wrap;word-wrap: break-word;display: block;
    padding: 12px;
    margin: 35px 0 20px 0;
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    word-break: break-all;
    background-color: var(--light);
    border: 1px solid var(--ccc);
    border-radius: 6px}
.box{display: -webkit-flex; display: flex;flex-direction:row;justify-content:center;align-items: flex-start;}	
.box-item{padding:12px;}
.box-item-0{order:0;width:66%;}
.box-item-1{order:1;width:33%;}
.box-item-1 .border{display: block;padding: 12px;margin: 35px 0 20px 0;background-color: var(--light);border: 1px solid var(--ccc);border-radius: 6px}
.box-item-1 .but{display: line-block;margin: 10px auto 10px auto;line-height:250%;border: 1px solid var(--cce);border-radius: 3px;padding:3px 10px;background-color: var(--light);}
.box-item-1 .but:hover{color: var(--light);background-color: var(--blue-s);}
@media (max-width: 767px) {
   .search-container {margin:20px auto;}
   .search-button {padding: 0 22px;}
   .search-container{margin-left:8px;margin-right:8px;}
   body {padding-bottom:120px; }
   .search{bottom: 0px;}
   .box{flex-wrap:wrap}
   .box-item-0{width:100%;}
   .box-item-1{width:100%;margin-top:-35px;}
}
@media (min-width: 768px) {
    .search-container{width: 600px;max-width: 80%;}
   body {padding-top:120px; }
   .search{top: 0px;}
}

table {border-spacing: 0;border-collapse: collapse;border:0;}
tr,th,td{vertical-align: middle;padding: 8px;}