@import 'pipeline.css';

* {
	font-family: "Proxima Nova Rounded";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1,h2,h3,h4,h5,h6 {
	color: #596579;
	font-weight: 400;
}

.stale-icon {
	color: #bf4e4e;
	position: absolute;
	top: 7px;
	right: 7px;
}

.stale-icon:hover {
	color: black;
	cursor: default;
}

.profiles-cell {
	white-space: normal;
	overflow: scroll;
	text-overflow: clip;
}

.deploy-rule-icon {
    padding-bottom: 3px;
}

.environment-status-icon {
	color: #1aac89;
	padding-bottom: 3px;
}

.deploy-rule-tooltip {
	text-transform: none;
  position: fixed;
}

input {
	transition: 1s all;
}

input.ng-dirty.ng-invalid {
	border: 1px solid red;
}

.nav-logo {
	width: 100px;
}

.hamburger {
	font-size: 2.5em;
	text-align: center;
}

.badge {
	color: #707d95;
	background-color: white;
}

.boxset-menu-icon {
	fill: white;
}

.align-center {
	text-align:center;
}

.creat-title-hover:hover {
	cursor: pointer;
}

.creat-title-hover-alt {
	opacity: 0.75;
}

.creat-title-hover-alt:hover {
	cursor: pointer;
	opacity: 1;
}

.creat-title-selected {
	color: #707D95;
}

.creat-title-selected-alt {
	color: white;
	opacity: 1;
}

.blur-index {
	-webkit-filter: blur(10px);
}

.boxset-menu-icon {
	height: 20px;
	display: inline;
}

.fa-ellipsis-v {
	padding: 0px 6px;
}

.boxset-menu-text {
	display: inline;
	font-size: 1em;
	font-family: 'Proxima Nova Rounded', sans serif;
	position: relative;
	top: -6px;
	padding-left: 15px;
}

.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled.focus,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled].focus,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover
	{
	background-color: #949494;
	border-color: #6F6D6A;
	color: white;
}

.disabled-btn {
	text-transform: uppercase;
	font-size: .9em;
	padding-top: 9px;
	padding-bottom: 8px;
	padding-left: 15px;
	padding-right: 15px;
	font-weight: 400;
	font-family: 'Proxima Nova Rounded';
	background-color: white;
	color: #8a94a5;
	border: 1px solid #d8dfe5;
	background-color: #EFF0F1 !important;
	border-color: #EFF0F1 !important;
	color: #939CAB !important;
}

.disabled-btn:hover {
	text-transform: uppercase;
	cursor: not-allowed;
	font-size: .9em;
	padding-top: 9px;
	padding-bottom: 8px;
	padding-left: 15px;
	padding-right: 15px;
	font-weight: 400;
	font-family: 'Proxima Nova Rounded';
	background-color: white;
	color: #8a94a5;
	border: 1px solid #d8dfe5;
	background-color: #EFF0F1 !important;
	border-color: #EFF0F1 !important;
	color: #939CAB !important;
}

#panel-hover:hover {
	background-color: #838FA5 !important;
	cursor: pointer;
}

:not(.menu-scrollbar)::-webkit-scrollbar {
	display: none;
}

.vertical-space {
    margin-top:20px;
}

.form-theme3 {
	background-color: #ebf1f5;
	border: 1px solid #d2dae3;
	color: #686a76;
	margin-right: 10px;
	box-shadow: none;
	font-family: 'Proxima Nova Rounded', sans-serif;
}

.form-theme-svc-pw {
	background-color: #ebf1f5;
	border: 1px solid #d2dae3;
	color: #686a76;
	margin-right: 10px;
	box-shadow: none;
	font-family: 'password';
}

.form-size-12 {
	font-size: 12px;
}

.open>.dropdown-menu {
	overflow-y: overlay;
	overflow: scroll;
	height: auto;
	max-height: 300px;
}

.form-theme3:focus {
	border-color: #459AD5;
}

/* For Firefox */
input[type='number'] {
	-moz-appearance:textfield;
}

/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.form-inline-block {
	display: inline-block;
}

.checkbox-with-text {
	display: inline-flex;
	margin: 10px;
	font-size: large;
}

.input-group-size {
	width: 100px;
}

.deploy-blue {
	color: #4799d3 !important;
	border-color: #9FC6E0 !important;
}

.deploy-blue:hover,.deploy-blue-highlight {
	border-color: #4799d3 !important;
	color: #FFFFFF !important;
	cursor: pointer;
	background-color: #4799d3 !important;
}

.profiles-permissions-h4 {
	font-family: 'Proxima Nova Rounded', sans-serif;
	font-size: 1em;
	color: rgba(112, 125, 149, 0.5);
}

.permissions-nothing {
	text-align: center;
	font-family: 'Proxima Nova Rounded', sans-serif;
	font-size: 2em;
	color: #BCC1CB;
}

.profiles-permissions-data {
	margin: 0px 0px;
	color: #596579;
	font-size: 1.5em;
	padding: 0px 0px;
	list-style: none;
}

.profiles-permissions-data>li {
	border-top: 1px solid rgba(184, 190, 202, 0.1);
	padding: 10px 0px;
	display: flex;
}

.profiles-empty-h4 {
	height: 35px;
	margin: 0px 0px;
}

.profiles-permissions-data>li>select {
	border: 0px;
	border-radius: 5px;
	width: 100%;
	padding: 5px 10px;
	outline: none;
	cursor: pointer;
	height: 35px;
}

.half-width {
	width: 50% !important;
	display: inline-flex;
}

@media ( max-width :720px) {
	.permissions-remove {
		display: none;
	}
}

.profiles-permission-dropdown-group {
	position: relative;
	top: -40px;
	float: right;
	right: 30px;
}

.permission-input-wrong {
	box-shadow: inset 0px 0px 5px rgba(230, 0, 98, 0.75);
}

.profiles-permissions-data>li>input:focus {
	background-color: rgba(235, 241, 245, 0.5);
	box-shadow: inset 0 0 5px #81C5F5;
}

.profiles-permissions-data>li>input:hover {
	background-color: rgba(235, 241, 245, 0.5);
}

.permission-input-empty {
	background-color: rgba(235, 241, 245, 0.5);
}

.profiles-permissions-data>li>input:hover>div>i {
	background-color: #F5F8FA !important;
}

.profiles-permissions-data>li>div>i {
	position: absolute;
	right: 9px;
	top: 6px;
	padding: 3px 8px;
	border-radius: 5px;
}

.profiles-permissions-data>li>div>i:hover {
	cursor: pointer;
	background-color: #E8F0F7;
}

.fix-border-panel {
	border-radius: 3px;
}

.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item
	{
	border: 0px;
}

.panel>.list-group .list-group-item:hover,.panel>.panel-collapse>.list-group .list-group-item:hover
	{
	cursor: pointer;
}

.container-loadingclick {
	background-color: #EBF1F5;
	margin-left: -15px;
	margin-right: -15px;
	padding-top: 40px;
	padding-bottom: 40px;
}

.pull-right-theme {
	float: right;
	margin: 0px 5px;
}

@media ( max-width :776px) {
	.pull-right-theme {
		float: none;
		width: 100%;
		margin: 5px 5px;
		text-align: center;
	}
}

@media ( min-width :1900px) {
	.permissions-remove {
		width: 100px;
	}
}

.blur-index {
	-webkit-filter: blur(5px);
}

.showCard {
	display: block !important;
	z-index: 99999;
	position: relative;
}

.pipeline-refresh {
	float: right;
	color: #8A94A5;
	background: #F4F5F5;
	padding: 8px 15px;
	position: absolute;
	right: 0px;
	z-index: 1;
	border-radius: 5px;
	font-size: .8em;
	font-weight: 500;
}

.pipeline-refresh>span {
	font-size: 1.5em;
}

.pipeline-refresh:hover {
	opacity: .75;
	cursor: pointer;
}

.pipeline-nav-btn {
	float: right;
	position: relative;
	color: #8A94A5;
	background: #F4F5F5;
	padding: 8px 15px;
	display: inline-block;
	margin: 5px;
	z-index: 1;
	border-radius: 5px;
	font-size: .8em;
	font-weight: 500;
}

.pipeline-nav-btn>span {
	font-size: 1.5em;
}

@media ( max-width :776px) {
	.pipeline-refresh {
		display: none;
	}
}

.form-theme4 {
	background-color: #ebf1f5;
	border: 1px solid #dfe6ed;
	color: #686a76;
	margin-left: 10px;
	margin-right: 10px;
	font-weight: 600;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 10px;
	box-shadow: none;
	font-family: 'Proxima Nova Rounded', sans-serif;
}

.form-theme4:focus {
	border-color: #459AD5;
}

.nav-filter {
	padding: 8px 10px;
	font-size: 20px;
	color: #7b8594;
}

.change-column {
	width:13%;
}
.component-table>tr>td {
	white-space: normal;
	word-break: break-all;
	text-overflow: initial;
}

.component-table>tr>td>div>a {
	color: #0000EE;
}

#endpoint-close {
	color: #8a94a5;
	border: 1px solid #d2dae3;
	margin-top: 15px;
	padding: 8px 10px;
	border-radius: 30px;
}

#endpoint-close:hover {
	border: 1px solid #8a94a5;
	cursor: pointer;
}

.pipeline-rc {
	display: inline;
	color: #596579;
	margin-right: 5px;
	text-transform: uppercase;
	font-size: 1.25em;
}

.pipeline-rc>input {
	margin-right: 5px;
}

.pipeline-rc>p {
	font-size: .6em;
	margin: 0px 0px;
	display: inline-block;
	font-family: 'Proxima Nova Rounded', sans-serif;
	position: relative;
	top: -1px;
	margin-left: 5px;
	margin-right: 10px;
}

.label-theme5 {
	color: #596579;
	font-weight: 400;
	font-size: 24px;
	vertical-align: sub;
	margin-bottom: 0px;
	padding-right: 10px;
	padding-top: 5px;
	font-family: "Proxima Nova Rounded";
}

.form-theme {
	background-color: #ebf1f5;
	border: 1px solid #d2dae3;
	color: #686a76;
	margin-left: 10px;
	text-transform: uppercase;
	margin-right: 10px;
	box-shadow: none;
	font-family: 'Proxima Nova Rounded', sans-serif;
}

.form-theme:focus {
	border-color: #459AD5;
}

.submit-success {
	background-color: #1aac89;
	color: white;
	padding: 10px;
	text-align: center;
	font-family: 'Proxima Nova Rounded';
	font-size: 0.9em;
	font-weight: 800;
	top: -38px;
	height: 38px;
	position: fixed;
	z-index: 9999;
	width: 100%;
	left: 0px;
}

.submit-success:hover {
	background-color: #36C6A3;
	cursor: pointer;
}

.pipeline-nothing-btn {
	border: 1px solid #969FAD;
	padding: 10px 6px;
	width: 180px;
	text-align: center;
	display: block;
	font-family: 'Proxima Nova Rounded';
	margin-left: auto;
	margin-right: auto;
	font-size: .45em;
	color: #969FAD;
	border-radius: 5px;
	margin-top: 10px;
}

.pipeline-nothing-btn:hover {
	border-color: #626D80;
	color: #626D80;
	cursor: pointer;
}

.component-table-modal .modal-dialog {
	width: 80%;
}

.modal-border-5>.modal-dialog>.modal-content {
	border-radius: 5px;
	box-shadow: 0px 0px 25px 2px rgba(0, 0, 0, 0.23);
	background-color: #353f52;
}

.login-modal-header {
	font-family: "Proxima Nova Rounded";
	font-size: 1em;
	color: white;
	padding: 10px 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.login-form>p {
	color: white;
	font-size: .8em;
	margin: 10px 0px;
	font-family: 'Proxima Nova Rounded';
}

.login-form>input {
	background-color: rgba(255, 255, 255, 0.09);
	border: 0px;
	border-radius: 3px;
	box-shadow: none;
	outline: none !important;
	color: white;
	margin-bottom: 15px;
}

.login-error {
	color: white;
	padding: 10px;
	background-color: rgb(71, 80, 98);
	margin-top: 15px;
	border-radius: 5px;
	text-align: center;
}

.login-ready {
	background-color: rgb(71, 80, 98) !important;
}

.login-btn-submit2 {
	transition-duration: 1s;
	width: 100%;
	background-color: rgb(63, 74, 95);
	border: 1px solid rgb(63, 74, 95);
	border-radius: 6px;
	color: white;
	font-family: 'Proxima Nova Rounded';
	text-transform: uppercase;
	letter-spacing: .5px;
	padding-top: 9px;
	padding-bottom: 9px;
	font-weight: 400;
	font-size: 12px;
}

.login-cancel-btn-modal {
	background-color: #353f52;
	border: #353f52;
	color: white;
	float: right;
	vertical-align: middle;
}

.login-btn-submit2:focus {
	outline: none;
}

.login-btn-cancel2:focus {
	outline: none;
}

.login-btn-cancel2 {
	width: 100%;
	background-color: rgb(46, 53, 68);
	border: 0px;
	border-radius: 6px;
	color: white;
	font-family: 'Proxima Nova Rounded';
	border: 1px solid rgb(46, 53, 68);
	text-transform: uppercase;
	letter-spacing: .5px;
	padding-top: 9px;
	padding-bottom: 9px;
	font-weight: 400;
	font-size: 12px;
}

.login-form {
	padding: 5px;
	margin-top: -15px;
	margin-bottom: -15px;
	border-bottom: 1px solid #30394A;
}

.login-form>input::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.25) !important;
}

