/*!
 * Zero BS CRM
 * http://www.zerobscrm.com
 * V1.0
 *
 * Copyright 2018, Zero BS Software Ltd. & Zero BS CRM.com
 *
 * Date: 31/01/18
 */

// Import generic edit page styles (old legacy of wh from taxibooker! :o to rewrite)
@import 'ZeroBSCRM.timelines';

// hide these, they look bad/inaccessible on this page:
#wpwrap .update-nag {display:none !important;}


// Customer Single view:

#zbs-customer-panel,
#zbs-company-panel {

	// THIS shouldn't really be here, it's too VAGUE - it affects other default avatars in 
	// the vitals box. 
	// Refine this specifically for an ID (later)
	.zbs-default-avatar {
		
	    font-size: 3em;
	    margin: 0.3em;
	    margin-top: 0.5em;
	}
	.three.wide.column img {
		max-width:100%;
	}
}

.zbs-view-card {

	h3 {

	    font-weight: 900;
	    margin-bottom: 0;

	}

	.zbs-email {

    	margin-left: 0.1em;

	}
	.zbs-sentence {

	    font-size: 1.1em;
	    color: #5d4949;
	    padding-left: 2em;
	    padding-top: 0.2em;
	    padding-bottom: 0.2em;
	}

	// NOTE this is also in contact edit metabox! copy any changes if made:
	.action-wrap {
		
	    display: block;
	    position: relative;
	    text-align: right;
	    margin-top: 1em;
	}

	// using actual .button breaks the css.. for now, hackily putting htis in here to simulate basic button
	// NOTE this is also in contact edit metabox! copy any changes if made:
	.action-button {
	    cursor: pointer;
	    display: inline-block;
	    min-height: 1em;
	    outline: none;
	    border: none;
	    vertical-align: baseline;
	    background: #E0E1E2 none;
	    color: rgba(0,0,0,0.6);
	    font-family: "Lato","Helvetica Neue",Arial,Helvetica,sans-serif;
	    margin: 0em 0.25em 0em 0em;
	    padding: 0.78571429em 1.5em 0.78571429em;
	    text-transform: none;
	    text-shadow: none;
	    font-weight: bold;
	    line-height: 1em;
	    font-style: normal;
	    text-align: center;
	    text-decoration: none;
	    border-radius: 0.28571429rem;
	    box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34,36,38,0.15) inset;
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	    -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
	    transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
	    will-change: '';
	    -webkit-tap-highlight-color: transparent;

	    font-size: 1rem;

	    background: transparent none !important;
	    color: rgba(0,0,0,0.6) !important;
	    font-weight: normal;
	    border-radius: 0.28571429rem;
	    text-transform: none;
	    text-shadow: none !important;
	    box-shadow: 0px 0px 0px 1px rgba(34,36,38,0.15) inset;

	    box-shadow: 0px 0px 0px 1px #21BA45 inset !important;
	    color: #21BA45 !important;
	}
}

.zbs-view-vital-label {
	width:160px;
	text-align:right !important;
}
.zbs-view-vital-customfields-label {
	min-width:160px;
	text-align:right !important;
}

.zbs-view-tags {
	text-align:center;
	margin-top:2em;
	margin-bottom:2em;
}


.ui.menu,.ui.menu .menu {
    opacity: 1;
  z-index: 1;
}

.go-behind {
        position: relative !important;
        //z-index: -1 !important;
}


// activity log -> long desc (hidden until shown)
.zbs-long-desc {

	display:none; // init
    padding: 0.5em;
    background: #5c97d217;
    margin-right: 2em;
    border-radius: 0.2em;

}
i.zbs-show-longdesc,
i.zbs-hide-longdesc {
	color: #94b4d4;
}
i.zbs-show-longdesc:hover,
i.zbs-hide-longdesc:hover {
	cursor:pointer;
}
.zbs-long-desc-show .zbs-long-desc {
	display: block;
}
i.zbs-hide-longdesc {
	display:none; // init
}
.zbs-long-desc-show i.zbs-hide-longdesc {
	display:inline-block;
}
.zbs-long-desc-show i.zbs-show-longdesc {
	display:none;
}



// ++====== SPECIFICS: Company view:

#zbs-company-panel {

	#zbs-company-view-vitals-contacts .zbs-default-avatar {
		
	    font-size: 1em !important;

	    // this needs to match [.ui.label>.icon] in semantic ui :)
   		margin: 0em 0.75em 0em 0em !important;
	}
}

// Tweak for activity logs on contact/co view page:
.zbs-last-item .zbs-timeline-content {
	padding-bottom:0;
}


// ++========= MS additions WH moved out of inline 27/2/19

.zbs-social-buttons a{
color:white;
}
.zbs-social-buttons .zbs-social-acc{
float:left;
margin:5px;
width:30px;
}
.zbs-social-buttons .icon{
margin: 0px !important;
color:white;
font-size:14px;
}
.zbs-social-buttons a:hover {
  background-color: none !important;
  border-color: none !important;
}
#contact-tab-social{
display:none !important;
}
.zbs-view-card .zbs-sentence{
padding-left:0px;
color: #b4b4c5;
margin-top:5px;
font-size:14px;
}
.zbs-sentence{
line-height: 21px;
}
.zbs-contact-owner{
position: absolute;
top: 8px;
right: 10px;
color: #b4b4c5;
}
#zbs-side-sortables{
padding-right: 1em;
}
.zbs-view-tags a{
margin-bottom:3px !important;
}
.actvity-feed-view-box{
margin-top: -15px !important;
}
.zbs-mini-tag{
margin-top:10px !important;
margin-right:10px !important;
}
.zbs-sentence{
width:80%;
}