/*body{
    background:#fff;
}

.tab-content{
    background:#fff;
}

.dataTable{
    background:#fff;
}*/

.centered {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.navbar-toggle{
	float:left;
	margin-left: 10px;
}

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

.navbar {
    border-radius: 0px !important;
	margin-bottom:0px;
}

.marfix{
	margin-left:0px !important;
	margin-right:0px !important;
}

.padfix{
	padding-left:0px;
	padding-right:0px;	
}


.subcontainer{
	margin-top:21px;
}

.subnavmenu{
	margin-top:60px;
}

h1,h2,h3,h4{
    color:#149c82;
}

/*.container{
	margin-top:21px;
}*/

.maincontainer,.container{
    margin-top:60px;
}

.container{
    margin-top:75px;
}

.nomar{
    margin:0px;
}

.nopad{
    padding:0px;
}

.nomarpadbottom{
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.sectionheader{
    margin-bottom:20px;
}

.tab-pane{
    border-right: 1px solid #ecf0f1;
    border-left: 1px solid #ecf0f1;
    border-bottom: 1px solid #ecf0f1;
    padding:20px;
}

.navmenu, .navbar-offcanvas {
    width: 220px;
    height: auto;
    border-style: solid;
    border-width: 1px;
    border-left: 0px;
    border-top: 0px;
    border-bottom: 0px;
    border-radius: 0px;
	z-index: 999 !important;
}

.padtop60px{
    padding-top:60px;
}

.padbottom60px{
    padding-bottom:60px;
}

.martop20px{
    margin-top:20px;
}

.dataTable{
    width:100% !important;
}

.table-smallfont{
    font-size:11px !important;
    font-family:verdana;
}

.table-smallfont-force{
    font-size:11px !important;
    font-family:verdana;
}

.table-smallfont td{
    text-align:left;
}

.table-smallfont input{
    font-size:11px !important;
    font-family:verdana;
    padding:3px 4px;
}

.textStatistics{
    font-size:80px;
    line-height:80px;
    color:#777;
}

/* Fix on the issue of checkbox behaving weirdly on bootstrap tabs */
.tab-pane table.dataTable.dt-checkboxes-select tbody tr, .tab-pane table.dataTable thead .dt-checkboxes-select-all{
    text-align: left;
    width: 13px !important;
}

.fsbutton{
    position:fixed;
    bottom:0px;
    left:0px;
    z-index:1031;
}

#content{
    margin-bottom:30px;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.vtop{
    vertical-align: top !important;
}

.vbottom{
    vertical-align: bottom !important;
}

.force-text-left{
	text-align:left !important;
}

.force-text-right{
	text-align:right !important;
}

.table-fixed{
    table-layout: fixed;
    word-wrap: break-word;
}

.passportphoto{
    width: 132px;
    min-height: 170px;
}


.gridtable{
	border-bottom:1px solid #ecf0f1;
	border-left:1px solid #ecf0f1;
}

.gridtablenobottom{
	border-bottom:0px;
	border-left:1px solid #ecf0f1;
}

.gridtable [class*='col-']{
	padding-left:0px;
	padding-right:0px;
}

.gridtd{
	display:block;
	padding:8px;
	margin-bottom: 0px;
	border-top:1px solid #ecf0f1;
	border-right:1px solid #ecf0f1;
}

.alert-danger ol li a{
    color:#fff !important;
}

.thgrey{
    background: #eee !important;
}

.labelheight{
	height:45px;
}

.labeltextheight{
    line-height:45px;
}

.labeltextheight-xs{
    line-height:35px;
}

.labeltextheight-sm{
    /*line-height:35px;*/
    white-space: nowrap;
}

.mar-right-15px{
    margin-right:15px !important;
}

.valign-middle{
    vertical-align: middle !important;
}

.fileinput .close{
    color:#666 !important;
    text-decoration:none !important;
    vertical-align: middle;
}

.text-danger a:not(.btn){
    color:#e74c3c;
}

.nav-tabssmall li{
    font-size:14px;
}

.nav-tabssmall li a{
    padding:8px 10px;
}

.panel-body .table{
	background:#fff;
}

@media screen and (min-width: 768px) {
	.sidenav{
        width:220px;
    }
}

@media screen and (min-width: 768px) {
	.sidenav .collapse{
        display:block;
    }
}

@media (max-width: 767px){
    /* Hide on mobile */
    .fsbutton{
        display:none;
    }
}

/* Eunice Screen fix */
@media (min-width: 993px) and (max-width: 1320px){
    #content{
        width: 75% !important;
    }
}