body {
    font-family: "BPG mrgvlovani";
    font-size: 11px;
    background: #eaeaea;
}

.sidebar {
    z-index: 1022 !important;
}

.sidebar-section {
    /*font-family: "BPG Banner Caps";*/
    font-family:"BPG Arial Caps" !important;
}

.sidebar-section .nav-item a {
    margin: 5px 0px 5px 0px;
}

.sidebar .sidebar-main-resize i {
    font-size: 14px;
}

.nav-sidebar .nav-link i {
    font-size: 14px;
    padding-top: 0.5px;
    /*opacity: 0.7*/
}

.navbar {
    padding: 2px !important;
}

.navbar-brand {
    padding: 2px;
}

.navbar-brand span {
    padding-top: 2px;
    color: #fff;
    font-size: 15px;
    opacity: 0.9;
}

.navbar-brand .logo {
    opacity: 1;
    padding-top: 3px;
    height: calc(1375rem / 750);
}

.searchTypeImage {
    width: 20px;
    /*padding: 5px;*/
    /*border-width: 1px;*/
    /*border-style: solid;*/
    /*border-color: rgba(0,0,0,0.5);*/
    /*border-radius: 100px;*/
}

.navbar-search-input {
    padding: 5px 5px 4px 50px !important;
}

.form-control-feedback-icon {
    padding: 5px 5px 5px 15px;
}


.selectWithIcon .multiselect .multiselect-selected-text {
    padding-left: 15px !important;
}

.multiselect {
    padding: 6px 15px 7px 15px !important;
    font-size: 10px !important;
    font-family: "BPG Arial Caps" !important;
    border-radius: 4px;
}

.multiselect-item {
    font-size: 10px !important;
    font-family: "BPG Arial Caps" !important;
    padding-bottom: 0px;
}

.multiselect-item .form-check-input {
    margin: 0px 10px 0px 0px;
    width: 15px;
    height: 15px;
}

.xsCheckbox {
    margin: 0px 10px 0px 0px;
    width: 15px;
    height: 15px;
}

.navbar ::-webkit-input-placeholder { /* Edge */
    color: rgba(255,255,255,0.5) !important;
}

.navbar ::-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba(255,255,255,0.5) !important;
}

.navbar ::placeholder {
    color: rgba(255,255,255,0.5) !important;
}

.loginLogo {
    padding: 10% 5% 10% 5%;
}

.loginLogo img {

}

#kbd-switscher {
    visibility: hidden;
}

.kbdSwitcher {
    transform : scale(2);
    visibility: hidden;
    cursor: pointer;
    border-radius: 100px;
}

input#kbd-switcher::after {
    background: url("https://pbs.twimg.com/ext_tw_video_thumb/1216975174551121921/pu/img/1Fa98_8f9x0Swa1X.jpg:large") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    /*background-size: cover;*/
    background-size: 20px 20px;
    padding: 2px;
    visibility: visible;
    content: "KA";
    color: transparent;
    border-width: 1px;
    border-color: #d1d5db;
    border-style: solid;
    border-radius: 100px;
}

input#kbd-switcher:checked::after {
    background: url("https://media.istockphoto.com/id/1181025257/photo/united-kingdom-flag.jpg?b=1&s=170667a&w=0&k=20&c=OVKUajIaOzJLP4of3ts3DXqiUOrTERCKSBp9JwFsJCs=");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    /*background-size: cover;*/
    background-size: 20px 20px;
    padding: 2px;
    visibility: visible;
    content: "KA";
    color: transparent;
    border-width: 1px;
    border-color: #d1d5db;
    border-style: solid;
    border-radius: 100px;
}

.userProfileImage {
    width: 100%;
    height: 330px;
    border-width: 3px;
    border-style: solid;
    border-color: #fff;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.3);
}

.userProfileSignature {
    position: relative;
    float: right;
    padding: 10px;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: center;
    border-radius: 10000px;
    border-width: 2px;
    border-style: solid;
    background: rgba(38, 166, 154, 0.9);
    color: #fff;
    border-color: #fff;
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.3);
}

/*.dashSlide .button {*/
/*    width: 5px !important;*/
/*    height: 5px !important;*/
/*    border-radius: 20px !important;*/
/*}*/

.dashSlide .card-body {
    height: 200px
}

.dashSlide .carousel-indicators {
    position: absolute !important;
    width: 100%;
    height: 10px;
    top: 20px;
    left: 0px !important;
    margin: 0px !important;
    padding: 0px 20px 0px 0px !important;
    justify-content: end !important;
}

.dashSlide .carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 7px !important;
    height: 7px !important;
    padding: 0;
    /* margin-right: 3px; */
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
    border-radius: 20px !important;
    opacity: 0.5;
    transition: opacity 0.6s ease;
}

.dashSlide .carousel-indicators .active {
    background-color: #fff !important;
}

.calendarTable {
    width: 100%;
}

.calendarTable tr {
    width: 100%;
}

.calendarTable tr th {
    font-size: 9px;
    text-align: center;
    padding: 10px 0px 15px 0px;
}

.calendarTable tr td {
    border-width: 1px;
    border-style: dashed;
    border-color: rgba(0,0,0,0.07);
    text-align: center;
    font-size: 10px !important;
    color: rgba(0,0,0,0.5);
    padding: 5px 2px 2px 2px;
}

.calendarTable tr td a {
    color: rgba(0,0,0,0.5);
    padding: 5px;
}

.calendarTable tr .activeDay {
    border-width: 1px;
    border-style: solid;
    border-color: rgba(245, 134, 70, 0.9);
    border-radius: 100px;
    /*font-size: 8px;*/
    /*font-weight: bolder;*/
    /*color: #000;*/
    padding: 3px;
}

.attendaceListCard {
    /*border-radius: 0px;*/
    border-width: 0px !important;
    border-style: solid;
    border-radius: 5px;
    border-color: rgba(0,0,0,0.05) !important;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0) 100%);
    -webkit-box-shadow: 4px 4px 4px 1px rgba(0,0,0,0);
    -moz-box-shadow: 4px 4px 4px 1px rgba(0,0,0,0);
    box-shadow:  3px 3px 3px 1px rgba(0,0,0,0);
}

.attendaceListCard .card-body {
    padding: 5px 5px 5px 5px;
}

.attendaceListCard .badge {
    /*width: 100%;*/
    /*margin-left: 5px;*/
}

.attendaceListCard .badgeDate {
    font-weight: normal !important;
}

.dashNavTabs .tab-content {
    background: #fff;
    padding: 10px;
    border-radius: 0px 0px 7px 7px !important;
    -webkit-box-shadow: 4px 4px 4px 1px rgba(0,0,0,0);
    -moz-box-shadow: 4px 4px 4px 1px rgba(0,0,0,0);
    box-shadow:  0px 0px 1px 1px rgba(0,0,0,0.15);
}

.bgLogo {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    /*margin-top: 20%;*/
    background-size: 5% auto;
    /*background-image: url("/assets/images/app/logov5.png");*/
    background-image: url("/assets/images/app/logov1.png");
    background-position: right 2% bottom 2%;
    background-repeat: no-repeat;
    opacity: 1;
    z-index: -1 !important;
    filter: grayscale(100%);
}

.aioTable {
    font-size: 10px;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.12)
}

.aioTable th {
    background: rgba(0,0,0,0.3)
}

.aioTable td {
    padding: 5px 7px 3px 7px;
    color: rgba(0,0,0,1);
    border-width: 1px;
    border-style: dashed;
    border-color: rgba(0,0,0,0.12)
}

.aioTable.smHead th {
    background: #ebebeb;
    border-width: 1px;
    border-color: #ddd;
    border-style: solid;
    text-align: center;
    font-size: 10px;
    padding: 7px 0px 7px 0px !important;
    font-family:"BPG Arial Caps" !important;
    vertical-align: middle;
}

.tableInput[type=checkbox] {
    width: 14px !important;
    height: 14px !important;
    border-radius: 2px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.3);
}

.bookmarkCard {
    background: rgba(255, 255, 255, 0.6);
}

.bookmarkCard .card-header {
    padding: 15px 10px 0px 10px;
    border: 0px;
}

.bookmarkCard .card-header i {
    opacity: 0.5
}

.bookmarkCard .card-body {
    padding: 5px 10px 0px 10px;
    z-index: 1;
}

.bookmarkCard .card-body .details {
    margin-top: 40px;
    height: 90px;
    transition: 0.3s;
    color: rgba(0,0,0,0.7);
    font-size: 10px;
}

.bookmarkCard .card-body .details .readIcon{
    position: absolute;
    bottom: 5px;
    opacity: 0.1;
    transition: 0.3s;
}

.bookmarkCard:hover .details {
    margin-top: 20px;
    height: 110px;
}

.bookmarkCard:hover .details .readIcon {
    bottom: 25px;
    opacity: 1;
}

.bookmarkCard .backgroundLogo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0.4
}

.cardBodyImg {
    position: absolute;
    width: 100%;
    height: 100%;
    display: -moz-box;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    z-index: 0 !important;
}
.cardBodyImg img {
    position: absolute;
    /*width: 50%;*/
    max-width: 40% !important;
    height: auto !important;
    max-height: 75%;
    opacity: 0.09;
    z-index: -1 !important;
}

.cardBodyImgFixed {
    position: fixed;
    width: 100%;
    height: 100%;
    display: -moz-box;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    padding-bottom: 10%;
    z-index: 0 !important;
}

.cardBodyImgFixed img {
    position: absolute;
    /*width: 50%;*/
    max-width: 20% !important;
    height: auto !important;
    max-height: 75%;
    opacity: 0.04;
    z-index: 0 !important;
}

