.content {
    overflow: auto;
    position: relative;
    padding: 20px;
    margin: 10px;
    width: 100%;
    max-width: 97%;
    height: 550px ! important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ms-drop ul {
    max-height: 200px !important;
}

.bg-gray {
    background-color: #dbdcd6 !important;
}

.chartWrapper {
    position: relative;
}

.chartWrapper > canvas {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}

.chartAreaWrapper {
    width: 700px;
    overflow-x: scroll;
}

#chart {
    max-width: 760px;
    margin: 35px auto;
    opacity: 0.9;
}

#genderWiseStatus {
    /*            width:1000px!important;*/
    height: 230px !important;
}

#timeline-chart .apexcharts-toolbar {
    opacity: 1;
    border: 0;
}

#container {
    height: 400px;
}

th.rotate {
    /* Something you can count on */
    height: 400px !important;
    white-space: nowrap;
}

th.rotate > div {
    transform:
        /* Magic Numbers */
        translate(25px, 51px)
        /* 45 is really 360 - 45 */
        rotate(270deg);
    width: 30px;
    margin-top: -70px;

}

th.rotate > div > span {
    /*  border-bottom: 1px solid #ccc;*/
    padding: 5px 10px;
}

.fontSize18 {
    font-size: 18px;
}

.fontSize12 {
    font-size: 15px;
}

.fontSize14 {
    font-size: 14px;
    font-weight: 600;
}

.card-text {
    line-height: 18px;
}

.cardGray {
    /*                height: 165px;*/
    display: table-cell;
    vertical-align: middle;
    /* width: 100% !important; */
    width: 250px;
}

.cardMediumGray {
    background-color: #d7d8d5;
    /*                height: 165px;*/
    display: table-cell;
    vertical-align: middle;
    /* width: 100% !important; */
    width: 340px;
}

.cardDarkGray {
    background-color: #b9b4b7;
    height: 160px;
    display: table-cell;
    vertical-align: middle;
    /* width: 100% !important; */
    width: 219px;
}

.slide-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 7px;
    font-size: 14px;
    color: #191919 !important;
    border-bottom: 0;
}

.fs-3 {
    font-size: 14px !important;
}

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

.resp-vtabs .resp-tabs-list li {
    background-color: #16469d !important;
}

.resp-vtabs li.resp-tab-active:nth-child(1) {
    background-color: #16469d !important;
    color: #FFF !important;
}

.resp-vtabs li.resp-tab-active:nth-child(2) {
    background-image: linear-gradient(to right, #EF7F1A, #bf5b00) !important;
    color: #FFF !important;
}

.resp-vtabs .resp-tabs-list li:nth-child(3) {

    background: #00A0E3 !important;

}

.resp-vtabs li.resp-tab-active:nth-child(3) {
    background: #16469d !important;
    color: #FFF !important;

}

.list-group-item.active {
    color: #fff;
    background-color: #16469d !important;
    border-color: #16469d !important;
}

.bg-primary {
    background: #16469d !important;
}

.card.card-primary {
    border-top: 2px solid #16469d;
}

.resp-vtabs .resp-tabs-list li:hover:nth-child(3) {

    color: #FFF !important;
}

.resp-vtabs .resp-tabs-list li:nth-child(4) {

    background: #ffc800 !important;

}

.resp-vtabs li.resp-tab-active:nth-child(4) {

    background: #ffc800 !important;

    color: #FFF !important;

}

.resp-vtabs .resp-tabs-list li:hover:nth-child(4) {

    color: #FFF !important;

}

.resp-vtabs .resp-tabs-list li:nth-child(5) {

    background: #95C12B !important;

}

.resp-vtabs li.resp-tab-active:nth-child(5) {
    background: #95C12B !important;
    color: #FFF !important;
}

.resp-vtabs .resp-tabs-list li:hover:nth-child(5) {

    color: #FFF !important;

}

.resp-vtabs .resp-tabs-list li:nth-child(6) {

    background: #17469e !important;

}

.resp-vtabs li.resp-tab-active:nth-child(6) {
    background: #17469e !important;
    color: #FFF !important;
}

.resp-vtabs .resp-tabs-list li:hover:nth-child(6) {

    color: #FFF !important;

}

.resp-vtabs .resp-tabs-list li {
    padding: 25px 15px !important;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #007bff !important;
}

.resp-vtabs li.active:before,
.resp-vtabs .resp-tabs-list li:before {
    bottom: 25px !important;
}

.text-editor {
    width: 100%;
    margin-bottom: 20px;
}

#editor-container {
    height: 100px;
}

