/* Overwrite the Body Font size */
body {
    font-size: 12px !important;
    background-color: #FFFEFA !important;
}
.form-control, .form-select {
    font-size:12px !important;
}
.dropdown-menu{
    font-size:12px !important;

}
/* list group button blue border issue */
.btn:focus, .btn:active {
    outline: none !important;
    box-shadow: none !important;
}

/* pop over blue border issue */
.popover:focus, .popover:active {
    outline:none !important;
    box-shadow:none !important;
}

a, a:active {
    outline:none !important;
    box-shadow:none !important;
}

/* additional bootstrap margins */
.top-buffer-small {
    margin-top: 5px;
}

.top-buffer-medium {
    margin-top: 10px;
}

.bottom-buffer-small {
    margin-bottom: 5px;
}

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

.right-buffer-small {
    margin-right: 5px;
}

.right-buffer-medium {
    margin-right: 10px;
}

.left-buffer-small {
    margin-left: 5px;
}

.left-buffer-medium {
    margin-left: 10px;
}
/* CIRCLED BUTTONS */
/* New style for circled buttons */
.btn.btn-circle {
    padding: 0;
    border-radius: 50%;
}

.btn-circle {
    width: 56px;
    height: 56px;
    min-width: 56px;
}

    .btn-circle.btn-sm {
        width: 13px;
        height: 13px;
        min-width: 13px;
    }

/* button for showing + symbol in data entry screens */
.btn.btn-plus {
    width: 26px;
    height: 26px;
    min-width: 26px;
    padding: 0;
    border-radius: 50%;
    filter: brightness(125%);
    /*font-size: 1.7rem;*/
}
/* Header part */

.head{
    height:70px;
    padding-top:15px;
    padding-bottom:15px;
 

}
.navbar.navbar-default .navbar-brand {
    height: auto;
    padding: 22px 15px 21px;
}
/*.navbar-default .navbar-nav > li > a {
    padding-top: 30px;
    padding-bottom: 30px;
}*/

/*truncate text */
.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display:inline-block;
    max-width:100%;
}

/* span button */
.span-btn:hover {
    cursor:pointer; 
}

/*.navbar-nav {
        width:100% !important;


.nav > li > a{
    color:white !important;
}
}*/

    .nav > li > a:hover,
    .nav > li > a:focus {
        text-decoration: none;
        /*background-color: #0094ff !important;*/
    }


    navbar-nav > li {
    display: inline-block;
    margin-left: 30px !important;
    margin-right: 30px !important;
}


.navbar-center {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
}

/*.navbar-nav > li > a {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
       
    }*/

.nav a:active {
    background-color: #DDF;
}








.dropdown-menu{
    font-size:12px !important;
}
.mymenu {
    float:right !important;
    margin-right:10%;
    
}
.hoverstyle {
    font-weight: bold;
}
/* For the Menu and Sub Menu */
/*.ovor: rgba(0,0,0,0.5); /* Black background with opacity */
    /*z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  /*  cursor: pointer; /* Add a pointer on hover */
/*}*/

.overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 9999; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

.overlay-text {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 50px;
    color: white;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}


/*Content sections*/
#contentsection{
    padding-top:15px;
}
/* Angular animations */
div[ng-view].ng-enter { /* for page transitions */
    animation: pulse 0.4s;
}
.list-group-item.ng-enter { /* for message transition */
    -webkit-animation: fadeInRight 1s;
    animation: fadeInRight 1s;
}
/* angular strapl modal background related custom css*/
.modal-backdrop.am-fade {
    opacity: .7;
    transition: opacity .35s linear;
}

.modal-backdrop.am-fade.ng-enter {
        opacity: 0;
    }

.modal-backdrop.am-fade.ng-enter.ng-enter-active {
            opacity: .5;
        }

.modal-backdrop.am-fade.ng-leave {
        opacity: .5;
    }

.modal-backdrop.am-fade.ng-leave.ng-leave-active {
            opacity: 0;
        }
.table-borderless td,
.table-borderless th {
    border:none !important;
}

.GridPager a, .GridPager span
    {
        display: block;
        padding:5px;
        text-align: center;
        text-decoration: none;
    }
    .GridPager a
    {
        border: 1px solid;
    }

    /*Modal padding*/
.modal-header {
    padding: 5px!important;
    
}
/* To make navbar overlay content */
@media screen and (max-width: 767px)
{
   .collapsing
        {
            position: absolute !important;
            z-index: 20;
            width: 40%;
        }
        .collapse.in {
            display: block;
            position: absolute;
            z-index: 20;
            width: 40%;
        }
        .navbar-collapse
        {
            max-height: none !important;
            background-color:inherit;
            margin-bottom:50px;

        }
        .navbar-fixed-bottom  {
			display:none;
		}

    .navbar-nav > li > .dropdown-menu {
        left:25% !important;
    }
    .navbar-nav {
            margin:0 !important;
        }

    .panel-dataentry {
        width:250% !important;
    }

}
/* Popover content font-size */
.popover-content {
    font-size: 0.9em !important;
}
.popover {
    max-width: 100% !important;
}