.imgDark {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.imgDarkHover {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.imgDarkHover:hover {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

.imgDarkLight {
    -webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
    filter: grayscale(50%);
}

.takedPic img {
    -webkit-mask-image: linear-gradient(to top, #ef7529 0%, transparent 100%);
    width: 100% !important;
    height: auto !important;
    border-radius: 0px 0px 5px 5px
}

.inspect .takePic {
    display: flex;
    justify-content: center;
    align-items: center;
}

.takePicMenu {
    position: absolute;
    width: 25%;
    right: 0px;
    border-radius: 5px 0px 0px 5px;
    background: rgba(255,255,255,0.7);
    cursor: pointer;
}

.starterPtiImg {
    border-radius: 0px 0px 5px 5px;
}

.takePicMenu i {
    font-size: 30px;
    color: rgba(0,0,0,0.4);
    cursor: pointer;
}

.inspect .slide {
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 4px 4px 4px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 4px 4px 4px 1px rgba(0,0,0,0.3);
    box-shadow: 4px 4px 4px 1px rgba(0,0,0,0.3);
}

.inspect .slide .carousel-item {
    border-radius: 10px;
    height: 25vh;
}

.inspect .slide .cover {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255, 122, 0, 0.9);
    background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 100%);
    border-radius: 9px;
    z-index: 2;
}

.inspect .slide .cover .govNum {
    position: absolute;
    bottom: 7px;
    left: 10px;
    color: #fff;
    font-size: 12px;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.6);
    font-family:"BPG Banner Caps" !important;
    line-height: 17px;
    display: flex;
    z-index: 2;
}

.inspect .slide .imagesButton {
    position: absolute;
    bottom: 5px;
    left: 45%;
    width: 10%;
    text-align: center;
    /*background: red;*/
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.6);
    font-family:"BPG Banner Caps" !important;
    z-index: 5;
}
.inspect .slide .imagesButton a {
    color: rgba(255,255,255,0.8);
    z-index: 5;
}

.inspect .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: end;
    padding: 0;
    margin-right: 10px;
    margin-bottom: 12px;
    margin-left:  0px;
    list-style: none;
}

.inspect .carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 4px;
    height: 4px;
    padding: 0;
    margin-right: 5px;
    margin-left: 5px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    opacity: 0.5;
    transition: opacity 0.6s ease;
    border-radius: 50px !important;
}

.inspect .carousel-indicators .active {
    background: #61d773;
}

.inspect .backBtn {
    width: 100%;
    padding: 5px 0px 5px 0px;
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: rgba(255, 122, 0, 0.5);
    background: #fff;
    color: rgba(0,0,0,0.8);
    font-size: 9px;
    font-family:"BPG Arial Caps" !important;
    font-weight: normal;
    border-radius: 10px 0px 0px 0px
}

.inspect .uploadBtn {
    width: 100%;
    padding: 5px 0px 5px 0px;
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: rgba(255, 122, 0, 0.5);
    background: #fff;
    color: rgba(0,0,0,0.8);
    font-size: 9px;
    font-family:"BPG Arial Caps" !important;
    font-weight: normal;
    border-radius: 0px 10px 0px 0px
}

.inspect .btnOptions, .ptiInspectFaultiesList .btnOptions {
    width: 100%;
    padding: 10px 0px 10px 0px;
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: rgba(255, 122, 0, 0.5);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0) 100%);
    color: rgba(0,0,0,0.8);
    font-size: 9px;
    font-family:"BPG Arial Caps" !important;
    font-weight: normal;
    border-radius: 10px 10px 0px 0px;
    -webkit-box-shadow: -3px -3px 3px 0px rgb(0 0 0 / 2%);
    -moz-box-shadow: -3px -3px 3px 0px rgb(0 0 0 / 2%);
    box-shadow: -3px -3px 3px 0px rgb(0 0 0 / 2%);
}

.inspect .btnBg, .ptiInspectFaultiesList .btnBg {
    width: 100% !important;
    padding: 10px 0px 10px 0px;
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: rgba(255, 122, 0, 0.5);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0) 100%);
    color: rgba(0,0,0,0.8);
    font-size: 9px;
    font-family:"BPG Arial Caps" !important;
    font-weight: normal;
    border-radius: 10px 10px 0px 0px;
    -webkit-box-shadow: -3px -3px 3px 0px rgb(0 0 0 / 2%);
    -moz-box-shadow: -3px -3px 3px 0px rgb(0 0 0 / 2%);
    box-shadow: -3px -3px 3px 0px rgb(0 0 0 / 2%);
}

.inspect .noStyleBtn, .ptiInspectFaultiesList .noStyleBtn {
    border: 0px;
    padding-bottom: 5px;
    width: 100%;
    background: transparent;
    color: rgba(0,0,0,0.7)
}

.inspect .noStyleBtn:hover, .ptiInspectFaultiesList .noStyleBtn:hover {
    color: rgba(0,0,0,1)
    /*-webkit-box-shadow: -3px -3px 3px 0px rgb(0 0 0 / 2%);*/
    /*-moz-box-shadow: -3px -3px 3px 0px rgb(0 0 0 / 2%);*/
    /*box-shadow: -2px 2px 5px 0px rgb(0 0 0 / 3%);*/
}


.buttonStyleSuccess {
    padding: 3px 5px 0px 5px;
    width: 100% !important;
    height: 30px;
    color: #323232;
    border-width: 0px 0px 1px 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1);
    font-size: 9px;
    font-family:"BPG Arial Caps" !important;
    text-align: left !important;
    border-radius: 4px;
    background: transparent;
    transition: 0.15s padding ease-out, 0.3s background ease-out;
}

.buttonStyleSuccess:hover {
    width: 100% !important;
    padding-top: 5px !important;
    padding-left: 15px;
    border-color: rgba(76, 175, 80, 0.99);
}

.curBorder {
    border-color: #252b36 !important;
}

.inspectVehicleImg {
    border-radius: 5px;
    height: 25vh;
}

.inspectVehicleHistory .cover {
    position: relative;
    top: 0px;
    height: 100%;
    background: rgba(255, 122, 0, 0.9);
    background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.1) 100%);
    border-radius: 5px;
    z-index: 4;
}

.inspectVehicleHistory .govNum {
    position: absolute;
    bottom: 7px;
    left: 10px;
    color: #fff;
    font-size: 14px;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.6);
    font-family:"BPG Banner Caps" !important;
    line-height: 17px;
    display: flex;
    z-index: 2;
}

.inspect .hardware {
    padding: 2px 7px 2px 7px;
    border-width: 0px 2px 2px 2px;
    border-color: rgba(255, 122, 0, 0.9);
    border-style: solid;
    font-family:"BPG Banner Caps" !important;
}

.inspect .buttons {
    text-align: center;
    display: flex;
    justify-content: center;
    font-size: 10px;
    font-family:"BPG Arial Caps" !important;
}

.inspect .accordion .accordion-item {
    margin-bottom: 8px;
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    -webkit-box-shadow: -3px -3px 3px 0px rgb(0 0 0 / 2%);
    -moz-box-shadow: -3px -3px 3px 0px rgb(0 0 0 / 2%);
    box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 10%);
}

.inspect .accordion .accordion-body {
    background: #fff;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #d1d5db;
    border-top-color: rgba(255, 122, 0, 0.9);
}

.inspect .accordion .accordionButton {
    width: 100%;
    padding: 5px;
    text-align: left;
    font-size: 10px;
    color: rgba(0,0,0,0.8);
    font-family:"BPG Arial Caps" !important;
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    border-color: #d1d5db;
}

.inspect .faultiesList .card .card-header {
    background: #efefef;
    border-radius: 0px;
    border-bottom: 0px;
    cursor: pointer;
}

.inspect .faultiesList .card {
    margin-bottom: 8px;
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    -webkit-box-shadow: -3px -3px 3px 0px rgb(0 0 0 / 2%);
    -moz-box-shadow: -3px -3px 3px 0px rgb(0 0 0 / 2%);
    box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 10%);
}

.inspect .faultiesList .card  select {
    /*padding: 5px 7px 5px 7px;*/
    /*padding: 7px;*/
}

.inspect .faultiesList .accordion-collapse {
    background: #fff;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #d1d5db;
    border-top-color: rgba(255, 122, 0, 0.9);
}

.inspect .faultiesList .accordionButton {
    width: 100%;
    padding: 5px;
    text-align: left;
    font-size: 9px;
    color: rgba(0,0,0,0.8);
    font-family:"BPG Arial Caps" !important;
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    border-color: #d1d5db;
}

.inspect .form-control {
    font-family:"BPG Arial Caps" !important;
    background: #fafafa;
    border-radius: 2px;
}

.inspect .accordion label {
    color: #999;
    font-size: 9px;
    font-family:"BPG Arial Caps" !important;
}


.inspect ::-webkit-input-placeholder { /* Edge */
    color: rgba(0,0,0,0.2) !important;
    font-size: 9px;
}

.inspect :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba(0,0,0,0.2) !important;
    font-size: 9px;
}

.inspect ::placeholder {
    color: rgba(0,0,0,0.2) !important;
    font-size: 9px;
}

.printPTICard {
    padding: 10px 10px 100px 8px !important;
}

.printPTICard object {
    border-width: 3px;
    border-color: #fff;
    border-style: solid;
    border-radius: 0px 0px 8px 8px !important;
    -webkit-box-shadow: 4px 4px 4px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 4px 4px 4px 1px rgba(0,0,0,0.3);
    box-shadow: 4px 4px 4px 1px rgba(0,0,0,0.3);
}


.textareaSm ::-webkit-input-placeholder { /* Edge */
    color: rgba(0,0,0,0.2) !important;
    font-size: 9px;
}