.login-form>input::-moz-placeholder {
	color: rgba(255, 255, 255, 0.25) !important;
}

.login-form>input:focus,.login-form>input:active,.login-form>input:focus:active
	{
	outline: none !important;
	box-shadow: 0px 0px 0px 1px #4799d3;
}

.login-modal-header>i {
	border: 2px solid rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	padding: 3px 4px;
	font-size: .8em;
	position: relative;
	top: -1px;
	right: -3px;
	color: rgba(255, 255, 255, 0.22);
}

.submit-default {
	background-color: #479AD5;
	color: white;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Proxima Nova Rounded';
	font-size: 0.9em;
	font-weight: 800;
	top: -38px;
	height: 38px;
	position: fixed;
	z-index: 9999;
	width: 100%;
	left: 0px;
	overflow: hidden;
	white-space: nowrap;
}

.submit-default:hover {
	background-color: #62ACE0;
	cursor: pointer;
}

.submit-fail {
	background-color: rgb(230, 0, 98);
	color: white;
	padding: 10px;
	text-align: center;
	font-family: 'Proxima Nova Rounded';
	font-size: 0.9em;
	font-weight: 800;
	top: -38px;
	height: 38px;
	position: fixed;
	z-index: 9999;
	width: 100%;
	left: 0px;
}

.submit-fail:hover {
	background-color: #EB3A86;
	cursor: pointer;
}

.leg-form {
	/*margin-top:10px;*/
	margin-bottom: 10px;
	display: -moz-inline-box; /* fix firefox */
}

.form-theme2 {
	background-color: #ebf1f5;
	border: 1px solid #d2dae3;
	color: #686a76;
	margin-left: 10px;
	text-transform: uppercase;
	margin-right: 10px;
	box-shadow: none;
	font-weight: 300;
	font-family: 'Proxima Nova Rounded', sans-serif;
}

.signoffDefinition {
	display: inline;
	padding: 1em .5em 1em .5em;
	border: 1px solid #EBF1F5;
	border-radius: 5px;
	margin: .2em;
}

.signoffDefinition button.btn-default-theme {
	border: 1px solid white;
	transition: .2s all;
}

.signoffDefinition button.btn-default-theme:hover {
	background: #e60062;
	color: white;
	border: 1px solid white;
}

.modify-properties {
	margin: 0;
}

::-webkit-input-placeholder {
	color: #AEBFCB;
	font-family: "Proxima Nova Rounded", sans-serif;
}

:-moz-placeholder { /* Firefox 18- */
	color: #AEBFCB;
	font-family: "Proxima Nova Rounded", sans-serif;
}

::-moz-placeholder { /* Firefox 19+ */
	color: #AEBFCB;
	font-family: "Proxima Nova Rounded", sans-serif;
}

:-ms-input-placeholder {
	color: #AEBFCB;
	font-family: "Proxima Nova Rounded", sans-serif;
}

.search-theme {
	background-color: #ebf1f5;
	border: 1px solid #d2dae3;
	color: #686a76;
	box-shadow: none;
	font-family: 'Proxima Nova Rounded', sans-serif;
}

.label-theme {
	font-family: 'Proxima Nova Rounded', sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	color: #596579;
	font-size: 1em;
}

.note-theme {
	font-family: 'Proxima Nova Rounded', sans-serif;
	font-weight: 400;
	color: #596579;
	font-size: 1em;
}

.label-theme3 {
	font-family: "Proxima Nova Rounded", sans-serif;
	font-weight: 400;
	color: #596579;
	vertical-align: sub;
	font-size: 1em;
}

.endpoint-row {
	padding-top: 5px;
	padding-bottom: 5px;
}

.leg-icon:hover {
	font-size: 2em;
	padding: 20px 20px;
	border: 2px solid #8a94a5;
	border-radius: 44px;
	cursor: pointer;
	color: #8a94a5;
}

.leg-icon.selected {
	font-size: 2em;
	padding: 20px 20px;
	border: 2px solid #8a94a5;
	border-radius: 44px;
	margin-bottom: 10px;
	color: #8a94a5;
}

.leg-icon {
	font-size: 2em;
	padding: 20px 20px;
	border: 2px solid #d8dfe5;
	border-radius: 44px;
	margin-bottom: 10px;
	color: #d8dfe5;
}

.leg-row {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: 'Proxima Nova Rounded', sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	color: #596579;
	font-size: 1em;
}

.label-default-theme {
	background-color: rgb(152, 158, 170);
	padding: 5px 12px;
}

.label-theme2 {
	font-family: 'Proxima Nova Rounded', sans-serif;
	font-weight: 400;
	text-transform: none;
	color: white;
	font-size: 1em;
}

.navbar-default {
	background-color: white;
	border-color: #eeeff3;
}

.navbar-brand {
	border-right: 1px solid #eeeff3;
	float: left;
	padding: 15px 20px;
	font-size: .5em;
	line-height: 20px;
}

#bar-search {
	width: 300px;
	border: 0;
	z-index: 0;
	box-shadow: none;
	color: #7b8594;
}

#menu-burger {
	color: #7b8594;
}

.theme-footer {
	background-color: white !important;
}

#menu-burger:hover {
	background-color: rgb(69, 154, 213);
	color: white;
	cursor: pointer;
}

.topnav {
	border-radius: 0px;
	border-left: 0px;
	border-top: 0px;
	border-right: 0px;
	position: fixed;
	background-color: white;
	width: calc(100% - 230px);
	z-index: 999;
}

#bar-search::-webkit-input-placeholder { /* WebKit browsers */
	color: #a9b0bc;
}

#bar-search:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #a9b0bc;
}

#bar-search::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #a9b0bc;
}

#bar-search:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #a9b0bc;
}

#sidebar {
	height: 100%;
	position: fixed;
	left: 0px;
	overflow-y: scroll;
	top: 0px;
	z-index: 5;
	background-color: #353f52;
	width: 230px;
}

.menu-top-group {
	position: absolute;
	top: 0px;
	right: 11px;
	z-index: 1000;
}

@media ( max-width ) {
}

.progress-tips {
	margin-top: -20px;
	background-color: rgba(238, 239, 243, 0.29);
	margin: 10px 45px;
	border-radius: 40px;
}

.progress-tips>ul {
	list-style: none;
	padding: 0 0;
	margin-bottom: 0px;
	width: 100%;
	display: table;
	table-layout: fixed;
}

.progress-tips>ul>li.current {
	color: #479AD5;
	background-color: rgb(250, 251, 252);
}

.progress-tips>ul>li.current:hover {
	background-color: rgba(238, 239, 243, 0.5);
	color: #479AD5;
}

.progress-tips>ul>li.done {
	color: white;
	background-color: rgb(26, 172, 137);
}

.progress-tips>ul>li.done:hover {
	background-color: #36C6A3;
	color: white;
}

.progress-tips>ul>li>i {
	margin-right: 5px;
}

.progress-tips>ul>li {
	text-align: center;
	vertical-align: middle;
	padding: 6px 16px;
	font-size: .7em;
	font-family: 'Proxima Nova Rounded', sans-serif;
	color: #7B8594;
	text-transform: uppercase;
	display: table-cell;
	text-align: center;
}

.progress-tips>ul.show {
	display: block;
}

.progress-next {
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: 20px;
	border: 1px solid #4799d3;
	text-align: center;
	font-family: 'Proxima Nova Rounded', sans-serif;
	padding: 8px 4px;
	color: #4799d3;
	font-size: 1em;
	border-radius: 5px;
}

.progress-next>i {
	font-size: 1.2em;
	margin-left: 10px;
}

.progress-next:hover {
	color: rgb(95, 172, 226);
	border-color: rgb(95, 172, 226);
	cursor: pointer;
}

.progress-tips>ul>li:hover {
	color: #353F52;
	cursor: pointer;
	background-color: rgba(238, 239, 243, 0.5);
}

.progress-mobile {
	display: none;
}

.progress-show>i {
	text-align: center;
	font-size: 1.5em;
	margin-right: 5px;
	padding-bottom: 2px;
}

.progress-title {
	display: block;
	margin: 0px 40px;
	font-family: 'Proxima Nova Rounded', sans-serif;
	padding: 0px 10px;
	text-align: left;
	font-size: .8em;
	color: #C2C9D4;
}

.progress-show {
	padding: 10px 15px;
	text-align: center;
	border-radius: 5px;
	width: 200px;
	margin: auto;
	font-family: 'Proxima Nova Rounded', sans-serif;
	font-size: .8em;
}

.progress-show:hover {
	cursor: pointer;
	background-color: rgba(238, 239, 243, 0.5);
}

@media ( max-width :890px) {
	.progress-tips>ul {
		background-color: white;
	}
	.progress-tips>ul.show {
		display: block;
	}
	.progress-tips>ul>li {
		display: block;
		margin-top: 10px;
		margin-bottom: 10px;
		border-radius: 40px !important;
		text-align: left;
	}
	.progress-mobile {
		display: block;
		margin: 20px 80px;
		font-family: 'Proxima Nova Rounded', sans-serif;
		padding: 10px 10px;
		text-align: center;
		font-size: .8em;
		color: #707D95;
	}
	.progress-mobile>i {
		margin-left: 5px;
	}
	.progress-mobile:hover {
		color: #2B3445;
		border-radius: 40px;
		cursor: pointer;
		background-color: rgba(238, 239, 243, 0.5);
	}
}

.toggled {
	display: none;
}

#bar-bell>a {
	padding: 13.5px 20px;
	font-size: 1.5em;
	border-left: 1px solid #eeeff3;
	border-right: 1px solid #eeeff3;
	color: #7b8594;
}

#bar-bell>a:hover {
	background-color: rgb(69, 154, 213);
	color: white;
}

.landing-bg {

}

.landing {
	overflow-x: hidden;
}

.welcome-arrow {
	margin-left: 10px;
	padding-bottom: 5px;
}

.theme-map {
	font-size: 1.2em;
	padding-right: 6px;
}

.modal-theme-fix>.modal-dialog>.modal-content {
	background-color: rgba(0, 0, 0, 0);
	box-shadow: none;
	border: none;
}

.notifications-menu {
	height: 100%;
	position: fixed;
	z-index: 999999;
	padding-left: 0;
	padding-top: 80px;
	top: 0px;
	width: 100%;
}

.notifications-close {
	color: #B4BDC9;
	font-size: 1.5em;
}

.notifications-close:hover {
	color: white;
	cursor: pointer;
}

.notifications-list {
	border: 1px solid white;
	padding: 20px 20px;
	list-style: none;
	margin-top: 15px;
	margin-bottom: 15px;
	border-left: 4px solid rgb(69, 154, 213);
	background-color: white;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
	border-radius: 5px;
}

.notifications-list:hover {
	background-color: #ebf1f5;
	cursor: pointer;
}

.notification-high {
	border-left: 4px solid #e60062;
}

.notification-medium {
	border-left: 4px solid #ffd80f;
}

.notification-low {
	border-left: 4px solid #1aac89;
}

.notifications-title {
	font-size: 1.25em;
	color: white;
	font-family: 'Proxima Nova Rounded';
}

.notifications-date {
	font-size: 1em;
	color: rgba(255, 255, 255, 0.75);
	font-family: "Proxima Nova Rounded";
}

.notifications-name {
	font-size: 1em;
	color: #353F52;
}

.notifications-time {
	font-size: 1em;
	font-weight: 500;
	text-transform: uppercase;
	color: #7b8594;
}

.dashboard-graph-title {
	font-family: 'Proxima Nova Rounded';
	text-transform: uppercase;
	background-color: #32adff;
	color: white;
	padding: 7px 16px;
	border-radius: 31px;
	font-weight: 600;
	text-align: center;
	margin-left: 30px;
	margin-bottom: 30px;
	margin-top: 20px;
}

.dashboard-filter {
	font-family: 'Proxima Nova Rounded';
	font-weight: 600;
	font-size: .8em;
	color: #8a94a5;
	border-bottom: 1px solid #aeb6c2;
	padding-bottom: 15px;
}

.dashboard-filter>.col-md-12>ul {
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 0 0;
}

.dashboard-timeline-icon-check {
	font-size: 1.5em;
	padding: 20px 20px;
	border-radius: 50px;
	color: #1aac89;
	border: 1px solid #d8dfe5;
}

.dashboard-timeline-icon-x {
	font-size: 1.5em;
	padding: 18px 20px;
	border-radius: 70px;
	color: #e60062;
	padding-left: 21px;
	padding-right: 19px;
	border: 1px solid #d8dfe5;
}

