.btn.green:not(.btn-outline).active,
.btn.green:not(.btn-outline):active,
.btn.green:not(.btn-outline):hover,
.open>.btn.green:not(.btn-outline).dropdown-toggle {
    color: #FFF;
    background-color: #67af20 !important;
    border-color: #67af20 !important;
}

.btn.green:not(.btn-outline).focus,
.btn.green:not(.btn-outline):focus {
    color: #FFF;
    background-color: #3e6f0e !important;
    border-color: #335a0c !important;
}

.btn-success {
    color: #fff;
    background-color: #6fc41b;
    border-color: #67af20 !important;
}

.btn-success:hover {
    background-color: #67af20 !important;
}


/*Tabs start*/

.tabbable-custom>.nav-tabs>li.active {
    border: none !important;
    border-bottom: 5px solid #05aef7 !important;
}

.tabbable-custom>.tab-content {
    /*border-top: 1px solid #ddd;*/
    border-color: #f4f4f4 !important;
    ;
    border-right: none !important;
    border-left: none !important;
    border-bottom: none !important;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a {
    border-color: #f4f4f4 !important;
    border-bottom-color: transparent !important;
    color: #333 !important;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li>a {
    color: #333 !important;
}

.nav-tabs>li>a:hover {
    color: #999 !important;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border-color: #f4f4f4 !important;
    border-bottom-color: transparent !important;
}

.nav-pills>li>a,
.nav-tabs>li>a {
    font-size: 13px;
}


/*Tabs end*/


/*Form control start*/

.form-group.form-md-line-input .form-control {
    border-bottom: 1px solid #f4f4f4 !important;
}

.form-group.form-md-line-input.form-md-floating-label .form-control~label {
    font-size: 14px;
    color: #333;
}

.form-control,
.input-group-addon {
    border-radius: 3px !important;
    box-shadow: none;
    border-color: #d2d6de;
}

.append-btn {
    color: #fff;
    background-color: #205081;
    margin: 0px;
}


/*Form control end*/

.box-footer {
    border-radius: 0;
    border: none;
    padding: 25px 0px 10px;
    margin: 20px 10px 15px;
    background-color: #ffffff;
}

.modal .modal-footer .box-footer {
    margin: 20px 10px 0px;
}

.withborder {
    display: inline-block !important;
    color: #205081;
    border-bottom: 3px solid #000 !important;
    padding-bottom: 0px !important;
    margin-bottom: 5px;
}

.div_margin {
    margin-left: 0px;
}

.gray_button {
    color: white;
    background: gray;
}

.table_td_center {
    text-align: center !important;
}

.table_border {
    border: 1px solid #2f353b !important;
}

.table_th {
    vertical-align: bottom;
    text-align: center;
    border-bottom: 1px solid #171819;
}

.table_td_padding {
    padding: 20px 5px 20px 5px !important;
}


/*
.logo-box{
    background-color: #fff !important;
    width:110px;
    height: 102px;
    padding:1px;
    margin-top: 5px;

}*/

.home-screen.content-header>h1 {
    padding: 30px;
}

/* .content-header>h1 {
    margin: 0;
    font-size: 22px;
    line-height: 40px;
    letter-spacing: 0.22px;
    text-align: left;
    color: #434349;
}

.content-header>h1>small {
    font-size: 15px;
    display: inline-block;
    padding-left: 4px;
    font-weight: 300;
} */

.breadcrumb>li,
.breadcrumb>li.active {
    color: #a0a1ae;
    font-size: 14px;
}

.breadcrumb>li>a,
.breadcrumb>li.active>a {
    color: #a0a1ae;
    text-decoration: none;
}

.breadcrumb>li img {
    margin-right: 3px;
}


/*Boot Strap Switch*/


/*.bootstrap-switch-handle-off{background: #ed6b75 !important;
    color: #fff !important;}*/

.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
    line-height: 22px !important;
}

.bootstrap-switch-handle-on {
    background: #6fc41b !important;
}

