/*
System custom css
*/

* {
    margin: 0;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    background-color: #efefef;
}

/* set footer to always be at bottom of page when there is not enough content */
#main_content_container {
    min-height: 100%;
    height: auto !important;
    margin: 0 auto -70px;
    /* the bottom margin is the negative value of the footer's height */
}

.footer,
.push {
    height: 70px;
    /* .push must be the same height as .footer */
}

textarea{
    font-size: 14px !important;
}

@media (min-width: 992px) {
    .modal .modal-full-height {
        min-height: 100%;
        height: auto !important;
    }

    .modal .modal-full-height.modal-bottom {
        min-height: 0;
        top: auto;
    }
}

/* remove chrome yellow colour on inputs for remembered data */
@-webkit-keyframes autofill {
    to {
        color: #666;
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
    -webkit-text-fill-color: #757575 !important;
}

/* custom styling */



.side-nav .logo-sn {
    padding-bottom: 1rem;
    padding-top: 5px;
    background-color:#efefef;
    height:61px;
}

.side-nav .logo-sn img {
    height: 60px;
}

.mdb-skin .side-nav .additional-logo{
    position: absolute;
    right: 0px;
    top: 0px;
    transform: scale(0.95);
}   


.side-nav .search-form input[type=text] {
    margin-top: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.label-small{
    font-size:.8rem;
}

input.file-path{
    font-size: 0.8rem;
}


.accordion .card {
    margin-bottom: 1.2rem;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.accordion .card .card-body {
    border-top: 1px solid #eee;
}

.ucfirst:first-letter {
    text-transform: capitalize;
}

/* print styles */
@media print {
    /* hide elements when printing: use class='no-print' to hide element*/
    .no-print {
        display: none !important;
    }

    /* hide full urls showing for links or button elements */
    a[href]:after {
        content: none !important;
    }

    .show-for-print {
        display: block !important;
    }
}


/* Datatable styles */
.dt-right {
    text-align: right;
    padding-right: 4px;
}

.dt-center {
    text-align: center;
}

.dataTables_processing {
    left: 50%;
    position: absolute;
    top: 15%;
    z-index: 100;
}

/* DT info section in footer - "Showing X of Y results" */
.dataTables_info{
    color: #868e96;
    font-size: 0.9rem;
}

/* add HTML to datatable to display inline with pagination area */
#dt_table_footer_inline{
    text-align:center;
    /*margin-top:-85px;*/
}

div.dataTables_wrapper div.dataTables_length label{
    margin-right:10px;
    padding-top:5px;
}
div.dataTables_wrapper div.dataTables_filter{
    margin-top:0;
}

/* DT generated class for table header display - search box etc */
#incident_location_results_table_filter{
    text-align: right !important;
}

.form-label{
    font-size:0.9rem !important;
    font-weight: bold;
}
.form-value{
    font-size:0.9rem !important;
}
.form-value-sm{
    font-size:0.8rem !important;
}

.number-col {
    text-align: right;
    padding-right: 4px;
}

.header-col {
    text-align: center;
    font-weight: bold;
}

.green-background {
    background: #99f996;
}

/* block quote additional colours */
.bq-indigo {
    border-left: 3px solid #3f51b5 !important;
}

.bq-cyan {
    border-left: 3px solid #00bcd4 !important;
}

.badge-medium {
    font-size: 14px;
}

/* autocomplete results styling */
.autocomplete-suggestions {
    border: 2px solid #666;
    background: #fff;
    cursor: default;
    font-size: 0.9em;
    overflow: auto;
    position: relative;
    color: #4f4f4f;
    z-index: 999;
    padding:4px;
}

.autocomplete-suggestion {
    padding: 10px 5px;
    white-space: nowrap;
    overflow: auto;
}

.autocomplete-no-suggestion{
    padding: 10px 5px;
    overflow: auto;
    font-weight: bold;
    height:50px;
}

.autocomplete-selected {
    background: #f0f0f0;
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #3399ff;
}

.autocomplete-suggestion {
    cursor: pointer;
}

/* temp fix to alignment issue for select box labels */
.select-label-fix {
    margin-left: 14px;
}

/* show avatar images - messages etc */
.avatar-sm {
    width: 56px;
    border-radius: 50%;
}

/* hide elements, when they are shown only through user action */
.hide-on-load {
    display: none;
}

/* datatables is showing scrollbar for horizontal - hide it */
.table-responsive {
    overflow-x: hidden;
}

/* dashboard admin panels/cards */
.cascading-admin-card {
    margin-top: 20px
}

.cascading-admin-card .admin-up {
    margin-left: 4%;
    margin-right: 4%;
    margin-top: -20px
}

.cascading-admin-card .admin-up .fas {
    padding: 1.7rem;
    font-size: 2rem;
    color: #fff;
    text-align: left;
    margin-right: 1rem;
    border-radius: 3px;
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, .2), 0 2px 13px 0 rgba(0, 0, 0, .19)
}

