html, body {height: 100%;}

#main {overflow:auto;
       min-height: 90%;
	padding-bottom: 40px;}  /* must be same height as the footer */

#footer {
    position: relative;
	margin-top: -90px; /* negative value of footer height */
	height: 90px;
    background-color: #f5f5f5;
	clear:both;
} 


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Ajax Loading style
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#loading_div {  
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(51,51,51,0.7);
    z-index: 10;    
}

.loading { 
    /*border:1px solid #ddd; 
    padding:20px; 
    margin:40px 5px; 
    width:80px;*/
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -32px; /* -1 * image width / 2 */
    margin-top: -32px;  /* -1 * image height / 2 */
    display: block;         
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Forms
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.form-title {
    color: #337AB7;    
}

.form-seperator {
    border-radius: 5px;
    background-color: #7BA9D0;    
    color: #ffffff;
}


.form-footer-summary {
    text-align: right;   
    font-style: italic;
    font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Tabs
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}

.nav-tabs {
    margin-bottom: 0;
}

.mytable {
  border-spacing: 5px;
  /*padding-top:20px;*/ 
  border-collapse:separate;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Modals
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.mandatoryField{
    color: #FFA500
}


.app-modal-window .modal-dialog {
    width: calc(100vw - 50px);
    /*height: calc(80vh);*/
}

.modal-body{
    /*height: calc(75vh);*/
}

.modal-body .super{
    /*height: calc(75vh);*/ 
    overflow: auto;
}

.modal-footer{
    /*height: calc(10vh);*/
}

.mytable {
  border-spacing: 8px;
  /*padding-top:20px;*/ 
  border-collapse:separate;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Errors
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.err{
    color: red;
}


.red{
    color: red;
    font-weight: bold;
}

.amber{
    color: #D47400;
    font-weight: bold;
}

.green{
    color: green;
    font-weight: bold;
}

.btn-success {
    background-color: #99B66D;
    border-color: #62A387;
}


element.style {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: bolder;
    color: #62A387;
}
.form-control {
    border-radius: 0;
    box-shadow: none;
    border-color: #d2d6de;
}
.form-control {
	height: 40;
}