/*
	Google Fonts - Open Sans http://www.google.com/fonts#UsePlace:use/Collection:Open+Sans
*/

textarea
{
    resize: none;
}

.disabled
{
    opacity: .55;
    pointer-events: none;
    user-select: none;
}

	form.disabled
	{
    	opacity: 1;
	}

.vh-75
{
	height: 75vh;
}

/* @font-face
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(//fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTYqVA00DzgUWtGeqqZO9M7Q.ttf) format('truetype');
}

@font-face
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(//fonts.gstatic.com/s/opensans/v10/K88pR3goAWT7BTt32Z01myZ2oysoEQEeKwjgmXLRnTc.ttf) format('truetype');
}

@font-face
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(//fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSoqVA00DzgUWtGeqqZO9M7Q.ttf) format('truetype');
}

@font-face
{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(//fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzIqVA00DzgUWtGeqqZO9M7Q.ttf) format('truetype');
}

@font-face
{
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(//fonts.gstatic.com/s/opensans/v10/PRmiXeptR36kaC0GEAetxggkZXrKFZT6HryoVghOi8s.ttf) format('truetype');
}

@font-face
{
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(//fonts.gstatic.com/s/opensans/v10/xjAJXh38I15wypJXxuGMBjr5xG0gdFoVznePm4S9S1c.ttf) format('truetype');
}

@font-face
{
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(//fonts.gstatic.com/s/opensans/v10/PRmiXeptR36kaC0GEAetxo49UtY6w-bFxepsi1dDxQI.ttf) format('truetype');
}

@font-face
{
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(//fonts.gstatic.com/s/opensans/v10/PRmiXeptR36kaC0GEAetxvHXpN9__aoGJF9jztRvmnE.ttf) format('truetype');
}

.disabled
{
    opacity: .55;
    pointer-events: none;
    user-select: none;
}

    form.disabled
    {
        opacity: 1;
    }

        form.disabled table
        {
            table-layout: fixed;
        }

        form.disabled .form-select
        {
            background-image: none;
            /* border: none; */
            opacity: .55;
            white-space: normal;
        } */

        /* form.disabled .form-control
        {
            border: none;
            padding: 0;
        } */

a[data-mdb-toggle="modal"]:hover
{
    cursor: pointer;
}

.marginTop10
{
	margin-top: 10px;
}

.marginBottom10
{
	margin-bottom: 10px;
}

/* body
{
	font-family: 'Open Sans', sans-serif;
} */

/* a
{
    text-decoration: none;
} */

footer
{
	padding-top: 20px;
}

#pageLogin,
.errorPage
{
	padding-top: 50px;
}

	#pageLogin #formContainer
	{
		border-left: 1px solid #DEDEDE;
		min-height: 355px;
		padding-bottom: 20px;
		padding-left: 7.33333333%;
	}

	   #pageLogin #formContainer .form-group
       {
           margin-bottom: 15px;
       }

	#pageLogin h3,
    .errorPage h3
	{
		border-bottom: 1px solid #DEDEDE;
		color: #2E4854;
		font-weight: bold;
		padding-bottom: 10px;
	}

	#pageLogin ul.nav.nav-pills,
	.errorPage ul.nav.nav-pills
	{
		margin-bottom: 15px;
	}

		#pageLogin ul.nav.nav-pills li,
		.errorPage ul.nav.nav-pills li
		{
			display: inline-block;
			float: none;
		}

			#pageLogin .nav-pills > li,
			.errorPage .nav-pills > li
			{
				border-right: 1px solid #dee2e6;
				padding-right: 10px;
			}

				#pageLogin .nav-pills > li:last-child,
				.errorPage .nav-pills > li:last-child
				{
					border-right: 0;
				}

			#pageLogin .nav-pills > li.active span,
			#pageLogin .nav-pills > li span:hover,
			.errorPage .nav-pills > li.active span,
			.errorPage .nav-pills > li span:hover
			{
				border-bottom: 1px solid;
			}

			#pageLogin .nav-pills > li a,
			.errorPage .nav-pills > li a
			{
				color: #888888;
			}

			#pageLogin .nav-pills > li a.active,
			.errorPage .nav-pills > li a.active
			{
				background: transparent;
				color: #2E4854;
				font-weight: bold;
				text-decoration: none;
			}

				#pageLogin .nav-pills > li a:hover,
				.errorPage .nav-pills > li a:hover
				{
					text-decoration: none;
				}

	#pageLogin footer,
	.errorPage footer
	{
		margin-top: 50px;
	}

    #pageLogin .btn-primary
    {
        background-color: #337ab7;
        border-color: #2e6da4;
    }