/* used to reverse font size increase from admin-up rules above */
.no-enlarge-font{
    border: none !important;
    box-shadow: none !important;
    padding:0 !important;
    font-size:inherit !important;
    margin:0 !important;
}

.cascading-admin-card .admin-up .fab {
    padding: 1.7rem;
    font-size: 2rem;
    color: #fff;
    text-align: left;
    margin-right: 1rem;
    border-radius: 3px;
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, .2), 0 2px 13px 0 rgba(0, 0, 0, .19)
}

.cascading-admin-card .admin-up .data {
    float: right;
    margin-top: 2rem;
    text-align: right
}

.cascading-admin-card .admin-up .data p {
    color: #999;
    font-size: 12px
}

.classic-admin-card .card-body {
    color: #fff;
    margin-bottom: 0;
    padding: .9rem
}

.classic-admin-card .card-body p {
    font-size: 13px;
    opacity: .7;
    margin-bottom: 0
}

.classic-admin-card .card-body h4 {
    margin-top: 10px
}

.classic-admin-card .card-body .float-right .fas {
    font-size: 3rem;
    opacity: .5
}

.classic-admin-card .progress {
    margin: 0;
    opacity: .7
}


.text-small{
    font-size:12px;
}

/* pills classes: https://mdbootstrap.com/docs/jquery/components/pills/ */
.pills-rounded .nav-item .nav-link {
    border-radius: 10em;
}
.pills-light-purple .nav-item .nav-link.active {
    background-color: #ba68c8;
}

.pills-outline-red .nav-item .nav-link {
    border: 2px solid #fff;
    color: #666;
    background-color: transparent;
}
.pills-outline-red .nav-item .nav-link:hover {
    border: 2px solid #eee;
}
.pills-outline-red .nav-item .nav-link.active {
    border: 2px solid #f44336;
    color: #f44336;
}
.pills-outline-red .nav-item .nav-link.active:hover {
    border: 2px solid #f44336;
    color: #f44336;
}

.pills-outline-green .nav-item .nav-link {
    border: 2px solid #fff;
    color: #666;
    background-color: transparent;
}
.pills-outline-green .nav-item .nav-link:hover {
    border: 2px solid #eee;
}
.pills-outline-green .nav-item .nav-link.active {
    border: 2px solid #4caf50;
    color: #4caf50;
}
.pills-outline-green .nav-item .nav-link.active:hover {
    border: 2px solid #4caf50;
    color: #4caf50;
}

.pills-outline-green .nav-item .nav-link {
    border: 2px solid #fff;
    color: #666;
    background-color: transparent;
}
.pills-outline-green .nav-item .nav-link:hover {
    border: 2px solid #eee;
}
.pills-outline-green .nav-item .nav-link.active {
    border: 2px solid #4caf50;
    color: #4caf50;
}
.pills-outline-green .nav-item .nav-link.active:hover {
    border: 2px solid #4caf50;
    color: #4caf50;
}

.pills-outline-grey .nav-item .nav-link {
   border: 2px solid #fff;
   color: #666;
   background-color: transparent;
}
.pills-outline-grey .nav-item .nav-link:hover {
    border: 2px solid #eee;
}
.pills-outline-grey .nav-item .nav-link.active {
    border: 2px solid #95a0a7;
    color: #95a0a7;
}
.pills-outline-grey .nav-item .nav-link.active:hover {
    border: 2px solid #95a0a7;
    color: #95a0a7;
}


.gallery {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-width: 33%;
    -moz-column-width: 33%;
    column-width: 33%; }
.gallery .pics {
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease; }
.gallery .animation {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }

@media (max-width: 450px) {
    .gallery {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-width: 100%;
        -moz-column-width: 100%;
        column-width: 100%;
    }
}

@media (max-width: 400px) {
    .btn.filter {
        padding-left: 1.1rem;
        padding-right: 1.1rem;
    }
}


/*for IE 11 below*/
@media all and (-ms-high-contrast:none)
{
     .file-field input[type=file]{
        height: 50px;
     }
}


/* account type colours */
.iag-core-partner {
    background-color: #73ba59 !important;
}
.iag-assistance-partner {
    background-color: #2b4972 !important;
}
.iag-correspondent {
    background-color: #ababab !important;
}
.iag-accredited-service-provider {
    background-color: #fbba1f !important;
}
.iag-service-provider {
    background-color: #ababab !important;
}
.iag-cost-container {
    background-color: #ababab !important;
}



