@charset "utf-8";
/* CSS Document */


.alltime{
    background-color: #ecf5ec !important;
}

.lastweek{
    background-color: #fbf6ea !important;
}

.thismonth{
    background-color: #f1eefa !important;
}



body{
    background:#f1f9f1;
}

.btn-flat{
    font-size: 10pt !important;
    line-height: 3pt !important;
    word-spacing: -9px;
    color: blue;
}

.modal-open
{ position: absolute;
    width: 100%;
}

.modal{
    position: absolute;
}


.body-fixed {
    position: fixed;
    width: 100%;
}

.hidden{
    display: none;
}

@media (min-width: 1200px) {
    .container {
        width: 100% !important;
    }
}

/*
ul.nav.navbar-nav{
    float: left !important;
}

ul.nav.navbar-nav.navbar-right{
    float: right !important;
}

*/


tr:nth-child(even) {background: #FFFFFF}
tr:nth-child(odd) {background: #F9F9F9}

.btn-lm{
    background:url('../images/lmlogo.png') !important;
    background-size: cover !important;
    width: 34px;
    height: 34px;
}

.btn-qr{
    background:url('../images/QR_icon.jpg') !important;
    background-size: cover !important;
    width: 34px;
    height: 34px;
}


.btn{
    font-weight: bold !important;

}

.meetingdayblocks{
    float: left;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 10px;

}

.attendance.label{
    display: block;
}

input.attendanceinput, input.update_attendanceinput {
    width: 50px;
}

input.form-control.attendanceinput.colorT, input.form-control.update_attendanceinput.colorT{
    border: .5px solid #00FFFE;
}

input.form-control.update_attendanceinput.colorT{
    border: .5px solid 00FFFE;
}

input:invalid {
    border: .5px dashed red;
}

input:valid {
    border: 1px solid #ccc;
}

td.dt-center, th.dt-center {
    text-align: center;
}

.clearfix{
    height: 50px;
}

.form-signin {
    max-width: 500px;
    padding: 19px 29px 29px;
    margin: 0 auto;
//margin-top:90px;
    background-color: #fff;

    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);

    font-family:Tahoma, Geneva, sans-serif;
    color:#990000;
    font-weight:lighter;
}

.form-signin .form-signin-heading{
    color:#00A2D1;
}
.form-signin input[type="text"],
.form-signin input[type="password"],
.form-signin input[type="email"] {
    font-size: 16px;
    height: 45px;
    padding: 7px 9px;
}

.signin-form, .body-container
{
//border:solid red 1px;
    margin-top:110px;
}
/*
.navbar-brand{
    font-family:"Lucida Handwriting";
}
*/
#btn-submit{
    height:45px;
}
.h5{
    font-family:Verdana, Geneva, sans-serif;
}
h1{
    font-family:Verdana, Geneva, sans-serif;
}

.left-button
{
    float: left;
}

.right-button
{
    float: right;
}

.dt-buttons
{
    width: 100%;
}

.hiddentd
{

    display: none;
}

a.dt-button.dt-conditional-button.left-button.disabled{

    opacity: .3;
}


