.navigation_button{height:50px;width:120px;border:none;background-color:rgba(0,0,0,0);background-size:120px 50px;background-repeat:no-repeat;background-position:center;color:#fff;display:inline-block;font-size:large;font-family:serif;text-align:center;text-decoration:none}.navigation_button:hover{background-color:#000}#trevipay_login_button{background-image:url("/assets/trevipay_login-ed2006cd.png")}#trevipay_login_button:hover{background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url("/assets/trevipay_login-ed2006cd.png")}#wns_login_button{background-image:url("/assets/wns_login-f5762af8.png")}#wns_login_button:hover{background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url("/assets/wns_login-f5762af8.png")}#logo{background-repeat:no-repeat;background-image:url("/assets/trevipay_logo-46199f22.png");background-size:35px;border-radius:25%;width:35px;height:35px;margin-left:5px}#opslog_stream{background-color:#000;color:#fff;border:5px solid #7d7e7d;margin:auto;width:90%;min-height:700px;max-height:700px}#opslog_wrapper{min-height:690px;max-height:690px;overflow-y:scroll;display:flex;flex-direction:column-reverse;font-family:serif}#response{border-bottom:1px solid #000;padding-bottom:1%}#request{padding-top:1%}.copyright_bar{text-align:right;color:#dcdcdc;background-color:#000;position:-webkit-sticky;position:sticky;top:0;margin:0;padding-top:0%;padding-bottom:0%;font-weight:bold;z-index:1;font-size:10px;font-family:serif}.title_bar{height:65px;padding-top:10px;color:#fff;text-shadow:2px 1px 0px #000;display:flex;justify-content:center;font-size:xxx-large;font-family:serif;background:linear-gradient(to bottom, rgb(167, 207, 223) 0%, rgb(35, 83, 138) 100%)}.navigation_bar{display:flex;justify-content:flex-start;flex-wrap:wrap;margin:0;text-align:center;right:0;left:0;height:50px;background:#7d7e7d;background:linear-gradient(to top, rgb(125, 126, 125) 0%, rgb(14, 14, 14) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 )}.alert_bar{display:block;height:40px;background-color:rgba(0,0,0,0);color:#fff;margin-left:20%;margin-right:20%;text-align:center;text-decoration:none}.alert{background-color:darkred;border:1px solid rgba(0,0,0,0);border-radius:10px;font-size:12px;height:100%;width:100%}.background{background-color:#23538a;padding:0px;margin:0px}.blue{color:#fff;background-color:#007bff}.green{color:#fff;background-color:#28a745}.red{color:#000;background-color:#dc3545}.grey{color:#000;background-color:#f8f9fa}.yellow{color:#000;background-color:#ffff92}.merchant_card_bar{text-align:center;display:grid;padding-top:1px;padding-bottom:1px;padding-left:25%;padding-right:25%;gap:10px;grid-template-columns:repeat(4, 1fr);grid-auto-rows:42px;align-items:center;justify-content:center}.select{box-sizing:border-box;color:#000;font-family:serif;font-size:small;height:24px;width:100%}.label{box-sizing:border-box;color:#fff;font-family:serif;font-size:16px;height:24px;text-shadow:2px 1px 0px #000;width:100%}.text_field{box-sizing:border-box;color:#000;font-family:serif;height:24px;font-size:16px;width:100%}.dropdown_bar{display:grid;padding-top:1px;padding-left:45%;padding-right:45%;gap:0px;grid-template-columns:repeat(1, 1fr);grid-auto-rows:42px;align-items:center;justify-content:center}.row{display:grid;padding-top:1px;padding-bottom:1px;padding-left:25%;padding-right:25%;gap:10px;grid-template-columns:repeat(4, 1fr);grid-auto-rows:42px;align-items:center;justify-content:center}.element{box-sizing:border-box;grid-column:span 1;grid-row:span 1;width:100%}.element_double{box-sizing:border-box;grid-column:span 2;grid-row:span 1;width:100%}.element_triple{box-sizing:border-box;grid-column:span 3;grid-row:span 1;width:100%}#submit_section{display:grid;padding-left:62.5%;padding-right:25%;padding-top:10px;grid-template-columns:repeat(2, 1fr);grid-auto-rows:25px;gap:5px;justify-content:center;align-items:center;grid-column:span 1;grid-row:span 1}.button{background-image:none;border:1px solid rgba(0,0,0,0);height:30px;width:100%;font-size:16px;border-radius:4px}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.log_msg{margin:1px}.high_lighted{background-color:gray}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}#query{margin-left:5%;margin-right:5%;width:90%}#query .query_bar{margin:auto;width:100%;height:47px}#query .results{background-color:#000;color:#fff;border:5px solid #7d7e7d;margin:auto;width:100%;min-height:700px;max-height:700px;overflow:scroll;font-family:serif}#query .search_field{width:25%}#query .table_spacer{width:1px}#query .date_nav_bar_cells{text-align:center;display:inline-block;text-align:center}#query .query_nav_bar_fields{text-align:center;display:inline-block;text-align:center;padding-left:10px}#query .query_table_cell_first{width:5%;display:inline-block}#query .query_table_cell_second{width:35%;display:inline-block}#query .query_table_cell_third{width:55%;display:inline-block}#query .select{box-sizing:border-box;color:#000;font-family:serif;font-size:16px;height:24px;width:95px}#query .text_field{width:50%}#query .hidden{display:none}#query .show{display:block}#query .button{background-image:none;border:1px solid rgba(0,0,0,0);height:30px;width:105.5px;font-size:16px;border-radius:4px}#query .loader{animation:animloader 1s linear infinite;width:24px;height:24px;display:none;position:relative;border-top:3px solid #000;border-right:3px solid #fff;border-bottom:3px solid #fff;border-left:3px solid #fff;border-radius:50%;box-sizing:border-box;vertical-align:middle}#query .loader[data-loading=true]{display:inline-block}@keyframes animloader{0%{transform:rotate(0deg)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}100%{transform:rotate(360deg)}}