body{
	background:#FFF;
}

/*---------------------- Login Page --------------*/


.info img {
  width: 100%;
}
.info h2 {
  font-family: century gothic;
  font-size: 19px;
  margin-bottom: -22px;
  color: #363636;
}
.login form label {
  font-size: 14px;
  font-family: century gothic;
  color: #363636;
}

/*---------------------- Login Page End --------------*/


.side-nav{
	background:#363636;
	  padding-top: 24px;
}

.navbar-header{
	background:#363636;
	border-bottom:none;
}

.collapse.navbar-collapse.navbar-ex1-collapse{
	background:#FFF;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
	border:none;
}



.navbar-inverse .navbar-nav>.active>a{
	background:#de1119;
	color:white;
}

.navbar-inverse .navbar-nav>.active>a:focus{
	background:#de1119;
	color:white;
	font-family:"Century Gothic";
}



.navbar-inverse .navbar-nav>.active>a:hover{
	background:#de1119;
	color:white;
	font-family:"Century Gothic";
}

.navbar-inverse .navbar-nav>a:hover{
	background:#de1119;
	color:white;
	font-family:"Century Gothic";
}

.navbar-inverse .navbar-nav>li>a{
	border-bottom:solid 1px #aaaaaa;
	font-family:"Century Gothic";
}
.collapse.in li{
	list-style:disc;
}



li.sidebar-search {
	width:225px;
	background:#363636;
	border-radius:0px;
}

input.form-control{
	/*background:#363636;
	border:none;
	color:white;
	border-bottom:solid 1px #aaaaaa;*/
	background:white;
	border:1px solid gray;
	color:black;
	border-bottom:solid 1px #aaaaaa;
}
input.form-control:focus{
	box-shadow:none;
	border-bottom:solid 1px #aaaaaa;
}
button.btn.btn-default{
	background:#363636;
	border:none;
}
.fa-search:before{
	color:#aaaaaa;
}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
  margin-left: -32px;
  z-index: 9999;
}


.page-header {
  padding-bottom: 0px;
  margin: 23px 0 4px;
  border:none;
font-family:Century Gothic;
}
.panel{
	border-radius:0px;
}
.panel-heading {
  padding: 20px 15px;
  border-bottom: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.panel-primary{
	border:none;
}

.panel-primary>.panel-heading {
  color: #fff;
  background-color: #de1119;
  border-color: #de1119;
}

span.pull-left {
  color: white;
  
  
}

span.pull-left {
    color: white;
    text-transform: uppercase !important;
}
span.pull-left:hover {
    text-decoration: underline !important;
}
..panel-footer.footer2 {
    background: #363636;
    opacity: 0.9;
}
.panel-footer.footer3 {
  background: #363636;
    opacity: 0.9;
}
.panel-footer.footer4 {
   background: #363636;
    opacity: 0.9;
}
.panel-footer {
    padding: 10px 15px;
    background-color: #4A4A4A;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}





div#table_div {
  border: solid 1px #363636;
  padding-right: 0;
  padding-left:0px;
}

.table-header {
  background: #363636;
  width: 100%;
  height: 46px;
  margin-bottom: 6px;
}

.table-header h6 {
  color: white;
  margin: 0;
  padding: 18px;
  font-size: 12px;
  font-family:"Century Gothic";
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 4px solid #FFF;
  border-left: solid 4px white;
  border-right: solid 4px white;
}	

td.view {
  text-align: right;
}
td.bg-red {
  background: #ed1c24;
  color: white;
  text-align: center;
  width:14%;
}
td.bg-gray {
  background: #e1e1e1;
}

td.bg-darkgray{
  background: #363636;
  color: white;
  text-align: center;
  width:14%;
}







.table-header2 {
  background: #de1119;
  width: 100%;
  height: 46px;
  margin-bottom: 6px;
}

.table-header2 h6 {
  color: white;
  margin: 0;
  padding: 18px;
  font-size: 12px;
  font-family:"Century Gothic";
}
div#table_div2 {
  padding-right: 0;
  padding-left:0px;
}












div#message_div_title {
  padding-right: 0px;
  padding-left: 0px;
  margin-left: 19px;
  margin-bottom:-7px;
}


div#message_div {
  padding-right: 0px;
  padding-left: 0px;
  margin-left: 19px;
  height: 690px;
  border: solid 1px #636363;
  overflow: scroll;
}