.uploadifive-button {
    background-color: #505050;
    background-image: linear-gradient(bottom, #007F75 0%, #79B8F9 100%);
    background-image: -o-linear-gradient(bottom, #007F75 0%, #79B8F9 100%);
    background-image: -moz-linear-gradient(bottom, #007F75 0%, #79B8F9 100%);
    background-image: -webkit-linear-gradient(bottom, #007F75 0%, #79B8F9 100%);
    background-image: -ms-linear-gradient(bottom, #007F75 0%, #79B8F9 100%);
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0, #007F75),
            color-stop(1, #79B8F9)
    );
    background-position: center top;
    background-repeat: no-repeat;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 2px solid #808080;
    color: #FFF;
    font: bold 12px Arial, Helvetica, sans-serif;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    text-transform: uppercase;
    width: 100%;
}
.uploadifive-button:hover {
    background-color: #606060;
    background-image: linear-gradient(top, #606060 0%, #808080 100%);
    background-image: -o-linear-gradient(top, #606060 0%, #808080 100%);
    background-image: -moz-linear-gradient(top, #606060 0%, #808080 100%);
    background-image: -webkit-linear-gradient(top, #606060 0%, #808080 100%);
    background-image: -ms-linear-gradient(top, #606060 0%, #808080 100%);
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0, #606060),
            color-stop(1, #808080)
    );
    background-position: center bottom;
}
.uploadifive-queue-item {
    background-color: #F5F5F5;
    border-bottom: 1px dotted #D5D5D5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font: 12px Arial, Helvetica, Sans-serif;
    margin-top: 3px;
    padding: 5px;
}
.uploadifive-queue-item .close {
    background: url('uploadifive-cancel.png') 0 0 no-repeat;
    display: block;
    float: right;
    height: 16px;
    text-indent: -9999px;
    width: 16px;
}
.uploadifive-queue-item .progress {
    border: 1px solid #D0D0D0;
    height: 3px;
    margin-top: 5px;
    width: 100%;
}
.uploadifive-queue-item .progress-bar {
    background-color: #0072BC;
    height: 3px;
    width: 0;
}

#queue {
    display: none;
    border: 1px solid #E5E5E5;
    height: 60px;
    overflow: auto;
    margin-bottom: 10px;
    padding: 0 3px 3px;
    width: 300px;
}

.thumbimg{
    max-width: 80px;
    max-height: 100px;
    display: inline;
    float: left;
    margin: 2px;
}

#itemimages{
    height: 110px;

}

/*  #############################  fiverguy ################################# */

table#table tr {
    background: #fff !important;
    height:60px;

}

table#table td {
    text-align:center;
    vertical-align: middle;
}

table#table th{
    height:60px;
    text-align:center;
    vertical-align: middle;
    background-color:#F6F6F9;
}

table.dataTable thead .sorting:after {
    bottom: 28px;
}

td.select-checkbox {
    width: 35px;
}

.dt-buttons {background-color: #F6F6F9;}

#table_paginate {
    text-align: center;
}

#vp-heading h3 {
    font-size: 24px;
    font-weight: 700;
    color: #000;
}

.info-box h4 {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    text-transform: capitalize;
    /* padding-top: 40px; */
}
div#table_info {
    font-size: 14px;
    color: rgb(90 70 70 / 50%);
    padding-left: 10px !important;
    /* padding: 0; */
}

.bg-light-blue {
    background-color: #f9faff;
}

.date-picker {
    padding: 20px;
    text-align: left;
    background-color:#fff;
    margin-top:30px;
    border-radius:8px;
    /*     border-bottom:1px solid #d2d2d2b8; */
}
.date-picker:after{

    border-bottom:1px solid #d2d2d2b8;
}

.info-box, #vph1{
    background-color:#fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    border-radius:8px;
    padding:40px;
    margin-top:30px;

}


.date-picker div {
    float:none !important;
    width:35% !important;
    margin-left:15px;
}

.date-picker .form-control{
    height:60px;
    font-size:18px;
    text-transform:capitalize;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
}


i.btn {
    border-radius: 0px;
}

a.dt-button.dt-conditional-button.left-button {
    border: none !important;
}

a.dt-button.left-button {border: none;}

a.dt-button.left-button:hover{
    border:none;
}

i.btn.btn-primary.glyphicon.glyphicon-search {
    background-color: #007862;
}

i.btn.btn-primary.glyphicon.glyphicon-user {
    background-color: #F6F6F9;
    color: gray;
}

a.dt-button.left-button {
    /* border: 1px solid; */
    /* background-color: #F6F6F9!important; */
    background: none;
}

a.dt-button.left-button:hover {
    background: none;
}

i.btn.btn-success.glyphicon.glyphicon-link {
    background: #0EA79E;
    color: #fff;
}

i.btn.btn-danger.glyphicon.glyphicon-remove {
    background-color:#fff;
    color:#DC3D3D;
}

i.btn.btn-resend.glyphicon.glyphicon-send {
    background-color:#6C3CC1;
    color:#fff;
}

i.btn.btn-purple.glyphicon.glyphicon-user {
    background-color:#1B948E;
    color:#fff;
}
/*
.btn-purple {
color: #fff;
background-color: #b9a6c3;
border-color: #a895d2;
}
*/



a.dt-button.buttons-select-all , a.dt-button.buttons-select-none , a.dt-button.buttons-csv.buttons-html5 {
    background: #fff;
    color: #007862;
    font-weight: 700;
    border-color: #007862;
    padding:7px 16px;
    margin-right:20px;
    margin-top:8px
}

a.dt-button.buttons-select-all:hover , a.dt-button.buttons-select-none:hover , a.dt-button.buttons-csv.buttons-html5:hover{
    background:#FFF !important;
}


a.dt-button.right-button {
    background: none;
}

a.dt-button.right-button:hover {
    background: none;
}


div#navbar {
    background: #fff;
}

.navbar-header {
    background: #fff;
}

nav.navbar.navbar-default {
    background: #fff !important;
    height: 60px;
    /* margin-bottom: 50px; */
}

div#pageheader {
    padding-left: 40px;
    margin-top: 60px;
}