.page-sidebar .page-sidebar-menu .sub-menu li>a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li>a {
    display: block;
    position: relative;
    margin: 1px 0px;
    border: 0;
    padding: 20px 0px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
    padding-left: 60px;
}
.page-sidebar .page-sidebar-menu .sub-menu li.active>a .title {
    background-image: linear-gradient(100deg, #e84366 -2%, #772233 141%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.page-sidebar .page-sidebar-menu .sub-menu li>a:hover .title {
    background-image: linear-gradient(100deg, #e84366 -2%, #772233 141%) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.page-sidebar .page-sidebar-menu .sub-menu>li.active>a:before {
    position: absolute;
    top: 30px;
    right: 0px;
    display: inline-block !important;
    border-right: 14px solid #00aad9;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid transparent;
    content: '';
}

.page-sidebar .page-sidebar-menu .sub-menu,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu {
    margin: 1px 0;
}

.btn-danger {
    background-color: #dd4b39;
    border-color: #d73925;
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.hover {
    background-color: #d73925;
}

.content-area {
    background: #fff;
    padding: 10px;
    width: 100%;
}

.content-area-nopadding {
    background: #fff;
    padding: 0px;
}


/*Flash message made green for success, by default its blue*/

.bg-green,
.callout.callout-success,
.alert-success,
.label-success,
.modal-success .modal-body {
    background-color: #00a65a !important;
    color: #fff;
}

.bg-maroon,
.bg-maroon:hover {
    background-color: #d81b60 !important;
    color: #fff;
}

.group-margin-fixed {
    margin-top: -6px !important;
}

li.heading>h3.uppercase {
    border: none;
}

.table td,
.table th {}

.inline {
    display: inline !important;
}

.input-error {
    background: #8b131b;
}

.search-filter {
    background-color: #fff;
    padding: 20px 0px 0;
    margin-bottom: 30px;
    border: 1px solid #e6e6de;
}

.column-less-padding {
    padding-left: 2px;
    padding-right: 2px;
}

.dropzone {
    /* background-image: url("gravatar.png"); */
}

.required {
    color: #e02222;
    font-size: 12px;
    padding-left: 2px;
}

div.borrower_snap {
    background: #fff url(../../../../webcam/images/webcame_icon_orange.ico) center no-repeat;
    background-position: center center;
    background-size: cover;
    cursor: crosshair;
}

div.web_cam {
    background: #fff url(../../../../webcam/images/webcame_icon_orange.ico) center no-repeat;
    background-position: center center;
    cursor: crosshair;
}

.list-tags {
    background-color: #f4f6f8;
    color: #a0a9b4;
    font-size: 12px;
    font-weight: 600;
    padding: 7px 10px;
    display: inline-block;
    text-decoration: none;
    text-shadow: none;
    cursor: none;
}

.list-tags:hover {
    background-color: #3598DC;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    text-decoration: none;
    text-shadow: none;
    cursor: default;
}


/*
Media Css
*/

.head-img {
    height: 200px;
    width: 200px;
    margin: 0 auto;
    border: 5px solid #eef1f5;
    border-radius: 5px;
    padding: 2px;
}

.table-scrollable {
    width: 100%;
    /* overflow-x: hidden; */
    /* overflow-y: hidden; */
    margin: 15px 0 !important
}

.dataTables_wrapper .table-scrollable {
    overflow: hidden;
    overflow-x: scroll;
    padding-bottom: 25px;
}

.dataTables_wrapper .table-scrollable::-webkit-scrollbar {
    width: 5px;
}

.dataTables_wrapper .table-scrollable::-webkit-scrollbar:horizontal {
    height: 10px;
}

.dataTables_wrapper .table-scrollable::-webkit-scrollbar-track {
    background-color: transparentize(#777777, 0.7);
}

.dataTables_wrapper .table-scrollable::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: transparentize(#777777, 0.7);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}


.select2-results__options::-webkit-scrollbar {
    width: 5px;
}

.select2-results__options::-webkit-scrollbar:horizontal {
    height: 10px;
}

.select2-results__options::-webkit-scrollbar-track {
    background-color: transparentize(#777777, 0.7);
}

.select2-results__options::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: transparentize(#777777, 0.7);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
    vertical-align: middle;
}

/* Header Css Desk officer
*/

.input-group,
.form-group {
    margin-bottom: 25px;
    position: relative;
    margin-top: 0px;
}

.h-divider {
    margin-top: 5px;
    margin-bottom: 5px;
    height: 1px;
    width: 100%;
    border-top: 1px solid gray;
}

.sign {
    font-size: 25px;
    font-weight: bold;
    text-align: center;
}

.cat-expense {
    color: #00bbee;
}

.cat1 {
    color: #3ad900;
}

.cat2 {
    color: #f59e00;
}

.cat3 {
    color: #009140;
}

.cat4 {
    color: #ce8483;
}

.cat5 {
    color: #720dee;
}

.inline-addon {
    background: none;
    border: 0;
    padding: 0;
}

.inline-addon .margin-left {
    margin-left: 2px;
}

.inline-addon .margin-right {
    margin-right: 2px;
}

.radiomargin {
    margin-top: 15px !important;
}

.alert,
.badge,
.btn-group>.btn:not(.md-skip),
.btn.btn-link:not(.md-skip):hover,
.btn:not(.md-skip),
.icon-btn,
.label:not(.md-skip),
.md-shadow-z-1,
.note,
.panel,
.social-icons li>a,
.social-icons.social-icons-color>li>a,
.well {
    box-shadow: 0 !important;
}

.label {
    border-radius: .10em !important;
}


/*Fixing branches approval alert*/

.page-header.navbar .top-menu .navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li a .time {
    max-width: 90px !important;
}

.margin-bottom {
    margin-bottom: 10px;
}

.email_a {
    font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
    box-sizing: border-box;
    font-size: 14px;
    color: #FFF;
    text-decoration: none;
    line-height: 2;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    border-radius: 5px;
    text-transform: capitalize;
    background: #348eda;
    margin: 0;
    padding: 0;
    border-color: #348eda;
    border-style: solid;
    border-width: 10px 20px
}

.tab-heading {
    font-size: 11px;
    color: #205081;
    font-weight: bold;
}

.heading-color {
    color: #205081;
}

.padding {
    /*padding: 5px !important;*/
    border: 1px solid #10140e !important;
}

.M_B {
    margin-bottom: 2%
}

#loading-img {
    background: url(../img/ajax-loader.gif) center center no-repeat;
    height: 100%;
    z-index: 20;
}

.overlay {
    background: black;
    /*  background:#eef1f5;
   /*  background:rgb(192, 192, 192);*/
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    pointer-events: none;
}

.unavalable {
    pointer-events: none;
    cursor: default;
}

/* 2nd tooltiip */

  .second-tooltip {
    position: relative; }
    .second-tooltip:after {
      opacity: 0;
      pointer-events: none;
      bottom: 100%;
      left: -100%;
      position: absolute;
      z-index: 10;
      transform: translate(-18%, 10px);
      transform-origin: top;
      /* transition: all 0.18s ease-out 0.18s; */
      -webkit-transform: translate(-18%, 10px);
      -moz-transform: translate(-18%, 10px);
      -ms-transform: translate(-18%, 10px);
      -o-transform: translate(-18%, 10px);
}
  .second-tooltip:after {
    background-color: var(--main-color);
    box-shadow: 0 0 3px #ddd;
    content: attr(data-tooltip);
    padding: 8px;
    white-space: nowrap;
    color: white;
    margin-bottom: 6px;
    border-radius: 6px;
}

  .second-tooltip:hover:after {
    opacity: 1;
    pointer-events: auto;
    transform: translate(-18%, 0);
    -webkit-transform: translate(-18%, 0);
    -moz-transform: translate(-18%, 0);
    -ms-transform: translate(-18%, 0);
    -o-transform: translate(-18%, 0);
    max-width: 200px; /* Set a max width to prevent overflow */
    white-space: normal; /* Allow the text to wrap */
    word-wrap: break-word;
}

.second-tooltip::before  {
    content: " ";
    position: absolute;
    opacity: 0;
    top: -36%; /* At the bottom of the tooltip */
    left: 60%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: var(--main-color) transparent transparent transparent;
    /* transition: all 0.18s ease-out 0.18s; */
}

.second-tooltip:hover::before  {
    opacity: 1;
}