body{
	font-family: 'Roboto Condensed', sans-serif;
	overflow-y:auto;
	overflow-x:hidden;
	
}
#wrapperr {
  width: 50%;
  height: 100%;
  bottom: 0;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  min-width: 400px;
  overflow: hidden;
}
.modal-backdrop
{
    opacity:0.5 !important;
}
#loginWindow {
  background-color: white;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3em;
  padding-right: 3em;
  padding-bottom: 2em;
  border: solid #eee 1px;
  border-radius: 5px;
  overflow: hidden;
  width: 0;
  height: 0;
}
#addon{
	background-color: #f55e61 !important;
    border: 1px solid #f55e61 !important;
	color:#fff !important;
}
#header{
	  
	 height:100%;
	 width:100%;

	margin-top:0px;
	 
 }
 b{
	 font-family: Arial;
	  color:#454545;
	  font-size:14px;
 }
 #i{
	font-size:24px !important;
} 
 .container-fluid , .row{
	 padding-right:0px !important;
 }
 .table>tbody>tr>td{
	 border-top:none !important;
 }
.form-control {
    display: block;
    width: 100%;
    height: 34px !important;
    padding: 6px 6px !important;
    font-size: 14px;
    line-height: 1.42857143 !important;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
} 
span.add-on{
	height:34px !important;
	width:34px !important;
	background-color:#f55e61 !important;
	color:#fff;
	font-size:18px !important;
	padding:6px !important;
}
 .container-fluid{
	 padding-right: 0 !important; 
   position: relative;
 }
 a{
	 color:#fff;
	 font-size:16px;
	 
 }
 a:hover{
	 color:#ffc4c5;
 }
 
 /*box shadow cards*/
 
.card {
  background: #083f88;
  border-radius: 2px;
  color:#fff;
  display: inline-block;
  height: 210px;
  margin: 1rem;
  position: relative;
  width: 210px;
}
.card:hover {
  background: #ffcb08;
  border-radius: 2px;
  color:#083f88;
  display: inline-block;
  height: 210px;
  margin: 1rem;
  position: relative;
  width: 210px;
}

.card-1 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.card-1:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.card-2 {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.card-3 {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.card-4 {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.card-5 {
  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

 /*end of box shadow cards*/
 @media screen and (min-width: 768px) {
    .modal-dialog {
        left: 50%;
        right: auto;
        width: 624px;
    }
}
  .modal-dialog{
   position: absolute;
   left: 50%;
   /* now you must set a margin left under zero - value is a half width your window */
   margin-left: -312px;
   /* this same situation is with height - example */
   height: 500px;
   top: 50%;
   margin-top: -250px;
}  
   #reopenbg{
  background-color:	#FFA500;
  color:#fff;
  padding:5px;
}
#fixedbg{
  background-color:#8d33e2;
  color:#fff;
  padding:5px;
}
#openbg{
  background-color:green;
  color:#fff;
  padding:5px;
}
#closedbg{
  background-color:red;
  color:#fff;
  padding:5px;
}
#inputsbg{
  background-color:#4527a0;
  color:#fff;
  padding:5px;
}
#approvebg{
  background-color:red;
  color:#fff;
  padding:5px;
}
#testbg{
 background-color:#e91e63;
  color:#fff;
  padding:5px; 
} 
#workinprbg{
	 background-color:#e91e63;
  color:#fff;
  padding:5px; 
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #083f88!important;
    border-color: #083f88!important;
}
.dataTables_filter,input[type="search"]{
	   width: 350px!important;
    display: inline-block !important;
    float: right !important;
    margin-bottom: 10px;
   }
  th{
		text-align:center !important;
		border-top:0px !important;
		border-bottom:1px solid #efefef!important;
		border-right:1px solid #efefef!important;
	}
	
	/****************************************************************************************/
	/****************************************************************************************/