ul.nav.navbar-nav.navbar-right {
    width: 65%;
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 40px;
}



div#table_filter label {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
}


div#table_filter input {
    margin-left: 10px;
    height: 30px;
    margin-right: 30px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB2ZXJzaW9uPSIxLjEiICAgaWQ9InN2ZzQ0ODUiICAgdmlld0JveD0iMCAwIDIxLjk5OTk5OSAyMS45OTk5OTkiICAgaGVpZ2h0PSIyMiIgICB3aWR0aD0iMjIiPiAgPGRlZnMgICAgIGlkPSJkZWZzNDQ4NyIgLz4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhNDQ5MCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxnICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xMDMwLjM2MjIpIiAgICAgaWQ9ImxheWVyMSI+ICAgIDxnICAgICAgIHN0eWxlPSJvcGFjaXR5OjAuNSIgICAgICAgaWQ9ImcxNyIgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAuNCw4NjYuMjQxMzQpIj4gICAgICA8cGF0aCAgICAgICAgIGlkPSJwYXRoMTkiICAgICAgICAgZD0ibSAtNTAuNSwxNzkuMSBjIC0yLjcsMCAtNC45LC0yLjIgLTQuOSwtNC45IDAsLTIuNyAyLjIsLTQuOSA0LjksLTQuOSAyLjcsMCA0LjksMi4yIDQuOSw0LjkgMCwyLjcgLTIuMiw0LjkgLTQuOSw0LjkgeiBtIDAsLTguOCBjIC0yLjIsMCAtMy45LDEuNyAtMy45LDMuOSAwLDIuMiAxLjcsMy45IDMuOSwzLjkgMi4yLDAgMy45LC0xLjcgMy45LC0zLjkgMCwtMi4yIC0xLjcsLTMuOSAtMy45LC0zLjkgeiIgICAgICAgICBjbGFzcz0ic3Q0IiAvPiAgICAgIDxyZWN0ICAgICAgICAgaWQ9InJlY3QyMSIgICAgICAgICBoZWlnaHQ9IjUiICAgICAgICAgd2lkdGg9IjAuODk5OTk5OTgiICAgICAgICAgY2xhc3M9InN0NCIgICAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjY5NjQsLTAuNzE3NiwwLjcxNzYsMC42OTY0LC0xNDIuMzkzOCwyMS41MDE1KSIgICAgICAgICB5PSIxNzYuNjAwMDEiICAgICAgICAgeD0iLTQ2LjIwMDAwMSIgLz4gICAgPC9nPiAgPC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: right 0px  top 3px !important;
}

#table_filter{

    display:inline-block;
    margin-left:20px;
}

ul.nav.navbar-nav.navbar-right li:first-child {
    width: 100%;
}
span.glyphicon.glyphicon-user {
    font-size: 25px;
    background-color: lightblue;
    padding: 5px;
    border-radius: 50%;
}
a.dropdown-toggle {
    display: flex !important;
    align-items:center;
    font-size: 16px;
}
a.dt-button:hover:not(.disabled) {
    border: none;
    background: none;
    background-image: none;
}