.dashboard-filter>.col-md-12>ul>li {
	list-style: none;
	padding: 10px 10px;
	display: inline;
	border-radius: 5px;
}

.dashboard-timeline-title {
	font-size: 1.2em;
	padding-bottom: 10px;
	color: #707d95;
}

.dashboard-timeline-row {
	margin-top: 15px;
	margin-bottom: 5px;
}

.dashboard-timeline-container {
	margin-bottom: 15px;
	margin-top: 15px;
}

.dashboard-timeline-border {
	border-left: 1px solid #d8dfe5;
	height: 50px;
	margin-left: 30px;
}

.dashboard-tag>li {
	font-family: 'Proxima Nova Rounded';
	text-transform: uppercase;
	background-color: #32adff;
	font-size: .75em;
	width: 50px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 5px 10px;
	display: inline;
	color: white;
	border-radius: 30px;
	font-weight: 800;
	text-align: center;
}

.dashboard-filter>.col-md-12>ul>li:hover {
	list-style: none;
	cursor: pointer;
	background-color: #ebf1f5;
	padding: 10px 10px;
	display: inline;
}

.dashboard-line {
	border-top: 1px solid #d8dfe5;
	margin-top: 50px;
	margin-bottom: 50px;
}

.bell-number {
	position: absolute;
	background-color: #e60062;
	padding: 3px 7px;
	border-radius: 10px;
	color: white;
	font-family: "Proxima Nova Rounded";
	font-weight: 700;
	font-size: .75em;
	top: 8px;
	z-index: 3;
	right: 10px;
}

.sticky-table-header{
	background: white;
}

.sticky-table-header-div {
	position: fixed;
	top: 50px;
	left: 330px;
        z-index: 3;
}

#sticky-header-pipeline-table th {
	padding:5px 0;
}

.pipeline-wrapper {
	white-space: nowrap;
	background-color: #E1E7EB;
}

.pipeline-side {
	background-color: white;
	padding: 20px 120px;
}

.pipeline-menu {
	width: 79px;
	height: auto;
	background-color: #2B3443;
	text-align: center;
	float: left;
}

.pipeline-fixed-col-select {
	left: 530px;
	margin-top: 22px;
	top: auto;
	position: absolute !important;
	background-color: white;
}

.pipeline-icon {
	padding: 25px 26px;
	background-color: #2B3443;
	color: white;
	padding-left: 29px;
	font-size: 2em;
}

.pipeline-info {
	padding-top: 62px;
	padding-bottom: 62px;
}

.pipeline-minus {
	color: #939CAB;
	font-size: 2em;
	padding-top: 10px;
	padding-bottom: 10px;
}

.pipeline-question {
	color: #FFEE9A;
	font-size: 2em;
	padding-top: 10px;
	padding-bottom: 10px;
}

.pipeline-circle-o-notch {
	padding: 10px;
	font-size: 2em;
	padding-top: 10px;
	padding-bottom: 10px;
}

.pipeline-top {
	font-family: 'Proxima Nova Rounded';
	color: #8a94a5;
	padding-left: 0px;
	font-weight: 700;
	margin-left: 0px;
	text-align: center;
	padding-bottom: 8px;
	text-transform: uppercase;
}

.pipeline-top>li {
	list-style: none;
	display: inline;
}
button[class^="signoff"].pipeline-card-btn:disabled {
	opacity: 1 !important;
	color: #c5cbd3;
	border-color: #d3d8de;
}

.pipeline-card-btn.deploy-blue:disabled {
	opacity: 1 !important;
  color: #98c6e6 !important;
  border-color: #add1eb !important;
	position: relative;
}

.pipeline-version {
	text-align: center;
	color: white;
	font-weight: 600;
	font-size: 1em;
	margin-bottom: 10px;
	width: 85px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: #1D2531;
	border: 0px;
	direction: ltr;
	border-radius: 5px;
	padding: 6px 4px;
	word-wrap: break-word;
}

.pipline-version:focus,.pipline-version:active {
	outline: 0px;
}

.pipeline-count {
	text-align: center;
	color: #aab1bd;
	font-weight: 400;
	font-size: 0.8em;
	margin-bottom: 15px;
}

.btn-pass {
	color: #1AAC89 !important;
	border: 1px solid #98CCBF !important;
}

.btn-pass:hover {
	border: 1px solid #1AAC89 !important;
}

.pipeline-card {
	background-color: white;
	text-align: center;
	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	transition-duration: .5s;
	border-top: 4px solid #939cab;
	margin: 15px 15px;
	white-space: normal;
	position: relative;
}

.pipeline-card-hover {
	cursor: pointer;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
}

.pipeline-pass {
	border-top: 4px solid #1aac89;
}

.pipeline-fail {
	border-top: 4px solid #e60062;
}

.pipeline-close {
	color: #e60062;
	font-size: 2em;
	padding-top: 10px;
	padding-bottom: 10px;
}

.pipeline-check {
	color: #1aac89;
	font-size: 2em;
	padding-top: 10px;
	padding-bottom: 10px;
}

.pipeline-row {
	background-color: #ebf1f5;
	height: 200px;
}

.pipeline-row:hover {
	background-color: #F1F6F9;
}

.pipeline-components {
	color: white;
	background-color: #525f77;
	width: 30px;
	height: 30px;
	border-radius: 6px;
	margin-left: auto;
	margin-right: auto;
}

.pipeline-components:hover {
	background-color: #5D6A82;
	cursor: pointer;
}

.pipeline-gears {
	text-align: center;
	vertical-align: sub;
	padding-top: 8px;
	padding-left: 8px;
}

.pipeline-scroll-col {
	white-space: nowrap;
	vertical-align: bottom;
	text-align: center;
	height: 240px;
}

.pipeline-table>table {
	border-collapse: separate;
	width: 100%;
}

.pipeline-table>table>tr>td {
	margin: 0;
	border: 3px solid grey;
	border-top-width: 0px;
	white-space: nowrap;
}

.pipeline-table {
	width: calc(100% - 70px);
	overflow-x: scroll;
	margin-right: -15px;
	margin-left: -15px;
	overflow-y: visible;
	padding-bottom: 1px;
	float: right
}

.pipeline-fixed-col {
	background-color: #2B3443;
	width: 100px;
	border-top: 1px #454C58 solid;
	top: auto;
	height: 240px;
	border-right: 0px none black;
}

.pipeline-fixed-col-title {
	left: 330px;
	margin-top: 1px;
	width: 253px;
	top: auto;
	position: absolute !important;
	background-color: white;
}

.pipeline-card-all {
	width: 200px;
	margin: 19px 15px;
	margin-right: auto;
	margin-left: auto;
	color: #939CAB;
}

.pipeline-nothing-text {
	text-align: center;
	font-family: 'Proxima Nova Rounded', sans-serif;
	font-size: 2em;
	margin-top: 30px;
	margin-bottom: 30px;
	color: #BCC1CB;
}

.pipeline-fixed-col-div {
	position: relative;
	float: left;
	width: 100px;
	margin-left: -15px;
	z-index: 1;
}

#fixed-first-column-table {
	margin-top: 28px;
}

.clickable {
	cursor: pointer;
}

.input-group-btn>button {
	border: 1px #D2DAE3 solid;
	color: #727580;
}

.input-group-btn:focus,.input-group-btn:blur {
	border: 1px #D2DAE3 solid;
	color: #727580;
	outline-width: 0px;
}

.open>.dropdown-toggle.btn-default {
	background-color: #ebf1f5;
	color: #727580;
	border: 1px #D2DAE3 solid;
}

.open>.dropdown-toggle.btn-default>ul>li:hover {
	background-color: #ebf1f5;
	color: #686a76;
}

.open>.dropdown-toggle.btn-default>ul>li {
	color: #686a76;
}

.open>.dropdown-toggle:hover {
	background-color: rgb(69, 154, 213) !important;
}

.pipeline-title1 {
	font-family: 'Proxima Nova Rounded';
	font-size: 1em;
	font-weight: 500;
	text-align: center;
	z-index: 1;
}

.pipeline-title2 {
	text-align: center;
	padding: 10px 10px;
}

.pipeline-title3 {
	text-align: center;
	padding: 10px 10px;
	padding-top: 0px;
}

.notifications-arrow {
	font-size: 1.5em;
	padding-right: 14px;
	color: rgb(183, 191, 203);
	padding-top: 9px;
}

.notifications-arrow:hover {
	color: #353F52;
	cursor: pointer;
}

input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill
	{
	border: 1px solid #dfe6ed !important;
	-webkit-box-shadow: 0 0 0 50px #ebf1f5 inset;
	-webkit-text-fill-color: #686a76;
}

#side-divider {
	background-color: #2e3648;
	height: 5px;
	margin-bottom: 20px;
	margin-top: 10px;
	margin-left: -25px;
	margin-right: -25px;
	border-top: 1px solid #2b3443;
	border-bottom: 1px solid #3c485c;
}

.side-logo {
	width: 140px;
}

#side-top {
	margin-top: 20px;
	margin-bottom: 5px;
	padding-left: 8px;
	padding-right: 10px;
}

.summary-nav>li {
	font-family: 'Proxima Nova Rounded';
	font-weight: 500;
	color: #8a94a5;
	list-style: none;
	padding: 20px 15px;
	margin-right: 10px;
	margin-left: 10px;
	display: inline;
	list-style-type: none;
}

.summary-nav {
	margin-bottom: 19px;
	width: auto;
}

.summary-nav>li:hover {
	color: #686a76;
	cursor: pointer;
}

.summary-nav>li.active {
	color: #686a76;
	border-bottom: 2px solid rgb(69, 154, 213);
}

#side-col {
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: 'Proxima Nova Rounded', sans-serif;
	font-weight: 400;
	padding-left: 10px;
	padding-right: 10px;
}

#side-col-title {
	font-family: 'Proxima Nova Rounded', sans-serif;
	color: #606d86;
	font-weight: 700;
}

#side-col-title>ul {
	list-style: none;
	text-transform: uppercase;
	padding-left: 0px;
}

#side-col-title>p {
	margin-bottom: 15px;
}

#side-col-title>ul>a>li>i {
	font-size: 1.8em;
	padding-right: 15px;
	position: relative;
	top: 2px;
}

#side-col-title>ul>a>li {
	color: #a0aabf;
	margin-bottom: 0px;
	margin-left: -25px;
	padding-left: 25px;
}

#side-col-title>ul>a>li.active {
	padding-left: 22px;
}

#side-col-title>ul>a>li.active {
	background-color: #2b3443;
	color: white;
}

#toggleSub>a>li {
	padding-top: 14px;
	padding-bottom: 14px;
	padding-right: 25px;
	font-family: 'Proxima Nova Rounded', sans-serif;
	font-weight: 600;
	padding-left: 25px;
	margin-right: -25px;
	font-size: .75em;
	color: #a0aabf;
	margin-bottom: 0px;
	margin-left: 11px;
}

#toggleSub>a>li:hover {
	background-color: #2b3443;
	margin-left: -25px;
	color: white;
	padding-left: 61px;
}

.rotate-down {
	transform: rotate(90deg);
}

#side-col-title>ul>a>li {
	padding-top: 10px;
	padding-bottom: 12px;
	padding-right: 25px;
	font-family: 'Proxima Nova Rounded', sans-serif;
	font-weight: 600;
	padding-left: 25px;
	margin-right: -25px;
	font-size: .75em;
	color: #a0aabf;
	margin-bottom: 0px;
	margin-left: -25px;
}

#toggleSub>a>li.active {
	background-color: #2b3443;
	margin-left: -25px;
	color: white;
	padding-left: 58px;
	border-left: 3px solid #A0AABF;
}

#toggleSub {
	list-style: none;
	padding-left: 0px;
}

#side-col-title>ul>li {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 12px;
	margin-left: -35px;
	margin-right: -25px;
	padding-bottom: 15px;
	color: #a0aabf;
}

a,a:hover,a:visited,a:focus {
	color: inherit;
	text-decoration: none;
}

#side-col-title>ul>a>li:hover {
	color: white;
	background-color: #2b3443;
}

#side-col>.col-md-12>#side-col-title>ul>a>li.active {
	background-color: #2b3443;
	margin-left: -25px;
	color: white;
	border-left: 3px solid #4799d3;
}

#side-col>.col-md-12>#side-col-title>ul>a>li.active>i {
	color: white;
}

.navbar.navbar-default.collapsing {
	height: auto !important;
}

#bar-search-icon {
	padding-right: 0px;
	border: none;
	color: #7b8594;
	background-color: white;
}

.small-menu {
	color: #a0aabf;
	position: absolute;
	top: 70px;
	background-color: white;
	border: 1px solid #eeeff3;
	font-size: 16px;
	list-style: none;
	right: 0px;
	z-index: -1;
	-webkit-padding-start: 0px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-animation-duration: .25s;
	animation-duration: .25s;
	border-radius: 5px;
}

.rotate-menu {
	transform: rotate(180deg);
}

