div.calander-content
{
	max-width:450px;
	margin:0 auto;
}
.logo{
	height:60px;
	margin-top:-15px;
}

/*-------color Scheme---------------*/
.dark_bg{
	background-color: #5E738E;
	color:#fff;
}
.light_bg{
	background-color: #fff;
	color:#5E738E;
}

/*---------Helper Classes ------*/
.nomargin{
	margin:0px;
}
.nopadding{
	padding:0px;
}
.pad15{
	padding:15px;
}
.mtop15{
	margin-top:10px;
}
.normal{
	font-weight: normal;
}

/*-------- modal ----------*/
.alert-icon
{
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 5px 0px 0px 8px;
    background: #eee;
    box-shadow: 0px 0px 0.5px #777;
}
.glyphicon.glyphicon-alert
{
	font-size: 24px;
    color: #ffcc33;
    display: table-cell;
    vertical-align: middle;
}

/*#myModal .modal-header {
    padding: 5px 20px;
}
#myModal .modal-body {
    padding: 5px 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
#myModal .modal-footer {
    padding: 7px 20px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background-color: #fff;
}*/
#myModal .modal-body {
    padding-top: 0px;
}
.slots-button
{
    background: #39B6CD;
    padding: 8px 12px;
    color: #fff;
    font-weight: 600;
    font-size: 16pt;
    box-shadow: 1px 1px 2px #777;
    border: none;
    border-radius: 4px;
    /* margin-top: 10px;
    margin-bottom: 6px; */
    width: 100%
}
.insight{
    /*height: 400px;*/
    max-height: 480px;
    /*min-height: 375px;*/
    overflow-y: auto;
}
.insight::-webkit-scrollbar-track
{
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    border-radius: 10px;
    /*background-color: #F5F5F5;*/
}

.insight::-webkit-scrollbar
{
    width: 6px;
    background-color: #F5F5F5;
}

.insight::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
    background-color: rgba(0,0,0,0.2);
}
.insight::-webkit-scrollbar-thumb:hover
{
    background-color: #006984;
}

.checkbox label{
    font-size: 14px;
}
		
/*--------- panel overrides ---------*/
.day-scheduler .panel-heading h4 > a {
    display: block;
    padding: 8px 15px;
    outline:none;
    font-size: 15px;
}
.day-scheduler .panel-heading h4 > a:hover, 
.day-scheduler .panel-heading h4 > a:focus{
	text-decoration: none;
}
.day-scheduler .panel-heading {
    padding: 0;
    /*background-color: #5E738E;*/
    /*background-color: #6a8aab;*/
    background-color: #9e9e9e;
    color:#fff;
	border-radius:4px;
}
.day-scheduler .panel{
	border:none;
	box-shadow: none;
}

/*---------Time-Zone Styles -------*/

.time-zone .form-inline
{
    margin-top:0px;
    margin-bottom:7px;
}
.time-zone .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0px;
    vertical-align: middle;
}
.time-zone .form-inline .form-group.tz1 {
    display: inline-block;
    margin-bottom: 0px;
    vertical-align: middle;
    width:18%;
}
.time-zone .form-control{
	width:90%;
    font-family: Roboto-Light;
}
select.input-sm {
    height: 25px;
    line-height: 25px;
    color: #5E738E;
    border-radius:0px;
    padding:0px;
}
/*.time-zone-label.normal
{
	color:#5E738E;
    font-size: 14px;
}*/

.time-zone-label
{
    font-size: 14px;
    font-family: Roboto-Regular;
    font-weight: 400;
    color: #5E738E;
}
.time-zone
{
	text-align:center;
}
.time-zone strong
{
	font-size:15px;
}

@media (max-width:500px){
	.time-zone .form-control{
		/* width:140px; */
		padding:0;
	}
}
@media (max-width:400px){
	.time-zone .form-control{
		/* width:110px; */
		padding:0;
	}
}
.submission{
	padding:0px;
	background-color:#fff;
	text-align:center;
}
.submission .checkbox{
	margin:0px;
}

