/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */
 
 .ViDsocial{
	padding-left: 10%;
	padding-right:10%;
}

.ViDsocial-admin .btn {
    cursor: pointer;
    color: blue;
    font-weight: 600;
}

.restButton {
    background-color: #aaa !important;
}

/* admin Colors */


/* accounting */


.button-primary {
    background: #0085ba;
    border-color: #0073aa #006799 #006799;
    box-shadow: 0 1px 0 #006799;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799;
}

.row {
	margin: 0 !important;
}

.ViDsocial-admin {
    padding-right: 1%;
}

.ViDsocial-admin {
    padding-right: 1%;
}

.ViDsocial-TableHeader {
    background-color: #999;
    padding-top: 10px;
    padding-bottom: 10px;
}

.ViDsocial-searchResult{
	text-align:left;
}

/* my gallery */

.noImageFound{
	text-align:center;
	padding: 5%;
	border:1px dotted #aaa;
	margin: 2%;
	background-color:#eee;
	font-weight:800;
	color:#aaa;
}

.gallerySq{
 	width: 100%;
  height: 18vw;
  background-color: #eee;
	overflow:hidden;
}

.galleryImage{
	width:100%;
}

/* Ad Search */

.adSearch_advOptions {
    text-align: right;
    font-size: .8rem;
    padding-bottom: 10px;
}

#keywordphrase_ads {
    margin-bottom: 2px;
}

/* Certificate of Membership */
.certMemberHolder{
	padding-right:10%;
	padding-left:10%;
	position:relative;
}

.certMemberHolder img{
	width:100%;
}

.certMemName {
    position: absolute;
    top: 39%;
    width: 80%;
    text-align: center;
    font-size: 2rem;
    font-family: serif;
    font-weight: 800;
}

.certMemDate {
    position: absolute;
    bottom: 12%;
    width: 80%;
    text-align: center;
    font-size: 1.5rem;
}

/* event form */
.round-btn {
    background-color: #ccc;
    width: 40px;
    border-radius: 50%;
    display: inline-block;
    height: 40px;
    font-weight: 800;
    cursor: pointer;
}

/* left 3rd */

.leftMenu_profileImage{
	width:80%;
	padding-left:10%;
	padding-right:10%;
	padding-bottom:10px;
	padding-top:10px;
}

/* profile user info */

.switchLabel{
	font-size:.6rem;	
}

.visSwitch{
	text-align:center;
	font-size:.8rem;
	cursor:pointer;
	margin-bottom:10px;
	background-color:#aaa;
}

.visSwitch_ON{
	width:50%;
	display:inline-block;
	padding: 5px 0px;
}

.visSwitch_OFF{
	width:50%;
	display:inline-block;
	padding: 5px 0px;
}


/* searching results */

.ViDsocial-SearchHeader{
	background-color:#555;
	color:white;
	font-weight:600;
	padding:10px;
	cursor:pointer;
	margin-top:10px;
}

.ViDsocial-SearchHeader:hover{
	background-color:#222;
}

.ViDsocial-profile-searchRow{
	padding: 20px 0px;
	border-top: 1px solid #ddd;
	width: 100%;
}

.ViDsocial-profile-searchRow h2{
	font-size:1.5rem
}

.ViDsocial-searchFilters{
	margin-top:20px;
	display:none;
}

.ViDsocial-searchFilters input {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    height: auto !important;
}

.ViDsocial-searchFilters select {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
	height: auto !important;
}
/* profile header */

.user-sisterNumber{
	font-size:.6rem;
}

.activeLight {
    background-color: lime;
    width: 10px;
    display: inline-block;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
}

.inactiveLight {
    background-color: #aaa;
    width: 10px;
    display: inline-block;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
}

/* compose message */

.unread{
	font-weight:800;
	background-color:#bbb;
}

.messageIconControl{
	background-color:#aaa;
	padding:10px;
	border-radius:50%;
	color:#eee
}

.vidsocail-messageCompose{
	margin: 20px 10%;
	border: 1px #aaa solid;
}

.vidsocail-messageCompose .boxheader{
	background-color:#aaa;
}

.vidsocail-messageCompose .boxheader {
    background-color: #aaa;
    margin: 0;
    padding: 10px;
}

.vidsocail-mailTo, .vidsocail-mailSubject, .vidsocail-mailMessage{
	padding:2px 10px;
}

.vidsocail-mailTo{
	position:relative;
}

.autoLoagContactList {
    position: absolute;
    background-color: #aaa;
    top: 72px;
    box-shadow: 5px 5px 10px rgba(0,0,0,.5);
    z-index: 99;
}

.nameContact{
	padding:5px 25px;
	cursor:pointer;
}

.nameContact:hover{
	background-color:#ddd;
}

/* timeline */

.timelineImg {
    width: 25%;
}

.postTimeSince{
	font-size:.75rem;	
}

.postTagName{
	font-size:.75rem;
	font-weight:600;
	color:#aaa;
}

.liked {
    background-color: #ddd;
    padding: 5px;
    border-radius: 10px;
}

.activity-comments {
    margin-top: 20px;
    background-color: #ddd;
    padding: 5px;
}

.timeline-post{
	padding: 10px 10%;
	border-bottom: 1px solid #ddd;
}

.timeline-post{
	padding: 10px 10%;
	border-bottom: 1px solid #ddd;
}

.statusTimeline-postControls span{
	font-size:.7rem;
	color:#aaa;
	font-weight:800;
	cursor: pointer;
}

.vidsocial-creatComment{
	display:none;	
}

/* create post */

