/*------------------------------------------
Project Name : Judiciary Style Overide
Desgined By  : Oluwaseun Ayoola
Developed By : Oluwaseun Ayoola;
Date        :  04/April/18;
------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Roboto:300,400,500,700');
html, body {
    min-height: 100%;
}

/*---------------------------------------
PANELS
-----------------------------------------*/

        .panel-title .glyphicon {
            font-size: 14px;
        }

        .panel-default>.panel-heading {
            color: #FFF !important;
            background-color: #E10B1F !important;
            border-color: #ddd;
        }

        .panel-title>a {
            padding: 10px 15px;
            display: block;
            font-size: 13px;
            font-weight: 600;
        }
/*---------------------------------------
END OF PANELS  
-----------------------------------------*/




/*---------------------------------------
 LOGIN STYLES
-----------------------------------------*/
.midRow {
			min-height: 30rem;
		}

		html,
		body {

			height: 100%;

		}



		#wrap {

			min-height: 100%;

			height: 100%;

			/* Negative indent footer by its height */
			margin: 0 auto -82px 0;

			/* Pad bottom by footer height */
			/*padding: 0 0 80px 0;*/
		}



		/* Set the fixed height of the footer here */

		#footer {

			height: 80px;

			background-color: #f5f5f5;

		}



		#footer>.container {

			padding-top: 5px;
			padding-left: 15px;

			padding-right: 15px;

		}



		.center-container {

			height: 100%;

			display: table;

			width: 100%;

			margin: 0;

		}



		.center-row {

			height: 50%;

			width: 100%;

			display: table-row;

		}



		.center-row>div {

			height: 100%;

			width: 50%;

			display: table-cell;

			border: 0 solid #eee;

			color: #fff;

			vertical-align: middle;

		}



		.bg-one {
			/*background:#000 url('media/1261/corporate-banking-bank-accounts7032.JPG');*/
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
		}


		.bg-two {
			background-color: #fff;
		}

		@media screen and (max-width: 986px) {
			.sonu {
				display: none !important;
			}
		}

/*---------------------------------------
END OF LOGIN STYLES
-----------------------------------------*/
		
		
		
		
/*---------------------------------------
TABLE FORMS
-----------------------------------------*/

		table.formsTable {
		  background: white;
		  border-radius:5px;
		  border-collapse: collapse;
		  height: 320px;
		  margin: auto;
		  max-width: 100%;
		  padding:5px;
		  width: 100%;
		  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
		  animation: float 5s infinite;
		}
		
		.formsTable td {
			text-align: center;
			border:none;
			font-size: 12px;
			font-weight: 700;
		}
		.formsTable th {
			text-align: center;
			border:none;
			font-size: 14px;
			color:#D5DDE5;
			background:#1b1e24;
			border-bottom:4px solid #9ea7af;
			border-right: 1px solid #343a45;
			font-size:14px;
			font-weight: 100;
			padding:5px;
			text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
			vertical-align:middle;
		}
		.formsTable tr:nth-child(even) {
			color:#fff;
			background-color: #f2f2f2;
		}
		.formsTable tr, td {
			color:#222222;
			font-weight: 500;
		}
	   .formsTable tr:hover, .formsTable td:hover {
		   font-weight: 700;
		   font-size: 15px;
		   background-color: #e10b1f;
		   color:#fff;
		}	

/*---------------------------------------
 END OF TABLE FORMS        
-----------------------------------------*/
		
		
		
		

/*---------------------------------------
   NAVIGATION OVERIDE            
-----------------------------------------*/

nav#main-navigation ul li a span.white {
	font-family: 'Roboto', sans-serif;
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold;
}

nav#main-navigation ul li a:hover {

}




/***************************************
DROP DOWN STYLES
***************************************/


        /* The container <div> - needed to position the dropdown content */

        .dropdown {
            position: relative;
            display: inline-block;
        }

        /* Dropdown Content (Hidden by Default) box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); */

        .dropdown-content {
            display: none;
            position: absolute;
            top: 59px;
            left: 15px;
            width: 90px;
            border-color: transparent;
            color: #f9f9f9;
            background-color: transparent;
            z-index: 1;
        }

        .fixed .dropdown-content {
            display: none;
            position: absolute;
            top: 59px;
            left: 15px;
            width: 90px;
            border-color: transparent;
            color: #000000;
            background-color: #f9f9f9;
            z-index: 1;
        }

        /* Links inside the dropdown */

        .dropdown-content a {
            color: #f9f9f9;
            padding-left: 10px;
            padding-right: 10px;
            padding-top: 0px;
            padding-bottom: 0px;
            text-decoration: none;
            display: block;
        }

        .fixed .dropdown-content a {
            color: #000000;
            padding-left: 10px;
            padding-right: 10px;
            padding-top: 0px;
            padding-bottom: 0px;
            text-decoration: none;
            display: block;
        }

        /* Change color of dropdown links on hover */

        .dropdown-content a:hover {
            background-color: #e3000f;
            opacity: 0.5;
        }

        /* Show the dropdown menu on hover */

        .dropdown:hover .dropdown-content {
            display: block;
        }



