/*********************************************************************
* Author: Dynamic Consult
* Email: info@dynamicconsult.co.ke.
* South Sudan Gender Base violence Information system
* Development 08/12/2022
***********************************************************************/

html{
color: #000;
background: none repeat scroll 0% 0% #FFF;
}
body{
  background: #f8fafb!important;
color: #444;
font-size: 12px!important;
font-family: 'Poppins', Tahoma, sans-serif;
font-style: normal;
font-weight: normal;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, address {
    margin: 0px;
    padding: 0px;
}
h3{
  font-size: 12px;
text-transform: uppercase;
line-height: 22px;

}
h4{
 font-size:1.5rem!important;
 font-weight:400;
 letter-spacing: 1px; 
 font-family: 'Poppins', Tahoma, sans-serif;
}
.left-col{
  width:45%;
  float: left;
}
#gbiv-wrapper{
font-size: 100%;
line-height: 2;
min-height: 975px;
min-width: 1024px;
width: 100%;
height:100%
}
/************************************************Start Header Section*******************************************/
#header{
 width:99%; 
  margin: 0px 0px; 
  padding: 5px;
  background:#e5e5e5; 
  border-bottom:1px solid #c6c2c1; 
  height: 90px;
  display: inline-flex;
}
.logo{float:left;width:15%; height:100%; min-width:168px;}
#header .menuLinks{float: left; width:85%;  }
#header .menuLinks .top-menuLinks{float:left;width:98%; height:70%; display: inline-flex; }
#header .menuLinks .top-menuLinks .system-title{float:left;width:54%; height:100%;  }
#header .menuLinks .top-menuLinks .user_status_nav{float:right;width:46%; height:100%;  padding-top:25px;}
#header .menuLinks .bottom-menuLinks{loat:left;width:98%;  height:30%; }
.title-name{font-size:18px; color:white; padding-top:25px;}
.login-status-sec{float:right;}

/************************************************END Header*******************************************/

/*Login Wrapper*/
.login_main_wrapper
{
	width:450px;
	margin: 0 auto;
	border: solid 1px #cbcbcb;
	 background-color: #FFF;
	 box-shadow: 0 0 15px #cbcbcb;
	-moz-box-shadow: 0 0 15px #cbcbcb;
	-webkit-box-shadow: 0 0 15px #cbcbcb;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
	font-family:'Poppins', Tahoma, sans-serif;
	font-size:11px;
}

/******END Login Section***********/
#gbvis-main{
overflow: hidden;
width:100%;
height:80%;
min-height:900px;
display:block;
}

/***************sidebar */
#sidebar{
display:block;
width:15%;
float:left;
background: none repeat scroll 0% 0% #EEE;
height:100vh!important;
min-height: 100vh;
}
.sidebar-nav{
  margin-top:15px;
margin-left:15px;
}
.sidebar-nav li{
line-height: 35px;
}
.sidebar-nav ul li{
list-style:none;
font-family:'Poppins', Tahoma, sans-serif; 
font-size:12px; 
color:#81519C;
}
.sidebar-nav ul li a{
  font-family:'Poppins', Tahoma, sans-serif!important; 
  font-weight:400;
  font-size:12px; 
  color:#444!important;
}
.sidebar-nav a{
text-decoration:none;
}
.sidebar-nav  ul li:hover {
    color: #FFF;
    background-color: #DDCF0D;
    border-radius: 1px;
    width: 90%;
}
.sidebar-nav ul li ul li{
padding-left:15px;
list-style:none;
font-family:'Poppins', Tahoma, sans-serif; font-size:15px; color:#81519C;
margin-left:5px;
}

/*//END of sidebar*/

/**************************************************************content Area*/

#main-content{
display:block;
background-color: #f1f5f7;
/*padding-left: 3%;
padding-bottom: 3%;
padding-top: 1%;*/
width:85%;
height:100%;
float:left;
min-height: 900px;
}
#bread-crumbs{
background: none repeat scroll 0px center transparent;
width:100%;
height:5%;
min-height:15px;
}
/* content body*/
#content-body{
width:100%;
height:88%;
min-height:800px;
overflow-y: hide;
}
.page-title{
  font-family:'Poppins', Tahoma, sans-serif; font-size:12px; color:#81519C;padding-left:15px;
}
/* Profile */