.small-menu-triangle {
	height: 12px;
	width: 12px;
	position: absolute;
	background-color: #FBFCFD;
	transform: rotate(45deg);
	top: -6px;
	border-top: 1px solid #EEEFF3;
	border-left: 1px solid #EEEFF3;
	right: 10px;
}

.navbar-default .navbar-nav>.open>a {
	background-color: inherit;
}

#bar-bell {
	z-index: 3;
}

.panel-title-theme {
	font-size: 1em;
	color: white;
	font-family: 'Proxima Nova Rounded';
}

.panel-title-theme>i {
	color: white;
	font-size: 1.5em;
	margin-left: auto;
	margin-right: auto;
}

.small-menu>li {
	padding: 17px 34px;
	background-color: #FBFCFD;
	color: #7D8796;
	width: 167px;
	font-size: 14px;
}

.small-menu>li:hover {
	background-color: #F7F8F9;
	cursor: pointer;
}

.small-menu>a>li {
	padding: 17px 34px;
	background-color: #FBFCFD;
	color: #7D8796;
	width: 167px;
	font-size: 14px;
}

.small-menu>a>li:hover {
	background-color: #F7F8F9;
	cursor: pointer;
}

.nav-account {
	float: left;
	display: inline-flex;
	border-right: 1px solid #eeeff3;
	border-left: 0px;
	color: #757782 !important;
	text-align: center;
	font-size: 1.5em;
	-webkit-user-select: none;

}

.nav-account:hover {
	background-color: rgb(69, 154, 213);
	color: white !important;
	cursor: pointer;
}

.nav-account:hover>a>span {
	color: white
}

.tenant-field {
	padding: 15px 20px;
	font-size: 1em;
	display: inline-block !important;
	background-color: white;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-left: 1px solid #eeeff3;
	border-right: 1px solid #eeeff3;
	color: #7b8594;
	text-align: center;
}

.tenant-field:hover {
	background-color: rgb(69, 154, 213);
	color: white;
	cursor: pointer;
}

.tenant-menu {
	z-index: -1;
	text-align: center;
  max-width: 200px;
	position: absolute;
	padding: 0px 0px;
	background-color: #FBFCFD;
	list-style: none;
	right: 172px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin: 0px 0px;
	top: 50px;
	-webkit-padding-start: 0px;
	border-top: 1px solid #EEEFF3;
	border-left: 1px solid #EEEFF3;
	border-right: 1px solid #EEEFF3;
	border-bottom: 1px solid #EEEFF3;
	border-radius: 5px;
	overflow-y: scroll;
}

.menu-scrollbar::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

.menu-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.animate-fast {
	-vendor-animation-duration: .25s;
	-webkit-animation-duration: .25s;
	animation-duration: .25s;
	-vendor-animation-delay: .25s;
}

.tenant-menu>li:not (:last-child ) {
	text-align: center;
	padding: 17px;
	color: #7b8594;
	border-bottom: 1px solid #EEEFF3;
	background-color: #FBFCFD;
}

.tenant-menu>li {
	text-align: center;
	padding: 17px;
	color: #7b8594;
	background-color: #FBFCFD;
  overflow: auto;
  text-overflow: ellipsis;
}

.tenant-menu>li:last-child {
	border-radius: 0px 0px 5px 5px;
}

.tenant-menu>li:first-child {
	border-radius: 5px 5px 0px 0px;
}

.tenant-menu>li:hover {
	color: #596579;
	background-color: #F7F8F9;
	cursor: pointer;
}

.tenant-menu>li:hover>.small-menu-triangle {
	color: #596579;
	background-color: #F7F8F9 !important;
	cursor: pointer;
}

.accordion-heading {
	font-family: 'Proxima Nova Rounded', sans-serif;
	text-transform: uppercase;
	box-shadow: 0px 0px 0px 0px;
	border: 0px;
	color: white;
	font-size: 1em;
	background-color: #707d95;
}

.fifth-class-citizen .panel-default>.panel-heading {
	background-color: #EEF1F5 !important;
	color: #828080 !important;
	text-transform: none !important;
	height: 34px;
	margin: 0;
	padding-top: 9px;
	border-bottom: none;
}

.fifth-class-citizen .panel-default>.panel-heading>.panel-title>.glyphicon-chevron-down:before
	{
	color: #CAC8C8 !important;
}

#small-menu>li:hover {
	color: #596579;
}

#small-menu>li:first-child:hover>.small-menu-triangle {
	background-color: #F7F8F9 !important;
}

#body-col {
	padding: 10px 10px;
	border-top: 1px solid #d8dfe5;
	border-bottom: 1px solid #d8dfe5;
	background-color: #ebf1f5;
}

.profiles-body-col {
	padding: 0px 30px 0px 30px;
	border-top: 1px solid #d8dfe5;
	border-bottom: 1px solid #d8dfe5;
}

.client-theme>b {
	font-family: 'Proxima Nova Rounded';
	text-transform: uppercase;
	color: #8a94a5;
	font-size: 1em;
}

.client-theme {
	font-family: "Proxima Nova Rounded";
	color: #686a76;
	font-size: 1em;
}

#body-title {
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
}

#body-title-admin {
	margin-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
}

#body-title-admin>.col-sm-6>h3 {
	margin: 0px 0px;
}

#body-title-admin>.col-sm-12>h3 {
	margin: 0px 0px;
}

#bottom-pills {
	background-color: #E7EEF8;
	text-transform: uppercase !important;
}

.endpoint-body {
	border-left: 2px solid #aeb6c2;
	padding-left: 30px;
	margin-bottom: 15px;
	margin-top: 18px;
	margin-left: 33px;
}

.panel-timeline {
	color: #7c889d;
	display: inline-block;
	margin-left: 10px;
	font-family: 'Proxima Nova Rounded';
	text-transform: uppercase;
}

#endpoint-icon {
	margin-left: 15px;
	border: 2px solid #aeb6c2;
	font-size: 1.5em;
	padding: 20px 20px;
	border-radius: 50px;
	color: #aeb6c2;
}

.scroll-up {
	position: fixed;
	width: 50px;
	display: inline-block;
	z-index: 99999;
	text-align: center;
	vertical-align: bottom;
	bottom: 20px;
	border-radius: 50px;
	right: 20px;
	height: 50px;
	background-color: rgba(53, 63, 82, 0.1);
}

.scroll-up:hover {
	cursor: pointer;
	background-color: rgba(53, 63, 82, 0.4);
}

.scroll-up>i {
	color: white;
	font-size: 30px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 8px;
}

.endpoint-options-fixed {
	position: fixed;
	top: 50px;
	width: 323px;
}

#theme-icon {
	color: white;
	font-size: 16px;
	margin-right: 10px;
}

/** CSS BOOTSTRAP OVERWRITE **/
/
.panel-default {
	border: 0px;
	box-shadow: 0px 0px 0px 0px;
}

.btn-success-theme:visited,.btn-success-theme:active,.btn-success-theme:focus,.btn-success-theme
	{
	background-color: #1aac89;
	color: white !important;
	font-size: .9em;
	text-transform: uppercase;
	padding-top: 9px;
	font-weight: 600;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 8px;
	font-family: 'Proxima Nova Rounded';
}

.btn-primary-theme:visited,.btn-primary-theme:active,.btn-primary-theme:focus,.btn-primary-theme
  {
  color: white !important;
  font-size: .9em;
	text-transform: uppercase;
	padding-top: 9px;
	font-weight: 600;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 8px;
	font-family: 'Proxima Nova Rounded';
}

.fa.fa-5x.fa-angle-right {
	color: #707d95;
}

.btn-success-theme:hover {
	background-color: #36C6A3;
	border: 1px solid transparent;
	cursor: pointer;
}

.btn-primary-theme:hover {
	border: 1px solid transparent;
	cursor: pointer;
}

.btn-danger-theme:visited,.btn-danger-theme:active,.btn-danger-theme:focus,.btn-danger-theme
	{
	text-transform: uppercase;
	font-size: .9em;
	padding-top: 9px;
	padding-bottom: 8px;
	font-weight: 600;
	font-family: 'Proxima Nova Rounded';
	background-color: #e60062;
	padding-left: 15px;
	padding-right: 15px;
	color: white !important;
}

.btn-danger-theme:hover {
	background-color: #EB3A86;
	border: 1px solid transparent;
}

.btn-danger-theme-sm:visited,.btn-danger-theme-sm:active,.btn-danger-theme-sm:focus,.btn-danger-theme-sm
	{
	text-transform: uppercase;
	font-size: .75em;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: 600;
	padding-bottom: 4px;
	font-family: 'Proxima Nova Rounded';
	background-color: #e60062;
	color: white !important;
}

.btn-danger-theme-sm:hover {
	background-color: #EB3A86;
	border: 1px solid transparent;
}

.btn-danger-theme-sm2:visited,.btn-danger-theme-sm2:active,.btn-danger-theme-sm2:focus,.btn-danger-theme-sm2
	{
	text-transform: uppercase;
	font-size: .75em;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: 600;
	padding-bottom: 2px;
	font-family: 'Proxima Nova Rounded';
	background-color: #e60062;
	color: white !important;
}

.btn-danger-theme-sm2:hover {
	background-color: #EB3A86;
	border: 1px solid transparent;
}

.btn-default-theme:visited,.btn-default-theme:active,.btn-default-theme:focus,.btn-default-theme
	{
	text-transform: uppercase;
	font-size: .9em;
	padding-top: 9px;
	padding-bottom: 8px;
	padding-left: 15px;
	padding-right: 15px;
	font-weight: 400;
	font-family: 'Proxima Nova Rounded';
	background-color: white;
	color: #8a94a5;
	border: 1px solid #d8dfe5;
}

.btn-slack-request, .btn-slack-request:focus, .btn-slack-request:visited, .btn-slack-request:active {
	padding: .563em 1.5em .563em .563em;
	font-size: 1em;
	border: 1px solid #4990e2;
}

.btn-default-theme:hover {
	border: 1px solid #8a94a5;
	cursor: pointer;
	background-color: white;
}

.center-default-btn-theme {
	text-transform: uppercase;
	font-size: .9em;
	padding-top: 9px;
	padding-bottom: 8px;
	padding-left: 15px;
	padding-right: 15px;
	font-weight: 400;
	font-family: 'Proxima Nova Rounded';
	background-color: white;
	color: #8a94a5;
	border: 1px solid #d8dfe5;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: table;
	padding: 10px 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
}

.center-default-btn-theme:hover {
	border: 1px solid #8a94a5;
	cursor: pointer;
	background-color: white;
}

.center-default-btn-theme>i {
	margin-right: 5px;
}

.btn-warning-theme:visited,.btn-warning-theme:active,.btn-warning-theme:focus,.btn-warning-theme
	{
	text-transform: uppercase;
	font-size: .9em;
	padding-top: 9px;
	padding-bottom: 8px;
	padding-left: 15px;
	padding-right: 15px;
	font-weight: 400;
	font-family: 'Proxima Nova Rounded';
	background-color: white;
	color: #4799d3;
	border: 1px solid #4799d3;
}

.btn-warning-theme:hover {
	border: 1px solid #4799d3;
	background-color: #4799d3;
	color: white;
}

.btn-auxiliary-theme:visited,.btn-auxiliary-theme:active,.btn-auxiliary-theme:focus,.btn-auxiliary-theme
{
	text-transform: uppercase;
	font-size: .9em;
	padding-top: 9px;
	padding-bottom: 8px;
	padding-left: 15px;
	padding-right: 15px;
	font-weight: 400;
	font-family: 'Proxima Nova Rounded';
	background-color: #4799d3;
	color: white;
	border: 1px solid #4799d3;
}

.btn-auxiliary-theme:hover {
	border: 1px solid #7bafea;
	background-color: #7bafea;
	color: white;
}

.btn-danger>i {
	color: white;
}

.btn-success>i {
	color: white;
}

.btn-vertical {
	background-color: #7d8aa6;
	border-left: 0px;
	font-size: 12px;
	border-right: 0px;
	font-family: 'Proxima Nova Rounded', sans-serif;
	text-transform: uppercase;
	border-top: 1px solid #949fb6;
	color: white;
	border-bottom: 1px solid #616f89;
}

.btn-vertical:hover {
	border-left: 0px;
	border-right: 0px;
	background-color: #929EB7;
	color: white;
	border-top: 1px solid #949fb6;
	border-bottom: 1px solid #616f89;
}

.panel {
	border: 0px;
	box-shadow: 0px 0px 0px 0px;
}

.show-button {
	width: 150px;
	border: 1px solid #d8dfe5;
	margin-left: auto;
	margin-right: auto;
	border-radius: 3px;
	font-size: 12px;
	font-weight: 700;
	color: #8a94a5;
	font-family: 'Proxima Nova Rounded', sans-serif;
	padding: 7px;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
}

.show-button:hover {
	border-color: #8a94a5;
	cursor: pointer;
}

.search-no-results {
	padding: 20px 112px;
	font-family: 'Proxima Nova Rounded', sans-serif;
	color: #7B8594;
	margin-top: -1px;
}

