@charset "UTF-8";

/* CSS Document */
body { font-family: 10px; color: #444; font-weight: 400; font-size: 1.5em; }
body { padding-top: 50px; }

p { font-weight: normal; line-height: 1.5em; font-size: 15px; font-family: Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { color: #333; font-family: Helvetica, Arial; font-weight: 700; line-height: 1.5em; }


a { color: #3498db; text-decoration: none; }
a:hover, a:focus { color: #388ac6; }
/* end */

.navbar-inverse .navbar-brand {
    color: #fff; font-weight:700;
}

.header-content .nav>li {position: relative;  height: 64px; background:url(images/tab-line.gif) 0 100% repeat-y;}
.header-content .nav>li:first-child {background:none;}
.header-content .nav>li.active {background: #fff; }


.header-content .nav>li>a {
    position: relative;
    display: block;
    padding: 7px 7px;
    font-size: 13px;
    border-radius: 0;
    color: #bcbfc1;
   
    
}


.header-content .nav>li>a {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border: none;
}

.nav-tabs.nav-justified>li>a {border-bottom: 0px solid #ddd; font-weight: bold;}
.header-content {background: #f4f4f5; }

.header-content .nav-tabs { border-top: none; background: #545462;}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
    border: none; color: #222; 
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background: none;
    color: #fff;
}
.header-content h1 {font-size: 24px; margin: 40px 0;}
.header-content h1 a {color: #666; display: block; font-size: 18px; line-height: 1em;}


.body-content {padding-bottom: 40px;}
.body-content h2 {font-size: 24px; border-bottom: 4px solid #545462; padding-bottom: 18px; margin-bottom: 0; color: #545462;}


.navbar-inverse { background-color:#3c3c44;}

.btn { border-radius: 2px; font-weight: bold;}

.btn-primary {background: #3498db; border: 1px solid #3498db; padding: 8px 20px;}

table .btn { font-size: 12px;}
.btn-delete {background: #e74c3c; border: 1px solid #e74c3c; padding: 6px 15px; color: #fff;}
.btn-secondary {background: transparent; border: 1px solid #666; padding: 6px 15px; color: #666;}



.form-horizontal { margin: 0 auto; border: 1px solid #ddd; border-bottom: 4px solid #ddd; padding: 20px 40px;background: #ffffff; margin-top: 40px}
.form-page {background: #f4f4f5;}

table {border-bottom: 1px solid #ddd;}

.tab-content h4 { border-top: 1px solid #eee; padding-top: 15px; margin-top: 0; font-size: 13px; text-transform:uppercase; letter-spacing: 2px; color : #999;}
.tab-content p {margin: 10px 0 15px;}


.btn-primary {background: #3498db; border: 1px solid #3498db; padding: 8px 20px;}

.header-content .btn-primary {margin: 50px 0 0 0; }

table>tbody>tr>td strong {font-size: 13px; text-transform:uppercase; letter-spacing: 2px; color : #999;}

a.navbar-brand img {height: 20px; width: auto;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #fff; opacity:1;border: none; box-shadow: none; padding-left: 0; }
.form-group .col-md-8 a {background: transparent; border: 1px solid #666; padding: 6px 15px; color: #333;    border-radius: 2px;     border-color: #ccc;     padding: 6px 12px; display: inline-block; }     



 @media(min-width:768px) {

}
 @media(min-width:992px) 
 {
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #fff; opacity:1; width: 60%; border: none; float: left; box-shadow: none; padding-left: 0; }
.form-group .col-md-8 a {background: transparent; border: 1px solid #666; padding: 6px 15px; color: #333;    border-radius: 2px;     border-color: #ccc;     padding: 6px 12px; display: inline-block; float:right;}     
 .form-horizontal {width: 900px; }    

}
 @media(min-width:1200px) {
     .header-content .nav>li>a {
    font-size: 14px;   
}


}