*{ margin: 0px;}
body{ background: #c2c2c2;}
.nav-tabs > li > a{ color: #000; }
.nav-tabs > li > a:hover{ color:#fff; background: #12283c; border: 0px;  }
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{ height: 110px; }
.contain-bg2{ position: relative; top: 80px; } 
.container-topM{ margin-top: 149px}
.outer-bg-color{ background: #c2c2c2; }
.container-bg-white{ background: #fff; } 
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{ background: #62a9cc; color: #fff; border: 2px; }
.header-bg-color{ background: #53585c; box-shadow: 0px 0px 8px 1px; }
.nav-tabs > li > a{ border: 0px; }
.nav-tabs { border-bottom: 3px solid #62a9cc; position: relative; z-index: 99; }
.button-center{ padding: 20px 0px; text-align: center;  }
#membertable thead{ background: #53585c; color: #fff;}
tbody tr:hover{ background: #f5f5f5 !important; cursor: pointer; }
#membertable a{ color: #12283c; text-transform: capitalize; font-size: 13px}
.btn-primary{ background: #12283c; border: 0px; box-shadow: inset 0 0 0px #12283c; }
.navbar-inverse {  border-color: #484848;}
#membertable td{border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#membertable td:last-child{border-right:0px solid #ccc;}
#membertable th{border-right: 1px solid #fff; font-size: 14px}

/* adding style for departmenttable */
#departmenttable thead{ background: #53585c; color: #fff;}
#departmenttable a{ font-weight: bold; color: #12283c; text-transform: capitalize; font-size: 13px}
#departmenttable td{border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#departmenttable td:last-child{border-right:0px solid #ccc;}
#departmenttable th{border-right: 1px solid #fff; font-size: 14px}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{ height: auto; }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{color: #fff;
    background-color: #12283c; border-radius: 8px 8px 0px 0px;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{color: #fff; background-color: #12283c; border-radius: 8px 8px 0px 0px;}
.navbar-inverse .navbar-nav > li > a{ color: #fff; }
.navbar-inverse .navbar-nav > .active > a:hover{  background: #12283c; color: #fff; }
.navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; }
.navbar-inverse .navbar-nav > li{ margin-right: 5px; }
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.nav > li > a > img { max-width: none; width: 18px; position: relative; top: -1px;}
.navbar-right{ margin-right: 15px; padding-right: 0px; text-align: center;}
.container .container-bg-white{ margin-top: 0px;}
.container-bg-white h1{ display: inline-block; margin-top:50px !important;  }

.form-inline .input-group{ display: inline-table; vertical-align: middle; position: relative; top: -40px; float: right;}

table.table{ border: 1px solid #ccc; position:relative; top: -20px; }

.pages1-bg{ padding-top: 130px;  padding-bottom: 170px; }
table.table tr:hover{ background: none !important; }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{ border-top: none; }
.table label{ font-weight: normal; }
.table p{ font-weight: bold; }
#membertable tr.odd:hover , #membertable tr.even:hover{ background-color: #fafafa !important; }
.fabg-color{ background: #fafafa; }

.main-form-area1{ width:100%; display: inline-block; background: #f5f5f5; padding-bottom:20px;}
.main-form-area1 .left-B{ float:left; width:40%; margin-left: 20px; margin-bottom: 10px; }
.main-form-area1 .right-B{ float:right; width:40%; margin-right: 20px; margin-bottom: 10px; }
.main-form-area1 .left-B label , .main-form-area1 .right-B label{}
.up-img-bottom{margin-bottom: 57px;}
.main-form-area1 label{ margin-bottom:5px; margin-top:15px;}
.space-top{ margin-top:10px;}
.main-form-area1 p{ font-weight: bold; font-size: 20px; padding:15px 0px 0px 18px; color: #3384ad; }
.parent-block select{display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);}

.navbar-right a{ background: #62A9CC; border-radius: 8px 8px 0px 0px; }
.navbar-right a:hover{ background: #3892bc !important; }
.logo-t{ float:left; }
.logo{ float: right; margin-right: 5px; }
.navbar-header{ width: 100%; margin-bottom: 10px; }

.up-img img{ width: 300px; max-width: 80%; border-radius: 7%; !important; border: 5px solid #f5f5f5; }
.up-img img:hover{ cursor: pointer; opacity: 0.9; }
.centerr{margin: auto; display: table; }
.pleft{ padding-left: 60px; }
.form-group p{font-weight: bold; font-size: 20px; padding: 15px 0px 0px 18px; color: #3384ad;}
.form-group2 p{font-weight: bold; font-size: 20px; padding: 15px 0px 0px 0px; color: #3384ad;}
.form-group img{ margin-top: 25px; margin-bottom: 10px; margin-left: auto; margin-right: auto; display: table; }
.form-group b{ text-align: left; }
.m-details{ text-align: center; font-size: 30px; padding-top: 30px; color: #3384ad; }
.r-service{ color: #3384ad; font-weight: bold !important; font-size:17px; }
.table-center{display: table; width: 100%;}
/* login page css start */
.body{ background: url("../images/bg-login.jpg") repeat; font-family: 'Lato', sans-serif; }
.centerr{ margin: auto; display: table; float: none;  }
.login-box{ background: #fff; border-radius: 10px; margin: 80px 0px;    border: 4px solid #acd7ec; }
.top-login-area{ background: #f2f2f2; padding: 35px 50px; text-align: center; border-radius: 8px 8px 0px 0px;  }
.top-login-area img{ margin: auto; display: table; }
.top-login-area h4{ font-size: 34px; padding-top: 10px; }
.top-login-area h6{ font-size: 16px; }
.bottom-login-area{ background: #fff; padding: 40px 50px; border-radius: 0px 0px 8px 8px; }

/* Full-width input fields */

input:focus {
    background-color: #f8f8f8;
}
input[type=text], input[type=password] {
    width: 100%; padding: 12px 10px; display: inline-block; border: 1px solid #ccc; box-sizing: border-box; font-size: 14px; outline: none; margin-bottom:5px}

/* Set a style for all buttons */
button {
    background-color: #66aacd; color: white; padding: 12px 50px; font-size: 16px; display:block; border: none; cursor: pointer;     border-radius: 3px;  }

button:hover { opacity: 0.8; }
:onfocus{ border: none; }
.bottom-login-area form label{ margin-top: 15px; font-weight: normal; font-size:15px; }
.bottom-login-area button{ margin: auto; margin-top:30px; }
.logo-t h1{ font-size: 40px; color: #fff;  }
.logo-t p{ font-size: 18px; color: #fff;  }
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: #fff !important;  }
.glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings' !important;
    font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.glyphicon{ text-indent: -9999px; }
.glyphicon-search{  background: url("../images/search.png") no-repeat; height: 16px; width: 16px; position: relative;; top: 0px; }
.form-control:focus{ background: #fff; border-color: #c3c3c3}

.add-p{padding-top: 25px; padding-bottom: 3px;}
.p-name-label{padding-top: 5px; display: block;}


/* member details page css*/
.preview-name{ padding: 50px 0px 0px;}
.preview-name h1{ font-size: 36px; margin: auto; display: table; color: #62a9cc; padding-bottom: 20px; font-weight:normal;  text-transform: capitalize;}
.user-preview-block{ background: #f2f2f2; margin-bottom:20px; border-bottom: 1px solid #c9c9; width: 100%; display: inline-block; border-radius:3px;}
.preview-pic-user{ width: 100%; height: auto;}
.profileBg{border-bottom: 1px solid #a2a2a2; display: inline-block; margin-bottom:20px; width: 100%; padding-bottom: 5px;
    background: #f2f2f2;}
.preview-pic-user img{max-width: 90%; max-height: 100%; border-radius: 20px; border: 5px solid #fff; margin: 25px 0px 25px 10px;}
.preview-pic-user img:hover{ opacity: 0.9; cursor: pointer;}
.user-main-text-top ul{list-style: none; margin-left: 20px; margin-top: 22px; }
.user-main-text-top ul li{ line-height: 2; font-size: 13px; }
.user-main-text-top ul li a{ color:#414141;}
.user-main-text-top ul li a:hover{ color:#62a9cc; text-decoration:none; }
.user-main-text-top ul li img{ width: 12px; margin-right: 10px;}
.user-mid-area{ margin:0px 0px 50px;}
.user-mid-area h1{font-size: 26px; text-align: center; color:  #62a9cc; margin:auto; display:table;padding-bottom: 20px; font-weight:normal;}
.spots{ background: #e3e3e3; border: 1px solid #b1b1b1; border-radius: 25px; display: inline-block; font-size: 16px; height: 45px; line-height: 43px; margin: 0px 12px 24px 12px;}
.spot-L{ background: #fff; padding-left:1px; overflow: hidden; float: left; padding: 0px 15px; border-radius: 25px 0px 0px 25px;}
.spot-r{ background: #fff; padding-left:1px; overflow: hidden; float: left; padding: 0px 15px; border-radius: 25px;}
.spot-R{ padding: 0px 15px;}
.center-div{ margin: auto; display: table;}
.spots-outer{ margin-bottom: 50px; border-bottom: 2px dashed #dcd9d9; margin: auto; display: table; padding: 30px 0px; }
.spots-outer:last-child{ border: 0px;}
.user-main-text-top i{ color:#62a9cc; width:20px; font-size:15px;}
.spaceing{ padding: 0px 20px; }
.active-user{margin: auto;
    display: table;
    margin-bottom: 25px;
    padding: 5px;
    color: #404040;
    border-radius: 3px 0px 0px 3px;
    background: #f2f2f2 url(../images/user.png) no-repeat 6px 6px;
    width: 80px;
    text-align: right;
    padding-right: 10px;
    position: absolute;
    z-index: 999;
    bottom: 17px;
    right: 14px;
    font-size: 13px;
    font-weight: bold;}
.in-active-user{margin: auto;
    display: table;
    margin-bottom: 25px;
    padding: 5px;
    color: #404040;
    border-radius: 3px 0px 0px 3px;
    background: #f2f2f2 url(../images/user1.png) no-repeat 6px 6px;
    width: 80px;
    text-align: right;
    padding-right: 10px;
    position: absolute;
    z-index: 999;
    bottom: 17px;
    right: 14px;
    font-size: 13px;
    font-weight: bold; }
.M-Bot{ margin-bottom: 10px; }
.Mleft20{ margin-left: 20px; }
.MTOp{ margin-top:20px;}
.three-Hs{ margin:50px 0px 20px; text-align:center;}
.three-Hs h2{ margin:10px 0px;}
.rendering-servicess{ background:grey; padding: 10px; margin: auto; display: table; color: #fff; border-radius:0px 0px 5px 5px; position: relative; top: -5px; }
.rendering-servicess span{ padding: 0px 10px;}

.white-Bg{ background: #fff; }
.white-Bg h3{ margin: 50px 0px 20px; }
.small-nav-bar a{
    padding: 5px 15px !important;
}
.basic_info{  }
.basic_info li{ padding: 0px 0px 10px  }
.basic_info li span { color:#2e7ca2; font-weight: bold;  }

ul.demo {
   padding: 0px;
  list-style-type: none;}

ul.demo1 {
  list-style-type: none; padding:2px !important;}

#patienttable thead{background: #53585c; color: #fff;}
#patienttable a{ color: #12283c; text-transform: capitalize;}
#patienttable td{border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 13px }
#patienttable td:last-child{border-right:0px solid #ccc;}
#patienttable th{border-right: 1px solid #fff; font-size: 14px}
#patienttable tr.odd:hover , #patienttable tr.even:hover{ background-color: #fafafa !important; }

.space-area{ padding-top: 20px; }
#fundingtable { margin-top: 135px !important; }
#fundingtable2 { margin-top: 135px !important; }

.stext {font-weight: normal; font-size: 13px;padding: 0px 0px 0px 0px;color: #333333;}

.one{ color: #fff; }
.buttonpos{font-size: 13px; padding: 6px 12px; }

.marT30{ margin-top:30px; margin-bottom:30px;}

.column_five{float:left; width:14%; margin-right:2%}

#studenttable thead{background: #53585c; color: #fff;}
#studenttable a{ color: #12283c; text-transform: capitalize;}
#studenttable td{border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 13px }
#studenttable td:last-child{border-right:0px solid #ccc;}
#studenttable th{border-right: 1px solid #fff; font-size: 14px}
#studenttable tr.odd:hover , #studenttable tr.even:hover{ background-color: #fafafa !important; }

#fundingtable thead{background: #53585c; color: #fff;}
#fundingtable a{ font-weight: bold; color: #12283c; text-transform: capitalize;}
#fundingtable td{border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 13px }
#fundingtable td:last-child{border-right:0px solid #ccc;}
#fundingtable th{border-right: 1px solid #fff; font-size: 14px}
#fundingtable tr.odd:hover , #studenttable tr.even:hover{ background-color: #fafafa !important; }

#fundingtable2 thead{background: #53585c; color: #fff;}
#fundingtable2 a{ font-weight: bold; color: #12283c; text-transform: capitalize;}
#fundingtable2 td{border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 13px }
#fundingtable2 td:last-child{border-right:0px solid #ccc;}
#fundingtable2 th{border-right: 1px solid #fff; font-size: 14px}
#fundingtable2 tr.odd:hover , #studenttable tr.even:hover{ background-color: #fafafa !important; }
.mb-10{margin-bottom:  10px !important;}