.menu-search-close {
	height: 20px;
	background-color: #DBDCDF;
	border-radius: 50%;
	width: 20px;
	padding: 2px 2px;
	font-size: 1.25em;
	color: white;
	position: relative;
	padding-left: 4.5px;
	top: 5px;
	padding-top: 3px;
}

.menu-search-close:hover {
	cursor: pointer;
}

.table-responsive {
	color: #707d95;
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #F8FBFF;
}

.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th
	{
	padding: 10px 20px;
}

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th
	{
	text-overflow: ellipsis;
	padding: 5px 20px;
	line-height: 1.22857143;
	vertical-align: middle;
	border-top: 1px solid #ddd;
}

.table>thead>tr>th {
	font-weight: 400;
	padding: 10px 20px;
	vertical-align: bottom;
	border-bottom: 1px solid #DBE2ED;
}

.table>caption {
	background-color: #F8FBFF;
	padding: 10px 20px;
	font-weight: 400;
	border-bottom: 1px solid #DBE2ED;
}

.panel-footer {
	background-color: white;
	border-top: 1px solid #FAFAFB;
}

.panel-heading>.container-fluid>.row>.col-xs-6>h4 {
	font-family: 'Proxima Nova Rounded', sans-serif;
	text-transform: uppercase;
	color: white;
}

.table-condensed {
	font-family: "Proxima Nova Rounded";
	color: #707d95;
}

.panel-heading>.container-fluid>.row>.col-xs-6>a>i {
	color: white;
	margin-left: 5px;
}

.remove-left-padding {
	padding-left: 0px;
}

.automation-heading {
	display:inline;
	margin: 0px 0px;
}

.automation-table {
	background-color: white;
	margin-bottom:0px;
	border-radius: 3px 3px 0px 0px;
}

.automation-table>thead>tr>th {
	padding: 14px 30px;
	background-color: #707D95;
	color: white;
	font-weight: 500;
}

.automation-table>tbody>tr>td>input {
	width: 100%;
	margin: 0px 10px;
	background-color: white;
	color: #707D95;
	border: 0px;
	padding: 5px 10px;
	border-radius: 0px;
}

.margin-left-20 {
	margin-left: 20px;
}

.margin-left-10 {
	margin-left: 10px;
}

.notifications-table {
    background-color: white;
    border-radius: 3px;
	table-layout: auto;
}

.notifications-table-div {
	overflow-x: scroll;
	overflow-y: visible;
	padding-bottom: 1px;
}

.notifications-table>thead>tr>th {
    background-color: #707D95;
    color: white;
    font-weight: 500;
}

.notifications-table>tbody>tr>td>input {
    width: 100%;
    background-color: white;
    color: #707D95;
    border: 0px;
    border-radius: 0px;
}

.notifications-na {
    color:lightgrey;
}

.admin-table {
	background-color: white;
	border-radius: 3px;
}

.admin-table>thead>tr>th {
	background-color: #707D95;
	color: white;
	font-weight: 500;
}

.admin-table>tbody>tr>td>input {
	width: 100%;
	margin: 0px 10px;
	padding: 2px 2px 2px 2px;
	background-color: white;
	color: #707D95;
	border: 0px;
	border-radius: 0px;
}

.admin-tr {
	width: 100%;
	margin: 0px 10px;
	padding: 1px 1px 1px 1px;
	background-color: white;
	color: #707D95;
	border: 0px;
	border-radius: 0px;
}

.admin-na {
	color:lightgrey;
	padding: 4% 35%;
}

.admin-checkbox {
    padding: 4% 35%;
}

.environments-input-validation {
	margin-right: 30px;
}

.endpoints-table {
	background-color: white;
	border-radius: 3px;
	table-layout: auto;
}

.endpoints-table td {
	white-space: normal;
	overflow: visible;
}

.endpoints-table>thead>tr>th {
	padding: 14px 20px;
	background-color: #707D95;
	color: white;
	font-weight: 500;
}

.endpoints-data-output {
	width: 100%;
	margin: 0px 10px;
	background-color: white;
	color: #707D95;
	border: 0px;
	padding: 5px 10px;
	border-radius: 0px;
}

.endpoints-editable {
	border-radius: 5px !important;
	border-bottom: 0px solid rgba(112, 125, 149, 0.2) !important;
	background-color: #EBF1F5 !important;
	color: #686a76;
	margin-right: 10px;
	box-shadow: none;
	font-family: 'Proxima Nova Rounded', sans-serif;
	padding: 6px 12px;
	width: 100%;
	border: 0px;
}

.endpoints-editable:focus,.endpoints-editable:active {
	outline: 0px;
}

.endpoints-table-edit,.endpoints-table-edit:active,.endpoints-table-edit:focus
	{
	padding: 4px 20px;
	display: block;
	width: 69px;
	text-align: center;
	margin: 0px auto;
}

.endpoints-table-new {

}

.ng-hide-active,.ng-leave-active {
	display: none !important;
}

.endpoints-table-btn,.endpoints-table-btn:active,.endpoints-table-btn:focus
	{
	display: inline-block;
	text-align: center;
	padding: 4px 20px;
	margin: 5px 0 0 0;
}

.label-primary>i {
	vertical-align: inherit;
}

.permissions-panel-heading {
	font-family: 'Proxima Nova Rounded', sans-serif;
	padding: 15px 10px 30px 10px;
	box-shadow: 0px 0px 0px 0px;
	border: 0px !important;
	border-radius: 3px 3px 0px 0px;
	color: white !important;
	background-color: #707d95 !important;
}

.panel-heading {
	font-family: 'Proxima Nova Rounded', sans-serif;
	text-transform: uppercase;
	padding: 15px 15px;
	box-shadow: 0px 0px 0px 0px;
	border: 0px !important;
	color: white !important;
	background-color: #707d95 !important;
}

.title-text {
	font-size: large;
}

.label-primary {
	background-color: #707d95;
	margin: 15px 10px;
	padding: 8px 20px;
}

#loading-bar .bar {
	background-color: #4799d3;
	z-index: 999999999;
}

#not-found-bg {
	position: fixed;
	top: 0;
	height: 100%;
	z-index: 9999999;
	width: 100%;
	left: 0;
	background: #76c9f1; /* Old browsers */
	background: -moz-linear-gradient(top, #76c9f1 0%, #c0e5dd 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76c9f1),
		color-stop(100%, #c0e5dd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #76c9f1 0%, #c0e5dd 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #76c9f1 0%, #c0e5dd 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #76c9f1 0%, #c0e5dd 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #76c9f1 0%, #c0e5dd 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76c9f1',
		endColorstr='#c0e5dd', GradientType=0); /* IE6-9 */
}

.maintenance {
	position: fixed;
	top: 0;
	height: 100%;
	z-index: 9999999;
	width: 100%;
	left: 0;
	background: #76c9f1; /* Old browsers */
	background: -moz-linear-gradient(top, #76c9f1 0%, #c0e5dd 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76c9f1),
	color-stop(100%, #c0e5dd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #76c9f1 0%, #c0e5dd 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #76c9f1 0%, #c0e5dd 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #76c9f1 0%, #c0e5dd 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #76c9f1 0%, #c0e5dd 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76c9f1',
	endColorstr='#c0e5dd', GradientType=0); /* IE6-9 */
}

.maintenance-content {
	position: absolute;
    text-align: center;
	margin: auto;
	top: 50%;
    width: 50%;
	left: 0;
	z-index: 99999999;
	right: 0;
}

#not-found-bg:hover {
	cursor: pointer;
}

.signoffRow {
	background-color: #ebf1f5;
	border-radius: 12px;
	margin: 10px 10px;
}

.signoffInfo {
	display: inline;
	font-family: 'Proxima Nova Rounded', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #8a94a5;
	position: relative;
	top: -30px;
	background-color: white;
	margin: 5px;
	padding: 0px 10px;
}

.signoff-slack-request {
	display: inline;
	position: relative;
	float:right;
	height: 20%;
	width: 30%;
	top: -30px;
	background-color: white;
}

.signoff-slack-label {
	display: inline;
	font-family: 'Proxima Nova Rounded', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #8a94a5;
	position: relative;
	background-color: white;
	padding: 0 6px;
}

.signoff-slack-request-top {
	padding: .563em .563em .563em .563em;
	font-weight:bold;
	letter-spacing: 0.5px;
	color: #8a94a5;
	font-family: 'Proxima Nova Rounded',
	sans-serif;text-transform: uppercase;
}

.signoff-slack-request-label {
	height: 20%;
	width: 25%;
	display: inline;
	float:right;
	top: -30px;
	font-family: 'Proxima Nova Rounded', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #8a94a5;
}

.signoff-slack-img{
	height: 15%;
	width: 15%;
}

.signoff-slack-dropdown{
	margin-right: 0%;
	margin-left: 0%;
}

.signoff-top-orange {
	border-color: #FF9200;
	color: #FF9200;
}

.signoff-top-green {
	border-color: #1aac89;
	color: #1aac89;
}

.signoff-count {
	color: #8a94a5;
}

.signoff-top-grey {
	border-color: #8a94a5;
	color: #8a94a5;
}

.signoff-top-blue {
	border-color: #4799d3;
	color: #4799d3;
}

.not-found-middle {
	width: 400px;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 99999999;
	right: 0;
}

.signoff-container {
	padding: 20px 20px;
	border-radius: 12px;
	margin-top: 30px;
	margin-bottom: 30px;
	border: 1px solid #E5E5E5;
}

@media ( max-width :600px) {
	.not-found-middle {
		width: 80%;
	}
}

.body-scroll-locked {
	overflow: hidden;
}

.not-found-bottom {
	position: absolute;
	bottom: 0px;
}

.signoff-orange {
	color: #FF9200;
	border-color: #FFD49B;
}

.signoff-orange:hover {
	border-color: #FF9200;
	color: #FF9200;
	cursor: pointer;
}

.signoff-blue {
	color: #4799d3;
	border-color: #9FC6E0;
}

.signoff-blue:hover {
	border-color: #4799d3;
	color: #4799d3;
	cursor: pointer;
}

.signoff-green {
	color: #1aac89;
	border-color: #75D8BC;
}

.signoff-green:hover {
	border-color: #1aac89;
	color: #1aac89;
	cursor: pointer;
}

.signoff-grey {
	color: #8a94a5;
	border-color: #d8dfe5;
}

.signoff-grey:hover {
	color: #8a94a5;
	cursor: pointer;
	border-color: #8a94a5;
}

.showList {
	display: block !important;
}

.permissions-list {
	position: absolute;
	list-style: none;
	right: 0px;
	margin-right: 16px;
	min-width: 150px;
	margin-top: 5px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	font-size: .75em;
	width: calc(100% - 31px);
	padding: 3px 0px;
	border: 1px solid gainsboro;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f7f7f7+100 */
	background: #ffffff; /* Old browsers */
}

.permissions-list>li {
	padding: 5px 15px;
	color: rgba(89, 101, 121, 0.25);
}

.permissions-list>li>span.highlighted {
	font-weight: 600;
	color: rgb(89, 101, 121);
}

.permissions-list>li>span.highlighted:hover {
	background-color: #479AD5;
	cursor: pointer;
	color: white;
}

.permissions-list>li:hover {
	background-color: #479AD5;
	cursor: pointer;
	color: white;
}

.permissions-users>h3 {
	font-family: 'Proxima Nova Rounded', sans-serif;
	font-size: 1em;
	text-align: center;
	color: rgba(112, 125, 149, 0.5);
	text-transform: uppercase;
}

.permissions-users>ul {
	margin: 10px 10px;
	padding: 0px 0px;
	list-style: none;
}

.permissions-users>ul>li {
	padding: 5px 10px;
	color: #596579;
	position: relative;
	font-size: 1.5em;
	margin: 10px 0px;
	border-radius: 5px;
	background-color: rgba(235, 241, 245, 0.5);
}

