body {
font-family:Calibri, tahoma, arial, sans-serif;
}
#modernbricksmenu{
padding: 0;
width:95%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: black; /*Default menu color*/
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
background-color: gray; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
border-color: #D25A0B; /*Brown color theme*/ 
}

#modernbricksmenuline{
/* clear: both; */
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #D25A0B; /*Brown color theme*/ 
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: bold 11px;
height: 22px;
background-color: lightyellow;
}


/* #tblSort td {
	font-size:12px;
	font-size:15px;
} */

td{
	/* font-size: 14px; */
	font-size: 16px;
}

.wel {
	font-size:12px;
	padding-top:5px;
}

.input {
	width:200px;
}
.inputAdd {
	width:200px;
	height:100px;
}

.border {
	border: 1px solid #F2f2f2;
}	
.head {
	margin:0;padding:0; 
 font-size:20px; float:right;
	font-weight:normal;
	
}
.title {
	margin:0;
	padding-left:50px;
	padding-top:10px;
 	font-size:20px;
 	float:left;
	font-weight:normal;
	
}

body {
	margin:0;
	margin-top:10px;
	padding:0;
	
	
}

.gridHead
{
font-weight:bold;
background-color:#FEE9DA;
}
.firstcol
{
background-color:#F4F4F4;
padding:3px;
}
.seccol
{
	background-color:#FFFFFF;
	padding:3px;
}
#divSucess
{
	/*border:solid 1px green;*/
	
	padding:10px;
	text-align:center;
	font-weight:bold;
	color:green;
	width:60%;
	
}
.success
{
	padding:3px;
	text-align:center;
	font-weight:bold;
	color:green;

}
.success1
{
	padding:3px;
	text-align:left;
	font-weight:bold;
	color:green;

}

.error
{
padding:3px;
	text-align:center;
	font-weight:bold;
	color:red;

}
.Loginhead {
	margin:0;padding:5px; 
	 font-size:18px; 
	font-weight:normal;
	
}


table {

	white-space:nowrap;
	border-collapse:collapse;
	background-color:#FFFFFF;
}
td {
	padding:5px;
}
tr {
	height:23px;
	border:none;
	background-color:#FFFFFF;
}
.offColor {
	background-color:#EEEEEE;
}
.header {
	text-align:center;
	background-color:#333333;
	color:white;
	font-weight:bold;
}
.header a{
	color:white;
}

#list a {
	color:black;
	display:block;
	text-decoration:none;

}
#list a:hover {
	color:#336699;
	}
.highlight {
	background-color:#888888;
}
.req-field
{
color:Red;
font-size:8pt;
}
.input2
{
width:98%;
border:solid 1px Red;
}
.divViewTitle 
{
width:715px; text-align:left; margin:0 auto;
}
.leftLink
{
	float:right;

}

.divt1
{
	font-size:14px;
	background-color:#D25A0B;
	color:#FFFFFF;
	padding-left:3px;
	padding-right:3px;
	padding-top:3px;
	width:90px;
	text-align:center;
}
.divcol1
{
border:solid 1px #D25A0B;
padding:10px;

}
.tblMainSec
{
	background-color:#CCCCCC;
	
}
.divFiles
{
	border:solid 1px #CCCCCC;
	padding:3px;
}
#files_list
{
border:solid 1px #CCCCCC; 
padding:2px;
line-height:20px;
}
.txt12
{
	border:solid 1px #999999;
	
}
.user
{
	color:#D25A0B;
	font-size:15px;
	font-weight:bold;
}
/* css added on 4-4-19*/
.border0 td{
	border:none;
}

input[type="submit"]:hover{
	cursor:pointer;
}

.sendemail {
width:95%; margin:0 auto; padding:20px;
}

#group1 {
    line-height: 35px;
	font-size:16px;
}

#group1 {
    border-bottom: 1px solid #ccc;
}
#renew {
 border: 1px solid #ccc;
 font-size: 14px;
}

#renew td {
    border-bottom: 1px solid #ccc;
}

.welcome_user {
	padding: 15px 0 13px 57px;
	line-height: 24px;
	border-bottom: double #ccc;
}

.renew_table{
	float:left;
	width:100%;
}
.renew_wrapper {
    max-width:480px;
    width: 100%;
	margin:10px 0 0;
    padding: 0 0;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
}
.clear_both{
	float:left;
	width:100%;
	clear:both;
	margin-bottom:40px;
}
.renew_wrapper th {
	background:#000;
	color:#fff;
}
.renew_wrapper .border_none{
	border:none;
}
.renew_wrapper td {
    line-height: 16px;
	padding:10px 0;
	text-align:center;border-bottom: 1px solid #ccc;
}
.clear_both input[type="text"]{
	float:left;
	border:1px solid #ccc;
	padding:6px;
	max-width:260px;
	width:100%;
	margin-bottom:6px;
}
.clear_both input[type="submit"]{
	float:left;
	border:none;
	background:#000;
	color:#fff;
	padding:7px;
}
.clear_both h2{
	font-size:20px;
}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  width: 20px;

