@charset "UTF-8";

@media all
{
    html {
        margin: 0;
        padding: 0;
        border: 0;
    }

    body {
        background: #000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #585858;
    }

    header {
        position: sticky;
        top: 0;
        margin: 0;
        padding: 25px 5%;
        background: #f4f4f4;
        min-height: 75px;
        text-align: left;
        z-index: 1000;
    }

    main {
        margin: 0;
        padding: 50px 5%;
        background: #fff;
        color: #585858;
        min-height: 300px;
    }

    footer {
        margin: 0;
        padding: 10px 5% 0px 5%;
        background: #000;
        color: #fff;
        min-height: 200px;
    }

    footer ul {
        list-style-type: none;
    }

    h1, h2, h3, h4, h5 {
        margin: 0;
        padding: 0;
        font-family: Arial, Helvetica, sans-serif;
        margin-bottom: 20px;
    }

    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 25px;
    }

    h3 {
        font-size: 20px;
    }

    h4 {
        font-size: 18px;
    }

    h5 {
        font-size: 16px;
    }

    p {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #585858;
    }

    a {
        text-decoration: none;
        color: #fff;
    }

    a:hover {
        text-decoration: none;
        color: #f16035;
    }

    ul, ol {
        padding: 0;
        margin: 0;
    }

    .width-100 {
        width: 100%;
    }
    .width-90 {
        width: 90%;
    }
    .width-80 {
        width: 80%;
    }
    .width-70 {
        width: 70%;
    }
    .width-60 {
        width: 60%;
    }
    .width-50 {
        width: 50%;
    }
    .width-40 {
        width: 40%;
    }
    .width-30 {
        width: 30%;
    }
    .width-20 {
        width: 20%;
    }
    .width-10 {
        width: 10%;
    }
    .width-0 {
        width: 0%;
    }
    .bg-outline-success {
        --bs-bg-opacity: 1;
        border: 1px solid rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
        background-color: #FFF !important;
        color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity));
    }
    .bg-outline-warning {
        --bs-bg-opacity: 1;
        border: 1px solid rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
        background-color: #FFF !important;
        color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity));
    }
    .bg-outline-danger {
        --bs-bg-opacity: 1;
        border: 1px solid rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
        background-color: #FFF !important;
        color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity));
    }
    .bg-red {
        background-color: #F44336 !important;
        color: #FFF;
    }
    .bg-outline-red {
        border: 1px solid #F44336;
        background-color: #FFF !important;
        color: #F44336;
    }
    .bg-pink {
        background-color: #E91E63 !important;
        color: #FFF;
    }
    .bg-outline-pink {
        border: 1px solid #E91E63;
        background-color: #FFF !important;
        color: #E91E63;
    }
    .bg-purple {
        background-color: #9C27B0 !important;
        color: #FFF;
    }
    .bg-outline-purple {
        border: 1px solid #9C27B0;
        background-color: #FFF !important;
        color: #9C27B0;
    }
    .bg-deep-purple {
        background-color: #673AB7 !important;
        color: #FFF;
    }
    .bg-outline-deep-purple {
        border: 1px solid #673AB7;
        background-color: #FFF !important;
        color: #673AB7;
    }
    .bg-indigo {
        background-color: #3F51B5 !important;
        color: #FFF;
    }
    .bg-outline-indigo {
        border: 1px solid #3F51B5;
        background-color: #FFF !important;
        color: #3F51B5;
    }
    .bg-blue {
        background-color: #2196F3 !important;
        color: #FFF;
    }
    .bg-outline-blue {
        border: 1px solid #2196F3;
        background-color: #FFF !important;
        color: #2196F3;
    }
    .bg-light-blue {
        background-color: #03A9F4 !important;
        color: #FFF;
    }
    .bg-outline-light-blue {
        border: 1px solid #03A9F4;
        background-color: #FFF !important;
        color: #03A9F4;
    }
    .bg-cyan {
        background-color: #00BCD4 !important;
        color: #FFF;
    }
    .bg-outline-cyan {
        border: 1px solid #00BCD4;
        background-color: #FFF !important;
        color: #00BCD4;
    }
    .bg-teal {
        background-color: #009688 !important;
        color: #FFF;
    }
    .bg-outline-teal {
        border: 1px solid #009688;
        background-color: #FFF !important;
        color: #009688;
    }
    .bg-green {
        background-color: #4CAF50 !important;
        color: #FFF;
    }
    .bg-outline-green {
        border: 1px solid #4CAF50;
        background-color: #FFF !important;
        color: #4CAF50;
    }
    .bg-light-green {
        background-color: #8BC34A !important;
        color: #FFF;
    }
    .bg-outline-light-green {
        border: 1px solid #8BC34A;
        background-color: #FFF !important;
        color: #8BC34A;
    }
    .bg-lime {
        background-color: #CDDC39 !important;
        color: #FFF;
    }
    .bg-outline-lime {
        border: 1px solid #CDDC39;
        background-color: #FFF !important;
        color: #CDDC39;
    }
    .bg-yellow {
        background-color: #FFE821 !important;
        color: #FFF;
    }
    .bg-outline-yellow {
        border: 1px solid #FFE821;
        background-color: #FFF !important;
        color: #FFE821;
    }
    .bg-amber {
        background-color: #FFC107 !important;
        color: #FFF;
    }
    .bg-outline-amber {
        border: 1px solid #FFC107;
        background-color: #FFF !important;
        color: #FFC107;
    }
    .bg-orange {
        background-color: #FF9800 !important;
        color: #FFF;
    }
    .bg-outline-orange {
        border: 1px solid #FF9800;
        background-color: #FFF !important;
        color: #FF9800;
    }
    .bg-deep-orange {
        background-color: #FF5722 !important;
        color: #FFF;
    }
    .bg-outline-deep-orange {
        border: 1px solid #FF5722;
        background-color: #FFF !important;
        color: #FF5722;
    }
    .bg-brown {
        background-color: #795548 !important;
        color: #FFF;
    }
    .bg-outline-brown {
        border: 1px solid #795548;
        background-color: #FFF !important;
        color: #795548;
    }
    .bg-grey {
        background-color: #9E9E9E !important;
        color: #FFF;
    }
    .bg-outline-grey {
        border: 1px solid #9E9E9E;
        background-color: #FFF !important;
        color: #9E9E9E;
    }
    .bg-blue-grey {
        background-color: #607D8B !important;
        color: #FFF;
    }
    .bg-outline-blue-grey {
        border: 1px solid #607D8B;
        background-color: #FFF !important;
        color: #607D8B;
    }
    .bg-black {
        background-color: #000000 !important;
        color: #FFF;
    }
    .bg-outline-black {
        border: 1px solid #000000;
        background-color: #FFF !important;
        color: #000000;
    }
    .bg-white {
        background-color: #FFFFFF !important;
        color: #000;
    }
    .bg-outline-white {
        border: 1px solid #FFFFFF;
        background-color: #000 !important;
        color: #FFF;
    }
    .bg-disabled {
        border: 1px solid #e9ecef;
        border-radius: 0.25rem;
        background-color: #e9ecef !important;
    }
    .border-round {
        border: 1px solid #e9ecef;
        border-radius: 0.25rem;
    }

    .page-break {
        border: 1px dashed #999;
    }

    .text-center {
        text-align: center;
    }

    .text-right {
        text-align: right !important;
    }
	
	.marker {
		color: #f71410;
	}

    pre {
        white-space: pre-wrap;       /* Since CSS 2.1 */
        white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
        white-space: -pre-wrap;      /* Opera 4-6 */
        white-space: -o-pre-wrap;    /* Opera 7 */
        word-wrap: break-word;       /* Internet Explorer 5.5+ */
    }

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        background: transparent;
        background-color: transparent;
        color: #333;
        border-radius: 0;
        border-bottom: 2px solid #f00;
    }

    .nav-pills > li > a {
        background: transparent;
        background-color: transparent;
        color: #333;
        border-radius: 0;
        padding: 5px 15px 15px 15px;
        font-size: 15px;
    }

    .nav-pills > li.active > a,
    .nav-pills > li.active > a:focus,
    .nav-pills > li.active > a:hover,
    .nav > li > a:focus,
    .nav > li > a:hover {
        background-color: transparent;
        color: #f00;
        border-radius: 0;
        border-bottom: 2px solid #f00;
    }

    .btn-select {
        color: #f71410;
        background-color: #fff;
        border: 1px solid #f71410;
        border-radius: 5px;
        width: 25%;
        min-width: 160px;
        padding: 8px;
        font-weight: 100;
    }
    .btn-select:hover {
        color: #fff;
        background-color: #f00;
        border: 1px solid #f00;
    }
}

@media screen and (max-width: 769px)
{
    header {
        text-align: center;
    }

    body {
        font-size: 12px;
    }

    p {
        font-size: 12px;
    }
}