.info-box {
    margin-bottom: 35px;
}

a.dt-button.right-button i {
    background: #007862 !important;
    color: #fff !important;
    border-color: #007862 !important;
}
a.dt-button.right-button:hover {
    border:1px solid #808080e3;
}

table.dataTable td.select-checkbox:before, table.dataTable th.select-checkbox:before {
    margin-top:-5px !important;
    top:50% !important;
}

table.dataTable td.select-checkbox:after {
    top: 50% !important;
}

.date-picker .form-control {
    height: 40px;
}

.date-picker div {
    width: 220px !important;
    max-width: 220px;
}

.info-box {
    width: 50%;
    margin-left: 40px;
}

.dt-buttons.date-picker {
    width: 50%;
    margin-left: 40px;
}

div#table_filter label {
    justify-content: flex-end;
    margin-right: 10%;
}
a.navbar-brand {
    height: 60px;
    background: transparent;
    color: transparent !important;
    font-size: 20px;
    background-image: var(--nav-logo);
    background-size: contain;
    height: 35px;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 0 !important;
    position: relative;
    top: 2px;
}
a.dt-button.right-button.start-case-coa, .new-ft-btn {
    margin-top: 15px !important;
}
#topright a.dt-button.right-button.start-case-coa {
    margin-top: 0px !important;
}

.start-case-coa,
.upload-image-link-btn {
    background-color: var(--nav-bg) !important;
    border-color: var(--nav-bg) !important;
    border-width: 1px !important;
    border-style: solid !important;
    color: #FFFFFF !important;
}
.start-case-coa:hover,
.upload-image-link-btn:hover {
    background-color: color-mix(in srgb, var(--nav-bg), transparent 20%) !important;
    border-color: var(--nav-bg) !important;
    color: #DDDDDD !important;
}



/*
a.navbar-brand {
    height: 60px;
    background: transparent;
    color: transparent !important;
    font-size:20px;
    background-image: var(--nav-logo);
    background-size: contain;
    height: 40px;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 0 !important;
    background-position-y: 4px;
}
*/
.navbar-default .navbar-nav>li>a {
    height: 40px;
    color:#fff !important;
    font-size:18px;
    padding-left:1.2rem;
    padding-right:1.2rem;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 40px;
}



ul.nav.navbar-nav.navbar-right{
    width:unset;
}

a.navbar-brand:hover{
    /*background: #007862 !important;*/
}

.navbar-default .navbar-nav>li>a:hover{
    color: var(--nav-bg) !important;
    background:#fff !important;
}

.navbar > .container {
    height: 40px;
    margin-top: 10px;
    background-color: var(--nav-bg) !important;
    border-radius: 5px;
    color: #ffffff !important;
}
.navbar.navbar.navbar-default .navbar-toggle:focus, .navbar.navbar-default .navbar-toggle:hover {
    background-color: transparent;
    border: 1px solid #ffffff;
}
.navbar.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #ffffff;
}
navbar.navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
.navbar.navbar-default .navbar-toggle {
    padding: 5px 6px;
    margin-bottom: 0px;
}
.navbar.navbar-default .navbar-toggle .icon-bar {
    height: 2px;
    width: 12px;
    background-color: #ffffff;
}
a.dt-button.left-button:hover {
    border: none !important;
    background: none !important;
}

a.dt-button.right-button:hover {
    background: none !important;
}

.buttons-1, .buttons-2, .buttons-3{
    display:inline-block;
}

#table_filter {
    display: block !important;
    margin-top: -37px;
    margin-left: 0;
    margin-right: 0;
}

#table_filter label {
    margin: 0 !important;
}

div#page_top {
    display: flex;
    flex-direction:
            row;
}

#table_wrapper div.dom_wrapper{
    position: sticky !important;
    top: 60px;
    padding: 0px;
    background: rgba(255, 255, 255, 1);
    z-index: 100;

}
.info-box {
    width: 40% !important;
    display: flex;
    padding: 20px;
    flex-direction: column;
    margin: 25px;
}

div#pageheader {
    width: 60%;
}

div#dt-btn {
    margin: 0;
    padding: 0;
    display: flex;
    width: 100%;
}

