/*common--------------------------------------*/
html{
}
.container{
    max-width: 100%;
    width: 1200px;
}
#wrap{
    margin-bottom: 50px;
}
.bread{
    margin: 32px 0 16px;
}
.bread ul{
    margin-bottom: 0;
}
p.center{
    text-align: center;
}
.right{
    text-align: right;
}
h2{
    font-size: 1.8em;
}
.alert{
    margin-bottom: 0;
}
ul.pagination{
    width: 100%;
    text-align: center;
}
ul.pagination li{
    display: inline-block;
}
.error-form{
    border: 2px solid #ec5840;
}
p.error-mes{
    margin:0;
    font-size: 12px;
    font-weight:bold;
    color: #ec5840;
}
.btn-inverse{
    color: white;
    background-color: gray;
}
.btn-inverse:hover{
    color: white;
    background-color: dimgray;
}
table{
}
.pointer{
}
.pointer:hover{
    background-color: NavajoWhite;
    cursor: pointer;
}

footer {
    overflow: hidden;
    margin-top: 42px;
}

footer p.copy{
    margin: 32px auto 16px;
    text-align: center;
    color: silver;
}
header{
    margin: 4px auto;
}
header img{
    margin: 8px auto;
    height: 56px;
    max-width: 100%;
}

h1{
    font-size: 2em;
}
h2.area-title{
    margin: 32px 0 24px;
    padding: 12px 8px;
    border-left: 6px solid steelblue;
    background-color: whitesmoke;
    font-size: 1.6em;
}
table.common-table{
}
table.common-table tr th,table.common-table tr td{
    vertical-align: middle;
    padding: 14px 6px;
}
table.common-table tr th{
    width: 15%;
    text-align: center;
    color: white;
    background-color: steelblue;
}
table.common-table tr td{
    width: 35%;
}
table.common-table tr td select.birth-select{
    display:inline;
    width: 20%;
}
table.common-table tr td select.birth-select-2{
    display:inline;
    width: 40%;
}

ul.nav-tabs li.active a{
    color: white;
    background-color: steelblue;
}
.tab-content{
    padding: 8px 6px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 0 0 4px 4px;
}
.ui-datepicker-title{
    color:black;
}
@media screen and (max-width:768px) { 
    header img{
        max-width: 100%;
        margin-right: 32px;
    }
    table.common-table{
        width: 100%;
    }
    table.common-table th,table.common-table td {
        border-bottom: none;
        display: block;
        width: 100% !important;
    }
}