#counter {
    border: 1px solid #ccc;
    border-width: 0px 1px 1px 1px;
    color: #aaa;
    padding: 5px 15px;
    text-align: right;
}

#div_organizationMenuCollapse {
    padding: 0.0rem;
}

#tbl_csrCompany {
    margin-bottom: 0px;
}

.resp-vtabs .resp-tabs-list li {
    padding: 15px 15px !important;
}

.navbar {
    height: 60px;
}

.app-sidebar {
    height: 60px;
    padding-top: 60px;
}

.toppromenu .hover:hover {
    background: #f7f7f7;
}

.toppromenu .bg-radius-left {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
}

.toppromenu .bg-radius-right {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
}

.topsidbtn .btn-app {
    padding: 7px 5px;
    height: 40px;
    line-height: 16px;
}

.topsidbtn .btn-app > .fa,
.topsidbtn .btn-app > .glyphicon,
.topsidbtn .btn-app > .ion {
    font-size: 14px;
    display: block;
}

.spacer {
    padding: 3px;
}

.mw-500 {
    min-width: 500px;
    margin: 0 auto;
}

.btn-w-190 {
    width: 190px;
}

.btn-w-100 {
    width: 100px;
    margin: 0 0 0 auto;
}

.topSlider {
    background: #999;
    border-radius: 5px 5px 0px 0px;
    height: 10px;
    color: #999;
    text-align: center;
    width: 40px;
    filter: drop-shadow(0px -2px 2px rgba(163, 163, 163, 0.63));
    transform: rotate(180deg);
    position: absolute;
    left: calc(50% + 30px);
    top: 61px;
}

.topSlider:before {
    content: "\f126";
    font-family: "Ionicons";
    font-size: 0.8em;
    color: #FFF;
    position: absolute;
    top: -2px;
    right: 14px;
    text-decoration: none;
}

.topSlider:hover:before {
    content: "\f123";
    font-family: "Ionicons";
    font-size: 0.8em;
    color: #FFF;
    position: absolute;
    top: -2px;
    right: 14px;
    text-decoration: none;
}

#sliderMenu.col-md-auto {
    float: left;
    width: 85px;
}

#sliderMenu.col-md-3 {
    float: left;
    width: 25%;
}

#mainContainer.col-md {
    width: calc(100% - 85px);
    float: left;
}

.avatar-upload .avatar-preview {
    width: 257px;
    height: 40px;
    position: relative;
    border: 1px solid #F8F8F8;
    box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 10%);
}

.w-100 {
    width: 100% !important;
}

.w150 {
    width: 150px;
}

tr.accordion-toggle {
    background: #16469d;
    color: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #8c8796;
    line-height: 18px;
    margin-top: 5px;
    padding: 3px 8px;
}

.bg-primary-transparent {
    background-color: #e4eaf3 !important;
}

.btn-theme {
    background: #16469d;
    color: #fff;
}

.text-blue {

    color: #16469d;
}

#back-to-top {
    background: #16469d !important;
}

#back-to-top:hover {
    color: #16469d;
    border: 2px solid #16469d;
}

.tooltip-inner {
    background-color: #16469d !important;
    color: #fff;
    font-weight: bolder;
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #16469d !important;
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #16469d !important;
}


.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #16469d !important;
}


.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #16469d !important;
}

.btn-blue {
    background-color: #16469d !important;
    color: #fff;
}

.bg-blue1{
    background-color: #16469d !important;
    color: #fff;
}

.btn-blue:hover {
    background-color: #16469d !important;
    color: #fff;
}

.page-item.active .page-link {
    background-color: #16469d;
    border-color: #16469d;
    color: #FFF !important;
}
.btn-blue{
            background: #00a0e3;
            color: #fff;
        }