.date-picker div {
    margin-left: 0;
    margin-right: 15px;
    padding-bottom: 15px;
}

.modal-content td {
    line-height: 30px;
}

.modal-content tr td:first-child {
    font-weight:700;
}

h4.modal-title {
    font-weight: 700;
}


table.dataTable td.select-checkbox:before, table.dataTable th.select-checkbox:before{
    margin-top: -8px !important;
}

.navbar-nav>li>a{
    transition:.5s all ease-out;
}
.navbar.navbar-default .navbar-nav>.open>a, .navbar.navbar-default .navbar-nav>.open>a:focus, .navbar.navbar-default .navbar-nav>.open>a:hover {
    background-color: transparent;
}
.navbar.navbar-default .navbar-nav > .open > a {
    background-color: transparent;
}
@media (min-width: 768px){
    .navbar-nav>li>a{
        padding-top: 0px !important;
    }

    a.dropdown-toggle {
        padding-top: 15px !important;
    }

    a.navbar-brand {
        /* padding-top: 20px !important; */
    }

    div#navbar , nav.navbar.navbar-default {
        background: transparent !important;
    }

    div#table_filter{
        display: flex !important;
        gap: 10px;
       /* width: 50% !important; */
    }

    div#table_filter input{
        width: 400px !important;
    }


}
@media (max-width: 767px){

    div#navbar {
        background: #1b6653;
        max-height: 450px;
        border: none;
        border-radius: 0 0 5px 5px;
        margin-left: -10px;
        margin-right: -10px;

    }
    a.navbar-brand {
        margin-left: 15px !important;
    }
}




div#table_filter {
    margin-top: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}
div#table_filter input {
    height:34px;
    background-position: right 0px top 6px !important;
}

.dt-buttons {
    display: flex;
    align-items: center;
    justify-content: space-around;
    border: 1px solid #ddd;
}
#table_wrapper #table {
}
.buttons-3 a.dt-button {
    height: 34px;
    padding-top:10px !important;
    margin-top:3px !important;
    border-radius: 0px !important;
}


a.dt-button {
    margin: 0 !important;
    padding: 0;
}

.buttons-1 a.dt-button , .buttons-2 a.dt-button {
    padding: 0 !important;
    margin: 0 !important;
}

.buttons-1  , .buttons-2 , .buttons-3{
    padding: 10px 0px;
}

a.dt-button.left-button{
    overflow:visible;
}

span.select-info {padding-left: 10px;color: #007862;}


a.dt-button.btn-reload.right-button {
    background-color:transparent;
    border:none !important;
}
a.dt-button.btn-reload.right-button:hover {
    border:none !important;
}

div#reloadbutton {
    width: 43px;
    margin-top:20px;
}

div#dt-btn {
    flex-direction: row;
    width: calc(100% - 50px);
    box-shadow: none;

}

.info-box {
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.info-box h4{
    width: 100%;
}
div#table_paginate {
    text-align: right;
}

div#table_length {
    width: 50%;
    float: left;
}

div#table_paginate {
    width: 50%;
    float: right;
}


.navbar-header {
    background-color: transparent;
}

button.navbar-toggle.collapsed {
    border:1px solid #fff;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
    height: 4px;
}

.full-width-header-wrapper {
    height: 50px;
}
.full-width-header {
    height: 40px;
    margin-top: 10px;
    background-color: #ffffff;
    border-radius: 5px;
    color: #062324 !important;
}

.full-width-header .main-logo {
    background-image: var(--reply-logo);
    background-size: cover;
    background-position-y: center;
    height: 40px;
    width: 180px;
    float: left;
}
.full-width-header .profile-menu > * {
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
    font-size: 24px;
    margin-right: 10px;
    cursor: pointer;
}
.full-width-header .profile-menu .user-menu {
    font-size: 18px;
    position: relative;
}
.full-width-header .profile-menu .user-menu .user-submenu {
    max-height: 0;
    position: absolute;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    padding: 12px 16px;
    z-index: 1;
    top: 40px;
    right: 0;
    background-color: #ffffff;
    white-space: nowrap;
    padding: 0px 10px;
    transition: max-height ease-in-out 200ms;
    overflow: hidden;
}
.full-width-header .profile-menu .user-menu .user-submenu li:first-child {
    padding-top: 5px;
}

