body { margin: 0px; padding: 0px; font-size: 13px; font-family: helvetica, verdana; }
#container { width: 1200px; margin: 0px auto; padding: 0px; font-size: 13px; }
#main_header { width: 1200px; margin: 10px auto 0px auto; padding: 5px 20px; background: #25537b; border-radius: 5px; margin-bottom: 5px; }
#main_header a { color: white; text-decoration: none; }
#main_header #page_title { color: white; font-size: 20px; margin: 0px; padding: 0px; line-height: 20px; font-weight: normal; }
#main_body { border: 1px solid #25537b; border-radius: 5px; width: 1200px; margin: 0px auto; padding: 20px; position: relative; }
#main_body .user-line { position: absolute; top: 5px; right: 20px; }
#main_footer { width: 1200px; margin: 10px auto 10px auto; padding: 5px 20px; background: #6a98bf; color: white; border-radius: 5px; }
.tb_left { width: 200px; }
a { color: blue; }
.blue { color: blue; }
.bold { font-weight: bold; }
.not-bold { font-weight: normal; }
.red { color: red; }
.green { color: green; }
.tooltip { display: none; }
.italic{ font-style: italic; }
.red_background { background: #b11616; padding: 0px 3px; color: white; }
.breadcrumb { margin-top: 10px; background-color: #e8e8e8; }
.home-header { margin-top: 20px; }
h1 .btn.pull-right, .header-buttons .btn, .header-buttons .btn-group { margin-left: 10px; }
.search-by-key-error { display: none; }
.pointer { cursor: pointer; }
.input-xs { font-size: 11px; padding: 2px 11px; height: 20px; }
.has-error .form-control { background: #ffe7e7; }
.has-info .form-control { background: #ffffdb; }
.has-error .form-control { background: #ffe7e7; }
.no-bottom-margin { margin-bottom: 0px !important; }
.no-top-margin { margin-top: 0px !important; }
.larger { font-size: 1.2em !important; }
.cursor { cursor: pointer; }
.mt-1 { margin-top: 3px; }
.mt-2 { margin-top: 5px; }
.mt-3 { margin-top: 10px; }
.mt-5 { margin-top: 20px; }
.pt-1 { padding-top: 3px; }
.pt-2 { padding-top: 5px; }
.pt-3 { padding-top: 10px; }
.pt-5 { padding-top: 20px; }
.w-100 { width: 100%; }
.btn.btn-submitted-spinner { position: relative !important; background-color: transparent !important; border-color: transparent !important; color: transparent; box-shadow: none !important; }
.hide-vertical-scrollbar { width: 100%; overflow: scroll; overflow-y: hidden; border: 1px solid blue; }
textarea { resize: vertical; }
.pointer { cursor: pointer; }
.href { cursor: pointer; color: blue; }
td.truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 200px; }
div.truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cust-label { background-color: #c8fdff; color: #368689; font-weight: bold; padding: 2px 8px; border-radius: 4px; display: inline-block; border: 0px }
.cust-label-danger { background-color: #ffe6e6; color: #d60000; }

/* GENERAL FORM STYLES */
/*
form input { border: 1px solid gray; padding-left: 2px; font-family: inherit; }
form select { border: 1px solid gray; font-family: inherit; }
form textarea { border: 1px solid gray; font-family: inherit; }
form .checkbox { border: none; }
form table td { padding: 2px 0px; }
*/
.text-controls { font-size: 15px; padding-top: 5px; margin-left: 20px; float: left; }

/* SYSTEM ERRORS */
.server_errors_cnt { border: 1px solid #980b0b; padding: 5px; background: #ffaea1; }
.server_errors_title { font-weight: bold; }
.server_errors { margin: 0px; padding: 5px 0px 0px 40px; }

/* LIST STYLES */
table.list { width: 100%; border: 1px solid #25537b; }
table.list thead td { color: white; font-weight: bold; background: #6190b8; }
table.list td { padding: 5px 5px; }
table.list tbody td { border-top: 1px solid #25537b; }
table.list table.none { border: none; padding: 0px; }
table.list table.none td { border: none; padding: 0px; }
table.list .highlight { background: #ddd; }

/* CODE SAMPLES */
.relative { position: relative; }
.btn-copy-to-clipboard { position: absolute; top: 5px; right: 40px; }
.btn-code-to-fullscreen { position: absolute; top: 5px; right: 80px; }
.code_sample { display: none;  width: 100%; padding: 5px; }
#php_code_sample { display: block; }
.code_sample pre { margin: 0px; max-height: 400px; }
.panel-title a { color: blue; }

#popUpCenter{ position: absolute; height: 1px; width: 1px; top: 0px; left: 0px; }

/* EVENTS PAGE */
.btn-top { margin-left: 10px; }
.btn-fav { font-size: 20px; }
.btn-favorite { background: #f3d168; color: #ec620e; }
.wl-group-fav { color: #f3d168; }
.event-stats { text-align: right; }
.event-stat { display: inline-block; padding: 0px 10px; }
.event-title { margin-bottom: 20px; }
.log-data-row > td { padding: 0px 5px 0px 5px !important; }
.value-data tr.log-data-row:not(:first-child) td { border-top: none !important; padding-top: 0px; }
.value-data tr.log-data-row:last-child td { padding-bottom: 5px !important; }
.log-data-cnt { border: 1px solid #ddd; border-top: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 5px 10px; margin: 0px 30px; overflow: scroll; overflow-x: hidden; overflow-y: hidden; }
.log-data-cnt:hover { background: #f1f1f1; }
.event-line:hover > td { filter: brightness(105%); }
.line { border-top: 1px solid #b2b2b2; margin: 15px 0px; }
.panel-failed { background: #efd0d0; }
.panel-passed { background: #ddf7d7; }
.panel-footer.panel-failed { filter: brightness(90%); }
.panel-footer.panel-passed { filter: brightness(90%); }
.event-tabs { margin-bottom: 20px; }
.event-recipient-list { padding-left: 15px; }
.public-param-list { margin: 0px; padding: 0px 0px 0px 0px; }
.public-param-list > li { margin: 0px 0px 0px 20px; padding: 0px; }
.floating-labels .label { margin-left: 10px; }
.num-hours-to-check-note { display: inline-block; margin-top: 9px; }
pre.json { max-width: 100%; white-space: pre-wrap; word-wrap: break-word; }
.label-data-to-large { display: block; margin: 5px 0px 10px 0px; }
.label-data-to-large > div { font-size: 0.9em; }
.show-raw-values-btn { margin-top: 10px; }
.raw-log-nav { margin-bottom: 20px; }
pre.event-info { margin: 0px; font-size: 0.95em; padding: 0px; border: none; background: none; overflow: auto; width: 800px; }

/* FLOATING LABELS */
/* SOURCE: https://github.com/tonystar/bootstrap-float-label */
.has-float-label { display: block; position: relative; }
.has-float-label label, .has-float-label > span { position: absolute; left: 0; top: 0; cursor: text; font-size: 70%; opacity: 1; -webkit-transition: all .2s; transition: all .2s; top: -.5em; left: 10px; z-index: 3; line-height: 1; padding: 0 1px; }
.has-float-label label::after, .has-float-label > span::after { content: " "; display: block; position: absolute; background: white; height: 2px; top: 50%; left: -.2em; right: -.2em; z-index: -1; }
.has-float-label textarea { margin-top: 0.5px; }
.has-float-label .form-control::-webkit-input-placeholder { opacity: 1; -webkit-transition: all .2s; transition: all .2s; }
.has-float-label .form-control::-moz-placeholder { opacity: 1; transition: all .2s; }
.has-float-label .form-control:-ms-input-placeholder { opacity: 1; transition: all .2s; }
.has-float-label .form-control::placeholder { opacity: 1; -webkit-transition: all .2s; transition: all .2s; }
.has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder { opacity: 0; }
.has-float-label .form-control:placeholder-shown:not(:focus)::-moz-placeholder { opacity: 0; }
.has-float-label .form-control:placeholder-shown:not(:focus):-ms-input-placeholder { opacity: 0; }
.has-float-label .form-control:placeholder-shown:not(:focus)::placeholder { opacity: 0; }
.has-float-label .form-control:placeholder-shown:not(:focus) + * { opacity: .5; top: .7em; font-weight: normal; font-size: 80%; color: #808080; }
.input-group .has-float-label { display: table-cell; }
.input-group .has-float-label .form-control { border-radius: 4px; }
.input-group .has-float-label:not(:last-child) .form-control { border-bottom-right-radius: 0; border-top-right-radius: 0; }
.input-group .has-float-label:not(:first-child) .form-control { border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: -1px; }
.form-horizontal .recip-cnt .has-float-label { margin-left: 0px; margin-right: 0px; }

.box-overlay { height: 100%; background: black; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 0.3; z-index: 1000; text-align: center; }
.box-overlay-image { position:fixed; left: 50%; top:  50%; margin: -37.5px 0px 0px -37.5px; width: 75px; height: 75px; }
.search-results-html { margin-top: 15px; }