html,
body {
    height: 100%;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px !important;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.tab-content {
	background: #FFFFFF;
	padding: 10px;
}



.table-hover tbody tr:hover,
            .table-hover tbody tr:hover td,
            .table-hover tbody tr:hover th{
                background:#22313F !important;
                color:#fff !important;
            }
			
.table-striped > tbody > tr:nth-of-type(odd) > td {
	background-color: #f5f5f5;
}
			
			
.file-preview-frame {
	float: none;
}

.soft_delete_row {
	text-decoration: line-through;
}

.home-approval-dropdown-menu>li>a.btn {
	color: #ffffff;
}


.detail-view > tbody > tr th {
	width: 180px;
}

.detail-view > tbody > tr:nth-of-type(even) {
    background-color: #ecf0f5;
}
.detail-view > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}


.detail-view > tbody > tr > td > img {
	max-width: 200px;
}


.fixed-table-container thead th .asc, .fixed-table-container thead th .desc {
	background-image: none !important;
}

.well-white {
	background-color: #ffffff !important;
}


.manage-home-content img {
    max-width :100%;
    height: auto;
}

.password-input-mask {
    text-security:disc;
    -webkit-text-security:disc;
    -mox-text-security:disc;
}

@media (max-width: 767px) {
	.modal-lg .modal-header .close {

	}
}


@media (min-width: 1200px) {
	.modal-lg {
		width: 1100px;
	}
}

@media (min-width: 1400px) {
	.modal-lg {
		width: 1300px;
	}
}

@media (min-width: 1600px) {
	.modal-lg {
		width: 1500px;
	}
}



@media (max-width: 767px) {
	.modal-xlg {
		width: 100% !important;
		margin: 0px;
	}
}


@media (min-width: 768px) {
	.modal-xlg {
		width: 95vw !important;
	}
}

.modal-header .close {
    margin-top: -15px;
	font-size: 36pt;
}


@media (max-width: 640px) {
    .dataTables_scrollBody {
        max-height: 100% !important;  
    }
}


.grid-view-btn-group .btn {
    width: 30px;
    margin-bottom: 3px;
}

.breadcrumb-back::before {
    content: "" !important;
}
.breadcrumb-back a {
    color: white !important;
}



/* tab color */
.nav-tabs>li>a {
  background-color: #f4f4f4; 
  border-color: #8c8c8c;
  color:#333;
}

/* active tab color */
.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus 
{
  color: #fff;
  background-color: #3c8dbc;
  border: 1px solid #367fa9;
}

/* hover tab color */
.nav-tabs>li>a:hover {
  color: #fff;
  border-color: #367fa9;
  background-color: #68a3ec;
}

.datepicker {
    z-index: 10000 !important;
}

.alert-help {
    background-color: #efeb9b !important;
    color: #333333 !important;
}


/*
jsonform
*/
.expandable > legend:before {
    content: '\25B8';
    padding-right: 5px;
}
.expanded > legend:before {
    content: '\25BE';
}



.btn-viewgrid-action {
    width: 35px;
}

/* 640px to match the table-saw stack */
@media (max-width: 639px) {
    .btn-viewgrid-action {
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;  
        width: 65px;
    }
}


@media (max-width: 639px) {
    .tablesaw-cell-content {
        min-width: 200px;
    }
    
    .view-grid-header-row {
        display: none !important;
    }    
}


#json_editor fieldset > .form-group {
    padding-left: 30px;
}


.table {
    /*
    width: auto !important;
    max-width: auto !important;
    */
}

.tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label {
    width: auto !important;
    min-width: 30% !important;
}

@media (max-width: 767px) {
    .tablesaw-stack td, .tablesaw-stack th {
        white-space: normal !important;
    }
}


.view-grid-table-container {
   min-height: 400px; 
}

.fixed-bottom-toolbar {
    width: 100%;
    position: fixed;
    bottom:0;
    width: 100%;
    right: 20px;
    background-color:#cccccc;
    z-index: 500;
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 15px;

    padding-left: 65px;
}