.permissions-users>ul>li>div {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.permissions-assign {
	right: 5px;
	float: right;
	position: relative;
	padding: 4px 18px;
	border-radius: 5px;
}

.permissions-assign:hover {
	right: 0px;
	-webkit-transition: right 0.25s ease;
	-moz-transition: right 0.25s ease;
	-o-transition: right 0.25s ease;
	transition: right 0.25s ease;
	cursor: pointer;
	background-color: rgba(255, 255, 255, 0.50);
}

.permissions-unassign {
	right: 0px;
	float: right;
	position: relative;
	padding: 4px 18px;
	border-radius: 5px;
}

.permissions-unassign:hover {
	right: 5px;
	-webkit-transition: right 0.25s ease;
	-moz-transition: right 0.25s ease;
	-o-transition: right 0.25s ease;
	transition: right 0.25s ease;
	cursor: pointer;
	background-color: rgba(255, 255, 255, 0.50);
}

.permissions-more-title {
	font-family: 'Proxima Nova Rounded', sans-serif;
	font-size: 0.75em;
	border-bottom: 1px solid #ECEFF0;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.permissions-cog {
	float: right;
	font-size: .85em;
	margin-right: 5px;
	position: relative;
	padding: 5px 18px;
	border-radius: 5px;
}

.permissions-more-field {
	background-color: #E7EDF2;
	border: 0px;
	padding: 10px;
	border-radius: 5px;
	width: 100%;
}

.permissions-more-field:hover {
	background-color: #E2E8EE;
	cursor: pointer;
}

.permissions-more-field:focus {
	outline: none;
	box-shadow: 0px 0px 1px 1px #64A6D5;
	background-color: #EBF1F5;
}

.permissions-cog:hover {
	cursor: pointer;
	background-color: rgba(255, 255, 255, 0.50);
}

.profiles-select {
	margin-top:15px;
	display:inline-block;
}

.profiles-remove {
	display: inline-block;
	padding: 4px 11px;
	margin: 0px 10px;
}

.profiles-remove-span {
	font-size: 1.25em;
}

.profiles-save {
	margin-top: 15px;
}

.profiles-same-line-element {
	display: inline-block;
}

.profiles-panel-body{
	height:400px;
	overflow:auto;
}


/*** Class created as per RELEN-634 **/
.profiles-permissions-table {
	width: 100%;
	max-width: 100%;
	overflow-x: scroll;
	margin-bottom: 20px;
}
/** Class to inherit the .table class attributes **/
.profiles-permissions-table>thead>tr>th {
	font-weight: 400;
	padding: 10px 20px;
	vertical-align: bottom;
	border-bottom: none;
}

/** Class to inherit the .table class attributes **/
.profiles-permissions-table td {
	padding: 5px 20px;
	line-height: 1.22857143;
	vertical-align: middle;
	border-top: 1px solid #ddd;
}

.panel-body{
	height:100%;
	overflow:auto;
}

@media ( max-width : 900px) {
	.permissions-cog {
		display: none;
	}
}

.list-group-item {
	background-color: #F3F3F3;
}

.creation-title {
	font-family: 'Proxima Nova Rounded', sans-serif;
	text-transform: uppercase;
	font-size: 1em;
	color: rgba(112, 125, 149, 0.5);
}

.creation-changed {
	font-family: 'Proxima Nova Rounded', sans-serif;
	text-transform: uppercase;
	text-align: center;
	font-size: .75em !important;
	padding-top: 23px !important;
	padding-bottom: 22px !important;
}

.creation-data {
	padding: 20px 30px;
	border-top: 1px solid rgba(184, 190, 202, 0.1);
	color: #495A7A;
	background-color: #FBFBFB;
	font-size: 1em;
	text-transform: none;
	margin-left: -30px;
	margin-right: -30px;
}

.creation-data-alt-tbody>tr:last-child>td:first-child {
	border-bottom-left-radius: 3px;
}

.creation-data-alt-tbody>tr:last-child>td:last-child {
	border-bottom-right-radius: 3px;
}

.creation-data-alt-tbody>tr:nth-last-child(3) {
	border-bottom: 1px solid #DDDDDD;
}

.creation-data-alt {
	color: #495A7A;
	font-size: 1em;
	text-transform: none;
	padding: 0px 12px;
	color: #495A7A;
	font-size: 1em;
	margin: 0 -20px;
}

.creation-close-i {
	font-size: 1.25em;
	position: relative;
	right: 28px;
	top: 2px;
	color: #707D95;
}

.creation-data-alt-row {
	background-color: white;
}

.creation-data-alt-row:hover {
	background-color: #FBFBFB;
}

.creation-data-alt-row>td {
	height: 60px;
	padding: 0px 30px !important;
}

.icon-left-spacer {
	padding-left: 5px;
}

.creation-selection {
	padding: 13px 30px;
	font-size: 1em;
	margin-left: -30px;
	border-top: 1px solid rgba(184, 190, 202, 0.1);
	margin-right: -30px;
	background-color: #FBFBFB;
}

.creation-edited {
	background-color: #FBFBFB;
}

.creation-add-property {
	text-transform: uppercase;
	font-size: 1em;
	padding-top: 9px;
	padding-bottom: 8px;
	padding-left: 15px;
	padding-right: 15px;
	font-weight: 400;
	font-family: 'Proxima Nova Rounded';
	background-color: white;
	color: #8a94a5;
	border: 0px solid #d8dfe5;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: inline-block;
	padding: 9px 20px;
	border-radius: 5px;
	padding: 5px 10px;
}

.pipeline-card-highlight>.pipeline-card.pipeline-post-deploy-fail>i,.pipeline-card-highlight>.pipeline-card.pipeline-post-deploy-fail,.pipeline-card-highlight>.pipeline-post-deploy-fail>.pipeline-title1,
.pipeline-card.pipeline-post-deploy-fail>.col-sm-4>i
	{
	border-color: #2374f6 !important;
	color: #2374f6 !important;
}

.pipeline-post-deploy-fail,.pipeline-post-deploy-fail>i,.pipeline-post-deploy-fail>.pipeline-title1, .pipeline-post-deploy-fail>.col-sm-4>i
	{
	border-color: #9dc1fb !important;
	color: #9dc1fb !important;
}

.pipeline-timed-out,.pipeline-timed-out>.col-sm-4>i,.pipeline-timed-out>i,.pipeline-timed-out>.pipeline-title1,
.pipeline-timed-out>.pipeline-pane-deploy-reason
	{
	border-color: #ffea80 !important;
	color: #ffea80 !important;
}

.pipeline-in-progress,.pipeline-in-progress>i,.pipeline-in-progress>.col-sm-4>i,.pipeline-in-progress>.pipeline-title1
	{
	border-color: #7DCFFF !important;
	color: #7DCFFF !important;
}

.pipeline-card-highlight>.pipeline-card.pipeline-in-progress>i,.pipeline-card-highlight>.pipeline-card.pipeline-in-progress,.pipeline-card-highlight>.pipeline-in-progress>.pipeline-title1,
.pipeline-card-highlight>.pipeline-card.pipeline-in-progress>.col-sm-4>i
	{
	color: #2AAFFE !important;
	border-color: #2AAFFE !important;
}

.pipeline-card-highlight>.pipeline-card.pipeline-pass>i,.pipeline-card-highlight>.pipeline-card.pipeline-pass>.col-sm-4>i,
.pipeline-card-highlight>.pipeline-card.pipeline-pass,.pipeline-card-highlight>.pipeline-pass>.pipeline-title1
	{
	color: #0F8000 !important;
	border-color: #0F8000;
}

.pipeline-card-highlight>.pipeline-pass>.pipeline-pane-deploy-reason {
	color: #52c7ab !important;
}

.pipeline-pass,.pipeline-card.pipeline-pass>i,.pipeline-card.pipeline-pass>.col-sm-4>i,.pipeline-pass>.pipeline-title1,
.pipeline-pass>.pipeline-pane-deploy-reason
	{
	color: #8AD9C6 !important;
	border-color: #8AD9C6;
}

.pipeline-card-highlight>.pipeline-card.pipeline-fail>i,.pipeline-card-highlight>.pipeline-card.pipeline-fail,.pipeline-card-highlight>.pipeline-fail>.pipeline-title1,
.pipeline-card-highlight>.pipeline-card.pipeline-fail>.col-sm-4>i
	{
	color: #e60062 !important;
	border-color: #e60062;
}

.pipeline-fail,.pipeline-card.pipeline-fail>i,.pipeline-close,.pipeline-fail>.pipeline-title1,
.pipeline-post-deploy-fail>.pipeline-pane-deploy-reason,.pipeline-card.pipeline-fail>.col-sm-4>i
	{
	color: #fa9ec6 !important;
	border-color: #fa9ec6;
}

.pipeline-card-highlight>.pipeline-post-deploy-fail>.pipeline-pane-deploy-reason, .pipeline-card-highlight>.pipeline-fail>.pipeline-pane-deploy-reason {
	color: #f86da9 !important;
}

.pipeline-card-highlight>.pipeline-card.pipeline-timed-out>i,.pipeline-card-highlight>.pipeline-card.pipeline-timed-out,
.pipeline-card-highlight>.pipeline-timed-out>.pipeline-title1,.pipeline-card-highlight>.pipeline-card.pipeline-timed-out>.col-sm-4>i
	{
	color: #ffd507 !important;
	border-color: #ffd507 !important;
}

.pipeline-card-highlight>.pipeline-not-started>.pipeline-pane-deploy-reason, .pipeline-card-highlight>.pipeline-timed-out>.pipeline-pane-deploy-reason {
	color: #ffd91a !important;
}

.pipeline-not-started,.pipeline-not-started,.pipeline-not-started>i,.pipeline-not-started>.pipeline-title1,
.pipeline-not-started>.pipeline-pane-deploy-reason,.pipeline-not-started>.col-sm-4>i
{
	border-color: #ffea80 !important;
	color: #ffea80 !important;
}

.creation-add-property:hover {
	border: 0px solid #8a94a5;
	cursor: pointer;
	background-color: white;
}

.ng-hide-add-active {
	-webkit-animation-duration: .0s !important;
	animation-duration: .0s !important;
}

.form-expand {
	width: 50% !important;
	float: right !important;
}

.form-expand:focus,.form-expand:active,.form-expand.ng-dirty {
	width: 100% !important;
	-webkit-transition: all 0.25s ease; /* Safari */
	transition: all 0.25s ease;
}

.creation-add-input {
	border: none;
	border-radius: 5px;
	padding: 5px;
	color: #707D95;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 10px;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	border: 0px;
	color: #686a76;
	margin-right: 10px;
	box-shadow: none;
	border-bottom: 1px solid #d2dae3;
	border-radius: 0px;
	padding: 0px;
	outline: 0px !important;
	box-shadow: 0px !important;
	padding: 10px 0px;
	width: 85%;
	margin: 0px 0px;
}

.creat-tag-old>div:first-child {
	width: 20px;
	height: 20px;
	background: #707D95;
	border-radius: 3px;
	display: inline-block;
	border: 6px solid #EBF1F5;
}

.creat-tag-old>p {
	display: inline-block;
	margin: 0px;
	position: relative;
	top: -5px;
	margin-left: 10px;
	color: #707D95;
	font-size: .8em;
	font-weight: 500;
}

.creat-tag-new>div:first-child {
	width: 20px;
	height: 20px;
	background: #FFFFFF;
	border-radius: 3px;
	display: inline-block;
	border: 6px solid #32ADFF;
	margin-left: 10px;
}

.creat-tag-new>p {
	display: inline-block;
	margin: 0px;
	position: relative;
	top: -5px;
	margin-left: 10px;
	color: #707D95;
	font-size: .8em;
	font-weight: 500;
}

.creat-tag-old,.creat-tag-new {
	display: inline-block;
}

.creation-add-input:focus {
	outline: none;
}

.creation-add-input:hover {
	cursor: pointer;
}

.creation-collapse {
	padding: 8px 15px;
	border-radius: 5px;
	color: #707D95;
}

.creation-collapse:hover {
	background-color: #F4F7F9;
	cursor: pointer;
}

.creation-close-i:hover {
	cursor: pointer;
}

.creation-edited-btn-container {
	margin-left: -30px;
	margin-right: -30px;
	border-top: 1px solid rgba(184, 190, 202, 0.1);
	background-color: #FBFBFB;
	padding: 16px 40%;
}

.creation-edited-btn {
	background-color: #707D95;
	color: white;
	padding: 6px;
	text-align: center;
	border-radius: 30px;
	font-family: 'Proxima Nova Rounded', sans-serif;
	width: auto;
	font-size: .8em;
}

.creation-row {
	background-color: white;
}

@media ( max-width :1050px) {
	.creat-title {
		font-size: 0em;
		margin: 0px 0px;
	}
	.copy-value-input {
		margin-top: -11px !important;
	}
	.creation-data {
		font-size: .75em;
	}
	.creation-selection {
		font-size: .75em;
	}
	.creation-row {
		background-color: #FBFBFB;
	}
}

.error-Msg {
	position: fixed;
	z-index: 10000;
	background-color: rgba(0, 0, 0, 0.27);
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
}

.error-Msg-close {
	padding: 5px 10px;
	margin: 0px !important;
	border-radius: 5px;
	margin-right: -8px !important;
	margin-top: -2px !important;
	color: rgba(255, 255, 255, 0.5);
}

.error-Msg-close:hover {
	cursor: pointer;
	background-color: rgba(0, 0, 0, .1);
	color: rgba(255, 255, 255, 1);
}

.error-Msg-body {
	width: 300px;
	border-radius: 5px;
	box-shadow: 0px 0px 30px 3px rgba(0, 0, 0, 0.26);
	height: auto;
	background-color: white;
	position: absolute;
	top: 20%;
	left: 50%;
	margin: -70px 0 0 -170px;
}

.error-Msg-top {
	background-color: rgb(230, 0, 98);
	padding: 10px 20px;
	font-family: 'Proxima Nova Rounded', sans-serif;
	color: white;
	border-radius: 5px 5px 0px 0px
}

.error-Msg-body-title {
	padding: 20px 20px;
	padding-bottom: 0px;
}

.error-Msg-top>i {
	margin-right: 5px;
}

.error-Msg-send {
	width: 140px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: .8em;
	border: 1px solid #E60062;
	font-family: 'Proxima Nova Rounded', sans-serif;
	text-align: center;
	border-radius: 5px;
	padding: 5px;
	color: #E60062;
}

.error-Msg-send:hover {
	cursor: pointer;
	color: white;
	background-color: #E60062;
}

.error-Msg-body-list>li {
	word-break: break-word;
}

.error-Msg-body-list {
	padding: 15px 40px;
}

.msg-box {
	padding: 10px 20px;
}

.top-spacer {
	padding-top: 52px;
}

.runtimeStacks-no-art {
	font-size: 1.5em;
	color: #9CA3A8;
}

.runtimeStack-close:hover {
	cursor: pointer;
	background-color: rgb(206, 216, 224);
}

.runtimeStack-btn {
	font-size: .6em;
	display: block;
	text-align: left;
	width: 160px;
	padding: 10px 34px;
	margin: 15px 0px;
}

.runtimeStack-search-term {
	background-color: #32ADFF;
	display: inline-block;
	padding: 7px 17px;
	border-radius: .25em;
	margin: 10px 15px;
	color: white;
}

.runtimeStack-search-term:hover {
	cursor: pointer;
	background-color: #54BAFF;
}

.runtimeStack-search-term>i {
	padding-top: 2px;
	padding-left: 5px;
	margin-top: -6px;
	margin-right: -12px;
	font-size: .75em;
}

.runtimeStack-input {
	background-color: #EBF1F5;
	border: none;
	border-radius: 5px;
	padding: 5px;
	color: #707D95;
	-webkit-animation-duration: .25s;
	animation-duration: .25s;
	width: 100%;
	height: 40px;
	margin-top: -11px;
}

.runtimeStack-fixed-col {
	background-color: #2B3443;
	width: 150px;
	border-top: 1px #454C58 solid;
	top: auto;
	height: 240px;
	border-right: 0px none black;
	padding: 57px 5px 0px 5px;
}

.runtimeStack-boxset-name {
	text-align: center;
	color: #aab1bd;
	font-weight: 700;
	font-size: 15px;
	margin-bottom: 15px;
	text-decoration: underline;
}

.runtimeStack-table>table {
	border-collapse: separate;
	width: 100%;
}

.runtimeStack-table>table>tr>td {
	margin: 0;
	border: 3px solid grey;
	border-top-width: 0px;
	white-space: nowrap;
}

.runtimeStack-table {
	width: auto;
	overflow-x: scroll;
	margin-right: -15px;
	margin-left: -15px;
	overflow-y: visible;
	padding-bottom: 1px;
}

.automation-input {
	background-color: #EBF1F5;
	border: none;
	border-radius: 5px;
	padding: 5px;
	color: #707D95;
	-webkit-animation-duration: .25s;
	animation-duration: .25s;
	width: 100%;
	height: 40px;
	margin-bottom: 20px;
	margin-top: 3px;
}

.btn-autopromotion {
	vertical-align: middle;
	width: 75%;
	height: 100%;
}

.btn-autopromotion-add {
	padding-top: 20px;
}

.grey-control-pane {
    background-color: #EBF1F5;
    border: none;
    border-radius: 5px;
    padding: 5px;
    color: #707D95;
    width: 100%;
    height: 60px;
    margin-bottom: 20px;
    margin-top: 3px;
}

.stack-input-hover:active:focus,.stack-input-hover:active,.stack-input-hover:focus
	{
	outline: none;
}

.runtimeStacks-copy {
	width: 20%;
	height: 40px;
	margin-top: -11px;
	margin-left: -3px;
	padding: 13px 9px;
	color: #707D95;
	border-radius: 0px 5px 5px 0px;
	vertical-align: middle;
	display: inline-block;
	background-color: #DDE5EB;
}

.runtimeStacks-copy:hover {
	cursor: pointer;
	background-color: #D8E3EB;
}

.runtimeStack-btn:active {
	font-size: .6em;
	display: block;
	text-align: left;
	color: #333;
	width: 160px;
	padding: 10px 34px;
	margin: 15px 0px;
}

.panel-input {
	background-color: #EBF1F5;
	border: none;
	border-radius: 5px;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 5px;
	color: #707D95;
	-webkit-animation-duration: .25s;
	animation-duration: .25s;
	width: 100%;
	height: 40px;
}

.add-properties>form>input,.add-properties>form>input:focus {
	background: #32ADFF;
	border: 0px;
	outline: none;
}

.add-properties>form>input::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.5);
	text-transform: uppercase;
}

