body{ background-color:#f9f9f9; }

.input-box.padding-top {margin: 0px;}
.appointment-book-now {background-color: #ffa63b; color: #04334d; border: none; border-radius: 5px; font-size: 14px; padding: 4px 11px; margin: 0 0 0 13px; }
.appointment-book-now:hover{ text-decoration: underline; }
.appointment-input{ color: #fff !important; padding: 2px 10px; border-radius: 5px; border: 1px solid #fff; background-color: transparent !important; width: 72%; margin: 4px 0px 4px 0; font-size: 14px;}
.appointment-input:focus{background-color: #ffa63b!important;color: #000!important;}
.btn-group.bootstrap-select { width: 22% !important; border: 1px solid #fff; margin: 0px 0px 12px 0px; margin-left: 0px; border-radius: 5px; padding: 1px 5px;}
.btn.dropdown-toggle.btn-default { padding: 1px;}
.bootstrap-select > .dropdown-toggle { border-bottom: none; }
.filter-option.pull-left { color: #fff;}
.open > .dropdown-toggle.btn-default { border: none !important; }


 p.appointment-para { text-align: justify; }
 .padding10 { padding:10px;}
 .padding-top { padding:12px 0 0 0px; }
 .padding60 { padding:60px 0px; }
 .bg { min-height:400px; background-image: url("../images/online-chamber/online-chamber-home-banner.jpg"); }
 .innerbox-design { min-height: auto; display: block; }
 .innerbox-design h1 { color:#fff; font-size:40px; padding: 0px; margin: 0px; }
 .innerbox-design h2 { color:#fff; padding: 5px; margin: 0px; }
 .first-box { position: initial; }
 .first-box h1 { color: #636363; font-size: 30px; font-weight: 600;}
 .first-box .list { margin:0px; padding:0px; list-style:none;}
 .first-box .list li { border: 1px solid #adadad; margin: 32px 0px; border-radius: 5px; padding:9px; background-color:#e6e6e6; color:#333; }
 .first-box .list li:hover {color: #333; background-color: #ccc; border-color: #adadad; }
 .blue-box { display: block; position: absolute; margin: -275px 0 0 47px;}
 .blue-box .orange-text { color: #ffa63b; text-align: center; margin: 0px; padding: 20px 0px; }
 .blue-box .blue-bg { background-color:#00354d; border-radius:10px; height:auto; padding:15px; color:#fff; margin: -50px 0 0px 0;}
 .blue-box .blue-bg h3 { margin: 0px auto; padding: 0px; font-size: 16px;}
 .blue-box .blue-bg h4 {margin: 14px -15px 10px -15px; padding: 3px 1px; background-color: #ffa63b; color: #00354d; text-align: center; font-size: 15px;}
 .blue-box .small-text { font-size: 22px; padding: 5px 20px; width: 60%; float: left; font-weight: 600; color:#ffa63b;}
 .blue-box .small-text .black { background-color:#ffa63b; color:#000; height:90px; width:45px; border-radius: 90px 0 0 90px; padding: 1px 3px; }
 .blue-box .small-text .Orange { background-color:#000; color:#ffa63b; height:90px; width:45px; border-radius: 0 90px 90px 0; padding: 1px 3px; margin:0 5px 0 0;}
 .blue-box .img-circle { width: 135px !important; height: 135px !important; margin: -44px 0 0 0; }
 .second-section {}
 .second-section h1 { color:#fff; background-color:#666666; padding:5px 10px; font-size:30px; }
 .third-section {}
 .third-section h1 { color:#fff; background-color:#666666; padding:5px 10px; font-size:30px; }
 .border-gray{}
 .border-gray { border: 1px solid #858585; padding: 5px; border-radius: 31px; display: inline-block; margin:0px; }
 .border-gray .icon-size { width: 90px; text-align: center; position: inherit; height: 90px; padding: 0 0 0 0; margin: 7px 0 7px 0; }
 .border-gray p { margin: 0; font-size: 13px; }
 .border-gray .fa.fa-play { color: #ffa63b; width: 30px; height: 30px; top: 0; position: absolute; right: 0; padding: 109px 0 0 25px; }
 #oc-term { margin: 0 4px 0 0;}
 .orange-box { background-color: #ffa63b; width: 10px; height: 10px; position: absolute; border-radius: 50%; line-height: 0; margin: 7px 0 0 -15px; }
 
 @media only screen and (max-width: 600px) 
 
 {
     p{ text-align: justify; }
    .innerbox-design h1 { font-size: 34px; } 
    .bg { min-height:0px; }
    .blue-box { margin: 0; }
    .blue-box .small-text { font-size: 18px; padding: 2px 5px; width: 67%; }
    .blue-box .img-circle { width: 80px !important; height: 80px !important; margin: 0px;}
    .blue-box .blue-bg h3 { margin: 38px 0 0 0; }
    .input-box.padding-top { margin: 0; }
    .appointment-input { width: 100%; }
    .appointment-book-now { background-color: #ffa63b; color: #04334d; border: none; border-radius: 5px; font-size: 14px; padding: 4px 11px; margin: 11px 0 0 0; width: 100%; }
    .padding60 { padding:30px 0px; }
    .first-box h1 { font-size: 30px; text-align:center; }
    .blue-box .blue-bg h4 { margin: 50px 0 10px auto; }
    
    .row{ margin: 0px 5px 0px 5px !important; }
    
    .blue-box { display: block; position: inherit !important; }
    .border-gray { border: 1px solid #858585; padding: 5px; border-radius: 31px; display: block; margin: 0px; }
    .border-gray .fa.fa-play {color: #ffa63b; width: 30px; height: 30px; bottom: 0; position: inherit; right: 0; padding: 0; text-align: center; margin: 0 112px; transform: rotate(-30deg); }
 }
 
 /*
 @media screen and (max-width: 992px) 
 {
     .mobile-padding10 { padding:10px;}
     .bg { min-height: auto;}
     .blue-box { margin:60px 0px 0px 0px !important; }
     .blue-box .blue-bg { background-color: #00354d; border-radius: 10px; height: auto; padding: 10px; color: #fff; margin: -62px 0 0 0; }
     .input-box.padding-top { margin: 0px; }
     .appointment-input {width: 68%; margin: 4px 0 4px 0;}
 }
 */
 
 /*table css*/

.media-body { width: 100%; } 
.orange-color { color: #ffa63b; }
 .panel {
	border: 1px solid #ddd;
	background-color: #fcfcfc;
}
.panel .btn-group {
	margin: 15px 0 30px;
}
.panel .btn-group .btn {
	transition: background-color .3s ease;
}
.table-filter {
	background-color: #fff;
	border-bottom: 1px solid #eee;
}
.table-filter tbody tr:hover {
	cursor: pointer;
	background-color: #eee;
}
.table-filter tbody tr td {
	padding: 10px;
	vertical-align: middle;
	border-top-color: #eee;
}
.table-filter tbody tr.selected td {
	background-color: #eee;
}
.table-filter tr td:first-child {
	width: auto;
}
.table-filter tr td:nth-child(2) {
	width: auto;
}
.ckbox {
	position: relative;
}

.table-filter .media-body {
    display: block;
    width:100%;
    /* Had to use this style to force the div to expand (wasn't necessary with my bootstrap version 3.3.6) */
}
.table-filter .media-meta {
	font-size: 11px;
	color: #999;
}
.table-filter .media .title {
	color: #2BBCDE;
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	margin: 0;
}
.table-filter .media .title span {
	font-size: .8em;
	margin-right: 20px;
}