.textareaSm :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba(0,0,0,0.2) !important;
    font-size: 9px;
}

.textareaSm ::placeholder {
    color: rgba(0,0,0,0.2) !important;
    font-size: 9px;
}

.ptiInspectFaultiesList .card {
    font-family:"BPG Arial Caps" !important;
    text-align: center;
    font-size: 9px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    /*margin-bottom: 10px;*/

    background: rgba(37, 43, 54, 1);
}

.ptiInspectFaultiesList .card .card-body {
    padding: 0px;
}

.ptiInspectFaultiesList .card .card-footer {
    color: rgba(0,0,0,0.6);
    font-size: 9px;
    border: 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgb(38, 117, 47) rgba(0,0,0,0.1);
    padding: 2px;
    /*border-radius: 5px;*/
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    z-index: 9999;
    background: #fff;
}

.ptiInspectFaultiesList .faultyListIcon {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ptiInspectFaultiesList .faultyNum {
    position: absolute;
    width: 100% !important;
    top: 5%;
    font-weight: bolder;
    font-family: sans-serif !important;
    color: transparent;
    font-size: 45px;
    -webkit-text-stroke: 1px  rgba(255,255,255,0.22); /* Outline color */
    text-shadow: 0 0 20px rgba(255,255,255,0.22);     /* Shadow around the stroke */
}

/*.ptiInspectFaultiesList .faultyListIcon div {*/
/*    width: 100%;*/
/*    border-radius: 0px 0px 3px 3px;*/
/*    text-align: center;*/
/*    padding: 10px;*/
/*    -webkit-box-shadow: 2px 3px 4px 1px rgb(0 0 0 / 7%);*/
/*    -moz-box-shadow: 2px 3px 4px 1px rgb(0 0 0 / 7%);*/
/*    box-shadow: 1px 2px 3px 1px rgb(0 0 0 / 7%);*/
/*}*/

/*.ptiInspectFaultiesList .faultyListIcon img {*/
/*    width: 20px;*/
/*    text-align: center;*/
/*    opacity: 0.7;*/
/*}*/

.ptiInspectFaultiesList .faultyListIcon div {
    width: 100%;
    height: 10vh;
    opacity: 0.5
    /*border-radius: 0px 0px 3px 3px;*/
    /*text-align: center;*/
    /*padding: 0px;*/
    /*-webkit-box-shadow: 2px 3px 4px 1px rgb(0 0 0 / 7%);*/
    /*-moz-box-shadow: 2px 3px 4px 1px rgb(0 0 0 / 7%);*/
    /*box-shadow: 1px 2px 3px 1px rgb(0 0 0 / 7%);*/
}
.ptiInspectFaultiesList .opacity {
    position: absolute;
    left: 0px;
    top:0px;
    width: 100%;
    height: 90px;
    background: rgba(37, 43, 54, 0.5);
    z-index: 0;

}

.ptiInspectFaultiesList .faultyListIcon img {
    height: 50px;
    width: auto;
    text-align: center;
    opacity: 0.8;
    filter: grayscale(1) contrast(1.5) brightness(1);
    mix-blend-mode: multiply;
}

.activedOnlineUsers .card .details {
    position: absolute;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%) !important;
    top: 0%;
    height: 420px;
    width: 100%;
    left: 0%;
    padding: 30px 15px 10px 15px;
    overflow: auto;
    /*display: flex;*/
    justify-content: start;
    align-items: center;
    backdrop-filter: blur(4px);
}


.activedOnlineUsers .card .details .line {
    position: absolute;
    top: 0px;
    margin-left: 3px;
    width: 2px;
    height: 100%;
    /*background: linear-gradient(180deg, rgba(255, 73, 2, 0) 0%, rgba(255, 73, 2, 0.5) 15%, rgb(255, 73, 2, 1) 50%, rgba(255, 73, 2, 0.5) 85%, rgba(255, 73, 2, 0) 100%) !important;*/
    background: linear-gradient(180deg, rgba(4, 154, 173, 0) 0%, rgba(4, 154, 173, 0.9) 15%, rgba(4, 154, 173, 1) 50%, rgba(4, 154, 173, 0.9) 85%, rgba(4, 154, 173, 0) 100%) !important;

}


.ptiRegStatusSERIOUS {
    color: #ffb74d;
}

.ptiRegStatusDANGEROUS {
    color: #ff0000;
}

.ptiRegStatusINSIGNIFICANT {
    color: #4caf50;
}

.ptiRegStatus-1 {
    color: #ffb74d !important;
}

.ptiRegStatus-2 {
    color: #ff0000 !important;
}

.ptiRegStatus-0 {
    color: #4caf50 !important;
}

.ptiRegAIOStatus-2 {
    color: #ffb74d !important;
}

.ptiRegAIOStatus-3 {
    color: #ff0000 !important;
}

.ptiRegAIOStatus-1 {
    color: #4caf50 !important;
}

.ptiTypeTextColor-1 {
    color: #4caf50 !important;
}

.ptiTypeTextColor-2 {
    color: #0c83ff !important;
}

.ptiTypeTextColor-3 {
    color: #f58646 !important;
}

.ptiResultStatusFAULTY {
    color: #f58646;
}

.ptiResultStatusDANGEROUS {
    color: #ff0000;
}

.ptiResultStatusGOOD {
    color: #4caf50;
}

.ptiResultStatusგაუმართავი {
    color: #f58646;
}

.ptiResultStatusსახიფათო {
    color: #ff0000;
}

.ptiResultStatusგამართული {
    color: #4caf50;
}

.ptiResultStatusText-0 {
    color: #f58646 !important;
}

.ptiResultStatusText-3 {
    color: #ff0000 !important;
}

.ptiResultStatusText-1 {
    color: #4caf50 !important;
}

.borderTicketStatus-1 {
    border-color: rgba(255, 0, 0, 1) !important;
}

.borderTicketStatus-2 {
    border-color: rgba(76, 175, 80, 1) !important;
}


.starterList .generatePti {
    padding: 3px 5px 5px 5px;
    width: 100% !important;
    color: #323232;
    border-width: 0px 0px 1px 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1);
    font-size: 9px;
    font-family:"BPG Arial Caps" !important;
    text-align: left !important;
    border-radius: 4px;
    background: transparent;
    transition: 0.15s padding ease-out, 0.3s background ease-out;
}

.starterList .generatePti:hover {
    /*color: #fff !important;*/
    width: 100% !important;
    padding-top: 8px;
    padding-left: 7px;
    border-color: rgba(76, 175, 80, 0.99);
}

.wizardButtonNext {
    padding: 3px 20px 5px 20px;
    width: 100% !important;
    color: #323232;
    border-width: 0px 0px 1px 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1);
    font-size: 9px;
    font-family:"BPG Arial Caps" !important;
    text-align: left !important;
    border-radius: 4px;
    background: transparent;
    transition: 0.15s padding ease-out, 0.3s background ease-out;
}

.wizardButtonNext:hover {
    /*color: #fff !important;*/
    width: 100% !important;
    padding-top: 8px;
    padding-left: 7px;
    border-color: rgba(76, 175, 80, 0.99);
}

.wizardButtonPrev {
    padding: 3px 20px 5px 20px;
    width: 100% !important;
    color: #323232;
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1);
    font-size: 9px;
    font-family:"BPG Arial Caps" !important;
    text-align: left !important;
    border-radius: 4px;
    background: transparent;
    transition: 0.15s padding ease-out, 0.3s background ease-out;
}

.wizardButtonPrev:hover {
    /*color: #fff !important;*/
    width: 100% !important;
    padding-top: 8px;
    padding-left: 7px;
    border-color: rgba(246, 0, 0, 0.99);
}




.starterList .backToInspect {
    padding: 5px 5px 3px 5px;
    width: 100%;
    color: rgba(0,0,0,0.6);
    border-width: 1px 0px 0px 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1);
    font-size: 9px;
    font-family:"BPG Arial Caps" !important;
    text-align: left !important;
    border-radius: 4px;
    background: transparent;
    transition: 0.15s padding ease-out, 0.3s background ease-out;
}

.starterList .backToInspect:hover {
    /*color: #fff !important;*/
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 7px;
    border-color: rgba(255, 0, 0, 0.99);
}

.starterList .govNum {
    position: relative;
    top: 30%;
    text-align: center;
    color: transparent;font-family:"BPG Banner Caps" !important;
    font-size: 30px;
    -webkit-text-fill-color: rgba(0,0,0,0.3); /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 1px;
    /*font-weight: 900;*/
    -webkit-text-stroke-color: rgba(255,255,255,0.2);
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}

.govNumWithoutShadow {
    position: relative;
    top: 30%;
    text-align: center;
    color: transparent;font-family:"BPG Banner Caps" !important;
    font-size: 30px;
    -webkit-text-fill-color: rgba(0,0,0,0.3); /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 1px;
    /*font-weight: 900;*/
    -webkit-text-stroke-color: rgba(255,255,255,0.2);
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}

.supportWidget .card .details {
    position: absolute;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%) !important;
    bottom: 0%;
    height: calc(100% - 30px);
    width: 100%;
    left: 0%;
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 10px;
    backdrop-filter: blur(4px);
}


.supportWidget .card .details .line {
    position: absolute;
    top: 0px;
    margin-left: 3px;
    width: 2px;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 168, 93, 0) 0%, rgba(0, 168, 93, 0.5) 15%, rgba(0, 168, 93, 1) 50%, rgba(0, 168, 93, 0.5) 85%, rgba(0, 168, 93, 0) 100%) !important;

}


.ptiLibrary {
    /*background: red;*/
}

