.ds-wrap{
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}
div.nav-tab {
    margin-bottom: -9px;
}

    

.ds-content-tab{
	display: none;
	min-height: 250px;
	height: auto;
	width: 75%;
	margin: 0px 30px 10px 0px;
}

.ds-input-container{
	position: relative;
}

.ds-content-tab.ds-tab-active{
	display: inline-table;
}


.dsEventPlus{
    position: absolute;
    top: -6px;
    right: -8px;
    width: 20px;
	height:20px;
    background-image:url(../images/plus-red.png);
	background-repeat: no-repeat;
}
.dsStaticEventPlus{
    width: 20px;
    height: 20px;
    background-image: url(../images/plus-red.png);
    background-repeat: no-repeat;
    float: left;
    margin-right: 5px;
}

.dsEventPlus.minus{
    background-image:url(../images/minus-red.png);
	background-repeat: no-repeat;
}
.dsStaticEventPlus.minus{
    background-image:url(../images/minus-red.png);
	background-repeat: no-repeat;
}


.ds-metabox-layout,.ds-other-layout,.ds-date-selectors-layout{
	height: auto;
	margin-bottom: 10px;
}

.ds-metabox-layout div,.ds-other-layout div,.ds-date-selectors-layout div{
	margin: 0px 0px 3px 0px;
    padding-top: 5px;
    height: 30px;
    background-color: #5BC0E4;
    text-align: center;
    font-size: 1em;
    font-weight: normal;
    cursor: pointer;
    border: 1px solid rgba(142 ,145 ,152,0.3);
    width: 150px;
    display: inline-table;
    color: #fff;
}

.ds-metabox-layout div.active-layout-nav,.ds-date-selectors-layout div.active-layout-nav{
	border: 1px solid rgba(142 ,145 ,152,1);
    font-weight: 700;
}

.ds-nav-layout .ds-nav-active{
	font-weight: 600;
}


.ds-nav-layout{
	width: 255px;
	height: auto;
	display: inline-table;
	margin:0 20px 20px 0;
}

.ds-nav-layout div{
	    margin: 0px 0px 3px 0px;
    padding-top: 5px;
    height: 30px;
    text-align: center;
    font-size: 1.1em;
    cursor: pointer;
    border: 1px solid #ccc;
    background-color: rgba(45,125,224,1);
    color: #fff;
}

.ds-nav-layout div.ds-tab-active{
	border: 1px solid #2d7de0;
    background-color: #2D7DE0;
    color: #fff;
    font-weight: bold;
}

.ds-event-details, .ds-reg-form-block{
	display: inline-table;
	width: 306px;
	height: auto;
}



.ds-event-details.active{
	display: inline-table;
}

.ds-wrap{
	height: auto;
	min-height:200px;
}

.ds-ouput{
	display: block;
}

.ds-active-panel{
	display: inline-table;
}

.ds-input{
	width:100%;
}

.ds-output{
	text-align: center;
	border: #ddd solid 3px;
    padding: 10px 0;
    margin: 0;
    background-color: #eee;
}

.ds-output-shortcode{
	width: 100%;
	height: 120px;
	margin: 0 auto;
	text-align: center;
	font-size:16px;
	font-weight: 600;
	padding-bottom: 10px;
	background-color: #eee !important;
}

#ds-output-button{

}

/* hover */
/*.ds-hover-event-id{
	position: absolute;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 1px;
	display: none;
	z-index: 2;
}
.ds-hover-event-id div{
	background: #fff;
    margin: 1px;
    border-radius: 1px;
    cursor: pointer;
}

.ds-hover-event-id div div{
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 1px;
    padding: 3px 10px;
    background-color: #e1e1e1;

    cursor: pointer;
}
*/
.dsHoverEvents,.ds-hover-event-id,.ds-hover-event-info,.ds-hover-events,.ds-hover-select-events,.ds-hover-map-events, .ds-hover-reg-form,.ds-hover-page-event-list,.ds-hover-page-event-full{
	position: absolute;
	background: #fff;
	/*border: 1px solid #ddd;*/
	border-radius: 1px;
	display: none;
	z-index: 2;
}