/* .navbar
{
    margin-bottom: 10px;
}

.navbar-brand
{
    height: 50px;
}

    .navbar-brand img
    {
        display: inline-block;
        height: 50px;
        margin-right: 10px;
    }

.navbar-default .navbar-nav > li > a
{
    color: #727272;
    font-weight: 700;
    text-decoration: none;
}

.navbar-nav > li > a.navbar-btn
{
    color: #FFFFFF;
    margin-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}

    .navbar-nav > li > a.navbar-btn.btn-primary:hover
    {
        color: #FFFFFF;
        background-color: #286090;
    }

.nav .avatar
{
    border: 3px solid #5a7793;
    border-radius: 50%;
    padding: 5px 5px;
    width: 40px;
}

.navbar-light .navbar-toggler-icon
{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
} */

.btnEditUser,
.btnChangePassword
{
    margin-right: 5px;
}

/* body:not(.xs) #navbarNavDropdown
{
    display: block !important;
}

.navbar .navbar-right
{
    margin-right: 0;
    width: 100%;
}

.navbar .nav-item:hover .dropdown-menu
{
    display: block;

}

.navbar .navbar-right .dropdown .dropdown-toggle,
.nav.pull-right .dropdown .dropdown-toggle
{
    padding: .5rem .5rem;
}

    .dropdown .dropdown-menu
    {
        max-height: 80vh;
        left: auto;
        margin-top: 0;
        overflow: scroll;
        right: 0;
        text-align: right;
        width: auto;
    }

        .dropdown .dropdown-menu svg
        {
            position: relative;
            top: -2px;
        }

    .nav .avatar
    {
        border: 3px solid #5a7793;
        border-radius: 50%;
        padding: 5px 5px;
        width: 43px;
    }

    .navbar .navbar-right .dropdown .dropdown-toggle .badge
    {
        background-color: #e71442;
        position: absolute;
        right: 10px;
        top: 1px;
    }

.dropdown-menu .divider
{
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.dropdown-menu > li > a
{
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
} */

.minWidth55px
{
    min-width: 55px;
}

.minWidth90px
{
    min-width: 90px;
}

.bootstrap-table
{
    margin-bottom: 20px;
}

tr .list-group-item
{
    border: 0;
}

    .list-group-item .form-label
    {
        font-weight: bold;
    }

.bootstrap-table .fixed-table-toolbar
{
    text-align: right;
}

.toolbar
{
    margin-bottom: 20px;
}

    .toolbar select
    {
        width: auto;
    }

.userEnabled .fa-times-circle
{
    display: none;
}

.userDisabled .fa-check-circle
{
    display: none;
}

.bootbox.modal .modal-body
{
    padding-top: 0;
}

    .bootbox.modal .modal-body .bootbox-close-button
    {
        background: transparent;
        border: 0;
        float: right;
        font-size: 1.5rem;
    }

    .bootbox.modal .modal-body .bootbox-body
    {
        clear: both;
    }

.bd-callout
{
    border: 1px solid #e9ecef;
    border-left-width: .25rem;
    border-radius: .25rem;
    margin-top: 0;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
}

    .bd-callout-info
    {
        border-left-color: #5bc0de;
    }

.accordion-button.hideChevron::after
{
    display: none;
}

.accordion-item:last-of-type .accordion-collapse
{
    position: relative;
    top: -15px;
}

.card:hover .fas,
.navbar-nav .nav-link:hover .fas
{
    color: #dc3545 !important;
}

@media (max-width: 576px)
{
    #pageLogin h3
    {
        border-bottom: 0;
    }

    #pageLogin #btn_LoginUser
    {
        width: 100%;
    }

    .navbar .nav-item
    {
        text-align: center;
    }

        .navbar .nav-item a,
        .navbar .navbar-right .dropdown .dropdown-toggle,
        .nav.pull-right .dropdown .dropdown-toggle
        {
            font-size: 20px;
            padding-left: 0;
            padding-bottom: 20px;
        }

    .navbar-brand img,
    .navbar-brand span
    {
        top: 0;
    }

    .navbar-brand span
    {
        left: 10px;
    }

    .card-view-value .btn
    {
        margin-top: 10px;
    }

    .card-views
    {
        margin-bottom: 20px;
    }

        .card-view .card-view-value
        {
            text-align: left;
        }
}

#standalonePage nav
{
}

#standalonePage .navbar
{
    background: #334454;
    border-bottom: 1px solid #293744;
    border-radius: 0;
    border-top: 1px solid #394c5e;
}

.btnApproveReport:hover
{
    background-color: #198754;
}

.datatable table thead tr th i.datatable-sort-icon
{
    display: none;
    margin-right: 10px;
    position: relative;
}

    .datatable table thead tr th i.datatable-sort-icon.active
    {
        display: inline-block;
    }

.datatable table tr
{
    text-align: center;
    vertical-align: middle;
}

    .datatable table td
    {
        white-space: normal;
    }

.datatable[data-mdb-bordered="true"] tbody tr:last-child
{
    border-bottom: 1px solid var(--datatable-border-color);
}

.datatable.datatable-striped tbody tr:nth-of-type(odd)
{
    background-color: #f5f5f5;
}
