* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}
/* width */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background-color: #F5F5F5;
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.form-control {
    position: relative;
    font-size: 16px;
    padding: 5px;
}

.header-tp .navbar {
    position: relative;
    max-height: 50px;
    margin-bottom: 0px;
    border: 1px solid transparent;
}

.header-tp .navbar-default {
    background-color: #101010;
    color: #9d9d9d;
    border-color: transparent!important;
}

.navbar-brand {
    float: left;
    height: 50px;
    font-size: 18px;
    line-height: 20px;
}
.dropdown-submenu
{
    position: relative;
}
.dropdown-submenu .dropdown-menu
{
    top: 0;
    left: 100%;
}

.table-striped>tbody>tr:nth-of-type(even),
thead {
    background-color: #e1e1e1;
}

.filterable {
    margin-top: 15px;
}

.filterable .panel-heading .pull-right {
    margin-top: -20px;
}

.filterable .filters input[disabled] {
    background-color: transparent;
    border: none;
    cursor: auto;
    box-shadow: none;
    padding: 0;
    height: auto;
}

.filterable .filters input[disabled]::-webkit-input-placeholder {
    color: #333;
}

.filterable .filters input[disabled]::-moz-placeholder {
    color: #333;
}

.filterable .filters input[disabled]:-ms-input-placeholder {
    color: #333;
}

body {
    background: url(../../images/bg4.jpg) no-repeat center center fixed;
    background-size: cover;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #222;
}


.navbar{
    height: auto;
    padding: 0px 15px;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #fff !important;
    background-color: #408ed0;
    box-shadow: 0px 0px 3px #254b6b;
}

div#content,
div.content {
    position: relative;
    padding: 2% 1%;
    border: 1px solid #a7a7a7;
    min-height: 25vh;
    background-color: #fff;
    display: block;
    margin: 0 auto;
}
.modal
{
    overflow: auto !important;
}

.table-bordered>thead>tr>th {
    border: none;
}

table,
table.dataTable {
    width: 100% !important;
    border-spacing: 0;
    border-collapse: collapse;
}

table.border,
table.border tr,
table.border th,
table.border td {
    border: 1px solid #585a6a;
}

table.border-1, table.border-1 tr, table.border-1 th, table.border-1 td
{
    border: 1px solid #bfb9b9;
}
table.border-1 td
{
    vertical-align: middle;
}

.error {
    color: #f00;
}

.success {
    color: #0A0
}

.warning {
    color: #F80
}

.centered {
    position: fixed;
    top: 50%;
    left: 50%;
    /*transform: translate(-50%, -50%);*/
}

input[type=file] {
    padding: 0
}

button,
input[type=button],
input[type=submit],
input[type=reset] {
    background: #0064C8;
    color: #fff;
    font-size: 15px;
    padding: 8px 20px;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    cursor: pointer;
    font-family: Arial;
    margin-bottom: 15px;
    display: block;
}

button:HOVER,
input[type=button]:HOVER,
input[type=submit]:HOVER,
input[type=reset]:HOVER {
    background-color: #005ab4
}
button[disabled]
{
    cursor: not-allowed;
}

.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto;
    /*    width: 450px;*/
}

button.login {
    background-color: #b30b00;
    border-color: #b30b00;
}

#nav {
    background-color: #b8b9c1;
    border: none;
    /*box-shadow: 0px 0px 4px #fff;*/
}

div.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 3px 10px;
}

div.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-color: transparent;
}

.admin-section {
    color: #fff;
    font-weight: 600;
    padding: 18px 15px;
}
div.table-striped>tbody>tr:nth-of-type(even), thead {
    background-color: #337ab6;
}
.admin-section .link{
    color:#fff;
}

div.table-striped>tbody>tr:nth-of-type(even),
thead {
    background-color: #337ab6;
    color: #fff;
    font-weight: 400;
}

div table.dataTable thead th {
    font-weight: 400;
}

div table.dataTable tfoot th {
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 10px;
}

table:not([class*="border"]) tbody tr.even {
    background-color: #ccc;
}

div table.dataTable tbody td {
    font-size: 14px;
    padding: 8px 19px;
}

.dataTables_length select {
    background-color: transparent;
    border: 1px solid #585a6a;
    color: #585a6a;
}

div table.dataTable thead th:not(:last-child) {
    border-right: 1px solid #ccc;
}

.dataTables_wrapper label {
    color: #585a6a;
}

div.dataTables_wrapper .dataTables_filter input {
    margin-left: 0.5em;
    background-color: transparent;
    border: 1px solid #585a6a;
    padding: 3px;
}

div.dataTables_wrapper .dataTables_info {
    color: #585a6a;
}

div table.dataTable thead th,
table.dataTable thead td {
    border-bottom: 1px solid #ccc;
}

div .dataTables_wrapper .dataTables_filter {
    padding-bottom: 8px;
}

div tfoot {
    background-color: #337ab5;
    color: #fff;
}

.modal_card:HOVER,
.modal_purchase:HOVER,
.active_inactive:HOVER,
.logged_in:HOVER {
    cursor: pointer;
}

.loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../../images/loading.gif) 50% 50% no-repeat #FFF;
    opacity: 0.9;
}

.loader_background {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(107, 134, 140, 0.5);
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 15px;
    text-decoration: none;
    font-size: 20px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover,
.offcanvas a:focus {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}


/*Toggle Switch*/

.material-switch > input[type="checkbox"] {
    display: none;
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative;
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position: absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}

.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}

.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}

.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}

.success_payment {
    display: inline;
}

.success_payment > label {
    left: 10px;
}


/*End Data toggle*/

