@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
/*-----------------------------------------------------------------------------------*/
/*  GENERAL STYLING
/*-----------------------------------------------------------------------------------*/

body{
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    background-color: #efefef;
}

/* ---------- Custom color code Css ---------- */
.default  {
    color: #333 !important;
    background: #efefef !important;
    border-color: #efefef !important;
}


.primary {
    color: #fff !important;
    background: #418BCA !important;
    border-color: #418BCA !important;
}

.secondary{
    color: #fff !important;
    background: #6c757d !important;
    border-color: #6c757d !important;
}

.success {
    color: #fff !important;
    background: #01BC8C !important;
    border-color: #01BC8C !important;
}

.danger {
    color: #fff !important;
    background: #ef6f6c !important;
    border-color: #ef6f6c !important;
}

.warning {
    color: #fff !important;
    background: #F89A14 !important;
    border-color: #F89A14 !important;
}

.info {
    color: #fff !important;
    background: #67C5DF !important;
    border-color: #67C5DF !important;
}

.light {
    color: #333 !important;
    background: #fafafa !important;
    border-color: #fafafa !important;
}

.dark {
    color: #fff !important;
    background: #343a40 !important;
    border-color: #343a40 !important;
}

.white{
    color: #333 !important;
    background-color: #FFF !important;
    border-color: #FFF !important;

}

/* ---------- //Custom color code Css End ----------*/

/* ---------- Custom color code Css ---------- */
.txt-default  {
    color: #efefef !important;
}

.txt-primary {
    color: #418BCA !important;
}

.txt-secondary{
    color: #6c757d !important;
}

.txt-success {
    color: #01BC8C !important;
}

.txt-danger {
    color: #ef6f6c !important;
}

.txt-warning {
    color: #F89A14 !important;
}

.txt-info {
    color: #67C5DF !important;
}

.txt-light {
    color: #f8f9fa !important;
}

.txt-dark {
    color: #343a40 !important;
}

.txt-white{
    color: #FFF !important;
}

/* ---------- //Custom color code Css End ----------*/


/* ---------- bg color code Css ---------- */
.bg-default  {
    background: #efefef !important;
}

.bg-primary {
    background: #418BCA !important;
}

.bg-secondary{
    background: #6c757d !important;
}

.bg-success {
    background: #01BC8C !important;
}

.bg-danger {
    background: #ef6f6c !important;
}

.bg-warning {
    background: #F89A14 !important;
}

.bg-info {
    background: #67C5DF !important;
}

.bg-light {
    background: #fafafa !important;
}

.bg-dark {
    background: #343a40 !important;
}

.bg-transparent{
    background-color: transparent !important;
}

.bg-white{
    background-color: #FFF !important;
}

.bg-gray{
    background-color: #d0d0d0 !important;
}


.bg-darkblue{
    background-color: #313a46 !important;
}


/* ---------- bg color code Css ---------- */
a.txt-primary:link,
a.txt-secondary:link,
a.txt-success:link,
a.txt-danger:link,
a.txt-warning:link,
a.txt-info:link,
a.txt-dark:link,
a.txt-gray:link,
a.txt-darkblue:link{
    color: #333 !important;
}


a.txt-primary:visited,
a.txt-secondary:visited,
a.txt-success:visited,
a.txt-danger:visited,
a.txt-warning:visited,
a.txt-info:visited,
a.txt-dark:visited,
a.txt-gray:visited,
a.txt-darkblue:visited{
    color: #000 !important;
}



a.txt-primary:hover,
a.txt-secondary:hover,
a.txt-success:hover,
a.txt-danger:hover,
a.txt-warning:hover,
a.txt-info:hover,
a.txt-dark:hover,
a.txt-gray:hover,
a.txt-darkblue:hover{
    color: #000 !important;
}


a.txt-primary:active,
a.txt-secondary:active,
a.txt-success:active,
a.txt-danger:active,
a.txt-warning:active,
a.txt-info:active,
a.txt-dark:active,
a.txt-gray:active,
a.txt-darkblue:active{
    color: #333 !important;
}



a.txt-default:link,
a.txt-light:link,
a.txt-transparent:link,
a.txt-white:link{
    color: #F3F3F3 !important;
}


a.txt-default:visited,
a.txt-info:visited,
a.txt-transparent:visited,
a.txt-white:visited{
    color: #FFF !important;
}


a.txt-info:hover,
a.txt-default:hover,
a.txt-transparent:hover,
a.txt-white:hover{
    color: #FFF !important;
}



a.txt-info:active,
a.txt-default:active,
a.txt-transparent:active,
a.txt-white:active{
    color: #F3F3F3 !important;
}

/* ---------- border color code Css ---------- */