.full-width-header .profile-menu .user-menu .user-submenu li {
    border-bottom: 1px solid #062324;
    padding: 0px 10px;
    cursor: pointer;
}
.full-width-header .profile-menu .user-menu .user-submenu li:last-child {
    border-bottom: none;
    padding-bottom: 5px;
}
.full-width-header .profile-menu {
    float: right;
}
.top-buttons .dt-buttons {
    flex-wrap:wrap;
}

input.form-control.input-sm {
    width: 100% !important;
    margin:0px !important;
}

div#table_filter {
  /*  width: 30% !important; */
}


nav.navbar.navbar-default.navbar-fixed-top {
    /* height: 61px !important; */
    padding: 0 10px;
    background-color: #ffffff !important;
}

@media(max-width: 1199px) and (min-width: 768px){
    li.dropdown {
        max-width: 230px;
    }

}


@media(max-width: 767px){
    ul.nav.navbar-nav.navbar-right{
        display: block;
        height: auto;
    }


    ul.dropdown-menu li a {
        color: #fff !important;
    }

    ul.dropdown-menu li {
        width: 100% !important;

    }

    ul.dropdown-menu li:focus , ul.dropdown-menu li:active , ul.dropdown-menu liL:hover {
        background: #fff !important;
    }

    div#page_top {
        flex-direction: column;
    }

    div#pageheader {
        width: 100%;
        padding-left: 10px;
        margin-top: 20px;
    }

    .info-box {
        width: 90% !important;
    }

    div#table_filter {
        width: 100% !important;
        margin-bottom:15px;
    }

}



@media(max-width:425px){
    .info-box {
        width: 100% !important;
        margin-left: 0;
    }

    div#dt-btn {
        flex-direction: column;
        width: 100%;
    }

    div#reloadbutton {
        margin: auto;
        margin-bottom: 10px;
    }

    div#table_filter {
        padding-bottom: 10px;
    }

    div#table_paginate {
        text-align: center;
    }

    div#table_length {
        width: 100%;
        float: none;
    }

    div#table_paginate {
        width: 100%;
        float: none;
    }

}



div#wrapper1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 0;
}
div#wrapper1 #pageheader {
    margin-top: 0;
}
div#pageheader {
    margin-top: 40px;
}
#vp-heading h3 {
    margin-top: 0;
    margin-left: 0;
}
div#topright {
    padding-left: 15px;
}
div#linklist {
    padding: 30px 10px;
    background: #fff;
    border-radius: 10px;
    margin: 25px;
    margin-left:0px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}

.mentorcallbox {
    padding: 10px 10px;
    background: #fff;
    border-radius: 10px;
    margin: 25px;
    margin-left:0px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}

@media(max-width:768px){
    .dt-buttons {
        padding: 0 15px;
    }
    .buttons-1, .buttons-2, .buttons-3 {
        display: flex;
    }
    div#table_filter{
        margin-bottom:0px;
    }
    div.dt-buttons {
        padding-bottom: 5px;
        padding-top: 5px;
        flex-wrap: wrap;
    }
}

@media(max-width:1200px) and (min-width:992px){
    .buttons-1 .btn {
        padding: 7px 11px;
    }
}

.copyfield{
    opacity: 0;
    position: absolute;
    z-index: -9999;
    pointer-events: none;
}

.top-buttons {
    position: sticky;  /* Fix to the top */
    top: 55px; // below the navbar
padding: 5px;
    background: rgba(255, 255, 255, 1); /* hide the scrolling table */
    z-index: 1000;
}

.fixedHeader-floating{
    top:100px !important;
}

#close-nep{
    float: right;
    margin-top: 5px;
    margin-right: -10px;
    opacity: .4;
    display:none;
    position: relative;
    z-index: 10000;
}


/* Ajax Disable */
.container.disabled {
    pointer-events: none;
    opacity: 0.25;
}
#loading {
    position: fixed;
    top: calc(50% - 26px);
    left: calc(50% - 26px);
    z-index: 999;
    background: #fff;
}