.ptiLibrary .horizontal-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ptiLibrary .horizontal-list li {
    padding: 1vh;
    /*margin: 5px;*/
    border-radius: 5px;
    width: 25vh;
    text-align: center;
}


.ptiLibrary .book::after, .ptiLibrary .book::before, .ptiLibrary .book img, .ptiLibrary .book {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}


.ptiLibrary .book {
    cursor: pointer;
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background: white;
    z-index: 1;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 9px 20px 0 rgba(0, 0, 0, 0.25);
    overflow: hidden;
    transition: box-shadow 0.3s linear;
}

.ptiLibrary .bookBg {
    width: inherit;
    height: inherit;
    transform-origin: 0 50%;
    transform: rotateY(0);
    transition: all 0.45s ease;
}

.ptiLibrary .book:hover {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25), 0 9px 20px 0 rgba(0, 0, 0, 0.45);
}
.ptiLibrary .book:hover .bookBg {
    transform: rotateY(-25deg);
    box-shadow: 1px 1px 5px 5px rgba(0, 0, 0, 0.2);
}

.ptiLibrary .book::after, .ptiLibrary .book::before {
    content: "";
    display: block;
    width: inherit;
    height: inherit;
    position: absolute;
    z-index: -1;
    top: 0;
    background: white;
    border: 1px solid #d9d9d9;
}

.ptiLibrary .book::before {
    left: -3px;
}

.ptiLibrary .book::after {
    left: -6px;
}

.ptiLibrary .bookLogo {
    position: absolute;
    top: 40%;
    width: 80% !important;
    height: auto !important;
}

.ptiLibrary .bookLogo img {
    width: 80% !important;
    height: auto !important;
}

.ptiLibrary .bookLogo img:hover {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.0), 0 9px 20px 0 rgba(0, 0, 0, 0.0) !important;
}

.ptiLibrary .title {
    font-size: 9px;
    padding: 0px 0px 5px 10px;
    margin-top: 0px;
    border-width: 0px 0px 1px 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1);
    border-radius: 0px 0px 0px 5px;
}



/*    position: relative;*/
/*    top:0px;*/
/*    left: 0px;*/
/*    width: 110%;*/
/*    height: 100%;*/
    /*background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.2) 100%);*/
/*    !*background: rgba(0, 0, 0, 0.4);*!*/
/*    background: rgba(255, 122, 0, 0.9);*/
/*    background: linear-gradient(90deg, rgba(255, 122, 0, 0.9) 0%, rgba(255, 122, 0, 0.9) 50%, rgba(255, 122, 0, 0.9) 100%);*/
/*    border-radius: 0px 0px 999999px 0px;*/
/*}*/
/*.inspectVehicleImg .cover svg {*/
/*    margin-top: 80px*/
/*}*/

 .p-1 .vjs-has-started .vjs-control-bar {
    background: rgba(255,255,255,0.5) !important;
}

 .form-check-input-crossMark:checked[type="checkbox"] {
     background-image: url("/assets/images/icons/cross.svg") !important;
 }

.rounded-bottom-right-0{
    border-bottom-right-radius: 0px !important;
}
.rounded-bottom-left-0{
    border-bottom-left-radius: 0px !important;
}

.rounded-top-right-0{
    border-top-right-radius: 0px !important;
}
.rounded-top-left-0{
    border-top-left-radius: 0px !important;
}

#qr-canvas {
    width: 100%;
}

.input-app-xs {
    padding: 5px 10px 5px 10px !important;
    font-size: 10px !important;
}

.aioXsSelect {
    height: 28px !important;
    padding: 4px 4px 4px 1px !important;
}

.select2-selection {
    padding: 6px 5px 7px 0px !important;
    font-size: 10px !important;
    font-family: "BPG Arial Caps" !important;
    border-radius: 4px;
}

.select2-results__group {
    font-family: "BPG Arial Caps" !important;
    color: rgba(0,0,0,0.3);
    margin-top: 0px;
    margin-bottom: 0px;
}

.select2-results__options--nested > .select2-results__option {
    font-size: 10px;
}

.select2-results__option {
    font-size: 10px;
}

.personsNavWarning li a {
    padding: 5px;
    border-radius: 0px;
    margin-right: 5px;
    /*color: rgba(0,0,0,0.5);*/
}

.personsNavWarning li .active {
    background: rgba(245, 134, 70, 0);
    color: rgba(0,0,0,1);
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    padding: 5px !important;
    border-color:  rgba(245, 134, 70, 0.8);
}

.newsPost .message img {
    display: block;
    position: relative;
    width: 50%;
    height: auto;
}

.news .addNewsButton {
    display: none;
    cursor: pointer;
}

.news .addNewsButton a {
    color: #f58646;
    padding: 5px;
}

.news:hover .addNewsButton {
    display: block;
}

.news:hover .newsTitle {
    display: none;
}

.accordionExpendButton {
    padding: 5px;
    width: 100%;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    -webkit-box-shadow: 2px 3px 4px 1px rgb(0 0 0 / 10%);
    -moz-box-shadow: 2px 3px 4px 1px rgba(0,0,0,0.1);
    box-shadow: 1px 2px 3px 1px rgb(0 0 0 / 5%);
}

.accordionExpendButton:hover {
    color: rgba(0,0,0,1);
}

iframe img  {
    width: 5% !important;
    background: red !important;
}

.wizard > .steps > ul > li.done .teal {
    border-color: #26a69a;
    background: #26a69a;
}

.wizard > .steps > ul > li.current .teal {
    border-color: #26a69a;
    color: #26a69a;
    font-size: 0;
}


.tealWizard > .steps > ul > li:after,
.tealWizard > .steps > ul > li:before {
    background-color: #26a69a;
}

.tealWizard .actions {
    padding: 5px 20px 10px 5px;
}

.tableTitleBg {
    background: linear-gradient(90deg, rgba(0,0,0,0.15) 0%, rgba(245, 134, 70, 0.2) 100%);
    color: rgba(0,0,0,0.8) !important;
    width: 100% !important;
    border: 0px;
    padding: 1px 1px 1px 1px;
    border-radius: 0px 0px 0px 5px;
    /*-webkit-box-shadow: -2px 3px 4px 1px rgb(255 255 255 / 5%);*/
    /*-moz-box-shadow: -2px 3px 4px 1px rgb(255 255 255 / 5%);*/
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
}

.tableTitleBg div {
    position: relative;
    width: 100% !important;
    height: 100% !important;
    background: #fff !important;
    padding: 4px;
    border-radius: 0px 0px 0px 4px;
    transition: 0.15s padding ease-out, 0.15s margin ease-out, 0.15s border ease-out;
}

.tableTitleBg div:hover {
    padding-left: 0px;
}

.tableTitleBgLeft {
    background: linear-gradient(90deg, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.09) 100%);
    color: rgba(0,0,0,0.8) !important;
    width: 100% !important;
    padding: 5px 20px 4px 20px;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: rgba(0,0,0,0.3);
    border-radius: 0px 0px 3px 0px;
    -webkit-box-shadow: 2px 3px 4px 1px rgb(0 0 0 / 5%);
    -moz-box-shadow: 1px 3px 4px 1px rgb(0 0 0 / 5%);
    box-shadow: -1px 2px 3px 1px rgb(0 0 0 / 10%);
}

.ginner-container {
    border-radius: 10px !important;
}

.gdesc-inner {
    padding: 5px !important;
}
.gslide-desc {
    padding: 5px !important;
    font-family: "BPG Arial Caps" !important;
    font-size: 10px !important;
}

.gslide-image img {
    border-radius: 10px 10px 0px 0px !important;
    border-style: solid;
    border-color: #fff;
    border-width: 2px;
}

.noty_body {
    font-family: "BPG Arial Caps" !important;
}

.noStyleButton {
    border-width: 0px;
    background: transparent;
}

.aioStatus-0 {
    color: rgb(239, 68, 68);
}

.aioStatus-1 {
    color: rgb(38, 166, 154);
}

.ptiInvoiceStatus-0 {
    color: rgb(0, 0, 0);
}

.ptiInvoiceStatus-1 {
    color: rgb(239, 68, 68);
}

.ptiInvoiceStatus-2 {
    color: rgb(38, 166, 154);
}

.ptiInvoiceStatus-3 {
    color: rgb(175, 174, 174);
}

.today-stat-company-first {
    animation: anim-today-stat-company-first 1s infinite alternate ease;
    animation-fill-mode: both;
}
@keyframes anim-today-stat-company-first {
    from {
        border-bottom-width: 1px;
        border-bottom-color: rgba(5, 128, 40, 0);
        border-bottom-style: dotted;
        background: rgba(5, 128, 40, 0.2);
        /*color: #fff;*/
    }
    to {
        border-bottom-width: 1px;
        border-bottom-color: rgba(5, 128, 40, 0.5);
        border-bottom-style: solid;
        background: rgba(5, 128, 40, 0);
    }
}

.today-stat-company-sec {
    animation: anim-today-stat-company-sec 1s infinite alternate ease;
    animation-fill-mode: both;
}
@keyframes anim-today-stat-company-sec {
    from {
        border-bottom-width: 1px;
        border-bottom-color: rgba(253, 142, 2, 0);
        border-bottom-style: dotted;
        background: rgba(253, 142, 2, 0.2);
        /*color: #fff;*/
    }
    to {
        border-bottom-width: 1px;
        border-bottom-color: rgba(253, 142, 2, 0.5);
        border-bottom-style: solid;
        background: rgba(253, 142, 2, 0);
    }
}