/* The container <div> - needed to position the dropdown content */

.dropdown {
	position: relative;
	display: inline-block;
}

/* Dropdown Content (Hidden by Default) */

.dropdown-content {
	display: none;
	position: absolute;
	top: 59px;
	background-color: #f9f9f9;
	/*box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);*/
	z-index: 1;
}


/* Links inside the dropdown */

.dropdown-content a {
	color: white;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-decoration: none;
	display: block;
}

/* Change color of dropdown links on hover */

.dropdown-content a:hover {
	background-color: #e3000f;
}

/* Show the dropdown menu on hover */

.dropdown:hover .dropdown-content {
	display: block;
}

.dropdown-content {
	font-family: 'Roboto', sans-serif !important;
	background-color: rgba(0,0,0,0.7) !important;
	top: 100%;
	left: 0px;
	margin-left: 0;
	margin-bottom:0;
	position: absolute;
	min-width: 180px;
	color:#fff;
}

.dropdown-content ul li a {
	font-family: 'Roboto', sans-serif !important;
	text-transform:uppercase;
	font-weight:600;
	font-size:11px;
	padding:10px 12px;
}


/***************************************
DROP DOWN STYLES
***************************************/


        .my-prev {
            left: -130px !important;
        }

        .my-next {
            right: -130px !important;
        }
		
/***************************************
TABLE BOOT GRID STYLES
***************************************/

table.grid_table {
  background: white;
  border-radius:5px;
  border-collapse: collapse;
  height: 320px;
  margin: auto;
  max-width: 100%;
  padding:5px;
  width: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  animation: float 5s infinite;
}
 
table.grid_table th {
  color:#D5DDE5;;
  background:#1b1e24;
  border-bottom:4px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-size:14px;
  font-weight: 100;
  padding:5px;
  text-align:center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}

table.grid_table th:first-child {
  border-top-left-radius:3px;
}
 
table.grid_table th:last-child {
  border-top-right-radius:3px;
  border-right:none;
}
  
table.grid_table tr {
  border-top: 1px solid #C1C3D1;
  border-bottom: 1px solid #C1C3D1;
  color:#666B85;
  font-size:16px;
  font-weight:normal;
  text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}
 
table.grid_table tr:hover td {
  /*background:#4E5066;*/
  background:#e3000f;
  color:#FFFFFF;
  border-top: 1px solid #22262e;
}
 
table.grid_table tr:first-child {
  border-top:none;
}

table.grid_table tr:last-child {
  border-bottom:none;
}
 
table.grid_table tr:nth-child(odd) td {
  background:#EBEBEB;
}
 
table.grid_table tr:nth-child(odd):hover td {
    /*background:#4E5066;*/
  background:#e3000f;
}

table.grid_table tr:last-child td:first-child {
  border-bottom-left-radius:3px;
}
 
table.grid_table tr:last-child td:last-child {
  border-bottom-right-radius:3px;
}
 
table.grid_table td {
  background:#FFFFFF;
  padding:5px;
  text-align:left;
  vertical-align:middle;
  font-weight:300;
  font-size:12px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
  border-right: 1px solid #C1C3D1;
}

table.grid_table td:last-child {
  border-right: 0px;
}

table.grid_table th.text-left {
  text-align: left;
}

table.grid_table th.text-center {
  text-align: center;
}

table.grid_table th.text-right {
  text-align: right;
}

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

table.grid_table td.text-center {
  text-align: center;
}

table.grid_table td.text-right {
  text-align: right;
}
/***************************************
TABLE BOOT GRID STYLES
***************************************/
		
.text-left {
	width: 20em;
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
	white-space: pre-wrap !important; 
    overflow: auto !important;
    text-overflow: initial !important; 
}


.cpb-row-container>div>section.container {
	max-width:100%;
	width:1170px;
	padding: 15px;
}

.white {
	color:#FFFFFF !important;
}

.header-right img.retina {
    width: 250px !important;
}