/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

.test li a:hover {
    color: white !important;
    border-color: white !important;
}

.primary-color-custom {
    color: #FF5E62 !important;
}

.secondary-color-custom {
    background-color: #FFF1F1 !important;
    border-color: #FFF1F1 !important;
    color: #750800 !important;
}

.bg-primary-color-custom {
    background-color: #FF5E62 !important;
    border-color: #FF5E62 !important;
}

.bg-secondary-color-custom {
    background-color: #FFFFFF !important;
    border-color: #FFFFFF !important;
    color: #FF5E62 !important;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #FF5E62 !important;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #FF5E62 !important;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #FF5E62 !important;
}

.active {
    color: #FF5E62 !important;
    text-decoration-color: #FF5E62 !important;
}

.text-black {
    color: black !important;
}

.third-color-custom{
    background-color: #FF5E62 !important;
    border-color: #FF5E62 !important;
    color: white !important;
}

.cloud-hint {
    background-color: #f9484a;
    background-image: url("https://www.jkm.gov.my/jkm/themes/portal/assets/img/wall-4-light.png"), linear-gradient(315deg, #f9484a 0%, #fbd72b 74%);
    padding-left: 15px;
    color: #262626;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    border-radius: 10px;
}

.total-visitor {
    float: right;
    font-size: 18px;
    margin-top: -2%;
    color: #262626;
}



.border-color {
    border-color: #75C6FF !important;
}

.card-bg {
    background-color: #F3FAFF !important;
}

.custom-table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #df4c44;
}

/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 5px 5px 5px white;
    border-radius: 5px;
}

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

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

.tabs-four .nav-tabs .nav-link {
    background: #F5F5F5;
    color: #3B3B3B;
}

.nav-link.active {
    border-right: transparent !important;
}

.nav-link.active:hover {
    color: #750800 !important;
}

.nav-link:hover {
    color: #750800 !important;
}

.list-group-item-action:hover {
    width: 100%;
    color: #FF5E62 !important;
    background-color: #FFECEC !important;
    text-align: inherit;
}

/* Mobile */
@media screen and (max-width: 600px) {
    .hide {
        visibility: hidden !important;
        clear: both !important;
        float: left;
        margin: 10px auto 5px 20px;
        width: 28%;
        display: none;
    }

    .nav-link {
        border-radius: 0px 0px 0px 00px !important;
    }

    .nav {
        place-content: start !important;
    }

    .w-m-100 {
        width: 100%;
    }
    .client-logos .polo-carousel-item{
        text-align: center !important;
    }
}

/* Desktop */
@media screen and (min-width: 600px) {
    .showMenu {
        visibility: visible !important;
        clear: both !important;
        display: none !important;
    }
}

@media screen and (max-width: 1205px) and (min-width: 1025px) {
    .width-md{
        width: 34rem;
        overflow: auto;
        float: none !important;
    }
}

.flickity-button:hover {
    background-color: #FF5E62;
}

.client-logos .polo-carousel-item {
    padding: 0px;
}

.short-word {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.blinking{
  animation:blinkingText 1.2s infinite;
  font-weight: 700;
  font-size: 10px;
  font-style: oblique
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination>li>a, .pagination>li>span {
    font-size: 15px !important;
}

.fc-view-container *, .fc-view-container :after, .fc-view-container :before{
    color: white;
}

.hover-bg:hover {
  background-color:#cf642e !important;
  color: rgb(150, 150, 150);
  transition: 0.7s;
}

.hover-bgsecondary:hover {
  background-color:#ffffff !important;
  color:  #cf642e;
  transition: 0.7s;
}

.hover-text:hover {
  color:  #f3e7e1 !important;
  transition: 0.7s;
}

.bg2022{
    background-color: #FF9966;
}