.today-stat-company-third {
    animation: anim-today-stat-company-third 1s infinite alternate ease;
    animation-fill-mode: both;
}
@keyframes anim-today-stat-company-third {
    from {
        border-bottom-width: 1px;
        border-bottom-color: rgba(253, 142, 2, 0);
        border-bottom-style: dotted;
        background: rgba(10, 156, 246, 0.2);
        /*color: #fff;*/
    }
    to {
        border-bottom-width: 1px;
        border-bottom-color: rgba(10, 156, 246, 0.5);
        border-bottom-style: solid;
        background: rgba(253, 142, 2, 0);
    }
}

.btnSubmitSimple {
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1);
    width: 100%;
    padding: 5px 0px 3px 0px;
    font-size: 10px;
}

.btnSubmitSimple:hover {
    padding: 3px 0px 5px 0px;
    -webkit-box-shadow: 2px 3px 4px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 3px 4px 1px rgba(0,0,0,0.1);
    box-shadow: 2px 3px 4px 1px rgba(0,0,0,0.1);
}

.tooltip-inner {
    font-family:"BPG mrgvlovani" !important;
    font-size: 10px;
}

.fullNotyAIOa {
    position: fixed;
    left: 0px;
    width: calc(100vw - 56px);
    height: calc(100vh - 44px);
    margin: 44px 0px 0px 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: rgba(0,0,0,0.9);
    z-index: 1021 !important;
}

.fullNotyAIO {
    position: fixed;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    background: rgba(0,0,0,0.9);
    z-index: 1021 !important;
}

.fullNotyAIO .title {
    color: #fff;
    font-size: 22px;
}

.fullNotyAIO .desc {
    color: #fff;
    font-size: 12px;
}

.borderGrey { border-color: rgba(0,0,0,0.15) !important;}
.borderLightWhite { border-color: rgba(255,255,255,0.15) !important;}
.borderDarkLight { border-color: rgba(0,0,0,0.3) !important;}
.border-bottom-dashed { border-bottom-style: dashed !important;}
.border-top-dashed { border-top-style: dashed !important;}

.zIndex1  { z-index: 1 !important;}
.zIndex10 { z-index: 10 !important;}

.no-padding { padding: 0px !important; }

.pl-0 { padding-left: 0px   !important;}
.pr-0 { padding-right: 0px  !important;}
.pt-0 { padding-top: 0px    !important;}
.pb-0 { padding-bottom: 0px !important;}

.padding-3 { padding: 3px !important; }

.pt-1 { padding-top: 1px    !important; }
.pb-1 { padding-bottom: 1px !important; }
.pl-1 { padding-left: 1px   !important; }
.pr-1 { padding-right: 1px  !important; }

.pt-2 { padding-top: 2px    !important; }
.pb-2 { padding-bottom: 2px !important; }
.pl-2 { padding-left: 2px   !important; }
.pr-2 { padding-right: 2px  !important; }

.pt-3 { padding-top: 3px    !important; }
.pb-3 { padding-bottom: 3px !important; }
.pl-3 { padding-left: 3px   !important; }
.pr-3 { padding-right: 3px  !important; }

.pt-4 { padding-top: 4px    !important; }
.pb-4 { padding-bottom: 4px !important; }
.pl-4 { padding-left: 4px   !important; }
.pr-4 { padding-right: 4px  !important; }

.pl-5 { padding-left: 5px   !important; }
.pr-5 { padding-right: 5px  !important; }
.pt-5 { padding-top: 5px    !important; }
.pb-5 { padding-bottom: 5px !important; }

.pl-8 { padding-left: 8px   !important; }
.pr-8 { padding-right: 8px  !important; }
.pt-8 { padding-top: 8px    !important; }
.pb-8 { padding-bottom: 8px !important; }

.pl-9 { padding-left: 9px   !important; }
.pr-9 { padding-right: 9px  !important; }
.pt-9 { padding-top: 9px    !important; }
.pb-9 { padding-bottom: 9px !important; }

.pl-6 { padding-left: 6px   !important; }
.pr-6 { padding-right: 6px  !important; }
.pt-6 { padding-top: 6px    !important; }
.pb-6 { padding-bottom: 6px !important; }

.pl-7 { padding-left: 7px   !important; }
.pr-7 { padding-right: 7px  !important; }
.pt-7 { padding-top: 7px    !important; }
.pb-7 { padding-bottom: 7px !important; }

