.custom-elem-fadein-transition {
    display: none;
}

.custom-box-align-center {
    width: 100%;
    margin: auto !important;
}

.custom-height-50 {
    height: 50px !important;
}

.custom-height-75 {
    height: 75px !important;
}

.custom-height-100 {
    height: 100px !important;
}

.custom-bg-light-blue {
    background-color: #d9e7f8 !important;
}

.custom-bg-light-grey {
    background-color: #e8e8e8 !important;
}

.custom-bg-light-green {
    background-color: #edffcb !important;
}

.custom-bg-light-orange {
    background-color: #ffecdc !important;
}

.custom-bg-light-red {
    background-color: #f7d9d9 !important;
}

.custom-bg-navy {
    background-color: #006292!important;
}


.bg-success-custom-10 {
    background-color: rgb(228, 243, 214) !important;
}

.bg-success-custom-25 {
    background-color: rgb(220, 242, 198) !important;
}

.bg-warning-custom-25 {
    background-color: #ffdf9f !important;
}

.bg-warning-custom-15 {
    background-color: #fff7c9 !important;
}

.bg-warning-custom-10 {
    background-color: #faf7dc !important;
}

.bg-warning-custom-5 {
    background-color: #faf9e7 !important;
}

.bg-danger-custom-10 {
    background-color: rgb(247, 229, 229) !important;
}

.custom-big-font {
    font-size: 3em !important;
}

.custom-width-full {
    width: 100% !important;
}

.custom-knob-text-container {
    width: 100%;
    text-align: center;
}

.custom-knob-subtext {
    font-size: 1rem;
    color: #C4C4C4;
}

.custom-padding-l-40 {
    padding-left: 40px !important;
}

.custom-remove-padding-left {
    padding-left: 0px !important;
}


.btn.disabled,
.btn:disabled {
    opacity: 0.40 !important;
}

.font-size-xss {
    font-size: 0.7rem !important;
}

.font-size-xm {
    font-size: 0.85rem !important;
}

.font-size-md {
    font-size: 0.9rem !important;
}

.font-size-ml {
    font-size: 0.975rem; }


.font-size-xlg {
    font-size: 1.2rem !important;
}

.font-size-xxl {
    font-size: 2rem !important;
}

.font-size-xxxl {
    font-size: 2.2rem !important;
}

.font-gray {
    color: #cecece !important;
}

/* more text colors */