/* ---------- border color code Css ---------- */
.border-default  {
    border-color: #efefef !important;
}

.border-primary {
    border-color: #418BCA !important;
}

.border-secondary{
    border-color: #6c757d !important;
}

.border-success {
    border-color: #01BC8C !important;
}

.border-danger {
    border-color: #ef6f6c !important;
}

.border-warning {
    border-color: #F89A14 !important;
}

.border-info {
    border-color: #67C5DF !important;
}

.border-light {
    border-color: #fafafa !important;
}

.border-dark {
    border-color: #343a40 !important;
}

.border-transparent{
    border-color: transparent !important;
}

.border-white{
    border-color: #FFF !important;
}


.border-gray{
    border-color: #d0d0d0 !important;
}
/* ---------- //bg color code Css End ----------*/


/* ---------- //card default css ---------- */
.card{
    border: 0 none;
}

/* ---------- //card default css ---------- */


/* ---------- btn custom css ----------*/
.btn-default, .btn-outline-default {
    border-color: #F1F1F1 !important;
}

.btn-default {
    color: #333 !important;
    background-color: #F1F1F1 !important;
}


.btn-default:hover, .btn-outline-default:hover {
    color: #000;
    border-color: #F1F1F1 !important;
}

.btn-success, .btn-outline-success {
    border-color: #01BC8C !important;
}

.btn-success {
    color: #fff !important;
    background-color: #01BC8C !important;
}

.btn-success:hover, .btn-outline-success:hover  {
    color: #fff !important;
    background-color: #01BC8C !important;
}

.btn-primary, .btn-outline-primary {
    border-color: #418BCA !important;
}

.btn-primary {
    color: #fff !important;
    background-color: #418BCA !important;
}

.btn-primary:hover, .btn-outline-primary:hover {
    color: #fff !important;
    background-color: #418BCA !important;
}

.btn-info, .btn-outline-info {
    border-color: #67C5DF !important;
}

.btn-info {
    color: #fff !important;
    background-color: #67C5DF !important;
}

.btn-info:hover, .btn-outline-info:hover {
    color: #fff;
    background-color: #67C5DF;
}

.btn-warning, .btn-outline-warning {
    border-color: #F89A14;
}

.btn-warning {
    color: #fff;
    background-color: #F89A14;
}

.btn-warning:hover, .btn-outline-warning:hover {
    color: #fff;
    background-color: #F89A14;
}

.btn-danger, .btn-outline-danger {
    border-color: #EF6F6C;
}

.btn-danger {
    color: #fff;
    background-color: #EF6F6C;
}

.btn-danger:hover, .btn-outline-danger:hover {
    color: #fff;
    background-color: #EF6F6C;
}

.btn-dark, .btn-outline-dark {
    border-color: #343a40 !important;
}

.btn-dark {
    color: #FFF;
    background-color: #343a40;
}

.btn-dark:hover, .btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
}

.btn-transparent, .btn-outline-transparent{
    border-color: transparent !important;
}

.btn-transparent{
    color: #333;
    background-color: transparent;
}

.btn-transparent:hover, .btn-outline-transparent:hover {
    color: #333;
    background-color: transparent;
}

.btn-white, .btn-outline-white{
    border-color: #FFF !important;
}

.btn-white{
    color: #333;
    background-color: #FFF;
}

.btn-white:hover, .btn-outline-white:hover {
    color: #000;
    background-color: #FFF;
}

.btn-light, .btn-outline-light {
    border-color: #fafafa !important;
}

.btn-light {
    color: #333;
    background-color: #fafafa;
}

.btn-light:hover, .btn-outline-light:hover{
    color: #000;
    background-color: #fafafa;

}
/* ---------- btn custom css ----------*/


.navbar-toggler {
    color: #FFF !important;
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
    background-color: #01BC8C;
    border: 1px solid #01BC8C !important;
}

/* ---------- table custom css ----------*/

.table {
    --bs-table-bg: transparent !important;
}

.table.nowrap td{
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    vertical-align: top;
}

.table tbody tr.odd {
    background-color: rgba(0,0,0,.05);
}

table.dataTable tbody td {
    word-break: break-word;
    vertical-align: top;
}

.table-hover tbody tr:hover{
    background-color:rgba(0,0,0,.11)
}
/* ---------- table custom css ----------*/

.gallery {
    column-gap: 0;
}

.gallery .card-img-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#readmore {
}

#readmore div.collapse:not(.show) {
    height: 100px !important;
    overflow: hidden;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#readmore div.collapsing {
    min-height: 100px !important;
}


/* ---------- FullCalender ---------- */

.fc-list-view{
    border: 0 solid #FFF !important;
}

.fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header, .fc-unthemed .fc-list-heading td {
    background: #F2F2F2 !important;
}