.pt-10 { padding-top: 10px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pr-10 { padding-right: 10px !important; }
.pl-10 { padding-left: 10px !important; }

.pt-11 { padding-top: 11px !important; }
.pb-11 { padding-bottom: 11px !important; }
.pr-11 { padding-right: 11px !important; }
.pl-11 { padding-left: 11px !important; }

.pt-12 { padding-top: 12px !important; }
.pb-12 { padding-bottom: 12px !important; }
.pr-12 { padding-right: 12px !important; }
.pl-12 { padding-left: 12px !important; }

.pt-13 { padding-top: 13px !important; }
.pb-13 { padding-bottom: 13px !important; }
.pr-13 { padding-right: 13px !important; }
.pl-13 { padding-left: 13px !important; }

.pt-14 { padding-top: 14px !important; }
.pb-14 { padding-bottom: 14px !important; }
.pr-14 { padding-right: 14px !important; }
.pl-14 { padding-left: 14px !important; }

.pt-15 { padding-top: 15px !important; }
.pb-15 { padding-bottom: 15px !important; }
.pr-15 { padding-right: 15px !important; }
.pl-15 { padding-left: 15px !important; }

.pt-17 { padding-top: 17px !important; }
.pb-17 { padding-bottom: 17px !important; }
.pr-17 { padding-right: 17px !important; }
.pl-17 { padding-left: 17px !important; }

.pt-18 { padding-top: 18px !important; }
.pb-18 { padding-bottom: 18px !important; }
.pr-18 { padding-right: 18px !important; }
.pl-18 { padding-left: 18px !important; }

.pl-20 { padding-left: 20px !important; }
.pr-20 { padding-right: 20px !important; }
.pt-20 { padding-top: 20px !important; }
.pb-20 { padding-bottom: 20px !important; }

.pl-22 { padding-left: 22px !important; }
.pr-22 { padding-right: 22px !important; }
.pt-22 { padding-top: 22px !important; }
.pb-22 { padding-bottom: 22px !important; }

.pl-25 { padding-left: 25px !important; }
.pr-25 { padding-right: 25px !important; }
.pt-25 { padding-top: 25px !important; }
.pb-25 { padding-bottom: 25px !important; }

.pl-27 { padding-left: 27px !important; }
.pr-27 { padding-right: 27px !important; }
.pt-27 { padding-top: 27px !important; }
.pb-27 { padding-bottom: 27px !important; }

.pl-30 { padding-left: 30px !important; }
.pr-30 { padding-right: 30px !important; }
.pt-30 { padding-top: 30px !important; }
.pb-30 { padding-bottom: 30px !important; }

.pl-32 { padding-left: 32px !important; }
.pr-32 { padding-right: 32px !important; }
.pt-32 { padding-top: 32px !important; }
.pb-32 { padding-bottom: 32px !important; }

.pl-35 { padding-left: 35px !important; }
.pr-35 { padding-right: 35px !important; }
.pt-35 { padding-top: 35px !important; }
.pb-35 { padding-bottom: 35px !important; }

.pl-40 { padding-left: 40px !important; }
.pr-40 { padding-right: 40px !important; }
.pt-40 { padding-top: 40px !important; }
.pb-40 { padding-bottom: 40px !important; }

.pl-50 { padding-left: 50px !important; }
.pr-50 { padding-right: 50px !important; }
.pt-50 { padding-top: 50px !important; }
.pb-50 { padding-bottom: 50px !important; }

.pl-60 { padding-left: 60px !important; }
.pr-60 { padding-right: 60px !important; }
.pt-60 { padding-top: 60px !important; }
.pb-60 { padding-bottom: 60px !important; }

.pl-80 { padding-left: 80px !important; }
.pr-80 { padding-right: 80px !important; }
.pt-80 { padding-top: 80px !important; }
.pb-80 { padding-bottom: 80px !important; }

.pt-100 { padding-top: 100px !important;}

.padding-0  { padding: 0px !important; }
.padding-1  { padding: 1px !important; }
.padding-2  { padding: 2px !important; }
.padding-3  { padding: 3px !important; }
.padding-4  { padding: 4px !important; }
.padding-5  { padding: 5px !important; }
.padding-5-per { padding: 5% !important; }
.padding-6  { padding: 6px !important; }
.padding-7  { padding: 7px !important; }
.padding-8  { padding: 8px !important; }
.padding-9  { padding: 9px !important; }
.padding-10 { padding: 10px !important; }
.padding-10-per { padding: 10% !important; }
.padding-11 { padding: 11px !important; }
.padding-12 { padding: 12px !important; }
.padding-13 { padding: 13px !important; }
.padding-14 { padding: 14px !important; }
.padding-15 { padding: 15px !important; }
.margin-5 { margin: 5px !important; }
.margin-10 { margin: 10px !important; }
.padding-20 { padding: 20px !important; }
.padding-30 { padding: 30px !important; }
.padding-50 { padding: 50px !important; }
.margin-20 { margin: 20px !important; }

.pt-12 { padding-top: 12px !important; }

.pt-25 { padding-top: 25px; }

.pt-30 { padding-top: 30px; }
.pt-35 { padding-top: 35px; }
.pt-40 { padding-top: 40px; }
.pt-45 { padding-top: 45px; }
.pt-47 { padding-top: 47px; }
.pt-48 { padding-top: 48px; }
.pt-50 { padding-top: 50px; }
.pt-70 { padding-top: 70px; }

.pb-30 { padding-bottom: 30px; }
.pb-35 { padding-bottom: 35px; }
.pb-40 { padding-bottom: 40px; }
.pb-45 { padding-bottom: 45px; }
.pb-50 { padding-bottom: 50px; }

.mt-0 { margin-top: 0px !important; }
.mb-0 { margin-bottom: 0px !important; }
.mt-1 { margin-top: 1px !important; }
.ml-1 { margin-left: 1px !important; }

.mt-2 { margin-top:    2px !important; }
.ml-2 { margin-left:   2px !important; }
.mr-2 { margin-right:  2px !important; }
.mb-2 { margin-bottom: 2px !important; }

.mt-3 { margin-top:    3px !important; }
.ml-3 { margin-left:   3px !important; }
.mr-3 { margin-right:  3px !important; }
.mb-3 { margin-bottom: 3px !important; }

.mt-4 { margin-top:    4px !important; }
.ml-4 { margin-left:   4px !important; }
.mr-4 { margin-right:  4px !important; }
.mb-4 { margin-bottom: 4px !important; }

.mr-5 { margin-right:  5px !important; }
.ml-5 { margin-left:   5px !important; }
.mb-5 { margin-bottom: 5px !important; }
.mt-5 { margin-top:    5px !important; }

.mt-6 { margin-top: 6px !important; }
.mb-6 { margin-bottom: 6px !important; }

.mt-7 { margin-top: 7px !important; }
.mb-7 { margin-bottom: 7px !important; }

.mt-8 { margin-top: 8px !important; }
.mb-8 { margin-bottom: 8px !important; }

.mr-9 { margin-right: 9px !important;}
.mt-9 { margin-top: 9px !important;}
.mb-9 { margin-bottom: 9px !important;}
.ml-9 { margin-left: 9px !important;}

.mr-10 { margin-right: 10px !important;}
.mt-10 { margin-top: 10px !important;}
.mb-10 { margin-bottom: 10px !important;}
.ml-10 { margin-left: 10px !important;}

.mt-12 { margin-top: 12px !important; }
.mb-12 { margin-bottom: 12px !important; }
.ml-12 { margin-left: 12px !important; }
.mr-12 { margin-right: 12px !important; }

.mt-13 { margin-top: 13px !important; }
.mb-13 { margin-top: 13px !important; }
.ml-13 { margin-top: 13px !important; }
.mr-13 { margin-top: 13px !important; }

.mt-14 { margin-top: 14px !important; }
.mb-14 { margin-top: 14px !important; }
.ml-14 { margin-top: 14px !important; }
.mr-14 { margin-top: 14px !important; }

.mr-15 { margin-right: 15px !important;}
.ml-15 { margin-left: 15px !important;}
.mt-15 { margin-top: 15px !important;}
.mb-15 { margin-bottom: 15px !important;}

.mr-17 { margin-right: 17px !important;}
.ml-17 { margin-left: 17px !important;}
.mt-17 { margin-top: 17px !important;}
.mb-17 { margin-bottom: 17px !important;}

.mr-18 { margin-right: 18px !important;}
.ml-18 { margin-left: 18px !important;}
.mt-18 { margin-top: 18px !important;}
.mb-18 { margin-bottom: 18px !important;}

.mr-20 { margin-right: 20px !important;}
.ml-20 { margin-left: 20px !important;}
.mt-20 { margin-top: 20px !important;}
.mb-20 { margin-bottom: 20px !important;}

.mr-22 { margin-right: 22px !important;}
.ml-22 { margin-left: 22px !important;}
.mt-22 { margin-top: 22px !important;}
.mb-22 { margin-bottom: 22px !important;}

.mt-25 { margin-top: 25px !important;}
.mb-25 { margin-bottom: 25px !important;}

.mt-27 { margin-top: 27px !important;}
.mb-27 { margin-bottom: 27px !important;}

.mt-28 { margin-top: 28px !important;}
.mb-28 { margin-bottom: 28px !important;}

.mt-30 { margin-top:    30px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mr-30 { margin-right:     30px; }
.ml-30 { margin-left:      30px; }
.ml-30-per { margin-left:  30%; }
.mr-30-per { margin-right: 30%; }

.mt-35 { margin-top: 35px !important; }

.ml-40 { margin-left: 40px;}

.ml-50 { margin-left: 50px;}
.mr-50 { margin-right: 50px;}
.mt-50 { margin-top: 50px !important; }
.mb-50 { margin-bottom: 50px !important; }

.mt-40 { margin-top: 40px !important; }
.mt-45 { margin-top: 45px !important; }
.mt-60 { margin-top: 60px !important; }
.mt-65 { margin-top: 65px !important; }
.mt-70 { margin-top: 70px !important; }
.mt-80 { margin-top: 80px !important; }
.mt-100 { margin-top: 100px !important;}

.text-left { text-align: left !important;}
.text-right { text-align: right !important;}
.text-center { text-align: center !important;}
.text-justify { text-align: justify !important;}
.textMuted { color: rgba(0,0,0,0.4) !important;}
.textExtraMuted { color: rgba(0,0,0,0.1) !important;}
.textGrey { color: rgba(0,0,0,0.5) !important;}
.text-white { color: #fff !important;}
.hrefColor { color: rgba(0, 0, 0, 1) !important;}

.status-1 { color: #059669 !important;}
.status-0 { color: #ef4444 !important;}

.resultStatus-1 { color: #059669 !important;}
.resultStatus-0 { color: #ffa807 !important;}
.resultStatus-3 { color: #ef4444 !important;}

.yesNoColor-1 { color: #059669 !important;}
.yesNoColor-0 { color: #c4c3c3 !important;}

.lsp-1 { letter-spacing:1px !important; }
.lsp-2 { letter-spacing:2px !important; }
.lsp-3 { letter-spacing:3px !important; }
.lsp-5 { letter-spacing:5px !important; }

.font-2 { font-size: 2px; !important;}
.font-3 { font-size: 3px; !important;}
.font-4 { font-size: 4px; !important;}
.font-5 { font-size: 5px; !important;}
.font-6 { font-size: 6px; !important;}
.font-7 { font-size: 7px; !important;}
.font-8 { font-size: 8px; !important;}
.font-9 { font-size: 9px; !important;}
.font-9-5 { font-size: 9.5px; !important;}
.font-10 { font-size: 10px !important;}
.font-11 { font-size: 11px; !important;}
.font-12 { font-size: 12px; !important;}
.font-13 { font-size: 13px; !important;}
.font-14 { font-size: 14px; !important;}
.font-15 { font-size: 15px !important;}
.font-16 { font-size: 16px; !important;}
.font-17 { font-size: 17px; !important;}
.font-18 { font-size: 18px; !important;}
.font-19 { font-size: 19px; !important;}
.font-20 { font-size: 20px; !important;}
.font-22 { font-size: 22px; !important;}
.font-25 { font-size: 25px; !important;}
.font-30 { font-size: 30px; !important;}
.font-40 { font-size: 40px; !important;}
.font-45 { font-size: 45px; !important;}
.font-50 { font-size: 50px; !important;}
.font-70 { font-size: 70px; !important;}
.font-80 { font-size: 80px; !important;}
.font-100 { font-size: 100px; !important;}

.width-5  { width: 5px !important;}
.width-10 { width: 10px !important;}
.width-20 { width: 20px !important;}
.width-30 { width: 30px !important;}
.width-35 { width: 35px !important;}
.width-40 { width: 40px !important;}
.width-10-per { width: 10% !important;}
.width-30-per { width: 30% !important;}
.width-50 { width: 50px !important;}
.width-50-per { width: 50% !important;}
.width-100-px { width: 100px !important;}
.width-100 { width: 100% !important;}
.height-100 { height: 100% !important;}

.w-31px {
    width: 31px !important;
}

.h-31px {
    height: 31px !important;
}

.w-30px {
    width: 30px !important;
}

.h-30px {
    height: 30px !important;
}

.no-border {
    border-width: 0px !important;
}

.no-right-border {
    border-right-width: 0px !important;
}

.no-left-border {
    border-left-width: 0px !important;
}

.borderDashed {
    border-style: dashed !important;
}

.textShadow-30 {
    text-shadow: 2px 2px 2px rgba(0,0,0,0.15);
}

.textShadow-50 {
    text-shadow: 2px 2px 2px rgba(0,0,0,0.25);
}

.textShadow-100 {
    text-shadow: 3px 3px 5px rgba(0,0,0,0.4);
}

.bg-grey {
    background: #b7b6b6 !important;
}

.no-shadow {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

.bgShadow {
    -webkit-box-shadow: 4px 4px 4px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 4px 4px 4px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);
}

.bg-shadow {
    -webkit-box-shadow: 4px 4px 4px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 4px 4px 4px 1px rgba(0,0,0,0.3);
    box-shadow: 4px 4px 4px 1px rgba(0,0,0,0.3);
}

.bg-shadow-light {
    -webkit-box-shadow: 2px 3px 4px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 3px 4px 1px rgba(0,0,0,0.1);
    box-shadow: 2px 3px 4px 1px rgba(0,0,0,0.1);
}

.bg-shadow-400 {
    -webkit-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.2);
}

.bg-shadow-300 {
    -webkit-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.07);
    -moz-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.07);
    box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.07);
}

.bg-shadow-100 {
    -webkit-box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.04);
    -moz-box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.04);
    box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.04);
}

.bg-shadow-50 {
    -webkit-box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.04);
    -moz-box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.04);
    box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.02);
}

.bg-shadow-bottom {
    -webkit-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.07);
    -moz-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.07);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
}

.bg-shadow-only-top {
    -webkit-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.2);
    box-shadow: 0px -4px 7px 1px rgba(0,0,0,0.25);
}