#linklist p {
    display: flex;
    align-items: center;
}


#linklist i.btn.btn-flat.glyphicon.glyphicon-share {
    margin-top: -6px;
}

table#table tr.greenClass{
    background-color:  #eeffee !important;
}

table#table tr.purpleClass{
    background-color:  #d1c9f2 !important;
}

table#table tr.potRecruit{
    font-weight: bold !important;
}

table#table tr.redClass{
    color: #ff0000 !important;
}

table#table tr.salmonClass{
    background-color: #fff3e2 !important;
}

table#table tr.aquaClass{
    background-color: #b0ffeb !important;
}

table#table tr.testCase{
    background-image: repeating-linear-gradient(
        150deg,                   /* Diagonal direction */
        rgba(255, 255, 255, 0.3),/* Stripe color with transparency */
        rgba(255, 255, 255, 0.3) 10px,
        rgba(0, 0, 0, 0.05) 10px, /* Background color with less transparency */
        rgba(0, 0, 0, 0.05) 20px  /* Total pattern width */
    ) !important;
}

/* ########################## */
/*
#vp-heading h3 {
    margin-left: -30px;
    margin-top: -100px;
}
*/


@media (max-width: 1266px){
    .container {
        width: calc(100% - 20px) !important;
    }
    
    #page-top { display:block !important; }
}

@media (min-width: 1024px){
    .navbar-nav>li>a{
        padding-top: 0px !important;
    }

    a.dropdown-toggle {
        padding-top: 15px !important;
    }

    a.navbar-brand {
        /* padding-top: 20px !important; */
    }

    div#navbar , nav.navbar.navbar-default {
        background: transparent !important;
    }
    
    .navbar-toggle {
        display: none !important; 
    }
    
    
}

@media (max-width: 1023px){
    
    
    
    
    .navbar-toggle {
        display: block !important; 
    }
    
    
    .navbar-header { width:100%; }
    
    div#navbar {
        display:none !important;

    }
    
    div#navbar.in {
        display:block !important;
        margin-top: 40px;
        margin-left: -15px;
        margin-right: -15px;

    }
    
    div#navbar.in .navbar-right { float:left !important; width:100%; }
    div#navbar.in .navbar-right > .dropdown  {  max-width:100%;  }
    div#navbar.in .navbar-right > .dropdown > .dropdown-menu  { width: 100%; background: #1b6653 ; margin-top: -3px; }
    div#navbar.in .navbar-right > .dropdown > .dropdown-menu >li>a { color:#fff; }
    div#navbar.in .navbar-right > .dropdown > .dropdown-menu >li>a:hover { color:#333; }
    
    
    
    div#navbar {
        background: #1b6653 !important;
        max-height: 450px;
        border: none;
        border-radius: 0 0 5px 5px;
        margin-left: -10px;
        margin-right: -10px;

    }
    a.navbar-brand {
        margin-left: 15px !important;
    }
    
    .navbar-nav, .navbar-nav > li {
        float:unset !important;
    }
    

    
}

@media (max-width: 768px){
    div#navbar.in {
        margin-top: 5px;
    }
}


body.darkmode {
	background: #111A21;
	color:#A2A5AC;
}

body.darkmode nav.navbar.navbar-default.navbar-fixed-top {
	background: #111A21 !important;
	border-color: #1d2530;
}

body.darkmode .dt-buttons {
	background: #171E28;
	border: 1px solid #1d2530;
}

body.darkmode .table#table th {
	background-color: #171E28;
	border: 1px solid #1d2530;
	color:#efefef;
}

body.darkmode table#table td {
	background-color: #171E28;
	border: 1px solid #1d2530;
}

body.darkmode table#table tr.greenClass  td {
	background-color: #2d4441;
	border: 1px solid #16785c;
	color:#fff;
}

body.darkmode table#table tr.greenClass  td a {
	color:#88c2f3;
}

body.darkmode .table-bordered {
	border: 1px solid #1d2530;
}

body.darkmode table.dataTable tr td.select-checkbox:before {
	border:1px solid #535f6e !important;
	cursor:pointer;
}