.add-properties>form>input::-moz-placeholder {
	color: rgba(255, 255, 255, 0.5);
	text-transform: uppercase;
}

.add-properties:hover {
	cursor: pointer;
}

.rotate90 {
	transform: rotate(90deg);
}

.highlighted {
	font-weight: 700;
	color: #596579;
}

.dropdown-menu-theme {
	color: #919FB7;
	padding: 5px 15px;
}

.dropdown-menu-size {
	width: auto;
	right: calc(100% - 33px);
}

.dropdown-button {
	border-radius:0px;
}

.dropdown-menu-theme:hover {
	background-color: #F5F6F7;
	cursor: pointer;
}

.dropdown-menu-theme.active {
	background-color: #F5F6F7;
}

.list-refresh {
	text-align: center;
	color: #919FB7;
	font-size: 2em;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
}

.adddef-title {
	font-family: 'Proxima Nova Rounded', sans-serif;
	font-size: 1em;
	color: #596579;
	margin: 5px 0px;
	text-transform: uppercase;
}

.addArt-btn {
	display: block;
	width: 123px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

.addArt-check {
	position: absolute;
	right: 27px;
	top: 8px;
	font-size: 1.25em;
	color: #4799D3;
}

.addArt-times {
	position: absolute;
	right: 27px;
	top: 8px;
	font-size: 1.25em;
	color: #e60062;
}

.addArt-primary {
	height: 61px;
	font-size: 1.25em;
	padding: 16px 32px;
}

.addArt-primary>i:hover {
	cursor: pointer;
}

.addArt-remove {
	height: 22px;
	width: 25px;
	margin: 0px 0px;
	padding: 0px 0px;
}

.addArt-remove:focus,.addArt-remove:active {
	height: 22px !important;
	width: 25px !important;
	margin: 0px 0px !important;
	padding: 0px 0px !important;
}

.copy-value-input {
	margin-top: -10px;
	float: right;
	width: 15%;
	background-color: #D5E0E6;
	height: 40px;
	border-radius: 0px 5px 5px 0px;
	margin-left: -15px;
	vertical-align: bottom;
	text-align: center;
	padding-top: 10px;
}

.panel-footer>.row {
	overflow: hidden;
	margin-left: 5px;
	margin-right: 5px;
}

.panel-title-theme {
	font-family: 'Proxima Nova Rounded', sans-serif;
	font-size: 1em;
}

.runtimeStack-input:focus {
	outline: 0px;
	box-shadow: inset 0px 0px 3px 0px #4799D3;
}

.copy-val-input {
	width: 85%;
	border-radius: 5px 0px 0px 5px;
}

.add-definition-btn {
	font-family: 'Proxima Nova Rounded', sans-serif;
	font-size: .5em;
	color: #8a94a5;
	font-weight: 400;
	margin-bottom: 10px;
	border-radius: 5px;
	padding: 10px 20px;
	display: inline-block;
	border: 1px solid #8a94a5;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 200px;
	margin: 17px auto;
}

.boxset-definition-btn-div {
	display: inline-block;
}

.boxset-definition-guide-modal {
	position: fixed;
	width: 60%;
	margin: 5% auto;
	bottom: 30%;
}

.properties-def-title {
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: 'Proxima Nova Rounded', sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	color: #9AA1AF;
	font-size: .8em;
	margin-left: 10px;
}

.def-hover:hover {
	cursor: pointer;
}

.push-down-error {
	margin-top: 38px;
}

.add-definition-btn:hover {
	cursor: pointer;
}

.pipline-timeline-date {
	font-family: 'Proxima Nova Rounded', sans-serif;
	text-transform: uppercase;
	color: #686a76;
	display: inline-block;
	width: 150px;
	text-align: center;
	padding: 10px;
	margin-left: 30px;
}

.pipeline-time-time {
	font-family: 'Proxima Nova Rounded', sans-serif;
	text-transform: uppercase;
	padding: 8px 20px;
	color: #7f818a;
	display: inline-block;
	vertical-align: top;
	width: 110px;
	text-align: center;
}

.pipeline-time-deployment {
	display: inline-block;
	padding: 30px;
	width: calc(100% - 115px);
	border-left: 1px solid #d7d8d8;
	padding-top: 0px;
	padding-bottom: 5px;
}

.pipline-timeline-spacer {
	background-color: #F3F5F6;
	height: 20px;
	margin-bottom: -15px;
	border-radius: 15px;
	padding-right: 0px;
	margin-top: -5px;
}

.pipeline-time-time-spacer {
	padding: 20px;
}

.pipeline-timeline-check {
	position: absolute;
	background-color: #F8F8F8;
	padding: 6px;
	color: #1aac89;
	border-radius: 50%;
	border: 1px solid #D7D8D8;
	margin-left: -45px;
	margin-top: 6px;
	box-shadow: 0px 0px 0px 8px #F8F8F8;
}

.pipeline-timeline-null {
	position: absolute;
	background-color: #F8F8F8;
	padding: 6px 8px;
	color: #939CAB;
	border-radius: 50%;
	border: 1px solid #D7D8D8;
	margin-left: -45px;
	margin-top: 6px;
	box-shadow: 0px 0px 0px 8px #F8F8F8;
}

.disabled {
	pointer-events: none;
	cursor: not-allowed;
	filter: alpha(opacity = 65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
}

.btn-danger-theme-disabled {
	background-color: #DF5992;
	border-color: #DF5992;
}

.btn-danger-theme-disabled:hover {
	background-color: #DF5992;
	border-color: #DF5992;
	cursor: not-allowed;
}

.pipeline-timeline-minus {
	position: absolute;
	background-color: #F8F8F8;
	padding: 6px 8px;
	color: #e60062;
	border-radius: 50%;
	border: 1px solid #D7D8D8;
	margin-left: -45px;
	margin-top: 6px;
	box-shadow: 0px 0px 0px 8px #F8F8F8;
}

.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled].focus,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover
	{
	background-color: #6AC9B2;
	border-color: #6AC9B2;
}

.pipeline-timeline-clock {
	position: absolute;
	background-color: #F8F8F8;
	padding: 7px 8px;
	color: #ffd507;
	border-radius: 50%;
	border: 1px solid #D7D8D8;
	margin-left: -45px;
	margin-top: 6px;
	box-shadow: 0px 0px 0px 8px #F8F8F8;
}

.pipeline-timeline-notch {
	position: absolute;
	background-color: #F8F8F8;
	padding: 7px 8px;
	color: #2AAFFE;
	border-radius: 50%;
	border: 1px solid #D7D8D8;
	margin-left: -45px;
	margin-top: 6px;
	box-shadow: 0px 0px 0px 8px #F8F8F8;
}

.create-properties,.create-properties>div {
	display: inline-block;
}

.create-properties>div {
	background: #32adff;
	color: white;
	border: 0px;
	padding: 10px 15px;
	font-weight: 500;
	margin: 5px 10px;
	font-size: .75em;
	border-radius: 3px;
}

.add-properties {
	background: #32adff;
	color: white;
	border: 0px;
	padding: 10px 13px;
	float: right;
	font-weight: 500;
	font-size: .75em;
	text-align: center;
	margin: 5px 10px;
	display: inline-block;
	border-radius: 3px;
}

.fixed-rotate {
	transform: rotate(90deg) !important;
}

.panel-rotate:hover>i {
	transform: rotate(90deg);
	transition-duration: .25s;
}

.repeat-animation {
	position: relative;
}

.repeat-animation.ng-enter-stagger,.repeat-animation.ng-leave-stagger,.repeat-animation.ng-move-stagger
	{
	/* notice how we're using animation instead of transition here */
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
	/* yes we still need to do this too */
	-webkit-animation-duration: 0;
	animation-duration: 0;
}

.repeat-animation.ng-move,.repeat-animation.ng-enter {
	opacity: 0;
	-webkit-animation: enter_animation 0.1s;
	animation: enter_animation 0.1s;
}

.repeat-animation.ng-leave {
	-webkit-animation: leave_animation 0.1s;
	animation: leave_animation 0.1s;
}

@
-webkit-keyframes enter_animation {from { opacity:0;

}

to {
	opacity: 1;
}

}
@
keyframes enter_animation {from { opacity:0;

}

to {
	opacity: 1;
}

}
@
-webkit-keyframes leave_animation {from { opacity:1;

}

xto {
	opacity: 0;
}

}
@
keyframes leave_animation {from { opacity:1;

}

to {
	opacity: 0;
}

}
.modal {
	z-index: 99999 !important;
}

.modal-backdrop {
	z-index: 99999 !important;
}

.move-up-scroll {
	bottom: 85px;
}

.pipeline-timeline-square {
	position: absolute;
	height: 10px;
	width: 10px;
	background-color: inherit;
	transform: rotate(45deg);
	margin-left: -23px;
	margin-top: 3px;
}

.pipeline-timeline-modal-title {
	font-family: 'Proxima Nova Rounded', sans-serif;
	text-transform: uppercase;
	margin: 7px;
	color: #a3a3a8;
	font-size: .8em;
}

.pipeline-hr{
	width:80%;
	border-width: 2em;
	alignment: center;
}
.pipeline-timeline-modal-title-small {
	font-family: 'Proxima Nova Rounded', sans-serif;
	text-transform: uppercase;
	margin: 7px;
	color: #838FA5;
	font-size: .8em;

}

.pipeline-timeline-modal-title-colored{
	color: #838FA5;
	font-weight: bold;
}

.pipeline-timeline-modal-title-updated{
	color : #838FA5;
	font-size: 0.8em;
	float: left;
	margin: 4px;
}

.pipeline-timeline-modal-title-no-side-margins {
	color : #838FA5;
	font-size: 0.8em;
	float: left;
	margin-top: 4px;
	margin-bottom: 4px;
}


.pipeline-timeline-modal-input {
	margin: 0px 7px;
	padding: 5px 10px;
	border: 0px;
	background-color: #f3f5f6;
	color: #727480;
	border-radius: 5px;
}

.pipeline-timeline-modal-input-small {
	margin: 0px 7x;
	padding: 5px 10px;
	border: 0px;
	background-color: #f3f5f6;
	color: #727480;
	border-radius: 5px;
	font-size: 0.8em;
	text-align : center;
}

.line-under-row {
	/* This is for the lines that go under a row in the pipeline timeline modal */
	margin-top: -.8em;
}

.pipeline-modal-rows{
	padding-top: 15px;
}

.pipeline-modal-joburl{
	padding-bottom: 9px;
}

.pipeline-modal-footer {
	display:inline-block;
}

.pipeline-timeline-modal-input:focus,.pipeline-timeline-modal-input:active
	{
	outline: none;
}

.pipeline-timeline-code {
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
	color: #c7254e;
	border: 0px;
	background-color: #f9f2f4;
	padding: 10px 20px;
	background: #FFFFFF;
	color: #686A76;
	padding-top: 0px;
	padding-bottom: 0px;
}

@media ( max-width : 800px) {
	.navbar-left {
		display: none;
	}
	.nav-filter {
		display: none !important;
	}
}

.label-primary-hover {
	padding: 10px 20px;
	color: #707D95;
	background-color: #EBF1F5;
	width: 100%;
	overflow: hidden;
	border: 0px;
	margin: 0px;
	text-align: center;
	transition-duration: .25s;
	display: inline-block !important;
	margin-bottom: 10px;
}

.label-primary-hover-td {
	padding-bottom: 0px !important;
}

#side-col>.col-md-12>#side-col-title>ul>a>li.disabled {
	color: rgba(160, 170, 191, 0.5);
}