.bg-shadow-only-bottom {
    -webkit-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.07);
    -moz-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.07);
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.07);
}

.bg-shadow-center {
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.3);
}

.bg-shadow-center-inset {
    -webkit-box-shadow: inset  0px 0px 15px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0px 0px 15px 5px rgba(0,0,0,0.3);
    box-shadow: inset 0px 0px 15px 5px rgba(0,0,0,0.3);
}

.bgShadowCenter {
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.3);
}

.bg-shadow-center-light {
    -webkit-box-shadow: 0px 0px 4px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 4px 5px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 4px 5px rgba(0,0,0,0.1);
}

.bg-shadow-left {
    -webkit-box-shadow: -2px 2px 5px 2px rgba(0,0,0,0.07);
    -moz-box-shadow: -2px 2px 5px 2px rgba(0,0,0,0.07);
    box-shadow: -2px 2px 5px 2px rgba(0,0,0,0.07);
}

.bg-shadow-left-100 {
    -webkit-box-shadow: -2px 2px 5px 2px rgba(0,0,0,0.07);
    -moz-box-shadow: -2px 2px 5px 2px rgba(0,0,0,0.07);
    box-shadow: -7px 3px 5px 1px rgba(0,0,0,0.1);
}

.bg-transparent {
    background: transparent !important;
}

.bg-blue {
    background: #01aded !important;
}

.bgBg {
    background: #252b36 !important;;
    color: #fff !important;
}

.bg-active-dark {
    background: #d7d7d7 !important;
}

.bg-active {
    background: #ebebeb !important;
}

.bg-active-100 {
    background: rgba(0,0,0,0.02) !important;
}

.bg-active-300 {
    background: rgba(0,0,0,0.03) !important;
}

.bg-active-400 {
    background: rgba(0,0,0,0.04) !important;
}

.bg-active-500 {
    background: rgba(0,0,0,0.05) !important;
}

.bg-active-light {
    background: #f6f6f6 !important;
}

.bgWhiteGrToLeft {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 30%, rgba(255, 255, 255, 0.9) 100%) !important;
}

.bgWhiteGrToRight {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.1) 30%, rgba(255, 255, 255, 0) 100%) !important;
}

.bgWhiteGrToleft {
    background: linear-gradient(-90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.1) 30%, rgba(255, 255, 255, 0) 100%) !important;
}

.bgWhiteGrToRight50 {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%) !important;
}

.bgWhiteGrToCenter {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.9) 100%);
}

.bgWhiteGrToTop {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%) !important;
}

.bgWhiteGrToBottom {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%) !important;
}

.bgWhiteCenterGradient {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0) 100%) !important;
}

.bgWhiteCenterGradient2 {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%) !important;
}

.bgActiveCenterGradient {
    background: linear-gradient(90deg, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.07) 50%, rgba(0,0,0,0.0) 100%);
}

.bgActiveCenterGradientLight {
    background: linear-gradient(90deg, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.04) 50%, rgba(0,0,0,0.0) 100%) !important;
}

.hoverColorDanger:hover {
    color: red !important;
}

.bg-green {
    background: #2dbd59;
}

.aioBGGradient {
    /*dausrulebelia*/
    /*background: linear-gradient(-50deg, rgba(245, 133, 69, 0.9) 0%, rgba(7, 150, 105, 0.5) 100%) !important;*/
    background: linear-gradient(-50deg, rgba(245, 133, 69, 0.5) 33.3%, rgba(7, 150, 105, 0.5) 66.9%, rgba(7, 150, 105, 0.5)) !important;
    /*background: linear-gradient(-50deg, rgba(245, 133, 69, 0.2) 0%, rgba(139, 236, 156, 0.9) 30%, rgba(119, 220, 230, 0.9) 100%) !important;*/
}



::-webkit-input-placeholder { /* Edge */
    color: rgba(0,0,0,0.3) !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba(0,0,0,0.3) !important;
}

::placeholder {
    color: rgba(0,0,0,0.3) !important;
}

.rounded-top-5 {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

.rounded-end-5 {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.rounded-start-5 {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

.opacity-1 { opacity: 0.1 !important; }
.opacity-2 { opacity: 0.2 !important; }
.opacity-3 { opacity: 0.3 !important; }
.opacity-4 { opacity: 0.4 !important; }
.opacity-5 { opacity: 0.5 !important; }
.opacity-6 { opacity: 0.6 !important; }
.opacity-7 { opacity: 0.7 !important; }
.opacity-8 { opacity: 0.8 !important; }
.opacity-9 { opacity: 0.9 !important; }

.text-muted-grey {
    color: rgba(255,255,255,0.4) !important;
}

.bg-tr-black {
    background: rgba(0,0,0,0.2);
}

.nav-tabs-highlight .nav-link.active:before, .nav-tabs-overline .nav-link.active:before, .nav-tabs-underline .nav-link.active:before {
    background-color: rgba(245, 134, 70, 1);
}

.textUppercase { text-transform: uppercase !important;}

.pace {
    width: 140px;
    height: 300px;
    position: fixed;
    top: -90px;
    right: -20px;
    z-index: 2000;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all 2s linear 0s;
    -moz-transition: all 2s linear 0s;
    transition: all 2s linear 0s;
}

.pace.pace-active {
    -webkit-transform: scale(.25);
    -moz-transform: scale(.25);
    -ms-transform: scale(.25);
    -o-transform: scale(.25);
    transform: scale(.25);
    opacity: 1;
}

.pace .pace-activity {
    width: 140px;
    height: 140px;
    border-radius: 70px;
    background: rgba(245, 134, 70, 1);
    position: absolute;
    top: 0;
    z-index: 1911;
    -webkit-animation: pace-bounce 1s infinite;
    -moz-animation: pace-bounce 1s infinite;
    -o-animation: pace-bounce 1s infinite;
    -ms-animation: pace-bounce 1s infinite;
    animation: pace-bounce 1s infinite;
}

.pace .pace-progress {
    position: absolute;
    display: block;
    left: 50%;
    bottom: 0;
    z-index: 1910;
    margin-left: -30px;
    width: 60px;
    height: 75px;
    background: rgba(20, 20, 20, .1);
    box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
    border-radius: 30px / 40px;
    -webkit-transform: scaleY(.3) !important;
    -moz-transform: scaleY(.3) !important;
    -ms-transform: scaleY(.3) !important;
    -o-transform: scaleY(.3) !important;
    transform: scaleY(.3) !important;
    -webkit-animation: pace-compress .5s infinite alternate;
    -moz-animation: pace-compress .5s infinite alternate;
    -o-animation: pace-compress .5s infinite alternate;
    -ms-animation: pace-compress .5s infinite alternate;
    animation: pace-compress .5s infinite alternate;
}

.plateNum {
    position: relative;
    width: 120px !important;
    padding: 0px;
}

.plateNum .details {
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.5);
    padding: 0px;
    margin: 0px;
    display: inline-flex !important;
    font-family:"BPG Banner Caps" !important;
}

.plateNum .flag {
    font-size: 8px !important;
    width: 15%;
    padding: 0px 0px 0px 0px;
    background: rgba(2, 85, 167, 0.9);
    border-radius: 2px 0px 0px 2px;
    color: #fff;
}

.plateNum .flag img {
    width: 11px;
}

.plateNum .circle {
    width: 5%;
}

.plateNum .circle div {
    position: relative;
    top: 12px;
    right: 5px;
    width: 5px;
    height: 5px;
    border-radius: 20px;
    background: rgba(184, 198, 213, 1);
}

.plateNum .govNum {
    width: 80%;
    padding-top: 4px;
    text-align: center;
    font-size: 12px;
    font-weight: bolder;
}

@-webkit-keyframes pace-bounce {
    0% {
        top: 0;
        -webkit-animation-timing-function: ease-in;
    }
    40% {}
    50% {
        top: 140px;
        height: 140px;
        -webkit-animation-timing-function: ease-out;
    }
    55% {
        top: 160px;
        height: 120px;
        border-radius: 70px / 60px;
        -webkit-animation-timing-function: ease-in;
    }
    65% {
        top: 120px;
        height: 140px;
        border-radius: 70px;
        -webkit-animation-timing-function: ease-out;
    }
    95% {
        top: 0;
        -webkit-animation-timing-function: ease-in;
    }
    100% {
        top: 0;
        -webkit-animation-timing-function: ease-in;
    }
}

@-moz-keyframes pace-bounce {
    0% {
        top: 0;
        -moz-animation-timing-function: ease-in;
    }
    40% {}
    50% {
        top: 140px;
        height: 140px;
        -moz-animation-timing-function: ease-out;
    }
    55% {
        top: 160px;
        height: 120px;
        border-radius: 70px / 60px;
        -moz-animation-timing-function: ease-in;
    }
    65% {
        top: 120px;
        height: 140px;
        border-radius: 70px;
        -moz-animation-timing-function: ease-out;}
    95% {
        top: 0;
        -moz-animation-timing-function: ease-in;
    }
    100% {top: 0;
        -moz-animation-timing-function: ease-in;
    }
}

@keyframes pace-bounce {
    0% {
        top: 0;
        animation-timing-function: ease-in;
    }
    50% {
        top: 140px;
        height: 140px;
        animation-timing-function: ease-out;
    }
    55% {
        top: 160px;
        height: 120px;
        border-radius: 70px / 60px;
        animation-timing-function: ease-in;
    }
    65% {
        top: 120px;
        height: 140px;
        border-radius: 70px;
        animation-timing-function: ease-out;
    }
    95% {
        top: 0;
        animation-timing-function: ease-in;
    }
    100% {
        top: 0;
        animation-timing-function: ease-in;
    }
}

@-webkit-keyframes pace-compress {
    0% {
        bottom: 0;
        margin-left: -30px;
        width: 60px;
        height: 75px;
        background: rgba(20, 20, 20, .1);
        box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
        border-radius: 30px / 40px;
        -webkit-animation-timing-function: ease-in;
    }
    100% {
        bottom: 30px;
        margin-left: -10px;
        width: 20px;
        height: 5px;
        background: rgba(20, 20, 20, .3);
        box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3);
        border-radius: 20px / 20px;
        -webkit-animation-timing-function: ease-out;
    }
}

@-moz-keyframes pace-compress {
    0% {
        bottom: 0;
        margin-left: -30px;
        width: 60px;
        height: 75px;
        background: rgba(20, 20, 20, .1);
        box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
        border-radius: 30px / 40px;
        -moz-animation-timing-function: ease-in;
    }
    100% {
        bottom: 30px;
        margin-left: -10px;
        width: 20px;
        height: 5px;
        background: rgba(20, 20, 20, .3);
        box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3);
        border-radius: 20px / 20px;
        -moz-animation-timing-function: ease-out;
    }
}

