/*
 * Service Request Stylesheet
 * 
 * @package    Service Request
 * @category   CSS
 * @author     Nuwave Team
 * @copyright  Copyright (c) Nuwave Software Ltd
 */
/*------------------------------------------------------------------------------
 * General Styles
 *----------------------------------------------------------------------------*/
.sr .step-ctrl .step-list .step-item {
	min-width: 90px;
}

.sr .step-ctrl .step-list .step-item .step-number {
	border-color: #AAA;
}

.sr .step-ctrl .step-list .step-item .step-label {
	color: #AAA;
}

.sr .step-ctrl .step-list .step-item:before {
	border-color: #AAA;
}

.sr .step-ctrl .step-list .step-item:first-child:before {
	width: 50% !important;
	left: 50%;
}

.sr .step-ctrl .step-list .step-item:last-child:before {
	width: 50%;
}

.sr .step-ctrl .step-list .step-item.is-accepted .step-number {
	background-color: #006991;
	border-color: #006991;
	-webkit-box-shadow: 0 0 0 2px #006991;
	        box-shadow: 0 0 0 2px #006991;
	z-index: 1;
	border: 2px solid #fff;
	border-radius: 17px;
}

.sr .step-ctrl .step-list .step-item.is-accepted .step-label {
	color: #006991;
	font-weight: bold;
}

.sr .step-ctrl .step-list .step-item.is-accepted:hover a .step-number {
	background-color: #006991;
}

.sr .step-ctrl .step-list .step-item.is-accepted:before {
	border-color: #006991;
}

.sr .step-ctrl .step-list .step-item.is-declined .step-number {
	background-color: #d9534f;
	border-color: #d9534f;
}

.sr .step-ctrl .step-list .step-item.is-declined .step-label {
	color: #a94442;
	font-weight: bold;
}

.sr .step-ctrl .step-list .step-item.is-declined:before {
	border-color: #d9534f;
}

.sr .step-ctrl .step-list .step-item.is-outstanding .step-number {
	background-color: #FFF;
	border-color: #008ec4;
}

.sr .step-ctrl .step-list .step-item.is-outstanding .step-label {
	color: #008ec4;
	font-weight: bold;
}

.sr .step-ctrl .step-list .step-item.is-outstanding:hover a .step-number {
	background-color: #008ec4;
}

.sr .step-ctrl .step-list .step-item.is-outstanding:before {
	border-color: #008ec4;
}

.sr-service-request-notify-ui .to-msg {
	background-color: #F7F7F7;
	padding: 10px;
}

.sr-service-request-notify-ui .to-msg .to-msg-header {
	float: left;
	font-weight: bold;
}

.sr-service-request-notify-ui .to-msg .to-msg-body {
	margin-left: 30px;
}

.sr-upgrade-form {
	padding: 10px;
}
.sr-upgrade-form .ctrl.name-upgrade_text {
	font-weight: bold;
	margin: 0;
	padding: 8px 10px 8px 0;
}

/*------------------------------------------------------------------------------
    Service Provider Setting Styles
------------------------------------------------------------------------------*/
.admin-list.admin-service-provider-setting-list .setting-list-row:hover {
	font-weight: bolder;
	color: #657faa;
}

.admin-list.admin-service-provider-setting-list .edit-setting-btn {
	background-color: white;
	color: black;
	padding: 0px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	-webkit-transition-duration: 0.4s;
	        transition-duration: 0.4s;
	cursor: pointer;
}

.admin-list.admin-service-provider-setting-list .edit-setting-btn:hover {
	background-color: #657faa;
	border: 2px solid white;
	color: white;
}

.admin-list.admin-service-provider-setting-list .edit-setting-btn:active {
	position: relative;
	top: 1px;
}

/*------------------------------------------------------------------------------
    Service Provider Service Request Setting Styles
------------------------------------------------------------------------------*/
.sr.sr-provider.sr-service-request-detail-list .relation-btn {
	border: none;
	color: white;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 12px;
	line-height: 12px !important;
}

.sr.sr-provider.sr-service-request-detail-list .relation-btn.relation-btn-remove-color {
	background-color: #d12f19c7;
}

.sr.sr-provider.sr-service-request-detail-list .relation-btn.relation-btn-add-color {
	background-color: #149bdf;
}

/*------------------------------------------------------------------------------
    Discussion Styles
------------------------------------------------------------------------------*/
.sr.sr-service-request-list.sr-prov-service-request-discussion-list .post_count,
.sr.sr-service-request-list.sr-service-request-discussion-list .post_count {
	text-decoration: none;
}

/*------------------------------------------------------------------------------    
Service Request Actions Bar Styles
------------------------------------------------------------------------------*/
.sr.sr-service-request-ui .sr-actions-header {
	background: #F5F5F5;
	border: 1px solid #DDD;
	border-radius: 2px;
	color: #006991;
	font-size: 18px;
	padding: 8px 10px;
}

.sr.sr-service-request-ui .sr-actions-div {
	border: 1px solid #DDD;
	border-radius: 2px;
	padding: 8px 10px;
}

.sr.sr-service-request-ui .sr-actions-div .no-actions-div {
	font-style: italic;
	color: #888;
}

@media (max-width: 1199px) {
	.ctrl-column.name-layout_col1,
	.ctrl-column.name-layout_col2 {
		width: 100%;
	}
}

/*------------------------------------------------------------------------------
 Admin Service Form Styles
------------------------------------------------------------------------------*/

.admin-form.admin-service-form .highlight-tab {
	background: #a94442;
    border-color: #9c4442;
	 -webkit-animation: glowing 1300ms infinite;
	-moz-animation: glowing 1300ms infinite;
	-o-animation: glowing 1300ms infinite;
	animation: glowing 1300ms infinite;
}

 @-webkit-keyframes glowing {
	0% {
	  background-color: #a94442;
	  -webkit-box-shadow: 0 0 1px #a94442;
	}
	50% {
	  background-color: #9c4442;
	  -webkit-box-shadow: 0 0 2px #9c4442;
	}
	100% {
	  background-color: #a94442;
	  -webkit-box-shadow: 0 0 1px #a94442;
	}
 }
 @keyframes glowing {
	0% {
	  background-color: #a94442;
	  border-color: #9c4442;
	  box-shadow: 0 0 1px #a94442;
	}
	50% {
	  background-color: #9c4442;
	  border-color: #9c4442;
	  box-shadow: 0 0 2px #9c4442;
	}
	100% {
	  background-color: #a94442;
	  border-color: #9c4442;
	  box-shadow: 0 0 1px #a94442;
	}
}

.admin-form.admin-service-form .validation-msg {
	background: #f2dede;
    /* border: 1px solid #a94442; */
    border-radius: 3px;
    color: #a94442;
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 10px;
}

.prov_widget_settings_btn {
	float:right;
	padding:0px;
	position:relative;
	top:-2px;
	height:12px !important;
}

.prov_widget_settings_btn .btn {
	height:12px !important;
	padding:0px !important;
	background-color:transparent !important;
	color:white !important;
}

/*------------------------------------------------------------------------------
 * Tasks Styles
 *----------------------------------------------------------------------------*/

.readTaskNotes {
    border:1px solid lightgray;
    background-color: #F8F8F8;
	padding: 8px;
}

.sr_tasks_grid_immediate_priority {
    color: red;
    font-weight: bold;
}

.sr_tasks_grid_high_priority {
    color: red;
}
.sr_tasks_grid_low_priority {
    color: green;
}