.btn-success-theme-disabled {
	background-color: #6AC9B2;
	border-color: #6AC9B2;
}

.status-reason-red{
	color: #e60062;
}

.signoff-red {
	color: #e60062;
	border-color: #F97AB0;
}

.signoff-red:hover {
	color: #e60062;
	border-color: #e60062;
	cursor: pointer;
}

.btn-success-theme-disabled:hover {
	cursor: not-allowed;
	background-color: #6AC9B2;
}

.pipline-timeline-spacer-red {
	background-color: #f9f2f4;
	height: 20px;
	margin-bottom: -15px;
	margin-left: -15px;
	margin-right: -15px;
	border-radius: 15px;
	padding-right: 0px;
	margin-top: -10px;
}

.permissions-users-hover {
	color: rgba(89, 101, 121, 0.75) !important;
}

.arrow-rotate-down {
	transform: rotate(180deg);
}

.showmoretenants-hover {
	color: #878F9D;
}

.showmoretenants-hover:hover {
	background-color: #F8F8FB;
	cursor: pointer;
}

.showmoretenants-hover:hover>.arrow-rotate-down {
	transform: rotate(180deg);
}

.permissions-users-hover:hover {
	cursor: pointer;
	color: rgba(89, 101, 121, 1) !important;
}

.selected-permission {
	background-color: rgb(235, 241, 245) !important;
	color: rgba(89, 101, 121, 1) !important;
}

.permissions-arr {
	width: 25%;
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
	text-overflow: ellipsis;
	padding: 5px 10px;

}
.permissions-arr-endpoints {
	width: 50%;
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
	text-overflow: ellipsis;
	padding: 5px 5px;
}

.permissions-arr-environment{
	text-align:center;
}

.user-profile-img {
	border-radius: 50%;
	height: 100px;
	margin: 15px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 53px;
}

.scrollable-ul-menu {
	height: auto;
	max-height: 400px;
	overflow-x: hidden;
}

.ios7-switch {
	display: inline-block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
}

.ios7-switch input {
	opacity: 0;
	position: absolute;
}

.ios7-switch input[disabled]+span:after {
	background: #F3F3F3;
}

.ios7-switch input[disabled]+span {
	background: #F3F3F3;
}

.ios7-switch input+span {
	position: relative;
	display: inline-block;
	width: 1.65em;
	height: 1em;
	background: white;
	box-shadow: inset 0 0 0 0.0625em #e9e9e9;
	border-radius: 0.5em;
	vertical-align: -0.15em;
	transition: all 0.40s cubic-bezier(.17, .67, .43, .98);
}

.ios7-switch:active input+span,.ios7-switch input+span:active {
	box-shadow: inset 0 0 0 0.73em #e9e9e9;
}

.ios7-switch input+span:after {
	position: absolute;
	display: block;
	content: '';
	width: 0.875em;
	height: 0.875em;
	border-radius: 0.4375em;
	top: 0.0625em;
	left: 0.0625em;
	background: white;
	box-shadow: inset 0 0 0 0.03em rgba(0, 0, 0, 0.1), 0 0 0.05em
		rgba(0, 0, 0, 0.05), 0 0.1em 0.2em rgba(0, 0, 0, 0.2);
	transition: all 0.25s ease-out;
}

.ios7-switch:active input+span:after,.ios7-switch input+span:active:after
	{
	width: 1.15em;
}

.ios7-switch input:checked+span {
	box-shadow: inset 0 0 0 0.73em #4cd964;
}

.ios7-switch input:checked+span:after {
	left: 0.7125em;
}

.ios7-switch:active input:checked+span:after,.ios7-switch input:checked+span:active:after
	{
	left: 0.4375em;
}

/* accessibility styles */
.ios7-switch input:focus+span:after {
	box-shadow: inset 0 0 0 0.03em rgba(0, 0, 0, 0.15), 0 0 0.05em
		rgba(0, 0, 0, 0.08), 0 0.1em 0.2em rgba(0, 0, 0, 0.3);
	background: #fff;
}

.ios7-switch input:focus+span {
	box-shadow: inset 0 0 0 0.0625em #dadada;
}

.ios7-switch input:focus:checked+span {
	box-shadow: inset 0 0 0 0.73em #33be4b;
}

/* reset accessibility style on hover */
.ios7-switch:hover input:focus+span:after {
	box-shadow: inset 0 0 0 0.03em rgba(0, 0, 0, 0.1), 0 0 0.05em
		rgba(0, 0, 0, 0.05), 0 0.1em 0.2em rgba(0, 0, 0, 0.2);
	background: #fff;
}

.ios7-switch:hover input:focus+span {
	box-shadow: inset 0 0 0 0.0625em #e9e9e9;
}

.ios7-switch:hover input:focus:checked+span {
	box-shadow: inset 0 0 0 0.73em #4cd964;
}

.ios7-switch-alt {
	display: inline-block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
}

.ios7-switch-alt input {
	opacity: 0;
	position: absolute;
}

.ios7-switch-alt input[disabled]+span:after {
	background: #F3F3F3;
}

.ios7-switch-alt input[disabled]+span {
	background: #F3F3F3;
}

.ios7-switch-alt input+span {
	position: relative;
	display: inline-block;
	width: 1.65em;
	height: 1em;
	background: rgba(0, 0, 0, 0.25);
	box-shadow: inset 0 0 0 0.0625em rgba(0, 0, 0, 0.5);
	border-radius: 0.5em;
	vertical-align: -0.15em;
	transition: all 0.40s cubic-bezier(.17, .67, .43, .98);
}

.ios7-switch-alt:active input+span,.ios7-switch-alt input+span:active {
	box-shadow: inset 0 0 0 0.73em rgba(0, 0, 0, 0.5);
}

.ios7-switch-alt input+span:after {
	position: absolute;
	display: block;
	content: '';
	width: 0.875em;
	height: 0.875em;
	border-radius: 0.4375em;
	top: 0.0625em;
	left: 0.0625em;
	background: white;
	box-shadow: inset 0 0 0 0.03em rgba(0, 0, 0, 0.1), 0 0 0.05em
		rgba(0, 0, 0, 0.05), 0 0.1em 0.2em rgba(0, 0, 0, 0.2);
	transition: all 0.25s ease-out;
}

.ios7-switch-alt:active input+span:after,.ios7-switch-alt input+span:active:after
	{
	width: 1.15em;
}

.ios7-switch-alt input:checked+span {
	box-shadow: inset 0 0 0 0.73em #449AD4;
	background-color: white;
}

.ios7-switch-alt input:checked+span:after {
	left: 0.7125em;
}

.ios7-switch-alt:active input:checked+span:after,.ios7-switch-alt input:checked+span:active:after
	{
	left: 0.4375em;
}

/* accessibility styles */
.ios7-switch-alt input:focus+span:after {
	box-shadow: inset 0 0 0 0.03em rgba(0, 0, 0, 0.15), 0 0 0.05em
		rgba(0, 0, 0, 0.08), 0 0.1em 0.2em rgba(0, 0, 0, 0.3);
	background: white;
}

.ios7-switch-alt input:focus+span {
	box-shadow: inset 0 0 0 0.0625em rgba(0, 0, 0, 0.5);
}

.ios7-switch-alt input:focus:checked+span {
	box-shadow: inset 0 0 0 0.73em #449AD4;
}

/* reset accessibility style on hover */
.ios7-switch-alt:hover input:focus+span:after {
	box-shadow: inset 0 0 0 0.03em rgba(0, 0, 0, 0.1), 0 0 0.05em
		rgba(0, 0, 0, 0.05), 0 0.1em 0.2em rgba(0, 0, 0, 0.2);
	background: white;
}

.ios7-switch-alt:hover input:focus+span {
	box-shadow: inset 0 0 0 0.0625em rgba(0, 0, 0, 0.5);
}

.ios7-switch-alt:hover input:focus:checked+span {
	box-shadow: inset 0 0 0 0.73em #449AD4;
}

.btn-primary {
    background: #0099cc;
    color: #ffffff;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #33a6cc;
}

.btn-primary:active, .btn-primary.active {
    background: #007299;
    box-shadow: none;
}

.delegate-select {
	margin-bottom: 30px;
}

.transparent-button {
	background: transparent;
	border: none !important;
	outline: none;
}

.boxset-property-value td {
    padding-top: .5em;
}

.tailed-table {
	margin-bottom: 0;
	border-radius: 3px 3px 0 0;
}

.tailed-table tr button {
	display: none;
}

.tailed-table tr:hover button {
    display: block;
}

.tailed-table-tail{
    border-top: 1px solid #ddd;
	background: white;
    overflow: auto;
}

.tailed-table-button {
	padding: 10px 20px;
}

.form-error-message {
    color: red;
}

.notificationsEndpoints{
	width:210px;
}

.notificationsControls{
	margin-top: 45px;
	margin-bottom: 15px;
}

.notificationsTableHeader{
	word-wrap: break-word;
}

.notificationsTableFooter{
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
}

.notificationTableContainer{
	overflow:scroll;
	margin-bottom: 0;
}

.btn-rerun-post-deploy {
    width: 257px;
    height: 40px;
    border-radius: 5px;
    background-color: #4990e2;
    border: solid 1px #4990e2;
}

.btn-rerun-post-deploy:visited,.btn-rerun-post-deploy:active,.btn-rerun-post-deploy:focus, .btn-rerun-post-deploy:hover {
    background-color: #7bafea;
}

.txt-rerun-post-deploy {
    padding-top: 6px;
    font-family: AvenirNextforINTUIT-Demi;
    font-size: 11px;
    text-align: center;
    color: white;
}

.tenant-menu>.inactive-tenant {
	color: #BBC4D1;
}

.vertical-resize {
	resize: vertical;
	align: center;
}

.help-icon:hover {
    color: #353F51;
	filter: brightness(1.75);
	cursor: help;
}

/* 
** CGDS "datepicker" flyout for HCAP Manager.
** This is the only way to set the z-index
**  to be greater than the sidecar that this
**  component lives within. Removing these lines
**  causes the datepicker flyout to be hidden
**  behind the sidecar. July 1, 2021
*/
[class*="FlyOut-flyOut"] {
	z-index: 9999;
}

[class*="DatePicker-flyout"] {
	z-index: 9999;
}