@keyframes pace-compress {
    0% {
        bottom: 0;
        margin-left: -30px;
        width: 60px;
        height: 75px;
        background: rgba(20, 20, 20, .1);
        box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
        border-radius: 30px / 40px;
        animation-timing-function: ease-in;
    }
    100% {
        bottom: 30px;
        margin-left: -10px;
        width: 20px;
        height: 5px;
        background: rgba(20, 20, 20, .3);
        box-shadow: 0 0 20px 35px rgba(20, 20, 20, .3);
        border-radius: 20px / 20px;
        animation-timing-function: ease-out;
    }
}

 /*width*/
::-webkit-scrollbar {
    width: 1px !important;
    background: transparent !important;
}


/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px transparent !important;
    border-radius: 5px !important;
    margin: 30px 0px 20px 0px !important;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(10, 10, 10, 0.4)!important;
    border-radius: 20px !important;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: rgba(245, 134, 70, 1)!important;
    cursor: pointer !important;
}


.schulzQuery ::-webkit-scrollbar {
    width: 1px !important;
    height: 5px !important;
    border-radius: 0px;
    background: transparent !important;
}


/* Track */
.schulzQuery ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px transparent !important;
    border-radius: 0px !important;
    margin: 30px 0px 20px 0px !important;
}

/* Handle */
.schulzQuery ::-webkit-scrollbar-thumb {
    background: rgba(10, 10, 10, 0.05)!important;
    border-radius: 0px !important;
}

/* Handle on hover */
.schulzQuery ::-webkit-scrollbar-thumb:hover {
    background: rgb(79, 187, 95) !important;
    background: rgba(245, 134, 70, 1)!important;
}

.datepicker {
    z-index: 99999999999 !important;
}

.datepicker-controls .view-switch {
    font-size: 11px;
    font-family: "BPG Arial Caps" !important;
}

.schulzQuery table tr td {
    padding: 3px 3px 3px 3px !important;
}

.schulzQuery table input[type=text] {
    margin: 0px !important;
    color: rgba(0,0,0,0.7);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.05);
    background: rgba(0,0,0,0.05);
    min-width: 150px;
    width: 100%;
}

.datepicker-view .dow {
    font-size: 10px;
}

input[type=text]:focus, input[type=texarea]:focus, select:focus {
    border: 1px solid rgba(0,0,0,0.1);
    -webkit-box-shadow: 4px 4px 4px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 4px 4px 4px 1px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.1);
}

textarea {
    --input-focus-border-color: transparent !important;
    --focus-ring-box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.2);
}

.select2-container {
    --s2-focus-box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.2);
    --s2-focus-border-color: rgba(0,0,0,0.1);
}

.pagination {
    display: flex;
    flex-wrap: wrap;
}

.pagination {
    display: flex;
    flex-wrap: wrap;
}

.paginationTeal {
    padding: 4px 0px 4px 4px;
    border-width: 1px 1px 1px 0px;
    border-style: solid;
    border-color: rgba(0,0,0,0.05);
    --pagination-margin-start: 0px;
}

.paginationTeal .active .page-link {
    background-color: rgba(245, 134, 70, 1);;
    color: #fff;
    border-color: rgba(245, 134, 70, 1);;
    border-width: 1px;
    border-style: solid;
    border-radius: 0px;
}

.paginationTeal .page-link{
    border-width: 0px 1px 0px 1px !important;
    border-style: solid;
    /*background: rgba(0,0,0,0.05);*/
    border-color: rgba(0,0,0,0.05);
    border-radius: 2px !important;
    margin: 0px 2px 0px 2px;
    padding: 0px;
    color: rgba(0,0,0,0.4);
    font-size: 10px;
}

.paginationTeal .page-item i{
    padding-top: 2px;
}

.pulseDanger {
    animation: pulse-animation-danger 1.5s infinite alternate ease;
    animation-fill-mode: both;
}

@keyframes pulse-animation-danger {
    from {
        color: rgba(255,0,0,0);
    }
    to {
        color: rgba(255,0,0,1);
    }
}

.pulseWarning {
    animation: pulse-animation-warning 1.5s infinite alternate ease;
    animation-fill-mode: both;
}

@keyframes pulse-animation-warning {
    from {
        color: rgba(255,0,0,0);
    }
    to {
        color: rgba(245, 134, 70, 1)
    }
}

.pulseGrey {
    animation: pulse-animation-grey-100 1.5s infinite alternate ease;
    animation-fill-mode: both;
}

@keyframes pulse-animation-grey-100 {
    from {
        color: rgba(255,0,0,0);
    }
    to {
        color: rgb(136, 139, 139);
    }
}

.pulseSuccess {
    animation: pulse-animation-success 1.5s infinite alternate ease;
    animation-fill-mode: both;
}

@keyframes pulse-animation-success {
    from {
        color: rgba(5, 150, 105, 0);
    }
    to {
        color: #059669;
    }
}

.pulseWhite {
    animation: pulse-animation-grey-100 1.5s infinite alternate ease;
    animation-fill-mode: both;
}

@keyframes pulse-animation-grey-100 {
    from {
        color: rgba(255,0,0,0);
    }
    to {
        color: rgb(255, 255, 255);
    }
}

.pulseSuccess {
    animation: pulse-animation-success 1.5s infinite alternate ease;
    animation-fill-mode: both;
}

@keyframes pulse-animation-success {
    from {
        color: rgba(5, 150, 105, 0);
    }
    to {
        color: #059669;
    }
}

.icon-status-1:before{
    content:"\e372";
    color: #26a69a;
}

.icon-status-0:before{
    content:"\ed6b";
    color: #ef4444;
}

.icon-status-3:before{
    content:"\ed4c";
    color: #ef4444;
}


.ph-smile-status-1:before{
    content: "\f594";
    color: #059669;
}

.ph-smile-status-2:before{
    content:"\f590";
    color: #fac156;
}

.ph-smile-status-3:before{
    content:"\f592";
    color: #ef4444;
}

.icon-reservation-status-1:before {
    content:"\eaaa";
    color: #059669;
}

.icon-reservation-status-0:before {
    content:"\eaaa";
    color: rgba(0,0,0,0.1);
}

.cursorPointer {
    cursor: pointer !important;
}

.ticketStatus-1 {
    color: #e74242;
}

.ticketStatus-2 {
    color: #26a69a;
}

.animationTavadi {
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100vh;
    width: 100vw;
    background: rgba(37,43,54,0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5 !important;
}

.animationTavadi .logo {
    height: 30vh;
    webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}

.animationTavadi .title {
    margin-top: 20px;
    font-size: 25px;
    color: #fff;
    letter-spacing: 3px;
}

.animationTavadi button {
    margin-top: 20px;
    background: transparent;
    border-width: 1px 1px 0px 0px;
    padding: 7px 25px 3px 25px;
    border-style: solid;
    border-color: #fff;
    border-radius: 5px;
    color: #fff;
    --color: #ef6eae;
    --hover: #ef8f6e;
    transition: 0.25s;
}
.animationTavadi button:hover,
.animationTavadi button:focus {
    -webkit-animation: pulseTavadi 1s;
    animation: pulseTavadi 1s;
    box-shadow: 0 0 0 2em transparent;
    border-color: var(--hover);
    color: #fff;
}

@-webkit-keyframes pulseTavadi {
    0% {
        box-shadow: 0 0 0 0 var(--hover);
    }
}

@keyframes pulseTavadi {
    0% {
        box-shadow: 0 0 0 0 var(--hover);
    }
}









@-moz-keyframes spin {
    100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform:rotate(360deg);
    }
}


.hidden {
    display: none;
}

.aioAnimationShow {
    display: flex !important;
}

@media only screen and (min-width: 901px) {
    .pt-md-3 { padding-top: 3px    !important; }
    .pb-md-3 { padding-bottom: 3px !important; }
    .pl-md-3 { padding-left: 3px   !important; }
    .pr-md-3 { padding-right: 3px  !important; }

    .ml-md-20 { margin-left: 20px  !important; }
}

@media only screen and (max-width: 900px) {

    .dailyStatTable .companyName {
        min-width: 60vw !important;
    }

    .responsiveTd {
        display: none;
    }

    li.page-item {

        display: none;
    }

    .page-item:first-child,
    .page-item:nth-child(2),
    .page-item:nth-last-child(2),
    .page-item:last-child,
    .page-item.active,
    .page-item.disabled {

        display: block;
    }

    .text-xs-left {
        text-align: left !important;
    }

    .mb-xs-15 {
        margin-bottom: 15px !important;
    }

}