.ds-hover-reg-form{
	height: 260px;
	overflow: auto;
}

.dsHoverPageWrapper{
	max-height: 260px;
	overflow: auto;
}

.dsHoverWrapper .regFormId{
	border: 1px solid #ddd;
    border-radius: 5px;
    margin: 1px;
    padding: 3px 3px 3px 3px;
    background-color: #e1e1e1;
}

#dsRegistraionExample{
	width: 100%;
	height: 220px;
}

.dsHoverEvents div,.ds-hover-event-id div{
	cursor: pointer;
}

.eventHeaders,.pageHeaders{
    background-color: #f2f2f2;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    padding: 2px;
    margin: 3px 0px 2px;
    text-align: center;
}

.eventDiv,.dsEventDiv,.urlEventDateIdDiv,.pageDiv{
	border: 1px solid #ddd;
    border-radius: 5px;
    margin: 1px;
    padding: 3px 3px 3px 3px;
    background-color: #e1e1e1;
}

.noEventDiv{
	border: 1px solid #ddd;
    border-radius: 5px;
    margin: 1px;
    padding: 3px 3px 3px 3px;
    background-color: #e1e1e1;
}

.eventDateDiv{
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 1px;
    padding: 3px 3px 3px 20px;
    background-color: #eee;
}

.ds-select-fields{
	width: 180px;
    background-color: #ccc;
    margin: -2px 0;
    float: right;
	display: none;
}

.ds-select-fields li{
    background-color: #eee;
    height: 22px;
    margin: 1px;
    padding: 3px 0 0 5px;
}

.ds-select-field-wrapper{
	position: relative;
}

.ds-select-field-button{
	position: absolute;
    top: 2px;
    right: 0;
    z-index: 2;
}

.dsEventInfoAdvanced{
	display: none;
}

.floatRight{
	float:right;
}

.floatLeft{
	float:left;
}

.ds-event-calendar-image,.ds-shortcode-image,.ds-shortcode-text,.ds-date-selectors-image{
	width: 68%;
    height: 200px;
    float: right;
}

.ds-event-calendar-image div{
	height: inherit;
	background-size: 100%;
    background-repeat: no-repeat;
	position: relative;
}

.ds-event-calendar-image div div{
	position: absolute;
	top: -15px;
	font-weight: 700;
}

.ds-event-calendar-image div.dates_list-img{
	background-image: url(../images/dateslist-template.png);
	background-size: auto 190%;
}
.ds-event-calendar-image div.Standard-img{
	background-image: url(../images/standard-template.png);
}
.ds-event-calendar-image div.calendar-img{
	background-image: url(../images/calendar-template.png);
}
.ds-event-calendar-image div.table-img{
	background-image: url(../images/table-template.png);
}

.ds-shortcode-image div{
	height: inherit;
	background-size: 80%;
    background-repeat: no-repeat;
	margin-top: 15px;
	position: relative;
}

.ds-shortcode-image div div{
	position: absolute;
	top: -30px;
	font-weight: 700;
}


.ds-shortcode-image div.map-img{
	background-image: url(../images/map-template.png);
}

.ds-date-selectors-image div{
	height: inherit;
	background-size: 220px;
    background-repeat: no-repeat;
	position: relative;
}

.ds-date-selectors-image div div{
	position: absolute;
	top: -15px;
	font-weight: 700;
}

.ds-date-selectors-image div.date-picker-img{
	background-image: url(../images/date-picker.png);
}

.ds-date-selectors-image div.dropdown-img{
	background-image: url(../images/DateDropDown.png);
}

.ds-conditionalable{
	float: right;
}

.ds-conditionalable.disabled{
	color:rgba(222,222,222,.75);
}

.ds-smaller-input{
	width:134px;
}

#dsErrorStatus{
	color: #f00;
    font-weight: 600;
    font-size: 1.1em;
    position: absolute;
    top: -33px;
    left: 278px;
    display: none;
}