@charset "utf-8";

html,body{
    margin: auto;
    text-align: center;
    background-position:center top;
    font: normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif;
    font-family: 'Roboto',sans-serif;
    font-size: 15px;
    font-weight:400;
    line-height: 25px;	
    color: #666;
    background: #fafafa;
    height:100%;
    letter-spacing:0.5px;
    -webkit-font-smoothing: antialiased;
}

p{
    margin:0;
}

h6{
    font-family: 'Poppins',sans-serif;
    font-size:16px;
    font-weight:400;
    margin: 0px;
    padding:0px;
    line-height:25px;
    color: #222;
    letter-spacing:0.5px;
}

h5{
  font-family: 'Poppins',sans-serif;
  font-size: 17px;
  font-weight:400;
  margin: 0px;
  padding: 0px;
  line-height:25px;
  color: #222;
  letter-spacing:0.5px;
}

h4{
  font-family: 'Poppins',sans-serif;
  font-size: 22px;
  font-weight:400;
  line-height: 32px;
  margin: 0px;
  padding: 0px;
  color: #888;
  letter-spacing:0.5px;
}

h3{
  font-family: 'Poppins',sans-serif;
  font-size:25px; 
  font-weight:400;
  margin: 0px;
  padding:0px;
  color:#444;
  line-height:35px;
  color: #888;
  letter-spacing:0.5px;
} 

h2{
  font-family: 'Poppins',sans-serif;
  font-size:35px; 
  font-weight:400;
  margin: 5px 0px;
  padding:0px;
  line-height:25px;
  color: #888;
  letter-spacing:0.5px;
}

a{
  text-decoration: none;
  color: #666;
}

textarea{
   resize: none;
   padding: 7.5px 12px;
   font-family: arial, helvetica;
   line-height: 25px;
   border:solid 1px #eee;
}

fieldset{
    border-color:#ddd;border-style:solid;margin:15px 5px;padding:35px 15px;border-width:1px;
    color:#999;
}

input{
  padding:10px 15px;  
  margin:5px 2px;
  margin-top:0px;
  font-size:14px;
  border:none;
  background:#f5f5f5;
  border-radius: 3px;
  color:#999;
  letter-spacing: 1px;word-spacing: 1px;
}

input[type=date]{
 letter-spacing: 1px;
}


select{
  color:#999;
  padding: 9px 10px;
}

textarea{
  color:#999;
}

/*Table*/
table{
  border-collapse:separate;
  border-spacing:0px; 
  border:none;
  width:100%;
}

table tr:nth-child(odd) td {
  /*background:#111;*/
}

table td {
  font-family:'Roboto',sans-serif;
  border-bottom:solid 1px #eee;padding:10px 15px;font-size:15px;line-height:25px;
  color:#8c8e97;
}

table th {
  font-family:'Roboto',sans-serif;
  color : #a51945;
  font-size:15px;
  font-weight:600;
  padding:2.5px 15px;
  border-bottom:solid 3px #a51945;
  height:25px;
}

table th img{
  height:12px;
  margin-left:5px;
}

/*---Table Fix Head---*/
.fixed_headers {
  table-layout: fixed;
  border-collapse: collapse;
}

.fixed_headers th {
  font-family:'Roboto',sans-serif;
  font-size:15px;
  font-weight:600;
  padding:3px 5px;
  border-bottom:solid 3px #444;
}

.fixed_headers th,
.fixed_headers td {
  padding: 5px;
  text-align: left;
}

.fixed_headers thead {
 
}

.fixed_headers thead tr {
  display: block;
  position: relative;
  width:100%;
}

.fixed_headers tbody {
  display: block;
  overflow: auto;
  width: 100%;
  height: 300px;
}

.fixed_headers tbody tr:nth-child(even) {
  background-color: #DDD;
}

.old_ie_wrapper {
  height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}

.old_ie_wrapper tbody {
  height: auto;
}

/* Tab Content - menucool.com */
        ul.tabs {

            padding: 0px 0;
            margin: 0;
            font-size: 0;
            list-style-type: none;
            text-align: left;
            padding-left: 20px;
        }
        
        ul.tabs li {
            display: inline;
            margin: 0;
            background: White;
            margin-left: -4px;
        }
        
        ul.tabs li a {
            font: normal 15px Roboto;
            text-decoration: none;
            position: relative;
            padding: 7px 22px;
            color: #aaa;
            outline: none;
            background: #f7f7f7;
            border: 1px solid #ddd;
            border-right: 0;

        }
        /*Note: IE8 and earlier doesn't support li:last-child. You have to add another class to the last tab (LI) and specify its border-right as below.*/
        
        ul.tabs li:last-child a {
            border-right: 1px solid #ddd;
        }
        
        ul.tabs li a:hover {

            background:#FAFAFA;
        }
        
        ul.tabs li.selected a,
        ul.tabs li.selected a:hover {

            top: 0px;
            /*font-weight: 600;*/
            background: #FFF;
            border-bottom: 1px solid #FFF;
            color: #444;
        }
        
        ul.tabs li.selected a:hover {
            text-decoration: none;
        }
        
        div.tabcontents {
            border-top: 1px solid #ddd;
            padding:0px;
            min-height:250px;
            margin-top:-2px;
        }
        /*Tab Menu*/