.text-green {
    color: #28a745 !important; }

.text-green-75 {
    color: #67b479 !important; }

.text-green-50 {
    color: #8fc79c !important; }

.text-green-25 {
    color: #b1d6ba !important; }

.text-black-25 {
    color: rgba(0, 0, 0, 0.25) !important; }

.text-warning-75 {
    color: #ffc041 !important; /* color: #FFA800 !important; */ }

.text-warning-50 {
    color: #ffd073 !important; /* color: #FFA800 !important; */ }

.text-warning-25 {
    color: #ffdf9f !important; /* color: #FFA800 !important; */ }

.text-navy {
    color: #2a28a7 !important; }

.text-purple {
    color: #6f42c1 !important; }


.text-danger-75 {
    color: #fc7e8a !important; }

.text-danger-50 {
    color: #ffa9b0 !important; }

.text-danger-25 {
    color: #ffd2d6 !important; }
    

.form-control {
    border: 1px solid  #C5C5C5; /* #E4E6EF */}

.form-control.form-control-readonly {
    background-color: #ececec; }

hr.style3 {
	border-top: 1px dashed #8c8b8b;
}

hr.style9 {
	border-top: 1px dashed #8c8b8b;
	border-bottom: 1px dashed #fff;
}

/* Tooltip custom color (GREEN) | !important is not necessary if you place custom.css at the end of your css calls. #00acd6 */
/*
.tooltip-inner {
    background-color: #0cad0c !important;
    color: #fff;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #0cad0c !important;
}
  
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #0cad0c !important;
}  
  
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #0cad0c !important;
}
  
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #0cad0c !important;
} */

.m-45 {
    margin: 11rem !important; }
  
.mt-45,
.my-45 {
    margin-top: 11rem !important; }
  
.mr-45,
.mx-45 {
    margin-right: 11rem !important; }
  
.mb-45,
.my-45 {
    margin-bottom: 11rem !important; }
  
.ml-45,
.mx-45 {
    margin-left: 11rem !important; }

.m-50 {
  margin: 11rem !important; }

.mt-50,
.my-50 {
  margin-top: 12rem !important; }

.mr-50,
.mx-50 {
  margin-right: 12rem !important; }

.mb-50,
.my-50 {
  margin-bottom: 12rem !important; }

.ml-50,
.mx-50 {
  margin-left: 12rem !important; }

.element-hide {
    display: none;
}

.element-hidden{
    visibility: hidden;
}
.element-shown{
    visibility: visible;
}

.center-block {
    margin-left:auto;
    margin-right:auto;
    display:block;
 }


.gutter-b-5 {
    margin-bottom: 5px; }
  
.gutter-t-5 {
    margin-top: 5px; }

.gutter-b-10 {
    margin-bottom: 10px; }
  
.gutter-t-10 {
    margin-top: 10px; }




/* Highslide: Necesary CSS for hs.wrapperClassName = 'mobile-html'; */
/* Remove the resize handler in bottom right corner since it doesn't work on touchscreens */

.mobile-html .highslide-footer .highslide-resize {
    display: none;
}

.mobile-html .highslide-header .highslide-move {
    display: none;
}

.highslide-caption {
    border-top: 1px solid silver;
    margin-top: 5px;
    text-align: center;
}

.highslide-heading {
    border-bottom: 1px solid silver;
    text-align: right;
}

.highslide-heading a {
    color: #000000;
    text-decoration: none;
}

.highslide-heading {
    cursor: default;
}

.highslide-heading a {
    cursor: pointer;
}


/* CSS for wrapperClassName: 'full-size' */

.full-size .highslide-html-content {
    width: auto;
}



/* Tagify */


.tagify {
  width: 100%;
  max-width: 700px;
}

.tags-look .tagify__dropdown__item {
  display: inline-block;
  border-radius: 3px;
  padding: 0.3em 0.5em;
  border: 1px solid #CCC;
  background: #F3F3F3;
  margin: 0.2em;
  font-size: 0.85em;
  color: black;
  transition: 0s;
}

.tags-look .tagify__dropdown__item--active {
  color: black;
}

.tags-look .tagify__dropdown__item:hover {
  background: lightyellow;
  border-color: gold;
}


/* remove stripes for nested tables */

.table-striped table tbody tr:nth-of-type(odd) {
    background-color: transparent;
}

.table-striped tbody tr:hover {
    color: initial;
    background-color: transparent;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #bebebe30;
}

.table-striped th,
.table-striped td {
    /* padding: 0.75rem; */
    vertical-align: inherit;
    border-top: 0;
}

.hover-shadow {
    transition: box-shadow .3s;
    border-radius: 10px;
    border: 1px solid #ccc;
}

.hover_shadow:hover {
    box-shadow: 0 6px 15px rgba(33, 33, 33, .6)!important;
}


/* cursor-pointer */

.cursor-pointer {
    cursor: pointer;
}

.table-all-tickets {
    font-size: 13px;
}

.table-all-tickets td {
    font-size: 13px;
}

.table-all-tickets a {
    font-size: 13px;
}

.table-all-tickets span {
    font-size: 13px;
}


/* checkbox override for styling */

input[type="checkbox"] {
    visibility: hidden;
}

.checkboxOverride {
    margin: 20px 1px 40px 0;
    position: relative;
    width: 20px;
}

.checkboxOverride input[type="checkbox"]:checked+label:after {
    opacity: 1;
}

.checkboxOverride label {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #DDDDDD;
    cursor: pointer;
    height: 34px;
    left: 0;
    position: absolute;
    top: 0;
    width: 34px;
}

.checkboxOverride label:after {
    border-style: none none solid solid;
    content: "";
    height: 10px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 7px;
    -ms-transform: rotate(-45deg);
    /* IE 9 */
    -webkit-transform: rotate(-45deg);
    /* Safari and Chrome */
    transform: rotate(-45deg);
    width: 28px;
}


/* end checkbox override for styling */

/* knob */
.custom-knob-text-container {
    width: 100%;
    text-align: left;
}

.custom-knob-subtext {
    font-size: 1rem;
    color: #C4C4C4;
}


  /* Modals */

@media (min-width: 992px) {
    .modal-md {
        max-width: 640px; } }

@media (min-width: 992px) {
    .modal-dialog.modal-md {
        max-width: 640px; } }
  
@media (min-width: 1200px) {
    .modal-dialog.modal-md {
        max-width: 640px; } }



@media (min-width: 768px) {
    .modal-xxl {
        width: 90%;
        max-width:940px; } }

@media (min-width: 1440px) {
    .modal-xxl {
        width: 90%;
        max-width:1600px; } }

@media only screen and (max-width: 1280px) {
    .hideOnMobile {
        display: none;
    }
}