@media (min-width: 992px) {
    .fixed-bottom-toolbar {
        padding-right: 240px;
        left: 240px;
    } 
}


.fixed-top-toolbar {
    width: 100%;
    position: fixed;
    top:0;
    width: 100%;
    right: 20px;
    background-color:#cccccc;
    z-index: 500;
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 15px;

    padding-left: 65px;
}

@media (min-width: 992px) {
    .fixed-top-toolbar {
        padding-left: 265px;
    } 
}


[aria-expanded="false"] .menu__icon--open {
  display: inline;
}

[aria-expanded="false"] .menu__icon--close {
  display: none;
}

[aria-expanded="true"] .menu__icon--open {
  display: none;
}

[aria-expanded="true"] .menu__icon--close {
  display: inline;
}


@media (max-width: 767px) {
/* xs */
    .text-xs-left { text-align: left !important; }
    .text-xs-right { text-align: right !important; }
    .text-xs-center { text-align: center !important; }
    .text-xs-justify { text-align: justify !important; }
    .pull-xs-left { float: left !important }
    .pull-xs-right { float: right !important }
}

@media (min-width: 768px) and (max-width: 991px) {
/* sm */
    .text-sm-left { text-align: left !important; }
    .text-sm-right { text-align: right !important; }
    .text-sm-center { text-align: center !important }
    .text-sm-justify { text-align: justify !important; }
    .pull-sm-left { float: left !important }
    .pull-sm-right { float: right !important }
}
@media (min-width: 992px) {
 /* md */
    .text-md-left { text-align: left !important; }
    .text-md-right { text-align: right !important; }
    .text-md-center { text-align: center !important; }
    .text-md-justify { text-align: justify !important; }
    .pull-md-left { float: left !important }
    .pull-md-right { float: right !important }
}


@media (max-width: 767px) {
/* xs */
	.btn-xs-lg {
		padding: 10px 16px !important;
		font-size: 18px !important;
		line-height: 1.3333333 !important;
		border-radius: 6px !important;
	}
	.btn-xs-sm	{
		padding: 5px 10px !important;
		font-size: 12px !important;
		line-height: 1.5 !important;
		border-radius: 3px !important;
	}
	.btn-xs-xs {
		padding: 1px 5px !important;
		font-size: 12px !important;
		line-height: 1.5 !important;
		border-radius: 3px!important;
	}	
}

@media (min-width: 768px) and (max-width: 991px) {
/* sm */
	.btn-sm-lg {
		padding: 10px 16px !important;
		font-size: 18px !important;
		line-height: 1.3333333 !important;
		border-radius: 6px !important;
	}
	.btn-sm-sm	{
		padding: 5px 10px !important;
		font-size: 12px !important;
		line-height: 1.5 !important;
		border-radius: 3px !important;
	}
	.btn-sm-xs {
		padding: 1px 5px !important;
		font-size: 12px !important;
		line-height: 1.5 !important;
		border-radius: 3px!important;
	}		
}
@media (min-width: 992px) {
 /* md */
	.btn-md-lg {
		padding: 10px 16px !important;
		font-size: 18px !important;
		line-height: 1.3333333 !important;
		border-radius: 6px !important;
	}
	.btn-md-sm	{
		padding: 5px 10px !important;
		font-size: 12px !important;
		line-height: 1.5 !important;
		border-radius: 3px !important;
	}
	.btn-md-xs {
		padding: 1px 5px !important;
		font-size: 12px !important;
		line-height: 1.5 !important;
		border-radius: 3px!important;
	}	
}



#module-dropdown-menu li {
	padding-top: 5px;
	padding-bottom: 5px;
}

#module-dropdown-menu .dropdown-menu {
	min-width: 240px;
}

#module-dropdown-menu .dropdown-menu > li > a {
	padding-left: 5px;
}

.form-group.required .has-star:not(.custom-control-label)::after, .is-required::after {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (min-width: 1200px) {
	#content_heading {
		position: fixed;
		z-index: 1002;
		top: 4px;
		left: 260px;
	}
}