height: 20px;

position: relative;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.quickview_sec {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 9999;
}
.quickview_sec .black_hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}
.quickview_sec .row {
    height: 100vh;
    display: flex;
}
.align-items-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.quickview_sec .quickview_wrapper {
    margin: 0 auto;
    width: 940px;
	background: #fff;
	display: table;	
}
.middle_align {
    display: table-cell;
    vertical-align: middle;
}
.quickview_sec .quickview_info {
    float: left;
    background: #fff;
    padding: 30px;
    position: relative;
    width: 100%;
    display: inherit;
}
.quickview_sec a.cls_quick {
    color: #3a212f;
    position: absolute;
    right: 20px;
    top: 15px;
    line-height: normal;
}


.cls_quick img {
    width: 16px;
}
.quickview_sec a.cls_quick {
    color: #3a212f;
    position: absolute;
    right: 20px;
    top: 15px;
    padding: 5px;
    line-height: normal;
    width: auto;
    height: auto;
    float: left;
}
.close img {

    width: 20px;
    float: right;
    position: absolute;
    right: 10px;
    top: 10px;
	right: 0;
    top: 0;

}
/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background:none;
  padding: 12px 15px 0;
}

.tab_wrapper {
    max-width: 1220px;
    margin: 0 auto;
}

/* Style the buttons inside the tab */
.tab button {
  background-color:#f2f2f2;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px 16px;
  transition: 0.3s;
  font-size: 17px;
  margin: 0 2px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #000;
  color:#fff;
}

/* Create an active/current tablink class */
.tab button.active {
	background-color: #000;
	color:#fff;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}
.text_wrap {
    float: left;
    width: 90%;
}
.text_wrap strong {
    white-space: normal;
}
.comment_div{
	padding-left:20px;
}
.show_hand:hover{
cursor:pointer;
}

.ui-widget-header{
	padding: 10px;
}
.ui-corner-bl{
	padding: 0 5px;
}
.fg-toolbar.ui-widget-header.ui-corner-bl.ui-corner-br.ui-helper-clearfix {
    padding: 10px;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled{
	padding: 5px;
}
.paging_full_numbers {
    width: 360px !important;
}
span.fg-button.ui-state-default {
    padding: 5px;
}


/* header */
.menu {
	display: flex;
	flex-direction: row;
	list-style-type: none;
	margin: 0;
	padding: 0;
  }
  
  .menu > li {
	margin: 0 1rem;
  }
  
#menu-toggle , .menu-button-container {
	display: none;
  }
  
  .menu-button,
  .menu-button::before,
  .menu-button::after {
	display: block;
	background-color: #000;
	position: absolute;
	height: 4px;
	width: 30px;
	transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
	border-radius: 2px;
	left: auto;
	right: 0;
  }
  
  .menu-button::before {
	content: '';
	margin-top: -8px;
  }
  
  .menu-button::after {
	content: '';
	margin-top: 8px;
  }
  
  #menu-toggle:checked + .menu-button-container .menu-button::before {
	margin-top: 0px;
	transform: rotate(405deg);
  }
  
  #menu-toggle:checked + .menu-button-container .menu-button {
	background: rgba(255, 255, 255, 0);
  }
  
  #menu-toggle:checked + .menu-button-container .menu-button::after {
	margin-top: 0px;
	transform: rotate(-405deg);
  }
  .p-l-0{
	padding-left:20px;
  }

@media(max-width:1190px){
	#menu-toggle:checked ~ .menu {
		visibility: visible;
	}
	.menu-button-container {
		display: flex;
	  }
	  .menu {
		position: absolute;
		top: 0;
		margin-top: 78px !important;
		right: 10px;
		flex-direction: column;
		width: 50%;
		justify-content: center;
		align-items: center;
		visibility: hidden;
		z-index: 2;
	  }
	  #menu-toggle ~ .menu li {
		height: 0;
		margin: 0;
		padding: 0;
		border: 0;
		transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
		margin-left:0;
	  }
	  #menu-toggle:checked ~ .menu li {
		border: 1px solid #333;
		height: 2.5em;
		padding: 0.5em;
		transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
		border-bottom:none;
	  }
	  .menu li:last-child {
		border-bottom: 1px solid #333 !important;
	}
	  .menu > li {
		display: flex;
		justify-content: center;
		margin: 0;
		padding: 0.5em 0;
		width: 100%;
		color: white;
		background-color: #fff;
	  }
	  .menu > li:not(:last-child) {
		border-bottom: 1px solid #444;
	  }
	  #modernbricksmenu a{
		background-color:transparent;
		color:#000;
	  }
	  #modernbricksmenu{
		width:100%;
	  display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
	}
	.menu-button-container{
		display: block;
	}
	#modernbricksmenu .head{
		padding-left:20px;
	}
	#modernbricksmenu #current a{
		background-color: transparent;
		border:none;
	}
	table.settings{
		max-width: 600px;
	}
	label.menu-button-container {
		position: absolute;
		right: 20px;
	}
}