select.form-control {
    /*width: 150px;*/
}

.modal_ticket_purchased:HOVER {
    cursor: pointer;
}

#file {
    display: none;
}

.file_parent {
    min-height: 25px;
    border: 1px solid;
    padding: 7px;
    overflow-y: hidden;
    overflow-x: hidden;
    font-size: 16px;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.file_parent:HOVER {
    cursor: pointer;
}

#input_file {
    width: 270px;
}

.link {
    color: #0064C8;
    text-decoration: underline;
}

.link:hover {
    color: #ff0000;
    text-decoration: none;
    cursor: pointer;
}

.modal_title_enity {
    color: #af0101;
}

.dt-buttons {
    float: none;
    text-align: right;
}

.dt-buttons button {
    display: inline;
    background: #247b27
}

button:not([class*="dropdown-toggle"]) {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

.table-responsive {
    border: none;
}

.bootstrap-select {
    width: 100%;
}

.password-toggle {
    position: absolute;
    right: 5px;
    top: 4px;
}

.password-toggle:hover {
    cursor: pointer;
}

.remove-button {
    color: #ff0000;
    font-weight: bold;
    font-size: 1.5em !important;
}

.restore-button {
    color: #088a08;
    font-weight: bold;
    font-size: 1.3em !important;
}

.remove-button:hover, .restore-button:hover {
    cursor: pointer;
}

.update_message {
    text-align: center;
}

.input-daterange {
    width: 100%;
}

#footer {
    position: relative;
    padding: 1%;
    border: 1px solid #a7a7a7;
    background-color: #fff;
    margin-top: 15px;
    text-align: center;
}

.modal-content .bootbox-body
{
    max-height: 75vh;
    overflow-y: auto;
}
.checkbox-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    /*    font-size: 22px;*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkbox-container .checkmark {
    position: absolute;
    top: -4px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #f4fdf7;
    border: 1px solid #7b7979;
}

/* On mouse-over, add a ligh green background color */
.checkbox-container:hover input ~ .checkmark {
    background-color: #c3f3d3;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
    background-color: #247b26;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox-container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.checkbox-container .check-bg
{
    width: 10px;
    height: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    background: #247b26;
}
.radio-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    /*    font-size: 22px;*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.radio-container .checkmark {
    position: absolute;
    top: -2px;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #eee;
    border-radius: 50%;
    background-color: #f4fdf7;
    border: 1px solid #7b7979;
}

/* On mouse-over, add a light green background color */
.radio-container:hover input ~ .checkmark {
    background-color: #c3f3d3;
}

/* When the radio button is checked, add a blue background */
.radio-container input:checked ~ .checkmark {
    background-color: #247b26;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radio-container .checkmark:after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

img.event_url
{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #000;
}
.jq-toast-wrap
{
    max-height: 30vh;
    overflow-y: auto;
}

.material-switch>input[type="checkbox"]:disabled+label
{
    background-color: #252525;
}

.align-middle {
    display: inline-block;
    vertical-align: middle;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-size: 11.5px;
    text-decoration: none;
}

.open>.dropdown-menu {
    padding: 0 0 10px;
}

.dropdown-menu>li>a {
    display: block;
    padding: 10px 20px;
    text-decoration: none;
}


.navbar-default {
    background-color: #337ab7;
    border-color: #337ab7;
}

.form-performance .col-md-6 .col-md-3 {
    font-weight: 600;
    position: relative;
}

.canvasjs-chart-container canvas{
    width:100% !important;
}
.top-bar-message
{
    background: #a10101;
    color: #fff;
    text-align: center;
    padding: 1px;
    font-family: monospace;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}
a.buttons-collection {
    margin-left: 1em;
}

/*11-09-19*/
.mb-2 {
    margin-bottom: .5rem;
}
.mb-3{
    margin-bottom: 1rem;
}
.mt-2 {
    margin-top: .5rem;
}
.mt-3{
    margin-top: 1rem;
}
.pb-2 {
    padding-bottom: .5rem;
}
.pb-3{
    padding-bottom: 1rem;
}
.pt-2 {
    padding-top: .5rem;
}
.pt-2_5 {
    padding-top: .75rem;
}
.pt-3{
    padding-top: 1rem;
}
.border-top{
    border-top: 1px solid rgba(0,0,0,0.1);
}
.font-md{
    font-size: .9rem;
}
@media screen and (max-width: 840px) and (min-width:768px){
    .navbar-default .navbar-nav>li>a{
        padding: 15px 7px;
        font-size: 11px;
    }
}

@media screen and (max-width: 767px) {
    .sidenav {
        padding-top: 15px;
    }
    .sidenav a {
        font-size: 18px;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #ffffff;
    }
    div#content,
    div.content {
        padding: 15px;
    }
    .btn-section {
        display: flow-root;
    }
    .admin-section {
        padding: 18px 5px 18px 15px;
    }
}



#column_show_hide .checkbox-menu li label {
    display: block;
    padding: 3px 10px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    margin:0;
    transition: background-color .4s ease;
}
#column_show_hide .checkbox-menu li input {
    margin: 0px 5px;
    top: 2px;
    position: relative;
}

#column_show_hide .checkbox-menu li.active label {
    background-color: #cbcbff;
    font-weight:bold;
}

#column_show_hide .checkbox-menu li label:hover,
#column_show_hide .checkbox-menu li label:focus {
    background-color: #f5f5f5;
}

#column_show_hide .checkbox-menu li.active label:hover,
#column_show_hide .checkbox-menu li.active label:focus {
    background-color: #b8b8ff;
}

#column_show_hide .dropdown-menu {
    top: 0% !important;
    left: 10% !important;
}