.content-wrapper{
    padding:0 48px 0 48px;
}

/************************ custom styles ************************/
.petrol{
    color:#008ca2;
}

.orange{
    color:orange;
}

.login-box{
    width:720px;
    

    h1, h2, h3{
        text-align:center;
        margin-bottom:12px;
        color:gray;
    }
    h3{
        margin-bottom:20px;
    }
    .btn.btn-primary {
        background: #0b3480 !important;
        border: 1px solid #0b3480 !important;
        color: #fff !important;
    }

    .card {
        box-shadow: 0 0 0px rgba(0, 0, 0, .125), 0 0px 0px rgba(0, 0, 0, .2);
    }

    .card-header h2{
        color: #0b3480  !important;
        margin:0;
    }
}

.login-logo {
    background-image: url(/public/assets/images/logo-600.png);
    background-color: white;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 0;
}

/*******************************************************************/



/************************ elements ************************/
label{
    color:#417791 !important;
    margin-bottom: 0rem !important;
}
/*******************************************************************/



/************************ admin lte styles ************************/
.main-sidebar.sidebar-dark-primary{
    background-color:#1f2d3d;
}

.card-info:not(.card-outline)>.card-header {
    background-color: #3c8dbc !important;
}


.form-group .col-sm-6 {
    margin-bottom:20px;
}
.form-group .col-sm-12{
    margin-bottom:20px;
}
/*******************************************************************/



/************************ bootstrap styles ************************/
.btn.btn-primary{
    background-color: #3c8dbc !important;
}

.modal-header {
    background:#276f98;

    h1,h2,h3,h4{
        color:white;
    }
}
/*******************************************************************/



/************************ datatables styles ************************/
table.dataTable thead th{
    color:#417791 !important;
}

table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected {
    background-color: #3c8dbc;
    /*background-color: #417791;*/
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #3c8dbc;
    border-color: #3c8dbc;
}
/*******************************************************************/



/*********** dept organogram   ******************/
.treez li {
    margin: 0px 0;
	
	list-style-type: none;
    position: relative;
	padding: 20px 5px 0px 5px;
}

.treez li::before{
    content: '';
	position: absolute; 
    top: 0;
	width: 1px; 
    height: 100%;
	right: auto; 
    left: -20px;
	border-left: 1px solid #f39c12;
    bottom: 50px;
}

.treez li::after{
    content: '';
	position: absolute; 
    top: 30px; 
	width: 25px; 
    height: 20px;
	right: auto; 
    left: -20px;
	border-top: 2px solid #f39c12;
}

.treez li a{
    display: inline-block;
	border: 1px solid #94a0b4;
	padding: 5px 10px;
	text-decoration: none;
	color: #3c8dbc;
	font-family: arial, verdana, tahoma;
	font-size: 13px;
	font-weight:600;
    border-radius: 2px !important;
}


/*Remove connectors before root*/
.treez > ul > li::before, .treez > ul > li::after{
	border: 0;
}
/*Remove connectors after last child*/
.treez li:last-child::before{ 
      height: 30px;
}

/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.treez li a:hover {
	background: #c8e4f8; color: #000; border: 1px solid #94a0b4;
}
/*
.treez li a:hover, .treez li a:hover+ul li a {
	background: #c8e4f8; color: #000; border: 1px solid #94a0b4;
}
*/

/*Connector styles on hover*/
/*
.treez li a:hover+ul li::after, 
.treez li a:hover+ul li::before, 
.treez li a:hover+ul::before, 
.treez li a:hover+ul ul::before{
	border-color:  #94a0b4;
}
*/

.treez li a:active{
	border-color:  orange;
}

.edl-btn{
	border:0 !important;
}
/********************************************/