/* Start override  */

ul {
	list-style:none;
	margin:0;
	padding:0;
}
ul li {
	list-style:none;
	margin:0;
	1padding: 4px 15px;
	1border-top: 1px solid #f2f2f2;
}

ul li:hover {
	1background:#c2c2c2;
}

ul li:hover {
	1color:#ff0000;
	cursor:pointer;
}

a {
	1color: #424242;
}

a:hover, a:focus {
	//color: #424242;
	text-decoration: none;
}

.accordion-inner {
	border-top: 0px solid #e5e5e5;
	padding: 0;
}

.accordion-heading {
	background: #f2f2f2;
}

/* #as1 {
	background-image: url("../images/icon.png");
	background-position: right center;
	background-repeat: no-repeat;
} */

.accordion-group {
	border: 1px solid #e5e5e5;
	border-radius: 0;
	margin-bottom: 2px;
}

a:focus {
	outline: none;
}
	  
input, optgroup, select, textarea {
	margin: 5px 0;
}

textarea {
    resize: none;
}

#leftNavigation ul li {
    width: 100%;
	margin: 0;
	padding: 0;
}

#workingTime ul li  {
	padding: 2px;
	width: 100%;
	cursor: auto;
}

#workingTime1 #tdaddress ul li {
    max-height: 50px;
    min-height: 45px;
    1overflow-x: scroll;
    padding: 2px 9px;
    width: 100%;
	
	1overflow-y: scroll;
    overflow-x: hidden;
}

#workingTime1 ul li  {
	padding: 2px 9px;
	width: 100%;
	1min-height: 40px;
	min-height: 45px;
}

ul li {
    list-style: outside none none;
    1margin: 0;
    1padding: 0;
}
	  
.panel-title {
    font-size: 14px;
}
	  
.panel-group .panel + .panel {
    margin-top: 0;
}
	  
.panel-default {
    border-color: none;
}
      
.panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: 0px solid #ddd;
	 padding: 0 15px;
}
.panel {
    background-color: #fff;
    border: 0px solid transparent;
    /*border-radius: 4px;*/
    border-radius: 0 !important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}

button[disabled], html input[disabled] {
    color: #4a4141;
}

#workingTime1 table tr th {
    background: #f2f2f2;
    border: 1px solid #c2c2c2;
    text-align: center;
}

#divCallmeList table tr th  {
	1border: 1px solid #c2c2c2;
	white-space: nowrap;
}

.active_tab {
	color: #ECECEC;
    font-size: 14px;
    font-weight: bold;
}

/*DateTimePicker*/
.btn-default[disabled] {
	background-color: #F5F5F5 !important;
}

.text-muted {
    /*color: #D0A623 !important;*/
    color: transparent !important;
}

.alert {
    padding: 10px;
    margin-bottom: 10px;
}

.panel-default>.panel-heading {
    background-color: #ECECEC;
    border-radius: 0;
}
/* End override  */

/*SP Dashboard CSS starts*/

.appt_panel {
    border: 4px solid #d6d6d6;
    border-radius: 4px !important;
}
.appt_panel .panel-heading {
    background: #00b2ab;
}
.appt_panel .panel-title {
    color: #ffffff;
    font-size: 18px;
    font-family: Arial;
    font-weight: bold;
}
.appt_panel .panel-body {
    background: #ebebec;
     min-height: 271px;
}
.next_appt {
    text-align: center;
}
.next_appt img {
    text-align: center;
    margin: 15px 0;
}
.next_appt h4 {
    font-size: 20px;
    font-family: Arial;
    font-weight: bold;
    
}
.next_appt p {
    font-size: 20px;
    font-family: Arial;
    
}
.slot_panel {
    border: 1px solid #a7a7a7;
    border-radius: 1px !important;
}
.slot_panel .panel-heading {
    background: #00b2ab;
}
.slot_panel .panel-title {
    color: #ffffff;
    font-size: 18px;
    font-family: Arial;
    font-weight: bold;
}
.slot_panel .panel-body {
    background: #ebebec;
    padding: 0px;
}

.appt_panel .pagination {
	margin: 0px;
}

.apptListNo {
    font-weight: bold;
}

.tableTd {
    width: 220px;
}

.slot-view td{
    background: #ffffff;
}

.slot-view thead{
    background: #757575;
    color: #ffffff;
}

.slot-view th{
    text-align: center;
    cursor: auto;
}

.slot_panel th{
    cursor: auto;
}

/*.slot-view td span{
    display:block;
    border: 2px solid #ffffff;
    height: 25px;
}*/

.panel-body .slot-span {
    border: 1px solid;
    display: inline-block;
    width: 20px;
    height: 20px;
    float: left;
    margin: 0 10px 10px 0;
}

.left_arrow {
    background:url(../../images/left_arrow.png) no-repeat;
    width:23px;
    height:60px;
    border: 0 none;
    box-shadow: 0 0 0 none;
    position: absolute;
    top: 138px;
    left: 219px;
}

.right_arrow {
    background:url(../../images/right_arrow.png) no-repeat;
    width:23px;
    height:60px;
    border: 0 none;
    box-shadow: 0 0 0 none;
    position: absolute;
    top: 138px;
    right: 20px;
}


 @media (max-width: 375px) {

 .left_arrow {   
        /*top: 259px;*/
        top:320px;
        left: 133px;
    }

    .right_arrow {
        /*top: 259px;*/
        top:320px;
        right: 20px;
    }

}

@media (max-width: 320px) {

 .left_arrow {   
        top: 259px;
        left: 76px;
    }

    .right_arrow {
        top: 259px;
        right: 20px;
    }

}