/* slider */

.slide-banner{
    margin: 0px 5px 0px 5px;
    border: 1px #ccc;
}
.slide-banner ul{
    padding: 0;
    list-style: none;
    width:100%;
}
.slide-banner li{
    padding: 5px !important;
    border: 1px dashed #ccc;
}
.slide-banner li.odd{
    /*background: #fafafa;*/
}
.slide-banner li:after {
    content: '';
    display: block;
    clear: both;
}
.slide-banner img{
    float: left;
    margin: 9px 0px 0px 0;
    width: 70px;
    height: 75px;
}
.slide-banner .banner-title a{
    font-size: 14px;
    font-weight: bold;
    color: #84c9f4;
    line-height: initial;
    padding-left: 0px;
    height: auto;
    display: initial;
    text-transform: capitalize;
}

.slide-banner .content a{
    font-size: 12px;
    font-weight: bold;
    color: #06f;
    line-height: initial;
    padding-left: 0px;
    height: auto;
    display: initial;
}

.slide-banner .content{
    z-index: 1;
}

.more{
    bottom: 0px;
}

.desc{
    max-height: 67px;
    overflow: hidden;
}

.slide-banner p {
    font-size: 12px;
    display: inline-block;
    margin-bottom: 0px!important;
    position: relative;
}

.banner-content {
    display: inline-block;
    float: right;
    width: 66%;
    font-size: 12px;
    line-height: 14px;
    height: 90px;
}

.banner-list{
    float: left;
    width: 100%;
}

.padding-right-45{
    padding-right: 45px !important;
}

.hidden{
    display: none;
}

.nav-icons a{
    height: 25px !important;
    line-height: 20px !important;
    padding-top: 0px !important;
}

.banner-desc a{
    cursor: pointer;
    color: #007bff !important;
}


.entry-title{
    font: normal 44px / 56px "Nunito", Helvetica, Arial, Verdana, sans-serif;
    color: #142d5b;
    text-transform: capitalize;
}

.file_upload_title{
    top: -20px !important;
    font-size: 12px !important;
}


.result-map-btn-top{
    padding-left: 10px;
    padding-right: 8px;
}

.arbitrip-link-dashboard{
    padding-left: 10px;
    padding-right: 10px;
}

.padding-left-50{
    padding-left: 50px;
}

.cost-container .input-group-text{
    border-radius: 0 !important;
    border-right: 0px !important;
}   

.cost-container label{
    color:#6c757d;
    font-weight: normal;
    font-size: 15px;
}
.no-margin{
    margin: 0px;
}

.table-card{
    z-index: -1;
}

.select-radius-drop .caret, .select-radius-drop .select-dropdown{
    color: #fff !important;
}

.no-box{
    box-shadow: none !important;
    background-color: transparent !important;

}

.invalid-location{
    border-bottom: 1px solid #f44336 !important;
    box-shadow: 0 1px 0 0 #f44336 !important;;
}
#phone-verified-container.hidden{
    -webkit-transition: height 0.5s linear;
       -moz-transition: height 0.5s linear;
        -ms-transition: height 0.5s linear;
         -o-transition: height 0.5s linear;
            transition: height 0.5s linear;
}

#notification-validation{
    padding: 0px !important;
    width: 290px !important;
}
.notif_link{
    height: 50px;
    position: relative;
    padding: 10px 20px !important;
}
.notif_link div {
    margin: 0;
    width: 87%;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

}

.notif_link div a{
    padding: 0px !important;
    font-size: 11px !important;
    word-break: break-word !important;

}
.notif_link div a:hover{
    background: transparent !important; 
}
.notif_link:hover{
    background-color: rgba(51,181,229,0.7) !important;
}
.notif_link{
    cursor: pointer !important;

}

div.services_requested_color input{
    color: #495057 !important;
}

select[name='submitted_cases_length'], select[name='received_cases_length']{
    display: none !important;
}

.dataTable tbody td span.date-hide{
    display:none;
}

.disaster_forum_container{
    z-index: 0;
}

.emtpy-leg-update-btn{
    top: 0;
    right: 0;
    margin-top: 70px;
    margin-right: 30px;
}

.emtpy-leg-cancel-btn{
    top: 0;
    right: 0;
    margin-top: 140px;
    margin-right: 30px;
}
.emtpy-leg-inquire-btn{
    top: 0;
    right: 0;
    margin-top: 70px;
    margin-right: 30px;
}

.empty-leg-data-display{
    margin-left: 20px;
}