.profile-data{
width:96%; font-family:'Poppins', Tahoma, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 26px;
color: #444;  margin-left:11px;padding-left:5px;
height: 98%;
overflow-y: hide;
min-height: 500px;

}
.forms-section{
width:95%; font-family:'Poppins', Tahoma, sans-serif; font-size:12px; border:5px solid #F1F1F1; margin-left:10px;padding-left:10px;
height: 100%;
overflow-y: scroll;
margin-left:10px;
}
.data-links{
  text-decoration:none;
  cursor:pointer;
}
.data-links:hover{
  text-decoration:none;
  cursor:pointer;
  
}
.text-label{
width:300px;float:left;
width:12%;
}
.text-input{
width:60%;float:left;
}
.form_text-input{
width:40%;float:left;
}
table{
  font-family: 'Poppins', Tahoma, sans-serif!important;
}
.table-hover th{
  font-weight:400!important;
}
table thead{
  color:#ED1C24;
}
.table-input{
width:300px;float:left;
width:100%;
}
.table-data-input{
width:50px;float:left;
}
.data-label {
min-width:120px; width:30%; padding-top:5px;float:left; font-size:14px;
}

/*Input Boxes Style*/
.form_textbox_inputs {min-width:150px; width:67%;height:20px;font-family:'Poppins', Tahoma, sans-serif; font-size:12px;padding:7px; padding-left:10px; padding-right:10px;border: 1px solid #99e;outline:none;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius:2px; line-height:20px;}
.form_textbox_inputs:focus {outline:none;border: 1px solid #99c;box-shadow: 0 0 10px #6AB5FF;-moz-box-shadow: 0 0 10px #6AB5FF;-webkit-box-shadow: 0 0 10px #6AB5FF;}

.gbvis_textAreaBoxInputs {min-width:150px; width:73%;height:20px;font-family:'Poppins', Tahoma, sans-serif; font-size:12px;padding:7px; padding-left:10px; padding-right:10px;border: 1px solid #99e;outline:none;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius:2px; line-height:20px;}
.gbvis_textAreaBoxInputs:focus {outline:none;border: 1px solid #99c;box-shadow: 0 0 10px #6AB5FF;-moz-box-shadow: 0 0 10px #6AB5FF;-webkit-box-shadow: 0 0 10px #6AB5FF;}

.gbvis_select {min-width:248px; width:248px;height:30px;font-family:'Poppins', Tahoma, sans-serif; font-size:12px;padding:6px; padding-left:10px; padding-right:10px;border: 1px solid #99e;outline:none;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius:2px; line-height:20px;}
.gbvis_select :focus {outline:none;border: 1px solid #99c;box-shadow: 0 0 10px #6AB5FF;-moz-box-shadow: 0 0 10px #6AB5FF;-webkit-box-shadow: 0 0 10px #6AB5FF;}


.gbvis_smallBoxInputs {min-width:60px; width:10%;height:12px;font-family:'Poppins', Tahoma, sans-serif; font-size:12px;padding:6px; border: 1px solid #99e;outline:none;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius:2px; line-height:20px;}
.gbvis_smallBoxInputs:focus {outline:none;border: 1px solid #99c;box-shadow: 0 0 5px #6AB5FF;-moz-box-shadow: 0 0 5px #6AB5FF;-webkit-box-shadow: 0 0 5px #6AB5FF;}


.gbvis_mediumBoxInputs {min-width:202px; width:10%;height:18px;font-family:'Poppins', Tahoma, sans-serif; font-size:12px;padding:6px; border: 1px solid #99e;outline:none;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius:2px; line-height:20px;}
.gbvis_mediumBoxInputs:focus {outline:none;border: 1px solid #99c;box-shadow: 0 0 5px #6AB5FF;-moz-box-shadow: 0 0 5px #6AB5FF;-webkit-box-shadow: 0 0 5px #6AB5FF;}

/*Error Message Style*/
.info { border: 1px solid #999; margin-top:0px; padding:10px 15px 10px 15px; font: bold 12px verdana;-moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888;box-shadow: 0 0 5px #888;text-shadow: 2px 2px 2px #ccc;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;font-family:'Poppins', Tahoma, sans-serif; font-size:11px; line-height:20px;font-weight:normal;color: white;background: #3E1F60;;}

.gbvis-table_container{
width:740px; font-family:'Poppins', Tahoma, sans-serif; font-size:12px; border:5px solid #F1F1F1;padding: 2px 5px 5px 10px;
}
/* Buttons*/
.gbvis_general_button 
{
 background-color: #E5C93A;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E5C93A), color-stop(100%, #E5C93A));
  background-image: -webkit-linear-gradient(top, #E5C93A, #DFD892);
  background-image: -moz-linear-gradient(top, #E5C93A, #E5C93A);
  background-image: -ms-linear-gradient(top, #E5C93A, #E5C93A);
  background-image: -o-linear-gradient(top, #E5C93A, #E5C93A);
  background-image: linear-gradient(top, #E5C93A, #E5C93A);
  border: 2px solid #DFD892; box-shadow: 0 2px 3px #DFD892; -moz-box-shadow: 0 2px 3px #DFD892; -webkit-box-shadow: 0 2px 3px #DFD892;
  -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
  color: #81519C;
  font-family:'Poppins', Tahoma, sans-serif;
  font-size:14px;
  text-align: center;
  min-width: 70px;
  width: 32%;
  padding:9px;
  padding-left:13px; padding-right:13px;padding-bottom:7px;
  text-decoration:none;
  float:left;

}
.gbvis_general_button:hover 
{
    background-color:#81519C;
    background-image: -webkit-linear-gradient(top,#81519C, #81519C);
    background-image: -moz-linear-gradient(top,#81519C, #81519C);
    background-image: -ms-linear-gradient(top,#81519C, #81519C);
    background-image: -o-linear-gradient(top,#81519C, #81519C);
    background-image: linear-gradient(top,#81519C, #81519C);
    box-shadow: 0 2px 3px #81519C; border: 2px solid  #81519C;
	color:white;
	-moz-box-shadow: 0 2px 3px #81519C;
	-webkit-box-shadow: 0 2px 3px #81519C;
	-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
    cursor: pointer; 
}
.submit_button{
  background-color: #E5C93A;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E5C93A), color-stop(100%, #E5C93A));
  background-image: -webkit-linear-gradient(top, #E5C93A, #DFD892);
  background-image: -moz-linear-gradient(top, #E5C93A, #E5C93A);
  background-image: -ms-linear-gradient(top, #E5C93A, #E5C93A);
  background-image: -o-linear-gradient(top, #E5C93A, #E5C93A);
  background-image: linear-gradient(top, #E5C93A, #E5C93A);
  border: 2px solid #DFD892; box-shadow: 0 2px 3px #DFD892; -moz-box-shadow: 0 2px 3px #DFD892; -webkit-box-shadow: 0 2px 3px #DFD892;
  -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
  color: #81519C;
  font-family:'Poppins', Tahoma, sans-serif;
  font-size:14px;
  text-align: center;
  min-width: 70px;
  width: 150px;
  padding:9px;
  padding-left:13px; padding-right:13px;padding-bottom:7px;
  text-decoration:none;
  float:left;
}
.submit_button:hover {
  
      background-color:#81519C;
    background-image: -webkit-linear-gradient(top,#81519C, #81519C);
    background-image: -moz-linear-gradient(top,#81519C, #81519C);
    background-image: -ms-linear-gradient(top,#81519C, #81519C);
    background-image: -o-linear-gradient(top,#81519C, #81519C);
    background-image: linear-gradient(top,#81519C, #81519C);
    box-shadow: 0 2px 3px #81519C; border: 2px solid  #81519C;
	color:white;
	-moz-box-shadow: 0 2px 3px #81519C;
	-webkit-box-shadow: 0 2px 3px #81519C;
	-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
    cursor: pointer; 
}

/*END of content area*/

/* forms section*/
.forms-table{
  
  margin:8px 20px 16px 30px; background:#f8f8f8; border:1px solid #eee; padding:10px;
  
}
.table-td-label{
  
  font:bold 13px tahoma, arial, sans-serif; text-align:right; border-bottom:1px solid #eee; padding:5px 10px 5px 0px; border-right:1px solid #eee;
}
.table-td-input{
  
border-bottom:1px solid #eee; padding:5px;  
  
}
#reject_form {
    display:none;
}​

/*END of main Content*/
/*gbvis_footer*/

#footer{
   text-align: center;
   font-size:14px;
    height:10%;
    background: none repeat scroll 0% 0% green;
    width:100%;
    min-height:68px;
}
#gbvis_footer {
  padding-top:30px;
    text-align: center;
    height:10%;
    background: none repeat scroll 0% 0% #00126B;
    width:100%;
    min-height:68px;
	
}
.gbvis_footer-left{
width:35%;
float:left;

}
.logo img{
  height:70px;
}
.gbvis_footer-center{
width:30%;
float:left;

}
.gbvis_footer-right{
width:33%;
float:left;

}
#id_search {
  margin-left: 15px;
  font-family: "Prensa", Helvetica, Arial, sans-serif;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  color: #555;
  border: 1px solid #AAAAAA;
  width: 200px;
  font-size: 1.2em;
  line-height: 20px;
  padding: 4px;
  outline: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.link-btn {
  background-color:#81519C;
  -moz-border-radius:7px;
  -webkit-border-radius:7px;
  border-radius:3px;
  border:1px solid #81519C;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:14px;
  padding:1px 10px;
  text-decoration:none;
  text-shadow:0px 1px 0px #81519C;
  margin-bottom: 0px;
  margin-left: 20px;
  /*float: right; */
}

/*Pagination */

ul.pagination {
    text-align:center;
    color:#81519C;
}
ul.pagination li {
    display:inline;
    padding:0 3px;
}
ul.pagination a {
    color:#81519C;
    display:inline-block;
    padding:5px 10px;
    border:1px solid #81519C;
    text-decoration:none;
}
ul.pagination a:hover,
ul.pagination a.current {
    background:#81519C;
    color:#fff;
}
/*End of pagination  */

/*Dashbaord */
#dashboard{
  float:left; 
  display:block;
  width:100%;
  font-size: 12px;
font-weight: normal;
}
#dashboardTop{
  float:left; 
   width:100%; 
  height:30%; 
  display:block;
  /*border:1px solid #CCCCCC; */
  /*border-radius:5px; */
 margin-right:5px;
}
#dashboardBottom{
  float:left; 
  width:100%; 
  height:70%; 
  /*border:1px solid #CCCCCC; */
  /*border-radius:5px; */
 margin-right:5px;
 display:block;
}
#leftdashboard{
  float:left; width:48%; 
  height:500px; 
  /*border:1px solid #CCCCCC; */
  /*border-radius:5px; */
 margin-right:5px;
}

#rightdashboard{
  float:left; width:48%; 
  height:500px; 
 /* border:1px solid #CCCCCC; */
  /*border-radius:5px; */
  margin-right:3px;
 
}

#rightdashboard-top{
  height:20%;
  display:block;
}
#rightdashboard-bottom{
  height:78%;
   display:block;
}
.float_left{
  width:48%;
  float:left;
  border-radius:3px;
  border:1px solid #CCCCCC; 
 margin-left:5px;
  margin-right:5px;
  margin-top:5px;
   height:250px;
 
}
.float_right{
  width:48%;
  float:left;
   border-radius:5px;
  border:1px solid #CCCCCC; 
 margin-left:5px;
  margin-right:5px;
  margin-top:5px;
   height:250px;
   font-size:10px;
   line-height: 18px;
  
}
.float_right_section1,.float_right_section2,.float_right_section3,.float_right_section4 {
  width:48%;
  float:left;
  height:124px;
   margin-left:2px;
}
#dashboard td p{
font-size: 10px;
  
}