.taggedButton{
	font-size:.75rem;
	background-color:#aaa;
	padding:2px 10px;
	border-radius:10px;
	margin-right:5px;
	cursor:pointer;
}

.taggedButton:hover{
	background-color:#555;
	color:#fff;
}

.ViDsocial-postTagForm{
	display:relative;
}
.postBoxMid, .postBoxEnd{
	padding-left:15px;
	padding-right:15px;
}

.vidsocial-creatPost textarea {
    margin-right: 2%;
    width: 98%;
}

.vidsocial-creatPost {
    margin: 20px 10%;
    border: 1px solid #aaa;
}

.vidsocial-creatPost a{
  background-color:#ddd;
	padding:5px;
	display: inline-block;
	margin:5px;
	width:120px;
	text-align:center;
}


.vidsocial-creatPost textarea{
	margin-right:10px; 
}

.vidsocial-creatPost h5{
    background-color: #ddd;
    padding: 5px;
}

/* search bar */
.ViDsocial-searchSite{
	margin-top:10px;
	margin-bottom:10px;
}

.ViDsocial-searchSite-input{
	width:30% !important;
}

.ViDsocial-searchSite-icon {
	font-size: 1.5rem;
  background-color: #aaa;
	padding: 8px 13px 14px 14px;
	color:#eee;
}

/* calender */
.ViDsocial table{
	width:100%
}

.calendar-day-np{
	background-color:#ddd
}

.ViDsocial .calendar-day{
	height:10vw;
	vertical-align:top;
	border: 1px solid #ddd;
	padding: 10px;
	cursor:pointer;
}



.ViDsocial .calendar-day{
	height:10vw;
	vertical-align:top;
	border: 1px solid #ddd;
	padding: 10px;
	cursor:pointer;
}


.ViDsocial .calendar-day:hover{
	background-color:#ddd;
}

.ViDsocial .calendar-day-head{
	text-align:center;
	background-color:#ccc;
	padding:5px;
	border: 1px solid #fff;
}



/* ViDsocial Navagation */
.ViDsocial-profile-subNavagation{
	background-color:#aaa;
}

.ViDsocial .activeTab{
	background-color:#333;
	color:#fff;
}

.ViDsocial .tabToggle{
	padding:15px;
	display:inline-block;
}

.ViDsocial .tabToggle:hover{
	background-color:#ccc;
}

.ViDsocial-profile-navagation{
	background-color:#ddd;
	margin-top:10px;
}

.ViDsocial-profile-navagationLink {
    background-color: #ddd;
    padding: 10px;
    display: inline-block;
		font-size:.9rem;
}

.ViDsocial-profile-navagationLink:hover{
    background-color: #eee;
}

/* forms */

.ViDsocial input[type=checkbox] {
    width: 20px !important;
    height: 20px;
    margin-top: 7px;
}


input#ViDstudios-password{
	width:100%;
	border: 1px solid #ccc;
	padding:10px;
	margin-bottom:10px;
}

.bg-primary {
    background-color: #666!important;
}
 
.ViDsocial a{
	color:#111 !important;
	font-weight:700;
}

.vidsocial-required-alert{
	font-size:.6rem;
	color:#b00;
	display:none;
}

.ViDsocial-btn {
    background-color: #aaa;
    padding: 10px 15px;
    display: inline-block;
    color: #000;
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: capitalize;
    cursor: pointer;
    border: none;
    font-weight: 700;
    font-size: .8rem;
}

.ViDsocial input{
	width:100%;
	border: 1px solid #aaa;
	padding:10px;
	margin-bottom:10px;
	height:50px;
}

.ViDsocial input.button {
  margin-top: 20px;
}

textarea {
    width: 100%;
    height: 100px;
}

.ViDsocial select{
	width:100%;
	border: 1px solid #aaa;
	padding:10px;
	height:50px;
}

/* ads */
.ViDsocial-ads {
    padding-bottom: 10px;
    border-bottom: 1px solid #aaa;
    margin-bottom: 10px;
}

/* calendar */
.ViDcalender-day-header{
	width:14.28%;
	font-size:.7rem;
}

.ViDcalender-content {
    width: 100%;
    overflow: hidden;
    height: 1.5rem;
    background-color: #aaa;
    padding: 5px;
    display: inline-block;
		font-size:.75rem;
}

.ViDcalender-day-header {
    border: 1px solid #aaa;
}

.ViDcalender-day-number{
    border: 1px solid #ddd;
}
.ViDcalender-event-container{
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
}
.events-table{
	width:100%;
}

.events-table th{
	padding:10px;
	background-color:#aaa;
}

.events-table td{
	padding:10px;
	border-bottom: 1px solid #aaa;
}

/* profile */

.ViDsocial-profileControls{
	text-align:center;
	width:100%;
}

.ViDsocial-profile-navagration ul{
	list-style:none;
	padding:0;
	width:100%;
	background-color:#aaa;
	margin-bottom:0;
}

.ViDsocial-profile-navagration li{
	display:inline-block;
	padding: 10px;
	width:12.1%;
	text-align:center;
}

/* activity page*/
.commentBox {
    padding-top: 20px;
}

.ViDsocial-result {
    background-color: #aaa;
    padding: 10px;
    margin-bottom: 20px;
    margin-top: 10px;
}

/* Booking Controls */
.ViDsocial-table{
	width:100%;
}

.ViDsocial-table th{
	border-bottom: 1px solid #aaa;
	padding: 10px
}

.ViDsocial-table td{
	border-bottom: 1px solid #aaa;
	padding: 10px
}


.ViDsocial-bookings-controls {
	font-size:.7rem;
}