/*$Id$*/
/* Getting Started Updated UI Stylesheet created by Gopi on 04-Apr-2008 */
.getstart-stepheaderbg    { background:url(/images/getstart-stephead-bg.gif) no-repeat; display:block; width:294px; height:29px; line-height:29px;padding-left:10px; }
.getstart-stepheader    { font: normal 12px Arial, Helvetica, sans-serif; line-height:45px; padding-right:80px; padding-left:12px; }
.getstart-stepheaderbg strong { font-size: 14px; }
.getstart-pos        { position:relative; }
.getstart-imgfix    { position:absolute; float:right; right:-4px; top:-32px; }
.getstart-greyTxt    { color:#8A8A8A; padding-top:15px; font-size:13px; }
.getstart-topPad    { color:#ff8a00; padding-top:15px; }
ul.checkbullet        { padding: 0px; margin: 10px 0px 0px 0px; }
ul.checkbullet li    { background:url(/images/getstart-checkbullet.gif) 0px 2px no-repeat; padding: 2px 1px 2px 24px; list-style: none; font-size:11px; font-weight:normal; }
/*below is for new gettinr started */

.getstart-stepheaderbg2    { background:url(/images/getstart-stephead2-bg.gif) no-repeat; display:block; width:294px; height:48px; }
.getstart-stepheaderbg3    { background:url(/images/getstart-stephead3-bg.gif) no-repeat; display:block; width:294px; height:48px; }
.getstart-stepheader    { font: normal 12px Arial, Helvetica, sans-serif; line-height:45px; padding-right:80px; padding-left:12px; }
.getstart-stepheaderbg strong { font-size: 14px; }
.getstart-stepheaderbg2 strong { font-size: 14px; }
.getstart-stepheaderbg3 strong { font-size: 14px; }
.getstart-hborder    { border-bottom: 2px #E5E5E5 solid; font: bold 14px Verdana, Arial, Helvetica, sans-serif; }
.getstart-moreinfo {
    background:#ffc;
    border:1px solid #DBDBDB;
    font:normal 12px Arial, Helvetica, sans-serif;
    vertical-align:middle;
}
.getstart-moreinfo a {
    color:#06c;
    text-decoration:underline;
}
.getstart-hdr {
    background:url("/images/getstart-hcurve-middle.gif") repeat-x;
    font:bold 12px Arial, Helvetica, sans-serif;
}
.getstart-hdr span {
    font-size:15px;
}

.getstart-pos        { position:relative; }
.getstart-imgfix    { position:absolute; float:right; right:-4px; top:-32px; }
.getstart-greyTxt    { color:#8A8A8A; padding-top:15px; font-size:13px; }
.getstart-topPad    { color:#ff8a00; padding-top:15px; }
ul.checkbullet        { padding: 0px; margin: 10px 0px 0px 0px; }
ul.checkbullet li    { background:url(../images/getstart-checkbullet.gif) 0px 2px no-repeat; padding: 2px 1px 2px 24px; list-style: none; font-size:11px; font-weight:normal; }
/*end of getting started*/
span.admin_acnticon				{background-image:url(/images/sdpmsp-icons-pack1.png?10018) !important; background-repeat:no-repeat; width:32px; height:32px; display:block;  background-position: 0px 0px; }
span.admin_serviceplanicn { background-image:url(/images/sdpmsp-icons-pack1.png?10018) !important; background-repeat:no-repeat; width:32px; height:32px; display:block;  background-position: -61px 0px; }
span.admin_contractbillingicn { background-image:url(/images/sdpmsp-icons-pack1.png?10018) !important; background-repeat:no-repeat; width:32px; height:32px; display:block;  background-position: -93px 0px; }
.techview_content img.sdlogo 			{ 
background: url("/images/sdpmsp-icons-pack1.png") no-repeat scroll 0 -34px transparent !important;
      height: 49px;
      width: 225px;
}
img.req-reqster-icn	{ background:url(/images/sdpmsp-icons-pack1.png) -36px 0px no-repeat; width:20px; height:15px; }

.top-header .navbar-brand > img,
.ssp-header img {
	width:190px !important;
	height:38px !important;
}
.ssp-login img {
	width:252px;
	height:61px;
}

/*zohomeeting*/
.pleft6 { padding-left:6px; }
.pad6 { padding:6px; }
.pleft41 { padding-left:41px; }
.fnt13pxa { font:normal 13px Arial,verdana, Helvetica, sans-serif; }
.fnt11pxv { font:normal 11px verdana,Arial, Helvetica, sans-serif; }
.lineh16 { line-height:16px; }
.lineh21 { line-height:21px !important; }
.infoboxsplit { background:#FAF9C8; }
.alignRight { text-align:right; }
.alerticon { background:url(../images/alerticon.gif) no-repeat; width:16px; height:15px; }
a.maillnk1 { color:#0f5cd0; }
h2.hbig1a { margin:0px; font:bold 14px Arial, Helvetica, sans-serif; color:#224fad; padding:21px 0 10px 0px; }
.zlogin { margin:14px 0px; }
.zlogin .ipt { height:26px; }
.zlogin .ipt label{ font-weight:bold; width:120px; float:left; line-height:15px; }
.zlogin .iptnew { padding: 15px 5px 5px 120px; }
a.maillnk2bold { font-weight:bold; font-size:10px; color:#f00; }
.p20261026 { padding:20px 26px 10px 26px; }
.fnt12pxv { font:normal 12px Verdana, Arial, Helvetica, sans-serif; }
a.maillnk2 { color:#f00; }
.p100200 { padding:10px 0px 20px 0px; }
span.admin_remoteicon { background:url(../images/admin_remoteassist.gif) no-repeat !important; width:32px; height:32px; }

.accountStyleDisabled { 
border:1px solid #d8d8d8; 
}
.accountFormStyle {
border:1px solid #d8d8d8; 
}

.formStyleSiteCombo {
width:250px !important;
}
.dclightheadBG {
    background-color: #FFFFFF !important;  
}
.dcbotborder {
    border-bottom:0px !important; 
    height:40px; 
}

.fontBig15 {
	font:bold 16px  Verdana, Helvetica, sans-serif!important;
	color:#2D5893;
}
.inactiverequest{
        text-decoration:line-through;
}
img.acinfoicn, span.acinfoicn {
	background:url(../images/sdpmsp-icons-pack1.png) -130px 0px no-repeat; 
	width:16px; 
	height:16px;
}
span.acinfoicn {
	display:inline-block;
}
span.acinfoicn {
	display:inline-block;
}
.headeraccount {
  float: left;
  padding: 2px 10px;
}
span.admin_acntfieldicon { background-image:url(/images/sdpmsp-icons-pack1.png) !important; background-repeat:no-repeat; width:32px; height:32px; display:block;  background-position: -160px 0px; }
.select2-container .select2-choice {
    display: block; 
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative; 
    white-space: nowrap;
    line-height: 22px;
    color: #444;
    text-decoration: none;  
}
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
	background-color: #6BAEF4;
}
#ui-framework-design1 .msptextarea {
      height:120px !important;
}

.brCriteriaHeader {
	float: left;
    margin: 0 1%;
    width: 25%;
    text-align: center;
	margin-bottom:5px;
}
.brCostHeader, .brFixedCostPerHour, .brDiffCostPerHour, .brFixedCostPerRequest, #brFixedCostPerRequestConst {
	float: left; 
	margin-left:5px;
    width: 13%;  
	text-align: center;
	font: bold;
	margin-bottom:5px;
}
.brCostdiv {
	width: 1%;
	float: left;
	margin: 0 1%;
	margin-bottom: 8px;
}
.billRulesContainer {
	clear:both;
}
.brCriteriaCB {
	width: 25%;
	float: left;
	margin: 0 1%;
	padding-right: 2px;
}
.brAddRemove {
	float: left;
	margin-left: 15px;
	margin-bottom: 8px;
}
.fullWidth {
	width:100%;
}
.admin_billruleicn {
    background-image:url("../images/sdpmsp-icons-pack1.png") !important;
    background-position: -276px -1px;
}
.integration_quickbooks {
    background-image:url("../images/sdpmsp-icons-pack1.png") !important;
    background-position: -236px 0;
}
.admin_defineconfigicon {
    background-image:url(../images/sdp-icons-pack1.png) !important;
    background-position: -522px -149px;
}
.billRulesContainer .accountStyleDisabled {
	width: 100%;
}
/* Mobile Apps */
.mobileapp-table tr th{
  background: #f5f5f5;
  text-align: left;
  font:normal 12px Arial, Helvetica, sans-serif;
  color: #5c5c5c;
  padding: 10px;
}
.mobileapp-table tr td{
  border-bottom: 1px solid #ccc;
  padding: 15px 10px;
  vertical-align: top;
}
.gryborder{
  border-bottom: 1px solid #f1f1f1!important;
}
.iphoneapp{
  background: url(../images/iphone-store.png) no-repeat;
  width: 135px;
  height:40px;
  display: inline-block;
}
.googleplay{
  background: url(../images/google-play.png) no-repeat;
  width: 135px;
  height:40px;
  display: inline-block;
}
.m-appscan, .android-appscan{ 
      display: inline-block; 
      height: 108px; 
      width: 107px; 
} 
.m-appscan{ 
      background: url(../images/appscan-bar.png) no-repeat;    
} 
.android-appscan{ 
      background: url("../images/android-appscan.png") no-repeat; 
}
.admin-mobileapp {
  background-image: url("../images/sdpmsp-icons-pack1.png") !important;
    background-position: -309px 0px;
}
.m-appbg, .m-accessbg{
  margin: 0;
  padding: 4px 10px;
  font:bold 12px Arial, Helvetica, sans-serif;
}
.m-appbg{
  background: #2d5993;
  color: #fff;  
}
.m-accessbg{
  background: #fafafa;
  border-top:2px solid #cb5a1c;  
}
.m-appcontent, .m-access-content{  
  color: #333;
  font:normal 11px Arial, Helvetica, sans-serif;
}
.m-appcontent{
  background: #f5f5f5;
}
.m-access-content{
  background: #fafafa;
  padding: 0 10px;
}
.m-appcontent p{
  margin: 0;
  line-height: 20px;
}
.m-appinnercont{
  padding: 4px 10px;
}
.msp-mobileapp{
  background: url(../images/msp-mobileapps.png) no-repeat;
  width: 158px;
  height:133px;
  display: inline-block;
}
.m-appinnercont{
  font:normal 12px Arial, Helvetica, sans-serif;
  color: #747474;
  line-height: 20px;
}
.m-apparacont{
  font:bold 12px Arial, Helvetica, sans-serif;
  color: #333;
  margin: 0;
  padding: 10px 0;
}
.mobileappleft{
  width:60%;
}
.mobileappright{
  width:338px;
}
.fontblue{
  color:#0456b8;
}
.appmspgray{
  font:normal 11px Arial, Helvetica, sans-serif;
  font-style: italic;
  color: #888;
}
.borderbnone{
  border-bottom:none!important;
 }
/* Mobile Apps */
.top-subheader .popover{width: 250px;}

/* Begin: Customize Account Field */
ul.custom-cblist li {
	margin:0px;		
}
ul.custom-cblist li .cspr {
	top:2px;
}
ul.custom-cblist input[type="checkbox"] {
	opacity:0;
}
ul.custom-cblist label:hover {
	cursor:pointer;
}
div.ac-def-fields .ac-col,
div.ac-cust-fields ul.custom-cblist li {
	width:30%;
	margin:0 10px;
	float:left;
}
div.ac-def-fields .ac-col .ac-head {
	padding: 7px 9px;
}
/*.cus-input {
	position: relative;
	padding-left: 23px;
}
.cus-input.xs {
	font-size:13px;
	padding-left: 18px;
}
.cus-input.sm {
	font-size:15px;
	padding-left: 24px;
}
.cus-input.lg {
	font-size:17px;
	padding-left: 30px;
}
.cus-input input,.cus-input em:after {
	opacity:0;
}
.cus-input input,.cus-input em {
	position: absolute;
	left: 0px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.cus-input em {
	border: 2px solid #ccc;
	display: block;
	border-radius: 3px;
}
.cus-input input[type="radio"] + em,.cus-input input[type="radio"]+em:after {
	border-radius:50%;
}
.cus-input.xs em {
	width: 14px;
	height: 14px;
}
.cus-input.sm em {
	width: 18px;
	height: 18px;
}
.cus-input.lg em {
	width: 22px;
	height: 22px;
}
.cus-input em:after {
	content: '';
	display: block;
	position: absolute;
	width: 0px;
	height: 0px;
	background: rgba(0, 0, 0, 0);
	left: 50%;
}
.cus-input input[type="checkbox"]+em:after {
	top: 40%;
	border-left: 2px solid #efeff1;
	border-bottom: 2px solid #efeff1;
	border-top: none;
	border-right: none;
	width: 100%;
	height: 50%;
	transition-property: border-left,border-bottom ;
	transition-duration: 1s, 2s;
	transition-delay: 0.2s, 1s;
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
	   -moz-transform: translate(-50%,-50%) rotate(-45deg);
		-ms-transform: translate(-50%,-50%) rotate(-45deg);
			transform: translate(-50%,-50%) rotate(-45deg);	
}
.cus-input input[type="radio"]+em:after {
	top:50%;
	background:#efeff1;
	-webkit-transition: 0.2s all;
		-ms-transition: 0.2s all;
			transition: 0.2s all;
	-webkit-transform: translate(-50%,-50%) rotate(-360deg);
	   -moz-transform: translate(-50%,-50%) rotate(-360deg);
		-ms-transform: translate(-50%,-50%) rotate(-360deg);
			transform: translate(-50%,-50%) rotate(-360deg);
	
}
.cus-input:hover em,
.cus-input input[type="checkbox"]:checked + em,
.cus-input input[type="radio"]:checked + em	{
	border: 2px solid #468cc8;
}
.cus-input input[type="checkbox"]:checked + em,
.cus-input input[type="radio"]:checked + em	{
	background-color:#468cc8;
}
.cus-input input[type="checkbox"]:checked + em:after,
.cus-input input[type="radio"]:checked + em:after	{
	opacity:1;		
}
.cus-input input[type="checkbox"]:checked + em:after {
	width: 100%;
	height: 50%;
}
.cus-input input[type="radio"]:checked + em:after {
	width: 50%;
	height: 50%;
}*/
/* End: Customize Account Field */

/* Begin: Accounts Missing Styles */
.logo-login {
    width: 252px;
    height: 61px;
}
.logo-header {
    width: 190px;
    height: 38px;
}
.list-index * {
	box-sizing: border-box;
}
.rspr {
    background-image: url(../images/ui-request-module.svg);
    background-repeat: no-repeat;
    display: inline-block;
}
.search1 {
    background-position: 0 -161px;
}
.flat {
    opacity: 0.7;
}
/* End: Accounts Missing Styles */
.accounts-details .detailview .content-panel-inner{
	height: CALC(100% - 47px);
}
.accounts-details .detailview .cs-wrapper-outer {    
	height: CALC(100% - 57px);
}
.cs-wrapper .tableComponent a.text-muted {
    color: #868686 !important;
}
/* Begin: Incoming Call Popup */
.msp-sprite {
	background-image: url(../images/msp-sprite.svg);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: sub;
}
.inbound-call {
	background-position: -3px -4px;
}
.account-info {
	background-position:-49px -1px;
}
.minimize {
	background-position: -10px -56px;
}
.goto-list {
	background-position: -40px -55px;
}
.icon-xxl {
	width: 48px;
	height: 48px;
}
.incoming-call * {
    box-sizing: border-box;
}
.incoming-call {
	width: 350px;
	background-color: #fff;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
	position: fixed;
	bottom: 0px;
	right: 304px;
	z-index: 90;
}
.incoming-call .bw {
	word-break: break-word;
}
.incomcall-min-head,
.incomcall-header-bar {
	background-color:#2c8cd1;
	color:#fff;
}
.incomcall-min-head .sdp-glyph-close,
.incomcall-header-bar .sdp-glyph-close {
	font-size:10px;
}
.incomcall-min-head .user-num,
.incomcall-header-bar .user-num {
	width: 220px;
}
.incoming-body .sdp-glyph-earphone {
	font-size: 30px;
	color: #6a6a6a;
}
.incoming-body .left-img {
	width:57px;
}
/* End: Incoming Call Popup */
.status-danger2 {
    border: 3px double #772639;
    color: #772639;
    border-radius: 0px;
}
/* Account Contract ui-dropdown-1 */
.account-contract-tab .ui-dropmenu1>li>ul {
	top: 30px;
	width: 188px;
}
.account-contract-tab .ui-dropmenu1>li>ul>li>ul {
	left:186px;
	top: 0px;
}
.advisory {
	background:#fff;
	border:1px #ccc solid;
	margin-bottom:10px;
	display:table;
	width:100%;
}
.advisory div.content,
.advisory label {
	padding:10px 15px;
	display:table-cell !important;
	line-height:18px;
}
.advisory label {
	vertical-align:top;
	width:6%;
	background:#f1f1f1;
	font-weight:bold;
}
.advisory .scroller {
	max-height:200px;
	overflow:auto;
}
.advisory div.box {
	background: none;
	border: 0 none;
	padding-right:0;
}
@media only screen and (min-width: 1400px) {
	.advisory div.box {
		padding-right:200px;
	}
}
.advisory div.box:not(:first-child) {
	padding-top:0;
}
.advisory div.box:not(:last-child) {
	border-bottom:1px solid #eee;
	padding-bottom:6px;
	margin-bottom:6px;
}
.advisory div.box:last-child {
	margin-bottom:0;
}
.account-map{
  background: url('/images/account-map.svg') no-repeat 0 0;
  width: 60px;
  height: 60px;
  display: inline-block;
}
.acsite-map{
  background: url('/images/acsite-map.svg') no-repeat 0 0;
  width: 40px;
  height: 40px;
  display: inline-block;
}
.tech-map{
  background: url('/images/tech-map.svg') no-repeat -2px -1px;
  width: 38px;
  height: 39px;
  display: inline-block;
}
/* Time Sheet style */
#gantt_here .gantt_task_line {
	background-color: transparent;
	border: none;
	color: black;
}
.gantt_container {
	border: none !important;
	border-top: 1px solid #ccc !important;
}
#gantt_here .gantt_grid_data .gantt_row.gantt_selected, #gantt_here .gantt_grid_data .gantt_row.odd.gantt_selected, #gantt_here .gantt_task_row.gantt_selected {
	background-color: white;
}
.gantt_grid_data .gantt_cell {
	text-align: left !important;
}
#gantt_here .gantt_task_line.gantt_selected {
	box-shadow: none;
}
#gantt_here .gantt_task .gantt_task_scale .gantt_scale_cell {
	line-height: 20px;
	padding: 10px;
	color: black;
}
#gantt_here .gantt_task_content {
	color: black;
}
#gantt_here .gantt_grid_scale, .gantt_task_scale {
	background-color: #f6f6f6;
	color: #000;
}
#gantt_here .gantt_grid_scale .gantt_grid_head_cell {
	color: #000;
	text-align: left;
  padding-left: 6px;
}
#gantt_here .gantt_grid_head_cell, #gantt_here .gantt_scale_cell {
	font-family: "Roboto Medium";
}
#gantt_here .weekend_cell {
	background-color: #fafafa;
}
#gantt_here .gantt_task_line .text-muted {
	color: #ececec;
}
#gantt_here .gantt_task_cell.gantt_last_cell {
	background-color: #f6f6f6;
}
.ts_billable_hours, .ts_non_billable_hours, .ts_total_logged_hours {
display: inline-block;
color: #4caf50;
font-size: 16px;
font-family: 'Roboto Medium';
}
.ts_non_billable_hours {
	color: #ff5722;
}
.ts_total_logged_hours {
	color: #2196f3;
}
#timesheetHeader::before {
	display: none;
}
#ts_approveStatus > div {
	display: inline-block;
}
#gantt_here .gantt_grid_data .gantt_row.odd:hover, #gantt_here .gantt_grid_data .gantt_row:hover {
	background-color: white;
}
#gantt_here .gantt_add, #gantt_here .gantt_grid_head_add {
	opacity: 1;
}
.ts_ganttTotalHours {
	display: table-cell;
}
.ts_total_logged_hours_data {
	display: table;
  position: relative;
  overflow: hidden;
  height: 80px;
  width: calc(100vw - 534px);
}
.ts_total_logged_hours_data .gantt_task_content {
	height: 35px;
	box-sizing: border-box;
	color: inherit;
}
.ts_total_logged_hours_data .gantt_task_content .gantt_task_line {
	background: transparent;
	border: none;
	padding: 10px;
}
#ts_progress-bar .progress-bar {
	margin-top: 3px;
	margin-right: 30px;
}
/* Time Sheet style end */
.sdp-api-logo{ background:url(/images/sdp-logo-api.png) 0px 0px no-repeat; width:190px; height:24px; }