/* To resolve the issue of GL menu being overlapped by the footer */
body { padding-bottom: 30px !important; }

/* Introducing new modal size */
@media (min-width: 992px) {
    .modal-wide {
        width: 80% !important;
        height:80% !important;
    }
}
div.disabled {
    pointer-events: none;
    /* for "disabled" effect */
    opacity: 0.5;
    background: #CCC;
}

/* css to show div raised with box-shadow */
.raised {
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,1) !important;
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,1) !important;
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,1) !important;
}

/* button to bright when inside panel header */
.btn-bright {
    filter: brightness(125%);
}

/* HORIZONTAL */
@keyframes horizontal {
    0% {
        transform: translate(0,0)
    }

    6% {
        transform: translate(5px,0)
    }

    12% {
        transform: translate(0,0)
    }

    18% {
        transform: translate(5px,0)
    }

    24% {
        transform: translate(0,0)
    }

    30% {
        transform: translate(5px,0)
    }

    36%,100% {
        transform: translate(0,0)
    }
}

.faa-horizontal.animated,
.faa-horizontal.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-horizontal {
    animation: horizontal 2s ease infinite;
}

    .faa-horizontal.animated.faa-fast,
    .faa-horizontal.animated-hover.faa-fast:hover,
    .faa-parent.animated-hover:hover > .faa-horizontal.faa-fast {
        animation: horizontal 1s ease infinite;
    }

    .faa-horizontal.animated.faa-slow,
    .faa-horizontal.animated-hover.faa-slow:hover,
    .faa-parent.animated-hover:hover > .faa-horizontal.faa-slow {
        animation: horizontal 3s ease infinite;
    }

.table-scrollable {
    overflow-x: auto;
    min-height: 0.01%;
}

.div-scrollable {
    overflow-x: auto;
    min-height: 0.01%;
}

/* Fix table head */
.table-fixedhead {
    overflow: auto;
}

    .table-fixedhead th {
        position: sticky;
        top: 0;
        /*background-color: gray;*/
        /*color: white;*/
        padding-top: 10px;
        padding-bottom: 10px;
    }

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}

a.disabled {
    /* Make the disabled links grayish*/
    color: gray !important;
    /* And disable the pointer events */
    pointer-events: none;
}

.breadcrumb > a {
    color: white !important;
}

.breadcrumb {
    background-color: none !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
.selectpicker  + .btn{ 
    padding:2px;
}
/* This resolves the problem of grey background while hovering on submenus having sub-sub menus */
.nav .open > a {
    background-color:none !important;
}

/* Timeline widget related styles */
ul.timeline {
    list-style-type: none;
    position: relative;
}

    ul.timeline:before {
        content: ' ';
        background: #d4d9df;
        display: inline-block;
        position: absolute;
        left: 29px;
        width: 2px;
        height: 100%;
        z-index: 400;
    }

    ul.timeline > li {
        margin: 20px 0;
        padding-left: 20px;
    }

        ul.timeline > li:before {
            content: ' ';
            background: white;
            display: inline-block;
            position: absolute;
            border-radius: 50%;
            border: 3px solid #22c0e8;
            left: 20px;
            width: 20px;
            height: 20px;
            z-index: 400;
        }
/* Timeline widget related styles */
/* Gridview pager related style */
.cssPager td {
    padding-left: 4px;
    padding-right: 4px;
}
a {
     text-decoration: none !important;
}
a:hover {
    text-decoration: underline !important;
}
.table {
    --bs-table-bg: transparent !important;
}
.form-control:focus , .form-select:focus, .form-check-input:focus{
    box-shadow: 0 0 0 0.1rem rgba(13, 110, 253, 0.25) !important;
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
.text-danger {
    color: #a94442 !important;
}
.dropdown .dropdown-menu {
    display: none;
}

.dropend:hover > .dropdown-menu {
    display: block;
    margin-top: 0.125em;
    margin-left: 0.125em;
}

@media screen and (min-width: 769px) {
    .dropend:hover > .dropdown-menu {
        position: absolute;
        top: 0;
        left: 100%;
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
       flex-wrap: wrap !important; 
       
    }
}
.ui-state-default, .ui-widget-content .ui-state-default {
    color: black !important;
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: 0.65;
}

.form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed;
}
a.note-dropdown-item, a.note-dropdown-item:hover {
    color: #000 !important;
}
.form-switch .form-check-input {
    height: 20px;
    width: 40px;
    margin-right: 10px;
}
.form-check .form-check-input, .form-control, .form-select{
    border-color: darkgray;
}