@import url(../bootstrap/css/bootstrap.min.css);
@import url(admin.css);

@import url(https://fonts.googleapis.com/css?family=Open+Sans);

body {font-family: 'Open Sans', sans-serif;color:#000;}
body a{color:#003455;outline:none;}
.flr{float:right;}
.flt{float:left;}
a:hover,a:focus,a:active{text-decoration:none;outline:none}
.panel-title a{display:block;}
.main-left{background:#eff1f6 none repeat scroll 0 0;}
.main-left h4 {
    background: #00abed none repeat scroll 0 0;
    font-size: 16px;color:#fff;
    font-weight: bold; padding: 10px 17px;
}
.main-right{}
.main-left ul{padding-left:32px;}
.main-left ul ul{padding-left:15px;}
.img-field{clear:both;width: 358px;}
.img-field input{padding:0px;width:200px;}
.img-field img{float:right;margin:0 0 5px 5px;}

a.logout{ color: #fff;font-weight: bold;margin: 32px 0 0 14px;}
a.logout:hover{ color: #fff;text-decoration:underline;}

.page-heading h2{padding-bottom:10px;}
th small a { font-size: 10px;}
.table-bordered td strong{font-size:12px;}
.btn-primary {
    background-color: #EB3903;
    border-color: #EB3903;
}
table tr.even{/*background:#eee;*/}
table tr.pending{background:#f86c6c;font-size:13px;}
.main-left li {    padding: 4px 0;}

.table-bordered tr.sperater td{padding:2px;}
.table-bordered tr td{font-size:13px;}
.table-bordered tr td{padding:2px 8px !important;vertical-align:middle !important;}
thead tr  th.checkbox{width:115px;}
.member-table tr td{padding:8px !important;}

.navi{text-align:left;}
.navigation{padding:0px;margin-top:40px;}
.navigation li{list-style:none;display:inline-block;}
.navigation li a{color:#003759;padding:10px;font-weight:bold;font-size:18px;}
.container.top{margin-top:0px;}
.select-part a.btn{margin-right:20px;}
.select-part{float:right;width:70%;text-align:right;}

/** register form **/
.register-form{margin:5% 0 0}
.register-form h4{color:#64637b;font-size:24px;margin:30px 0}
.register-form  .form-control{border-radius:0;height:45px}


.register-form  .col-sm-6{padding:0}
.register-form  .lik a{   clear: both;color: #EB3903;display: inline-block;font-size: 18px;    margin: 0;}
.register-form  .lik a:hover{color:#333}
.register-form  .text-right input[type="submit"]{padding:10px 30px;border:1px solid #EB3903; background:#EB3903;color:#fff;font-size:20px;border-radius:0}
.register-form  .text-right input[type="submit"]:hover{ background:#fff;color:#2c89bb;}

@media screen and (max-width:1200px){
.register-form .text-right input[type="submit"] { margin-bottom: 15px;}
}
@media screen (min-width:992px) and (max-width:1199px){
.register-form .text-right input[type="submit"] { margin-bottom: 15px;}
}
@media screen and (max-width:991px){
.register-form .text-right input[type="submit"] { margin-bottom: 15px;}
}
@media screen and (max-width:768px){
.register-form .col-sm-6 {width: 100%;}
.col-sm-offset-3 { margin-left: 0%;} 
.register-form .text-right input[type="submit"] { margin-bottom: 15px;}
}
@media screen and (max-width:767px)
{
 .logo{text-align:center;width:100%;}
.navi{text-align:center;width:100%;}
.navigation {margin:11px 0px 20px;}
.navigation li a{padding:6px 10px;display:inline-block;}
.select-part .form-control{width:40%;display:inline-block;}
.register-form .text-right input[type="submit"] {
    margin-top: 10px;
}
}

@media screen and (max-width:480px)
{
.select-part{width:100%;float:left;margin-bottom:20px;}
.register-form .text-right input[type="submit"] {
    margin-top: 10px;
}
.page-heading h2 { margin-top: 34px; font-size: 24px; padding-bottom: 4px; }
}
@media screen and (max-width:414px)
{
.select-part a.btn{display:block;margin-bottom:20px;}
.select-part .form-control{width:70%;}
.register-form h4 {
    font-size: 16px;
}
.register-form .text-right input[type="submit"] {
    margin-top: 10px;
}
.page-heading h2 { margin-top: 34px; }
}
@media screen and (max-width:320px)
{
.select-part a.btn{display:block;margin-bottom:20px;}
.select-part .form-control{width:70%;}
.register-form h4 {
    font-size: 16px;
}
.register-form .text-right input[type="submit"] {
    margin-top: 10px;
}
#collapse0 label {
    max-width: 100%;
    font-size: 13px;
}
.iod ul {
    float: none !important;
}
.page-heading h2 {
    margin-top: 0px; margin-top: 5px;
}
.iod .list-inline > li {
    padding-right: 0px !important;
}
}