body.darkmode table.dataTable tr.greenClass td.select-checkbox:before {
	border:2px solid #7bd8bd !important;
}

 body.darkmode table.dataTable th.select-checkbox:before {
	border:1px solid transparent !important;
}


body.darkmode button.dt-button.disabled, body.darkmode div.dt-button.disabled, body.darkmode a.dt-button.disabled {
	background:transparent;
}

body.darkmode div#table_filter input {
	background-color:#333843;
	border: 1px solid #1d2530;
	color:#fff;
}

body.darkmode  .info-box {
	background-color:#171E28;
	border: 1px solid #1d2530;
	color:#fff;
}

body.darkmode div.bg-light-blue {
	background-color:#161A23;
}

body.darkmode #table_wrapper div.dom_wrapper {
	background-color:#161A23;
}

body.darkmode #vp-heading h3, body.darkmode #daterange h4 {
	color:#fff;
}

body.darkmode .modal-content {
	background-color:#171E28;
}

body.darkmode .modal-header {
	border-bottom: 1px solid #1d2530;
}

body.darkmode .modal-footer {
	border-top: 1px solid #1d2530;
}

body.darkmode .form-control {
	background-color:#333843;
	border: 1px solid #1d2530;
	color:#fff;
}

.table-modern { 
    border-collapse: collapse; 
    width: 100%; 
    margin-bottom: 20px; 
    font-family: Arial, sans-serif; 
} 

.table-modern th { 
    background-color: #2196F3; /* Brighter color for header */ 
    color: white; 
    border-bottom: 3px solid #1976D2; /* Stronger border color for header */ 
    padding: 12px; /* More space */ 
    text-align: left; 
    text-transform: uppercase; 
} 

.table-modern td { 
    padding: 10px; /* More space for cells */ 
    border-bottom: 2px solid #ddd; /* More prominent border for clarity */ 
} 

.table-modern tbody tr:nth-child(even) { 
    background-color: #f0f8ff; /* Alternating light blue background */ 
} 

.table-modern tbody tr:nth-child(odd) { 
    background-color: #ffffff; /* White for contrast */ 
} 

.table-modern tr:hover { 
    background-color: #bbdefb; /* Light blue on hover for visual effect */ 
    transition: background-color 0.3s ease-in-out; /* Smooth hover transition */ 
} 

.table-modern th:first-child, .table-modern td:first-child { 
    border-left: 4px solid #2196F3; /* Left border to accentuate the first column */ 
} 

.table-modern th:last-child, .table-modern td:last-child { 
    border-right: 4px solid #2196F3; /* Right border to accentuate the last column */ 
}

.modal-wide{
    width:90% !important;
}

.new-ft-btn {
    display: inline-flex; /* Aligns icon and text */
    align-items: center; /* Centers icon and text vertically */
    justify-content: center; /* Centers content inside the button */
    background-color: #007bff; /* Blue background */
    color: #ffffff; /* White text */
    text-decoration: none; /* Removes underline */
    font-size: 16px; /* Adjusts text size */
    padding: 10px 20px; /* Adds padding for the button */
    border-radius: 8px; /* Rounded corners */
    border: none; /* Removes any borders */
    transition: background-color 0.3s ease; /* Smooth hover effect */
}

.new-ft-btn:hover {
    background-color: #0056b3; /* Darker blue on hover */
    color: #ffffff; /* Ensures text remains white */
    text-decoration: none; /* Ensures no underline on hover */
}

.new-ft-btn i {
    margin-right: 8px; /* Spacing between icon and text */
    font-size: 18px; /* Adjusts icon size */
}

.new-ft-btn .glyphicon-plus {
    font-size: 20px; /* Adjust the plus sign size */
}

#button-container {
    display: flex; /* Enables flexbox */
    justify-content: center; /* Centers horizontally */
    margin: 0; /* Removes any default margin */
}

#saveLinks {
    padding: 10px 20px; /* Adds padding for better appearance */
    font-size: 16px; /* Adjusts the button font size */
    border-radius: 5px; /* Optional: Makes the button corners rounded */
}