div#message_div_comment {
  padding-right: 0px;
  padding-left: 0px;
  margin-left: 19px;
  margin-bottom:-7px;
}
.message-write{
  width: 100%;
  height: 46px;
  margin-bottom: 6px;
}

.message-write input.text-box-write {
  width: 100%;
  padding: 13px;
  color: black;
  border: solid 1px #636363;
  border-top:none;
}
input.button-submit {
  position: absolute;
  top: 0;
  right: 0;
  background: url(../images/submit.png) no-repeat;
  border: none;
  width: 58px;
  height: 43px;
  margin:2px;
}

.message-header {
  background: #636363;
  width: 100%;
  height: 46px;
  margin-bottom: 6px;
}

.message-header h6 {
  color: white;
  margin: 0;
  padding: 18px;
  font-size: 12px;
  font-family:"Century Gothic";
}

.message_pic {
  width: 54px;
  border: solid 1px ghostwhite;
  height: 54px;
  float: left;
  margin: 10px;
}

.message_pic img {
  width: 100%;
  height: 100%;
}

.message {
  width: 82%;
  height: 106px;
  margin-bottom:10px;
  margin-top:6px;
  background: #898989;
  float: left;
  padding: 12px;
  overflow: hidden;
  font-size: 12px;
  text-align: justify;
  color: white;
  font-family: calibri;
  border-radius: 8px;
}
#message-bg-red{
	background:#e93a40;
}


/*---------------------- Criminal check -----------------*/
.border_div {
  width: 100%;
  border: solid 1px gray;
}

.criminal .col-lg-3 {
  padding-left: 0;
  padding-right: 0;
}

.criminal .col-lg-6 {
  padding-right: 0;
}

.col-lg-6 .text-box {
  width: 60%;
  height: 34px;
}
.criminal input.text-box {
  width: 62%;
  padding-left:10px;
}
input.text-area {
  width: 78%;
  height: 120px;
}
div#check_title {
  background: #363636;
  top: 20px;
  color:#FFF;
  padding-right:0px;
}
div#cost {
  background: #de1119;
  height: 100%;
  text-align: center;
}

div#criminal_content_1 {
	border:solid 1px;
  top: 50px;
  color:#FFF;
  padding-right:0px;
}

label.form_title {
  color: black;
  font-weight: 100;
  font-family: century gothic;
  font-size: 14px;
  display: inline;
}
button, input, select, textarea{
	color:#333;
}

.c {
  color: black;
  padding-left: 0;
  width: 50%;
  top: 60px;
  font-family: century gothic;
  font-size: 13px;
}

.fileUpload {
  position: relative;
  overflow: hidden;
  background: #de1119;
  color: white;
  padding: 10px 10px 10px 5px;
  width: 100%;
  text-align: center;
  font-family: century gothic;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}


a.button-red {
  background: #de1119;
  padding: 10px 46px 10px 46px;
  color: white;
  font-family: century gothic;
}
a.bg-gray {
	background:#363636;
}
a.right {
  float: right;
  margin: 40px;
}
table thead {
  background: #e1e1e1;
  color: #363636;
}

div#order_details {
  border-bottom: solid 1px;
}
div#o {
  top: 20px;
}
/*---------------------- Criminal check End -----------------*/



/*-------------------- Education -------------*/
div#education {
  color: black;
  font-family:"Century Gothic";
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
}

label.form_name {
  font-weight: 100;
  font-family: century gothic;
  color: #363636;
}

input.text-box-2 {
  float: right;
  width: 250px;
  margin-right: 14px;
}


/*------------------------ complete cases ------------------------*/
div#next_page {
  padding: 9px;
}
a.button-next {
  color: white;
  font-family: century gothic;
}





@media only screen and (max-width:320px)
	{
		div#name {
		  top: 10px;
		  height: 0px;
		}	
		div#cost {
		  top: 43px;
		  margin: 0;
		  text-align: left;
		  padding: 2px;
		  padding-left: 16px;
		}
		div#criminal_content_1 {
		  top: 80px;
		}
		.criminal .col-lg-3 {
			height:60px;
		}
		.c {
		  color: black;
		  padding-left: 0;
		  width: 50%;
		  top: 230px;
		  font-family: century gothic;
		  font-size: 13px;
		  margin: 13px;
		}
		a.right {
		  margin: 140px;
		}
		a.bg-gray {
		  float: left;
		  margin-top: 20px;
	
		}
		element.style {
    color: white;
}


	}