/*---------- date-selector -----------*/
.date-selector .nav > li > a{
	border-radius: 0px;
	text-transform: capitalize;
	/*border:1px solid #5E738E;*/
    /*border: 1px solid #6a8aab;*/
    border: 1px solid #9e9e9e;
	color: #5E738E;
	text-align: center;
	padding: 2px 20px;
    font-family: Roboto-Regular;
}
.date-selector .nav > li:first-child > a{
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.date-selector .nav > li:last-child > a{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.date-selector .nav.nav-tabs span:first-child{
	font-size: 17px;
}
.date-selector .nav-tabs > li{
	margin-bottom: 0px;
	border-radius: 0px;
}
.date-selector .nav.nav-tabs span {
    display: block;
}
.date-selector .nav-tabs{
	border-bottom: none;
    margin-bottom: 0px;
}
.date-selector .nav-tabs > li > a:hover, .day-scheduler .btn.btn-default:hover {
    /*border:1px solid #5E738E;
    background-color:#5E738E;*/
    /*border: 1px solid #6a8aab;
    background-color: #6a8aab;*/
    border: 1px solid #9e9e9e;
    background-color: #9e9e9e;
    text-decoration: none;
    color:#fff;
}
.date-selector .nav-tabs > li.active > a{
	/*border:1px solid #5E738E;
	background-color:#5E738E;*/
    border: 1px solid #9e9e9e;
    background-color: #9e9e9e;
	color:#fff;
	outline: none;
}
.date-selector .tab-content{
	padding-top:0px;
	padding-bottom:0px;
}
.date-selector .panel-group {
    margin-bottom: 0px;
}
.date-tab {
    font-size: 11px;
    font-weight: bold;
}
.date-nav{
	text-align: center;
}
.date-nav .nav.nav-tabs{
	display: inline-block;
}
/*------------ Chosen -----------*/
.chosen-container-single .chosen-single {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    height: 30px;
    line-height: 28px;
}
.chosen-container-active.chosen-with-drop .chosen-single{
	background: none;
}

/*------------btn----------*/
.btn-warning{
	background-color: #CC6600;
	border:1px solid #CC6600;
    font-size: 15px;
    line-height: 24px;
    padding: 5px 12px;
}

.day-scheduler .btn.btn-default.disabled{
	background-color: #5E738E;
	border:1px solid #5E738E;
	color:#fff;
}
.ampm {
    font-size: 10px;
    position: relative;
    bottom: 3px;
    left:2px;
}
.panel-heading.disabled{
	pointer-events: none;
	/*opacity: 0.7;*/
    color: #5E738E;
    background-color: #e0e0e0;
}
.panel-icon {
    /*background-color: #8e9caf;*/
    background-color: rgba(0,0,0,0.2);
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    padding: 12px;
    position: absolute;
    right: 0;
    top: 0px;
}
.panel-title {
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    font-family: Roboto-Regular;
}
.day-scheduler .panel-body {
    padding: 5px 0px;
    color:#5E738E;
}
.day-scheduler .panel-body .btn {
    margin: 5px 10px;
    width: 80%;
    font-size:20px;
    color:#5E738E;
    padding: 0px;
    height: 35px;
    font-family: Roboto-Regular;
}
.day-scheduler .panel-body .btn-default {
    background-color: #fff;
}
.day-scheduler .panel-body .btn-container
{
	width:33%;
	float:left;
	text-center:center;
}

.btn-default.focus, .btn-default:focus{
	background: none;
	outline: none;
}
.day-scheduler .panel-body .btn.btn-default.selected, .day-scheduler .btn.btn-default.selected:hover{
	/*background-color: #CC6600;
	border:1px solid #CC6600;*/
    background-color: #13a8b4;
    border:1px solid #13a8b4;
	color:#fff;
}

.intl-tel-input {
    position: relative;
    display: inline-block;
    width: 100%;
}

@media (max-width:500px){
	.date-selector .nav > li > a{
		padding: 5px 10px;
	}
	.day-scheduler .panel-body .btn {
	    margin: 5px 2px;
	    width: 94%;
	}
}
@media (max-width:400px){
	.date-selector .nav > li > a{
		padding: 5px 5px;
	}
	.time-zone .form-inline .form-group.tz1 {
	    display: inline-block;
	    margin-bottom: 0px;
	    vertical-align: middle;
	    width:100%;
	}
}