@import url('https://fonts.googleapis.com/css?family=Darker+Grotesque&display=swap');

@font-face {
	font-family: 'HKGrotesk-Italic';
	src: local('HKGrotesk-Italic'), local('HKGrotesk-Italic'), url('../fonts/HKGrotesk-Italic.otf') format('truetype');
}
@font-face {
	font-family: 'HKGrotesk-LightLegacy';
	src: local('HKGrotesk-LightLegacy'), local('HKGrotesk-LightLegacy'), url('../fonts/HKGrotesk-LightLegacy.otf') format('truetype');
}
@font-face {
	font-family: 'HKGrotesk-SemiBold';
	src: local('HKGrotesk-SemiBold'), local('HKGrotesk-SemiBold'), url('../fonts/HKGrotesk-SemiBold.otf') format('truetype');
}
@font-face {
	font-family: 'HKGrotesk-SemiBoldLegacy';
	src: local('HKGrotesk-SemiBoldLegacy'), local('HKGrotesk-SemiBoldLegacy'), url('../fonts/HKGrotesk-SemiBoldLegacy.otf') format('truetype');
}
@font-face {
	font-family: 'HKGrotesk-Light';
	src: local('HKGrotesk-Light'), local('HKGrotesk-Light'), url('../fonts/HKGrotesk-Light.otf') format('truetype');
}
@font-face {
	font-family: 'HKGrotesk-MediumLegacy';
	src: local('HKGrotesk-MediumLegacy'), local('HKGrotesk-MediumLegacy'), url('../fonts/HKGrotesk-MediumLegacy.otf') format('truetype');
}
@font-face {
	font-family: 'HKGrotesk-Black';
	src: local('HKGrotesk-Black'), local('HKGrotesk-Black'), url('../fonts/HKGrotesk-Black.otf') format('truetype');
}
.siteSurveyInsights p {
	font-family:HKGrotesk-SemiBoldLegacy, sans-serif;
}

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
body {
	font-family:HKGrotesk-LightLegacy, sans-serif;
	font-weight: 600;
	overflow-x: hidden;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
 blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.loginBackgroundImage {
  	background:url("../images/world_map.png") right center no-repeat;
  	background-size: 160% 120%;
}
.sgsgsg {
	width: 450px;
}
* {
	box-sizing: border-box;
}

/* Basic tag styling */
b {
	font-weight: 800;
}
h1 {
	font-size: 34px;
	font-weight: 600;
	text-align: center;
	margin: 10px 10px;
}
h2 {
	font-size: 26px;
	font-weight: 600;
	text-align: center;
	margin: 20px 0px;
	font-family:HKGrotesk-MediumLegacy, sans-serif;
}
h3 {
	font-size: 22px;
	color:#A2A5B3;
	font-family: 'HKGrotesk-SemiBoldLegacy', sans-serif;
}
p {
	text-align: left;
	margin: 0 auto;
	font-size: 14px;
	font-weight: 500;
}
h5 {
	font-size: 20px;
	color:#27272B;
}
h6 {
	font-size:16px;
	text-align: left;
	line-height: 16px;
	font-weight: 500;
}
select {
	font-size: 18px!important;
	outline: #e0e9ff;
}
input {
	outline: #e0e9ff;
}
label {
	font-size: 16px!important;
	font-family:HKGrotesk-Italic, sans-serif;
}
button {
	font-size: 14px!important;
	font-family:HKGrotesk-SemiBold, sans-serif;

}
textarea {
	 outline: #e0e9ff;
	 resize: none;
}

/*DASHBOARD NAV*/

.jsUserDDPopUp, .jsUserPopUpIconup, #main_wrapper_insights .jsUserPopUpIconup {
	display: none;
}
#main_wrapper_insights {
	background-color: white;
}
.bs-example {
	border-bottom: 1px solid #eaeaea;
}
.navbar {
    padding: 0px;
}
.nav-link {
    padding:34px 2rem;
}
.nav-link {
    padding:34px 2rem;
}
.navbar .navbar-nav a {
	border-bottom: 3px solid white;
}
.navbar .navbar-nav a.active {
	border-bottom: 3px solid #2286d4;
}
.navbar-brand {
    margin-right: 4rem;
    margin-left: 4rem;
}
#log_in_main {
	width: 200px;
	margin: 100px auto;
}
.closeCross {
	width: 20px;
	cursor: pointer;
}
.posAbsNavMenu {
	position: absolute;
	top: 50px;
	right: 0px;
	width: 400px;
	/*height: 400px;*/
	z-index: 9999;
}
.dropDownButton:hover {
	cursor: pointer;
}
.posAbsNavMenu p {
	letter-spacing: .5px;
}
.logOutPopUp:hover {
	cursor: pointer;
}
.logoImgOnLogin {
	width: 250px;
}
.logoImgOnLogin img {
	width: 100%;
}
.settingsHoverPopUp:hover {
	cursor: pointer;
	background-color: #e0e9ff;
	color: #1B75BB;
	border-radius: .25rem;
}
.settingsSideHover {
	cursor: pointer;
}
.cursorPointer {
	cursor: pointer;
}
#create_company label {
	white-space: nowrap;
}
#company_request_new_user_button {
	cursor: pointer;
}
nav.navbar div a, nav.navbar div p, nav.navbar div b {
	white-space: nowrap;
}
.closeCansel {
	width: 12px;
	height: 12px;
}
.closeCansel img {
	width: 100%;
}
.closeCansel:hover {
	background-color: #e0e9ff;
}
#navbarCollapse {
  list-style: none inside;
  margin: 0;
  padding: 0;
  text-align: center;
}

#navbarCollapse li {
  display: block;
  position: relative;
  background: #fff;
}

#navbarCollapse li a {
  font-family: 'HKGrotesk-LightLegacy',sans-serif;
}

#navbarCollapse li:hover {
  background: #fff;
}

#navbarCollapse ul {
  position: absolute;
  padding: 0;
  left: 0px;
  display: none;
  z-index: 9999;
}

#navbarCollapse li:hover ul ul {
  display: none;
}

#navbarCollapse li:hover ul {
  display: block;
}

#navbarCollapse li li:hover ul {
  display: block;
  margin-left: 200px;
  margin-top: -35px;
}

/*FEEDBACK ANIMATION*/

.feedbackAnimation {
	width: 48px;
	height: 48px;
	background-color: #2286d4;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	line-height: 60px;
	text-align: center;
	font-weight: bold;
	font-size: 38px;
}
.feedbackAnimation:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border:5px solid #2286d4;
	border-radius: 50%;
	animation: animate 2s linear infinite;
}
.feedbackAnimation:after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border:3px solid #2286d4;
	border-radius: 50%;
	animation: animate 2s 1s linear infinite;
}
.feedbackAnimation1 {
	width: 48px;
	height: 48px;
	background-color: #A30F27;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	line-height: 60px;
	text-align: center;
	font-weight: bold;
	font-size: 38px;
}
.feedbackAnimation1:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border:5px solid #A30F27;
	border-radius: 50%;
	animation: animate 2s linear infinite;
}
.feedbackAnimation1:after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border:3px solid #A30F27;
	border-radius: 50%;
	animation: animate 2s 1s linear infinite;
}
.feedbackAnimation2 {
	width: 48px;
	height: 48px;
	background-color: #facd00;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	line-height: 60px;
	text-align: center;
	font-weight: bold;
	font-size: 38px;
}
.feedbackAnimation2:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border:5px solid #facd00;
	border-radius: 50%;
	animation: animate 2s linear infinite;
}
.feedbackAnimation2:after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border:3px solid #facd00;
	border-radius: 50%;
	animation: animate 2s 1s linear infinite;
}
@keyframes animate {
	100% {
		transform: scale(2);
		opacity: 0;
	}
}


.notaPosAbs {
	position: absolute;
}
.indicatorBar1 {
	left: 0px;
	height: 22px;
}
.indicatorBar2 {
	left: 20px;
	height: 27px;
}
.indicatorBar3 {
	left: 40px;
	height: 32px;
}
.indicatorBar4 {
	left: 60px;
	height: 37px;
}
.indicatorBar5 {
	left: 80px;
	height: 42px;
}
.indicatorBar6 {
	left: 100px;
	height: 47px;
}
.indicatorBar7 {
	left: 120px;
	height: 52px;
}
.indicatorBar8 {
	left: 140px;
	height: 57px;
}
.indicatorBar9 {
	left: 160px;
	height: 62px;
}
.indicatorBar10 {
	left: 180px;
	height: 67px;
}
.borderRadius10 {
	border-radius: 10px;
}
.borderWhiteIndicatorNumber {
	border:2px solid #fff;
	width: 40px;
	height: 40px;
}
.borderRadius20 {
	border-radius: 20px;
}
.indicatorTransRotate {
	width: 6px;
	bottom: 26px;
}
.relIndicatorDash {
	height: 80px;
	width: 190px;
}
.numbersIndicatorAll {
	bottom: 0px;
}
.numbersIndicator1 {
	left: -1px;
}
.numbersIndicator2 {
	left: 20px;
}
.numbersIndicator3 {
	left: 40px;
}
.numbersIndicator4 {
	left: 60px;
}
.numbersIndicator5 {
	left: 80px;
}
.numbersIndicator6 {
	left: 100px;
}
.numbersIndicator7 {
	left: 120px;
}
.numbersIndicator8 {
	left: 140px;
}
.numbersIndicator9 {
	left: 160px;
}
.numbersIndicator10 {
	left: 176px;
}

/*CARDS */

.table td, .table th {
    border-top: none;
}
.card {
	flex-grow: 1;
	border:2px solid #F6F8FA;
}
.systemStatusDate {
	font-size: 14px;
	font-weight: 500;
}
.systemStatusCheck {
	width: 170px;
}
.insightsCompanyIcon {
	width: 22px;
	height: 22px;
}
.card h6 {
	font-family: 'HKGrotesk-SemiBold',sans-serif;
}
.card h2 {
	font-weight: 500;
	font-family: 'HKGrotesk-SemiBold',sans-serif;
}
#announcements h6 {
	font-family: 'HKGrotesk-SemiBold',sans-serif;
}
.letterSpacing05 {
	letter-spacing: 0.5px;
}
.borderRadius50 {
	border-radius: 50%;
}
.closeXClass {
	cursor: pointer;
}
.graphText {
	width: 80px;
}
.graphText1 {
	width: 170px;
	font-size: 14px;
}
.graphImgDashbord{
	width: 70px;
}
.graphImgDashbord img {
	width: 100%;
	display: none;
}
.jsOpenInsightsMitMeasure:hover,
.jsOpenInsightsExpiringAssessment:hover,
.jsOpenInsightsSecurityCost:hover,
.jsOpenInsightsAssetsCost:hover,
.jsShowMissingKeyMeasure:hover,
.jsShowMeasuresStarted:hover,
.jsOpenRisksActivelyManaged:hover {
	cursor: pointer;
}
.circleGraphInsights {
	width: 40px;
	height: 40px;
}
#main_wrapper_insights .card p {
	font-size: 12px;
	line-height: 14px;
}
.card1 {
	border-top-right-radius: 0;
	border-right: none;
}
.card2 {
	border-top-left-radius: 0;
	border-left: none;
}
.card span {
 	padding-right: 15px;
}
.cardTable {
	border-radius: .25rem;
	border:2px solid #F6F8FA;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.cardTableText {
	font-size: 12px;
	padding-left: 15px;
	letter-spacing: 1px;
}
.borderEle {
	border:2px solid #F6F8FA;
	border-radius: .25rem;
}
.borderRedEle {
	border: 2px solid #fa5a29;
	height: 40px;
	width: 40px;
}
.card7 {
	border:none;
}
.card7 .dashAssessLine  {
	margin-right: auto;
}
.card7 span  {
	padding-right: 0px;
}
.borderRadiusIcons {
	border-radius: 14px;
}
.pEleRiskDef {
	margin-left: 0px;
	margin-right: 10px;
}
.borderTop {
	border-top:1px solid #F6F8FA;
}
.borderBottom {
	border-bottom:1px solid #F6F8FA;
}
.borderBottomBlue {
	border-bottom:1px solid  #e0e9ff;
}
.tDotsCard  {
	font-size:30px;
	font-weight: 600;
	color: #A2A5B3;
	margin-bottom: 12px;
}
.dashAssessLine {
	width: 20px;
	height: 4px;
	border-radius: 16px;
	margin-right: 4px;
	margin-left: 4px;
}
#announcements_and_notifications .template-demo {
	flex-grow: 1;
}
#main_wrapper_insights #card_content i {
    color:#2286d4;
}
.iconsFa {
	width: 60px;
	height: 60px;
	border-radius:10px;
}

#main_wrapper_insights i {
	display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 60px;
}
#main_wrapper_insights .clockIcons i {
	display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height:10px;
}

#insights_main_nav i {
	line-height: unset;
}
#insights_main_nav nav > a > img {
	width: 160px;
}
#events_header_div {
	float: right;
}

#table_review_events_wrapper .toolbar {
	position: relative;
}

#table_review_events_wrapper .jsWithSelectedIcon {
	position: absolute;
	color:#2286d4;
	top: 5px;
	cursor: pointer;
	display: none;
}

#table_review_events_wrapper .jsWithSelectedIconThrash {
	left: 380px;
}

#table_review_events_wrapper .jsWithSelectedIconApprove {
	left: 380px;
}

#table_review_events_wrapper .jsWithSelectedIconReject {
	left: 420px;
}

.vertically-align-mid {
	display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.jsEntriesNumber{
	cursor: pointer;
}
.welNote h5 {
	font-weight: 500;
}
.welNote span {
	font-weight: 600;
}
.flexDirectionCol {
	flex-direction: column;
}
.padCard {
	padding-top:60px;
	padding-bottom: 60px;
}
.whiteCard {
	background-color: #fff;
}
.progress {
	height: 4px;
}
.whiteCard .iconsFa {
    background-color: transparent;
}
.negMar {
	margin-bottom: -12px;
}
#rel_em_border {
	position: relative;
}
#rel_em_border_subb {
	position: absolute;
	top: 44px;
	height:200px;
	width: 1px;
	background-color:#F6F8FA;
	z-index: 9;
}
.pb {
	padding-bottom: 10px;
}
.pt-0 {
	padding-top: 0px;
}
.pb-20 {
	padding-bottom: 20px;
}
.pt-20 {
	padding-top: 20px;
}
.pt {
	padding-top: 10px;
}
.pl-10 {
	padding-left: 10px;
}
.pr-10 {
	padding-right: 10px;
}
.mar-4 {
	margin-top: 4px;
}
.template-demo td {
	padding-bottom:8px;
	padding-top: 8px;
	padding-left: 0px;
}
.allWrappers {
	z-index: 100;
}
.iconsFa2 {
	width:30px;
	height: 30px;
	border:1px solid #F6F8FA;
}
.pProc {
	border:2px solid #F6F8FA;
	border-radius: 16px;
	font-size: 14px;
	padding-right: 6px;
	padding-left: 6px;
	line-height: 20px;
	font-weight: 600;
}
.margLeft {
	margin-left: auto;
}
.margRight {
	margin-right: auto;
}
.textAlignleft {
	text-align: left;
}
.pr-8 {
	padding-right: 8px;
}
.pl-8 {
	padding-left: 8px;
}
#main_wrapper_insights .smallIcons {
	line-height: 30px;
}
.backColBlue1 {
	background-color:#1B75BB;
}
.backColPurple {
	background-color:#633dff;
}
.backColViolet {
	background-color:#6370ff;
}
.backColTransparent {
	background-color:transparent;
}
.colTransparent {
	color: transparent;
}
.colSoftBlue {
	color: #f7faff;
}
.backColSoftBlue {
	background-color:#f7faff;
}
.backColWhite {
	background-color:#fff;
}
.backColWhiteOpacity {
	background-color:rgb(255,255,255,.1)
}
.backColWhiteOpacity2 {
	background-color:rgb(255,255,255,.2)
}
.backColWhiteOpacity7 {
	background-color:rgb(255,255,255,.7)
}
.colBlue1 {
    color:#1B75BB;
}
.colWhite {
	color: #fff;
}
.colBlack {
	color: #000!important;
}
.colTranspa {
	color: transparent;
}
.backColBlue2 {
	background-color:#2286d4;
}
.backColLightBlue {
	background-color: #e0e9ff;
}
.backColLightBlueDarker {
	background-color:#c1d0f7;
}
.backGradient2 {
	background: rgb(21,84,255);
	background: linear-gradient(90deg, rgba(21,84,255,1) 0%, rgba(224,233,255,1) 64%);
}
.backGradient3 {
	background: rgb(21,84,255);
	background: linear-gradient(90deg, rgba(21,84,255,1) 0%, rgba(224,233,255,1) 90%);
}
.backGradientSraSssFor3PointsSteps1 {
	background: rgb(34,134,212);
	background: linear-gradient(90deg, rgba(34,134,212,1) 0%, rgba(77,164,232,0.9948354341736695) 20%, rgba(224,233,255,1) 38%);
}
.backGradientSraSssFor3PointsSteps2 {
	background: rgb(34,134,212);
	background: linear-gradient(90deg, rgba(34,134,212,1) 0%, rgba(77,164,232,0.9948354341736695) 55%, rgba(224,233,255,1) 83%);
}
.backGradientSraSssFor4PointsSteps1 {
	background: rgb(34,134,212);
	background: linear-gradient(90deg, rgba(34,134,212,1) 0%, rgba(77,164,232,0.9948354341736695) 10%, rgba(224,233,255,1) 22%);
}
.backGradientSraSssFor4PointsSteps2 {
	background: rgb(34,134,212);
	background: linear-gradient(90deg, rgba(34,134,212,1) 0%, rgba(77,164,232,0.9948354341736695) 35%, rgba(224,233,255,1) 56%);
}
.backGradientSraSssFor4PointsSteps3 {
	background: rgb(34,134,212);
	background: linear-gradient(90deg, rgba(34,134,212,1) 0%, rgba(77,164,232,0.9948354341736695) 65%, rgba(224,233,255,1) 93%);
}
.backGradientSraSssFor6PointsSteps1 {
	background: rgb(34,134,212);
	background: linear-gradient(90deg, rgba(34,134,212,1) 0%, rgba(77,164,232,0.9948354341736695) 7%, rgba(224,233,255,1) 14%);
}
.backGradientSraSssFor6PointsSteps2 {
	background: rgb(34,134,212);
	background: linear-gradient(90deg, rgba(34,134,212,1) 0%, rgba(77,164,232,0.9948354341736695) 20%, rgba(224,233,255,1) 35%);
}
.backGradientSraSssFor6PointsSteps3 {
	background: rgb(34,134,212);
	background: linear-gradient(90deg, rgba(34,134,212,1) 0%, rgba(77,164,232,0.9948354341736695) 48%, rgba(224,233,255,1) 55%);
}
.backGradientSraSssFor6PointsSteps4 {
	background: rgb(34,134,212);
	background: linear-gradient(90deg, rgba(34,134,212,1) 0%, rgba(77,164,232,0.9948354341736695) 62%, rgba(224,233,255,1) 78%);
}
.backGradientSraSssFor6PointsSteps5 {
	background: rgb(34,134,212);
	background: linear-gradient(90deg, rgba(34,134,212,1) 0%, rgba(77,164,232,0.9948354341736695) 82%, rgba(224,233,255,1) 94%);
}
.backGradientSraSssFor5PointsSteps1 {
	background: rgb(34,134,212);
	background: linear-gradient(90deg, rgba(34,134,212,1) 0%, rgba(77,164,232,0.9948354341736695) 8%, rgba(224,233,255,1) 18%);
}
.backGradientSraSssFor5PointsSteps2 {
	background: rgb(34,134,212);
	background: linear-gradient(90deg, rgba(34,134,212,1) 0%, rgba(77,164,232,0.9948354341736695) 25%, rgba(224,233,255,1) 42%);
}
.backGradientSraSssFor5PointsSteps3 {
	background: rgb(34,134,212);
	background: linear-gradient(90deg, rgba(34,134,212,1) 0%, rgba(77,164,232,0.9948354341736695) 60%, rgba(224,233,255,1) 69%);
}
.backGradientSraSssFor5PointsSteps4 {
	background: rgb(34,134,212);
	background: linear-gradient(90deg, rgba(34,134,212,1) 0%, rgba(77,164,232,0.9948354341736695) 82%, rgba(224,233,255,1) 93%);
}
.backGradientSraSssFor2PointsSteps1 {
	background: rgb(34,134,212);
	background: linear-gradient(90deg, rgba(34,134,212,1) 0%, rgba(77,164,232,0.9948354341736695) 42%, rgba(224,233,255,1) 63%);
}
.colRed {
	color: #A30F27;
}
.colBlue2 {
	color:#2286d4;
}
.colGray {
	color: #A2A5B3;
}
.backColGray {
	background-color:#A2A5B3;
}
.backColLightGray {
	background-color: #F6F8FA;
}
.backColDarkGray {
	background-color:#848691;
}
.colSoftGray {
	color: #f5f6fa;
}
.backColSoftGray {
	background-color: #f5f6fa;
}
.backColLightGray {
	background-color: rgb(162,165,179,.1);
}
.colLightGray {
	color: rgb(162,165,179,.1);
}
.colGreen {
	color: #00874a;
}
.colOrange {
	color: #e65e25;
}
.colYellow {
	color: #facd00;
}
.backColBlack,
.backColExtreme {
	background-color: #000000;
}
.backColRed,
.backColHigh {
	background-color: #A30F27;
}
.backColLightRed {
	background-color: rgb(250,90,41,.5);
}
.backColSoftRed {
	background-color: rgb(250,90,41,.2);
}
.backColOrange,
.backColModerate {
	background-color: #e65e25;
}
.backColYellow,
.backColLow {
	background-color: #facd00;
}
.backColLightYellow {
	background-color: rgb(252,213,71.5);
}
.backColSoftYellow {
	background-color: rgb(252,213,71.2);
}
.backColLime {
	background-color: #BBD955;
}
.backColGreen {
	background-color: #00874a;
}
.welcomeBlueSubb {
    border-radius: .25rem;
}
.jsClassesForColor:hover {
	cursor: pointer;
}
.welcomeBlue button {
	font-size: 14px;
	font-weight: 600;
}
.butttonElement {
	padding: 20px 0px 40px 0px;
}
.butttonElement p {
	line-height:42px;
	text-align: left;
	margin-left: 8px;
}
.welNote2 {
	margin-left: 15px;
	border-bottom-right-radius: .25rem;
	border-top-right-radius: .25rem;
}
.welNote3 {
	border-bottom-right-radius: .25rem;
	border-top-right-radius: .25rem;
}
.dashHead p {
	line-height:58px;
	text-align: right;
	margin: 0px;
	margin-left: auto;
}
.dashHead h2 {
	margin: 10px 0px;
}
.w-90 {
	width: 90%!important;
}
.attachInputStyle {
	font-size: 14px;
	font-family: HKGrotesk-SemiBold, sans-serif;
}
.plansPurchased {
	font-family: HKGrotesk-SemiBold, sans-serif;
	cursor: pointer;
}


/*ANNNOUNCEMENTS AND NOTIFICATIONS*/

#announcements_and_notifications {
	border:2px solid #F6F8FA;
	border-radius: .25rem;
}
#announcements {
	border-bottom: 2px solid #F6F8FA;
}
#announcements > div:last-child {
	margin-bottom: 26px;
}

.annAndNot {
	background-color: #e6e6e6;
	border-radius: .25rem;
}
.mt-10 {
	margin-top: 10px;
}
.notaPosRel {
	position: relative;
}
.radioButtons {
	position: absolute;
	top: 14px;
	left: -6px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: rgb(56,213,119,.2);
	display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.radioButtonsBlack {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	margin: 0 auto;
	background-color:#38d577;
}
#notifications .seeMore {
	display: flex;
    align-items: center;
    justify-content:center;
    text-align: center;
}
.tDots a {
	font-size:30px;
	color: #A2A5B3;
}
#main_wrapper_insights  #announcements i {
    line-height: inherit;
    display: inline-block;
    color:#2286d4;
}
#main_wrapper_insights  #announcements i:hover {
    cursor: pointer;
}
.smallEleForIcons {
    margin-right: 10px;
    border-radius: .25rem;
}
.smallEleForIconsSubb {
	padding-left: 4px;
	padding-right: 4px;
	font-size: 14px;
}

/*ADD FILTERS*/

#main_wrapper_add_filters {
	background-color: #fff;
}
.wrapperPopUps {
	z-index: 999;
	height: 100vh;
}

.wrapperPopUps select {
	border:2px solid #F6F8FA;
	line-height: 20px;
}
.btn:disabled {
	opacity: 100;
}
#main_wrapper_add_filters h2:hover {
	cursor: pointer;
	transform: scale(1.5);
}
.addFiltersNum {
	border-radius: .25rem;
}
#main_wrapper_add_filters label {
	margin-bottom: 4px;
}
.borderTop {
	border-top: 1px solid #F6F8FA;
	margin: 0px;
}
.borderTopGray {
	border-top: 1px solid #f6f8fa;
	margin: 0px;
}

/*EVENT POP UP*/

.ssDetailsGray{
	border-bottom: none;
	cursor: pointer;
}
.ssDetailsActive {
	border-bottom: 1px solid #1B75BB;
	color: #1B75BB;
	cursor: pointer;
}
.ssSumTempDisabled:hover{
	cursor: not-allowed;
}
.ssDetailsActive h3{
	color: black;
}
.backColLightGray{
	background-color: #eaeaea;
}

#full_background_gray {
	display: none;
	background: transparent;
	position: fixed;
	right: 0;
	top: 0;
}
#full_background_gray {
	position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(144,144,144,0.3);
}
.coverTransparent {
	background: black;
	opacity: .5;
}
#mitigation_measures_threats_popup {
	overflow-y: scroll;
}
.margLeft h2, .jsCloseThreatsPopUp {
	cursor: pointer;
}
#table_review_events_wrapper .odd,
#main_wrapper_users .odd,
#analysis_all_wrapper .odd,
#projects_table_wrapper .odd,
#documents_table_wrapper .odd,
#company_users_table_wrapper .odd,
#archived_tasks_table_wrapper .odd,
#deleted_tasks_table_wrapper .odd,
#files_table_wrapper .odd,
#risk_register_table_wrapper .odd,
#tasks_tab_wrapper .odd,
#controls_tab_wrapper .odd,
#team_members_table_wrapper .odd,
#project_resources_table_wrapper .odd {
	background-color:#fff;
	margin-bottom: 2px;
	border-radius: .3rem;
	box-shadow: 0 0 0 2px #F6F8FA;
	position: relative;
}
#risk_register_table_wrapper td {
	text-align: left;
	padding-left: 4px;
}
#rileys_risk_table .odd {
	background-color:#fff!important;
	margin-bottom: 2px!important;
	border-radius: .3rem!important;
	box-shadow: 0 0 0 2px #F6F8FA!important;
	position: relative!important;
}
#rileys_risk_table .even {
	background-color:#fff!important;
	margin-bottom: 2px!important;
	border-radius: .3rem!important;
	box-shadow: 0 0 0 2px #F6F8FA!important;
	position: relative!important;
}
#rileys_risk_table_wrapper {
	width: 100%;
	margin: 0 auto;
}
.pseudoInput {
	-webkit-appearance: none;
	background-color: #2286d4;
	border: 1px solid #cacece;
	padding: 9px!important;
	border-radius: .25rem;
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-left: 8px;
	margin-top: 3px;
}
.pseudoInput:checked {
	background-color: #2286d4;
	color: #ffffff;
}
.pseudoInput:checked:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #ffffff;
}


#table_review_events_wrapper .odd,
#table_review_events_wrapper .even {
	height:56px;
}
#company_logo_preview img {
	max-width: 100%;
}
#company_logo_preview h4 {
	text-align: center;
}
#table_review_events_wrapper .toolbar {
	margin-left: auto;
}
#table_review_events_wrapper .even,
#main_wrapper_users .even,
#analysis_all_wrapper .even,
#projects_table_wrapper .even,
#documents_table_wrapper .even,
#company_users_table_wrapper .even,
#archived_tasks_table_wrapper .even,
#deleted_tasks_table_wrapper .even,
#files_table_wrapper  .even,
#risk_register_table_wrapper .even,
#tasks_tab_wrapper .even,
#controls_tab_wrapper .even,
#team_memebers_table_wrapper .even,
#project_resources_table_wrapper .even {
	background-color:#fff;
	margin-bottom: 2px;
	border-radius: .3rem;
	box-shadow: 0 0 0 2px #F6F8FA;
	position: relative;
}
.activeUsersRow {
	font-family: HKGrotesk-SemiBold, sans-serif;
}
.borderBottom2Blue {
	border-bottom: 2px solid #1B75BB;
}
.borderBottom2White {
	border-bottom: 2px solid #fff;
}
#company_users_table_wrapper table.dataTable tbody th, table.dataTable tbody td {
    padding: 8px;
}
#assessment_summary_tasks_table td,
#assessment_summary_controls_table td {
	text-align: left;
	padding-left: 4px
}
#analysis_all .c0 {
	text-align: left;
}
.jsTablePopUpWrapper i, .jsTasksTableThreeDotsMenuWrapper i  {
	color: #A2A5B3;
	display: block;
	width: 6px;
	margin: 0 auto;
	cursor: pointer;
}
.c0 {
	text-align: center;
	color: #2286d4;
}

#table_review_events .c0 {
	text-align: center;
	color: black;
	padding-left: 14px;
}

#table_review_events .c1 {
	text-align: center;
	color: #2286d4;
}

#users_table .c0, #archived_tasks_table .c0, #deleted_tasks_table .c0 {
	text-align: left;
}

td:nth-child(2) {
	font-weight: 500;
	color: #000;
}
td:nth-child(4) {
	font-weight: 500;
	color: #a2a5b3;
}
td:nth-child(5) {
	font-weight: 500;
	color: #000;
}
td:nth-child(6) {
	font-weight: 500;
	color: #000;
}
td:nth-child(7) {
	font-weight: 500;
	color: #000;
	position: relative;
}
td:nth-child(9) {
	color: #a2a5b3;
}
td:nth-child(10) {
	color: #a2a5b3;
}
.boxShadow {
	box-shadow: 0 0 0 2px #F6F8FA;
}
#table_review_events,
#users_table,
#analysis_all,

#files_table_wrapper {
	width: 100%;
}

#table_review_events th,
#users_table th,
#analysis_all th,
#projects_table th,
#archived_tasks_table th,
#deleted_tasks_table th,
#assessment_summary_tasks_table th,
#assessment_summary_controls_table th
{
	padding: 16px 10px 16px 0px;
	vertical-align: middle;
	border:none;
}
#team_members_table th {
	vertical-align: middle;
}
#team_members_table td {
	vertical-align: middle;
	text-align: left;
}

#project_resources_table_wrapper, #documents_table_wrapper {
	width: 100%;
}
#risk_register_table th {
	text-align      : center;
	font-size       : 14px;
	vertical-align  : middle;
	border          : none;
	padding         : 0px 4px 0px 4px;
}

#project_planning_table th {
	text-align      : center;
	font-size       : 14px;
	vertical-align  : middle;
	border          : none;
	padding         : 0px 4px 0px 4px;
}

#risk_register_table {
	width: 100!important;
}
#files_table th {
	font-size: 14px;
	vertical-align: middle;
	border:none;
	padding: 0px ;
}
.w-74 {
	width:74%!important;
}
.w-23 {
	width:23%!important;
}
#project_planning_table tr {
	height: 55px;
}

/* .tableBackColLightRed .sorting_1 { */
	/* color: rgb(250,90,41,1); */
/* } */
/* .tableBackColLightYellow .sorting_1 { */
	/* color: rgb(252,213,71,1); */
/* } */
/* .tableBackColLightGreen .sorting_1 { */
	/* color: rgb(56,213,119,1); */
/* } */
.tableBackColLightRed {
	color: rgb(250,90,41,1);
}
.tableBackColLightYellow {
	color: rgb(252,213,71,1);
}
.tableBackColLightGreen {
	color: rgb(56,213,119,1);
}

#project_planning_table select,
#project_planning_table input {
	border-radius   : .25rem;
	height          : 49px;
	width           : 90%!important;
    text-align      : center;
}
#project_planning_table td {
	text-align      : center;
	font-size       : 12px;
	padding         : 0px 0px 0px 0px;
	vertical-align  : middle;
	border-top      : 1px solid #dee2e6;
}

#ms-new_assessments_sra_associates ul {
	border:2px solid #F6F8FA;
	box-shadow: none;
	border-radius: .25rem;
}
#project_planning_table .ppSSSButtons {
	height: 34px!important;
}

.ppDateInputsWrapper {
    width: 200px;
}
.ppExpenseInputsWrapper {
    width: 100px;
}
.ppStatusWrapper {
    width: 100px;
}
.ppDateInputs {
	border: none;
}
.ppExpenseInputs {
	border: none;
	text-align: center;
}
.ppStatus {
	font-size: 12px !important;
	border: none;
}
.ppMeasure {
	width       : 250px;
	text-align  : left;
	border      : none;
}
.ppSaveButton, .ppDeleteButton {
	border: none;
	background-color: white;
}
.ppSaveButton > i, .ppDeleteButton > i {
	font-size: 20px;
}
.p18 {
	font-size: 18px;
    letter-spacing: .5px;
}
.p20 {
	font-size: 18px;
    letter-spacing: .5px;
    font-weight: 600;
}
#table_review_events td {
	padding: 0px 10px 0px 0px;
	vertical-align: middle;
	border:none;
}
#table_review_events td > u:hover {
	cursor: pointer;
}
#analysis_all td > u:hover{
	cursor: pointer;
}
#projects_table > thead tr th:nth-child(1) {
	text-align: center! important;
}
#projects_table > thead {
	border-radius: .25rem;
	box-shadow: 0 0 0 2px #F6F8FA;
	background-color:#f5f6fa;
	color:#A2A5B3;
}
#projects_table td > u:hover{
	cursor: pointer;
}
#analysis_all td {
	padding: 16px 10px 16px 0px;
	vertical-align: middle;
	border:none;
}
#projects_table td {
	padding: 16px 10px 16px 0px;
	vertical-align: middle;
	border:none;
	text-align: left;
}
#users_table td  {
 	padding: 4px 0px 4px 0px;
	vertical-align: middle;
	border:none;
 }
#users_table input, #archived_tasks_table select, #deleted_tasks_table select, #documents_table input, #files_table .jsFileDescription {
	width: 90%;
	height: 34px;
	color: #A2A5B3;
	border:none;
	margin-left: 6px;
}
#delete_user_wrapper select,
#users_table select {
	width: 90%;
	height: 34px;
	color: #A2A5B3;
	border:none;
	padding-left: 0px;
	align-items: left;
}
#users_table .lastLoginDate {
	color: #A2A5B3;
	font-size: 14px;
}
#table_review_events tr,
#users_table tr,
#analysis_all tr,
#projects_table tr {
	border-radius: .25rem;
}
#table_review_events i,
#analysis_all i,
#projects_table i {
	cursor: pointer;
	align-items: center;
}
.alignItemsCentre {
	text-align: center;
}/*
#review_events_header,
#review_users_header,
#projects_header {
	width: 95%;
	margin: 0 auto;
}*/
/*#area_threat_level_header {
	width: 95%;
}*/
#new_area_threat_step_2 {
	display: none;
}
.jsInputComment {
	display: inline-block;
}
.jsInputComment {
	display: none;
}
.jsTablePopUpWrapper, .jsTasksTableThreeDotsMenuWrapper {
	position: relative;
}
.jsTableDotsPopUp,
.jsTasksTableThreeDotsMenu,
.jsTableDotsPopUpFile {
	display: none;
	position: absolute;
	opacity: 1;
	background-color: white;
	top: 0px;
	right: 0px;
	width: 120px;
	box-shadow: 1px 1px 8px 6px rgba(162,165,179,0.25);
	-webkit-box-shadow: 1px 1px 8px 6px rgba(162,165,179,0.25);
	-moz-box-shadow: 1px 1px 8px 6px rgba(162,165,179,0.25);
	z-index: 999;
}
#users_table .jsTableDotsPopUp input:hover{
	color: #2286d4;
}
.jsTasksTableThreeDotsMenu input:hover,
.jsTableDotsPopUp input:hover,
.jsTableDotsPopUpFile input:hover{
	color: #2286d4;
}
.jsTasksTableThreeDotsMenuButton,
.jsTablePopUpButton {
	border: none;
	background-color: #fff;
	color:#a2a5b3;
	display: block;
	outline: none;
	text-align: left;
	z-index: 999;
	line-height: 18px;
}
.jsTablePopUpButton:hover {
	cursor: pointer;
}

#documents_table_wrapper .jsTableDotsPopUp input:hover{
	color: #2286d4;
}
#documents_table_wrapper .jsTablePopUpButton {
	border: none;
	background-color: #fff;
	color:#a2a5b3;
	display: block;
	margin-left:  16px;
	padding: 8px 0px;
	outline: none;
	text-align: left;
	z-index: 999;
	line-height: 18px;
}
#documents_table_wrapper .jsTablePopUpButton:hover {
	cursor: pointer;
}

#googleMapsThreatLevelInner {
	margin-top: 59px;
}
#analysis_all_wrapper {
	margin: 0px;
	width: 100%;
}
#analysis_all_filter {
	display: none;
}


#analysis_all td, #table_review_events td, #users_table td, #companies_table td , #company_users_table td, #files_table td{
	position: relative;
}
#users_table .odd td:first-child,
#users_table .even td:first-child{
	padding-left: 4px;
}

.editUser:hover,.deleteUser:hover {
	cursor: pointer;
	background-color: #f5f6fa;
}

#create_new_sra {
	display: none;
}
#review_events_header_headline,
#projects_header_headline{
	height: 100%;
	float: left;
	padding: 20px 50px;
	/*background-color: yellow;*/
}
#review_events_header_headline h3,
#area_threat_level_header_headline h3,
#projects_header_headline h3{
	color: black;
}
#review_events_header_headline h3 span,
#area_threat_level_header_headline h3 span,
#projects_header_headline h3 span{
	color: grey;
	font-size: 18px;
}
.slideInRight {
	width: 450px;
	/*position: absolute;*/
	position: fixed;
	right: -450px;
	top: 0px;
	background-color: white;
	z-index: 100000;
	transition: all 0.5s ease-in;
	height: 100vh;
}
.slideInActive {
	right: 0px;
}

#mitigation_measures_SRA_popup ul {
	list-style: initial;
	list-style-type: square;
}

#mitigation_measures_SRA_popup .whiteCircleUL ul {
	list-style-type: circle;
}

#review_events_header #add_event_btn,
#review_users_header button,
#add_company_btn,
#area_threat_level_header button,
#new_project_btn,
#new_assessment_btn,
#add_company_btn,
#tasks_filter,
#tasks_new_task {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
}
.hasSearch .formControlFeedback {
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
}
.hasSearch2 .formControlFeedback {
    position: absolute;
    top: 6px;
    right: 10px;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
}
.hasSearch {
	position: relative;
	width: 340px;
}
.hasSearch2 {
	position: relative;
}
.hasSearch input {
	height: 41px;
	font-family: HKGrotesk-SemiBold, sans-serif;
	letter-spacing: 1px;
	color:#A2A5B3!important;
}
.hasSearch2 input {
	font-family: HKGrotesk-SemiBold, sans-serif;
	letter-spacing: 1px;
	color:#000!important;
	font-weight: 500;
}
.hasSearch ::-webkit-input-placeholder {
    color:#A2A5B3;
}
.hasSearch2 ::-webkit-input-placeholder {
    color:#A2A5B3;
}
#main_wrapper_new_tasks {
	height: 100vh!important;
}
#main_wrapper_new_tasks h6,
#main_wrapper_new_tasks h5,
#main_wrapper_tasks_add_filters h6,
#main_wrapper_tasks_add_filters h5 {
	font-family: HKGrotesk-SemiBold, sans-serif;
}
#insights_main_nav .mainDropForLog h6 {
	font-family: HKGrotesk-SemiBold, sans-serif;
}
.someStrangeH6 {
	height: 24px!important;
}
.someStrangeH62 {
	height: 26px!important;
}
.semiCircle {
	border-radius: 20px;
}
.absPopUpTaskTags {
	position: absolute;
	top: -80px;
	width: 120px;
}
.cardTags {
	position: relative;
}
.cardTags:hover {
	cursor: default;
}
.circleTaskBlue {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	cursor: pointer;
}
.ellipsisMenu {
	cursor: pointer;
	position: relative;
}
.popUpTaskCol {
	position: absolute;
	top: 28px;
	right: 0px;
	width: 100px;
	z-index: 999;
}
.popUpTaskCard {
	position: absolute;
	top: 48px;
	right: 0px;
	width: 120px;
	z-index: 999;
}
.textareaFont {
	font-size: 14px;
	font-weight: 500;
	font-family: HKGrotesk-LightLegacy, sans-serif!important;
}
#reject_comment textarea,
#new_incident_popup textarea,
#main_wrapper_tasks_popup textarea,
#new_event_popup textarea,
#new_file_popup textarea {
	width: 100%;
	border:2px solid #F6F8FA;
	border-radius: .25rem;
}
.radioInputs {
	cursor: pointer;
}
.riskOverviewSubbBackground {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-color: rgba(144,144,144,0.3);
	font-family: HKGrotesk-SemiBold, sans-serif;
}
.riskOverviewSubbBackground {
	display: none;
}
.jsRiskSingleView:hover {
	cursor: pointer;
}
#s_r_review_date {
	font-size: 14px;
}
.taskOverviewBackgroundNewTag {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-color: rgba(144,144,144,0.3);
	display: none;
}
#exitNewTask {
	cursor: pointer;
}
.taskOverviewBackgroundNewTagSubb  {
	width: 460px;
	margin-top: 300px;
}
.selfAssessmentCards h6,
.selfAssessmentCards p,
.selfAssessmentCards h5 {
	font-family: 'HKGrotesk-SemiBold',sans-serif;
}
.selfAssesmentMark {
	width: 18px;
	height: 18px;
	top:-10px;
	right: -10px;
	box-sizing: content-box;
	display: none;
}
.selfAssessmentCardInner:hover {
	background-color: #e0e9ff;
	cursor: pointer;
	transform: scale(1.04);
}
.blackDot {
	width: 6px;
	height: 6px;
}

.overviewTabsActive {
	border-bottom: 1px solid #1B75BB;
    color: #1B75BB;
    cursor: pointer;
}
#singleViewComments:hover,
#singleViewHistory:hover,
#singleViewAttachments:hover,
#singleViewTasks,
#incidentViewComments:hover,
#incidentViewHistory:hover,
#incidentViewAttachments:hover,
#controlViewComments:hover,
#controlViewHistory:hover,
#controlViewTasks:hover,
#single_view_file_task:hover {
	cursor: pointer;
}
#incidents_table tr td:first-child {
	text-align: left;
	padding-left: 16px;
}
#attachments_main, #tasks_main {
	display: none;
}

.taskOverviewSubb select,
.riskOverviewSubb select,
.helpOverviewSubb select {
	font-size: 16px!important;
}
.singleCardMain {
	cursor: all-scroll;
}
.unArchive {
	cursor: pointer;
	text-decoration: underline;
}
.noFontWeightP {
	font-weight: 300;
	font-size: 14px;
	font-family: 'HKGrotesk-Light';
}
.commentIconsTasks {
	cursor: pointer;
}
.clearAllFiltersTasks {
	cursor: pointer;
}
.selfAssessmentCompanybutton {
	font-size: 12px!important;
}
.selfAssessmentCompanybutton:focus {
	outline:0;
}
.selfAssessmentNav:focus {
	outline:0;
}
.totalScoreSelfAssessment {
	width: 40px;
	height: 40px;
}
/*RISK OVERVIEW POP UP*/




#ms-new_company_groups_input {
	margin: 0 auto;
}
#review_events_header #import_csv_btn {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
}
#review_events_header h2,
#area_threat_level_header h2,
#projects_header h2 {
	margin: 8px 0px;
}
#review_events_header_links a,
#area_threat_level_header_links a,
#projects_header_links a{
	display: inline-block;
	text-decoration: none;
	text-align: center;
	height: 40px;
	width: 130px;
	margin: 25px 10px;
	background-color: black;
	color: darkgrey;
}
#area_threat_level_header_links a {
	width: 250px;
}
#review_events_header_links a div,
#area_threat_level_header_links a div,
#projects_header_links a div{
	font-size: 18px;
}
#review_events_header_links a div,
#projects_header_links a div{
	padding-top:5px;
}
#area_threat_level_header_links a div{
	padding: 10px;
	padding-top: 5px;
}
#filter_area_threats, #filter_events {
	padding: 0px;
	padding-left: 10px;
}
#ata_filter_wrapper {
	/*display: none;
	position: fixed;
	width: 100%;
	height: 100vh;*/
}
.btnSubitCommentForATA {
	margin-right:4px;
}
#table_review_events_filter,
#projects_table_filter,
#users_table_filter,
#archived_tasks_table_filter,
#deleted_tasks_table_filter,
#assessment_summary_tasks_table_filter,
#assessment_summary_controls_table_filter,
#project_managers_table_filter,
#team_members_table_filter,
#incidents_table_filter
 {
	float: none;
	text-align: left;
	padding-bottom: 15px;
}
/*****New SRA*****/

/*summary tab on summary SRA*/

#summary_wrapper h5 {
	text-align: center;
}
#summary_wrapper {
	font-weight: 200;
}
#summary_wrapper b {
	font-weight: 900;
}
#summary_wrapper ol, #summary_wrapper ul {
	list-style: initial;
	margin-bottom: 16px;
}
#main_wrapper_ss_details #ms-assessment_associates {
	width: 100%;
}
#main_wrapper_sra_details #ms-assessment_associates {
	width: 100%;
}
#ms-assessment_associates ul {
	box-shadow: none;
	border: 2px solid #F6F8FA;
}

#new_sra_main_left{
	float: left;
	width: 20%;
	min-height: 300px;
	background-color: lightgrey;
}
.new_sra_main_left_list{
	width: 100%;
	height: 50px;
	text-align: center;
	padding-top: 10px;
	border: 1px solid black;
}
.new_sra_main_left_list_active{
	background-color: darkgrey;
}
#new_sra_main_right{
	float: right;
	width: 70%;
	height: 600px;
}
.new_sra_main_right_header{
	width: 100%;
	height: 200px;
	background-color: lightgrey;
}
.jsSraSteps,
.jsRegisterSteps{
	display: none;
}
#new_sra_introduction_step_1 {
	display: block;
}

.jsThreatNotSelected .jsThreatSelectionNonActive {
	display: flex;
}
.jsThreatNotSelected .jsThreatSelectionActive {
	display: none;
}
.jsThreatSelected .jsThreatSelectionNonActive {
	display: none;
}
.jsThreatSelected .jsThreatSelectionActive {
	display: flex;
}
.jsThreatSelected .card{
	background-color: #e0e9ff;
}
.jsThreatSelected .card:hover, .jsThreatNotSelected .card:hover {
	cursor: pointer;
	background-color: #e0e9ff;
	transform: scale(1.03);
}
.jsToggleComment:hover {
	cursor: pointer;
}

.mainSections {
	display: none;
}
.disFlex {
	display: flex;
}
#introduction_section {
	display: block;
}
#new_sra_project_plan_step_1 {
	display: block;
}
.new_sra_inputs_buttons{
	display: flex;
	justify-content: center;
}
.new_sra_inputs_buttons button {
	min-width: 100px;
	margin: 15px;
	background-color: lightgrey;
}
.new_sra_assets_input_left {
	float: left;
	width: 25%;
	margin-top: 15px;
	margin-left: 10%;
	text-align: left;
}
.new_sra_assets_input_left input {
	width: 250px;
	height: 40px;
}
.new_sra_assets_input_left h3{
	color: black;
}
.new_sra_assets_input_right{
	float: right;
	width: 50%;
	margin-top: 50px;
	margin-right: 10%;
}
.new_sra_assets_input_right p{
	margin-top: 15px;
}
.new_sra_basic_input textarea{
	font-size: 20px;
}
.fa-check-double{
	margin-left: 10px;
}
.executive_summary {
	width: 100%;
}
.sraDateTimePickers {
	position: relative;
}
.sraDateTimePickers span {
	position: absolute;
	right: 6px;
	top: 7px;
	pointer-events: none;
	width: 34px;
}

/*Threat Selection*/
#new_sra_threat_selection_step_1 {
	display: block;
}
#threat_selection_section input:disabled {
	background-color: #fff;
}


/*Mitigation Measures*/
#sra_mitigation_measures_step_1 {
	display: block;
}
.jsMeasureCompleteYes > div:hover, .jsMeasureCompleteNo > div:hover {
	cursor: pointer;
}

/* Risk Assessment */
#risk_assessment_generated_rows {
	width: 100%;
}

.fa-map-marker-alt,
.fa-list,
.fa-columns{
	font-size: 13px;
}
.area_threat_header_i_tags {
	width: 26px;
	height: 26px;
	border-radius: 50%;
}
.area_threat_header_i_tags i{
	cursor: pointer;
}
#analysis_all_filter{
	float: left;
}
#table_review_events_paginate .paginate_button,
#analysis_all_paginate .paginate_button,
#users_table_paginate .paginate_button,
#projects_table_paginate .paginate_button,
#companies_table_paginate .paginate_button,
#company_users_table_paginate  .paginate_button,
#incidents_table_paginate .paginate_button,
#archived_tasks_table_paginate  .paginate_button,
#deleted_tasks_table_paginate .paginate_button,
#assessment_summary_tasks_table_paginate .paginate_button,
#assessment_summary_controls_table_paginate .paginate_button,
#documents_table_paginate .paginate_button,
#team_members_table_paginate .paginate_button
{
	background-color: 	#fff;
	border-radius: 		.25rem;
	border:	 			2px solid #F6F8FA;
	color:				#A2A5B3!important;
}
#table_review_events_paginate .paginate_button:hover,
#analysis_all_paginate .paginate_button:hover,
#users_table_paginate .paginate_button:hover,
#projects_table_paginate .paginate_button:hover,
#incidents_table_paginate .paginate_button:hover,
#archived_tasks_table_paginate .paginate_button:hover,
#deleted_tasks_table_paginate .paginate_button:hover,
#assessment_summary_tasks_table_paginate .paginate_button:hover,
#assessment_summary_controls_table_paginate .paginate_button:hover,
#companies_table_paginate .paginate_button:hover,
#company_users_table_paginate .paginate_button:hover,
#team_members_table_paginate .paginate_button:hover,
#documents_table_paginate .paginate_button:hover {
	background:	#1B75BB;
	color:		#fff!important;
}
#analysis_all tbody td:nth-child(1) {
	text-align: center;
}
#projects_table tbody td:nth-child(1) {
	text-align: center;
}
#projects_table thead tr:nth-child(1) {
	text-align: center;
}
/*#table_review_events_paginate .paginate_button:hover {
	background-color: #1B75BB!important;
	border: 2px solid #1B75BB;
}*/
#main_wrapper_new_site_survey .custom-control-label:before,
#main_wrapper_new_site_survey .custom-control-label:after {
	width: 24px;
	height: 24px;
	left: -31px;
	top: 0px;
	border-radius: .25rem;
}
.popUpAcceptTermsOfUse .custom-control-label:before,
.popUpAcceptTermsOfUse .custom-control-label:after {
	width: 24px;
	height: 24px;
	left: -31px;
	top: 0px;
	border-radius: .25rem;
}
/*#main_wrapper_new_site_survey .custom-control-label:before {
	background-color:#1B75BB;
}
#main_wrapper_new_site_survey .custom-control-label:after {
	background-color:transparent;
}*/
.dataTables_info {
	color:#A2A5B3!important;
}
#table_review_events_filter label,  #projects_table_filter label {
	color:#A2A5B3;
}
#table_review_events_filter input,
#projects_table_filter input,
#users_table_filter input,
#archived_tasks_table_filter input,
#deleted_tasks_table_filter input,
#assessment_summary_tasks_table_filter input,
#assessment_summary_controls_table_filter input,
#project_managers_table_filter input,
#team_members_table_filter input,
#incidents_table_filter input {
	border: 2px solid #F6F8FA;
	border-radius: .25rem;
	padding: 8px 4px;
	width:300px;
}
#footer {
	position: fixed;
	bottom: 0px;
}
#footer ins {
	cursor: pointer;
}


/****** Project ******/



/***** Project *****/

/*****New site survey*****/


.hideSSButton {
	display:none;
}
.jsSideMenuButtons:hover {
	cursor: pointer;
}
#light_gray_background,
#light_gray_background2{
	height: 100vh;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	z-index: 999;
}
#new_site_survey_save_changes,
#register_cancel_question,
#register_save_changes,
#assessment_status_question_popup,
#archive_popup_question,
#delete_popup_question,
#byoa_ss_save_changes,
#byoa_ss_cancel_question,
#byoa_sra_save_changes,
#byoa_sra_cancel_question,
#task_assignee_change,
#ask_if_converted,
#new_folder_name_popup,
#rename_folder_wrapper {
	width: 500px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -250px;
	margin-top: -250px;
	z-index: 10000;
	background-color: white;
}

#reject_comment {
	width: 750px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -250px;
	margin-top: -250px;
	z-index: 10000;
	background-color: white;
}

/* One gray background */
.taskOverviewSubb {
	width: 800px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -400px;
	margin-top: -400px;
	z-index: 10000;
	background-color: white;
}
.riskOverviewSubb,
.helpOverviewSubb {
	position: fixed;
	left: 50%;
	top: 20px;
	margin-left: -540px;
	z-index: 9999;
	font-family:HKGrotesk-SemiBold, sans-serif;
	width: 1080px;
}

.helpOverviewSubb {
	min-height: 500px;
	max-height: 700px;
}

/*****New site survey*****/

/***** new area threat level analysis*****/

#quick_nav_wrap {
	position: fixed;
	display: none;
	left: 50px;
}
#quick_nav_wrap i {
	font-size: 30px;
}
#quick_nav_wrap div{
	color: #2286d4;
}
#quick_nav_wrap div:hover{
	cursor: pointer;
}

#new_area_threat_finish{
	width: 600px;
	height: 100px;
	background-color: white;
	border-radius: 5px;
	position: absolute;
	left: 35%;
	bottom: 10%;
}

/***** new area threat level analysis*****/

.feedBackGrayCover {
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(144,144,144,0.3);
	position: fixed;
	left: 0;
	bottom: 0;
}
.displayNone {
	display: none;
}
.closePopUp {
	margin-top: -60px;
}
.closePopUp h3:hover {
	cursor: pointer;
}

.processingAnimationSpin {
  border: 16px solid #f3f3f3;
  border-top: 16px solid #2286d4;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  animation: spin 350ms linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.feedBackPopUp {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	z-index: 999999;
	background-image: linear-gradient(to bottom, #ffffff, #dcdcdc, #b9b9b9, #989898, #787878, 0.9);
}
.feedBackPopUpSubb {
	position: absolute;
	bottom: 70px;
	width: 540px;
	left:50%;
	margin-left: -230px;
}
.circleDivSuccess {
	width: 60px;
	height: 60px;
}
.circleDivSuccessSubb1 {
	width: 40px;
	height: 40px;
}
.circleDivSuccessSubb2 {
	width: 20px;
	height: 20px;
}
.taskOverviewBackgroundNewTag{
	left: 0;
	top: 0;
}
.mainTasksForCards {
	height: 800px;
}
.mainTasksForCards2 {
	height: 500px!important;
}
.scrollSubb {
	overflow-y: scroll;
}

.h-460 {
	height: 460px;
}
.h6FromEllipsis h6 {
	word-break: break-all;
}
.breakWord {
	word-break: break-all;
}
#folder_tree_wrapper ul:first-child {
	background-color: #fff;
	margin: 0 1rem 1rem 1rem;
	height: 100%;
	border-radius: .25rem;
	overflow-y: scroll;
}
#files_wrapper label {
	margin:0.5rem 1rem;
}
#folder_tree_wrapper ul li {
	padding: 8px 0px;
	margin-left: 8px;
}
/*#folder_tree_wrapper ul li span {
	display: flex;
    align-items: center;
    justify-content: start;
    text-align: center;
}*/
#folder_tree_wrapper ul li span label {
	width: 172px;
	word-break: break-all;
	text-align: left;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#folder_tree_wrapper ul li span label:focus, #folder_tree_wrapper ul li span label:hover {
  	overflow: visible;
    white-space: normal;
}
#file_module_wrapper label {
	word-break: break-all;
}
.subbTasksForCards {
	height: 730px;
	overflow-y: scroll;
}
.overflowScrollTasks {
	overflow-y: scroll;
	height: 100%;
}
.borderTopLeftRadius {
	border-top-left-radius: .25rem;
}
.borderTopRightRadius {
	border-top-right-radius: .25rem;
}

/****** Threat Assessment ********/

.jsShowEvents, .jsShowThreats, .jsShowMeasure {
	cursor: pointer;
}
.openButtonForThAss, .openButtonForATA{
  position: absolute;
  top: 11px;
  width: 80px;
  right: 16px;
  background: #fff;
  display: none;
}

.openButtonForThAss button, .openButtonForATA button {
	font-size: 12px
}

/****** Threat Assessment ********/

#googleMapsThreatLevelInner{
	height: 500px;
}

.infoWindowWrapper{
	width: 200px;
	height: auto;
}
.infoWindowWrapper p {
	font-size: 12px;
	font-weight: 400;
}
.infoWindowWrapper .boldText{
	font-weight: 800;
}
.dashAssessLineMap {
	width: 80px;
	height: 4px;
	border-radius: 16px;
}
.dashAssessLineMapAbs {
	width: 30px;
	height: 4px;
	border-radius: 16px;
	top: 0px;
	left: 15px;
}
.gMapMarkPopUpWidth15 {
	width: 15px;
}
.gMapMarkPopUpWidth30 {
	width: 30px;
}
.gMapMarkPopUpWidth45 {
	width: 45px;
}
.gMapMarkPopUpWidth60 {
	width: 60px;
}
.gMapMarkPopUpWidth75 {
	width: 75px;
}

.ssPrintTumbnail:hover{
	cursor: pointer;
}
.checkboxPDF,
.sssCheckbox {
	display: none;
}

.jsCompletedPopup{
	display: none;
}

.jsSingleView,
.jsClosePopUp,
.exitSingleView,
.exitSingleViewControl,
.jsRemoveAttachmentSingleView, .jsRemoveAssessmentDocument {
	cursor: pointer;
}
#f_location {
	width: 360px;
}
.taskOverviewBackground,
.newTaskGrayBackground{
	display: none;
}
.newTaskGrayBackground{
	position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(144,144,144,0.3);
}
.assessmentDDL,
.mitigationDDL,
.layerDDL,
.jsRegisteredRisksDDL {
	display: none;
}
.iTagPriorityLow,
.priorityLow{
	color: limegreen;
}
.iTagPriorityLow{
	cursor: pointer;
	border: 2px solid limegreen;
}
.iTagPriorityNormal,
.priorityNormal{
	color: #ffae3a;
}
.iTagPriorityNormal{
	cursor: pointer;
	border: 2px solid #ffae3a;
}
.iTagPriorityUrgent,
.priorityUrgent{
	color: indianred;
}
.iTagPriorityUrgent{
	cursor: pointer;
	border: 2px solid indianred;
}
#updateComment{
	display: none;
	float: right;
}
.borderNone{
	border: none;
}
#otherAssignees{
	cursor: pointer;
}
.assigneeList {
	cursor: pointer;
}

.jsKeyUpUsers {
	position: absolute;
	width: 150px;
	min-height: 40px;
	max-height: 200px;
	display: none;
	margin-left: 30px;
    margin-top: 16px;
	overflow-y: auto;
	z-index: 999;
}
.jsTaggedUser {
	cursor: pointer;
}
.jsTaggedUser:hover {
	background-color: rgb(162,165,179,.1);
}
#jsPriorities{
	position: absolute;
    top: 40px;
    right: 10px;
    display: none;
}
#history_main,
#controls_main {
	display: none;
	max-height: 150px;
	overflow-y: auto;
}
#textDescription, #jsDueDate, #jsReviewDate {
	cursor: pointer;
}
#jsSaveDescription, #jsCancelSaveDescription {
	display: none;
}

#datepicker {
	display: none;
	width:153px;
	font-size: 12.8px;
	border: none;
	height: 17px;
}
.tag {
	color: white;
	background-color: #2286d4;
	padding: 0px 5px;
	border-radius: 15px;
}
.bootstrap-tagsinput{
	border-radius: .25rem;
	border:2px solid #F6F8FA!important;
	width: 100%;
	box-shadow: none!important;
}
.taskOverviewSubbForScroll {
	width: 752px;
	height: 580px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.riskOverviewSubbForScroll {
	width: 1022px;
	height: 580px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.headerRiskOverviewSubbForScroll {
	width: 1022px;
}
.riskOverviewForScrollSubb {
	width: 1022px;
	height: 380px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.minHeight23 {
	min-height: 23px;
}
#editTag{
	display: none;
}
.moreTags{
	cursor: pointer;
}
.positionRelative{
	position: relative;
}
.hiddenTags{
	display: none;
	position: absolute;
	/*background-color: #757575;*/
    right: 0;
    top: -2px;
    min-width: 70px;
    border-radius: 10px;
}
.hiddenTags p{
	text-align: center;
	color: white;
	font-weight: bold;
	padding: 0px 5px;
}
.popUpTaskCard {
	display: none;
}

.popUpTaskCard p  {
	font-size: 16px;
}

.popUpTaskCard p:hover {
	color: blue;
	cursor: pointer;
}

#ulTagsSingleView {
	position: absolute;
	display: none;
	z-index: 1000;
}

#ulTags {
	display: none;
	width: 60%;
}
#ulTags li,
#ulTagsSingleView li{
	color: black;
	cursor: pointer;
}
#ulTags li:hover,
#ulTagsSingleView li:hover{
	color: white;
	background-color: gray;
}
#tagsDiv .bootstrap-tagsinput input,
#tagsInputSingleDiv .bootstrap-tagsinput input {
	min-width: 100px;
	background-color: rgba(34, 134, 212, .1);
	border-radius: 10px;
}
#main_wrapper_archived_tasks,
#main_wrapper_deleted_tasks {
	display: none;
}
#archived_tasks_table_wrapper,
#deleted_tasks_table_wrapper{
	width: 100%;
}
.threeDots {
	width: 10px !important;
}
td .fa-ellipsis-v{
	cursor: pointer;
}

/*Bring Your Own Assessment - BYOA*/

#byoa_SSS_main_step_1_2,
#byoa_SSS_main_step_1_3,
#byoa_SSS_main_step_1_4,
#byoa_SSS_main_step_2,
#byoa_SSS_main_step_2_1,
#byoa_SSS_main_step_2_2,
#byoa_SSS_main_step_2_3,
#byoa_SSS_main_step_3,
#byoa_SSS_main_step_3_1,
#byoa_SSS_main_step_4 {
	display: none;
}

#risk_security_risks #risk_register_table_wrapper,
#risks_step #risk_register_table_wrapper,
#byoa_SRA_main_step_3_1 #risk_register_table_wrapper,
#byoa_SSS_main_step_4_1 #risk_register_table_wrapper {
	width: 100%!important;
}

#risk_register_table_wrapper .dataTables_paginate {
	display: none;
}

#main_wrapper_risk_popup textarea,
#popup_list_newRisk textarea,
#popup_list_newTask textarea,
#assessment_document_description {
	width: 100%;
	border:2px solid #F6F8FA;
	border-radius: .25rem;
}

#task_assignee_change {
	z-index: 99999;
}

.mainWrappersSlidePopup {
	display: none;
}

.insightsWrapperLinks {
	cursor: pointer;
}

.insightsLinkWrappers{
	display: none;
}

#insights_risks_wrapper {
	display: block;
}

.insightsLinkActive {
	border-bottom: 1px solid #1B75BB;
    color: #1B75BB;
    cursor: pointer;
}

#back_to_projects:hover,
#hide_spending:hover,
#hide_common_controls:hover,
#hide_non_common_controls:hover {
	color: #1B76BB;
	text-decoration: underline;
	cursor: pointer;
}

/*RISK AND CONTROLS TABLE*/

.riskTreatAndControlsTable2 {
	width: 932px!important;
}
.riskTreatAndControlsTable2Subb {
	width: 930px!important;
	height: 600px!important;
	overflow-x: scroll;
	overflow-y: scroll;
}
.inputTableWrapperRiskAndControls {
	width: 1300px!important;
}
.riskAndControlsTableHeader {
	width: 1300px!important;
}
.addHideRisk {
	width:140px!important;
}
.unassociateAll {
	width: 200px!important;
}
.controlsAndName {
	width: 140px!important;
}
.paddingEmptyDiv {
	width: 100px!important;
}
.controlNameOnHover {
	display: none;
}
.totalValue {
	width: 100px!important;
}
.ada {
	width: 200px;
	height: 20px;
}
.adad {
	width: 600px;
	height: 20px;
	overflow-x: scroll;
}
.changableMapsWidth p {
	font-size: 25px;
	/*color: #A2A5B3;*/
	font-weight: bold;
	text-align: center;
}
#div2 {
	overflow-x: scroll;
	border: 1px solid black;
 	 width:  250px;
}

.setMapsWidth {
	cursor: pointer;
}

.mapsWidthActive:hover {
	/*margin-top: -10px;*/
	color: #1B75BB;
	text-decoration: underline;
	cursor: pointer;
}

#project_managers_table_wrapper,
#team_members_table_wrapper {
	width: 100%;
}
#company_tags_list p {
	font-weight: bold;
}

.deleteCompanyTag {
	font-weight: normal;
	cursor: pointer;
}

.hyperlinks:hover {
	color: #1B75BB;
	text-decoration: underline;
	cursor: pointer;
}

.noDataH1 {
	margin-top: -40px;
}

.noData2H1 {
	margin-top: -20px;
}

.noData3H1 {
	margin-top: -40px;
}

.questionMark {
	width: 16px;
	height: 16px;
	font-size: 14px!important;
	position: relative;
	cursor: pointer;
}

.questionMarkText {
	position: absolute;
	padding: 10px;
	/*background-color: #2286d4;*/
	background-color: #000;
	width: 250px;
	border-radius: 10px;
	display: none;
	z-index: 9999;
}

.textDown {
	left: -4em;
	top: 30px;
}

.textUp {
	left: -4em;
	bottom: 30px;
}

#closeX_event2 {
	cursor: pointer;
}

.categoryActive {
	border: 2px solid #2286d4 !important;
	color: #2286d4 !important;
	background-color: #e0e9ff !important;
}

.companyRisk:hover,
.riskControl:hover {
	cursor: pointer;
	text-decoration: underline;
}


#company_tags .bootstrap-tagsinput {
	height: 40px;
	cursor: default;
}

#company_tags .bootstrap-tagsinput input {
	width: 100px !important;
	display: none;
}

#company_tags .bootstrap-tagsinput input,
#company_tags .bootstrap-tagsinput span {
	margin-top: 10px;
	margin-bottom: 10px;
}

#company_tags .bootstrap-tagsinput .tag {
	background-color: white;
	color: black;
	border: 1px solid gray;
}

#company_tags .bootstrap-tagsinput .tag span {
	color: lightgray;
}

#measure_slide_popup {
	z-index: 100001;
}

.controlsSingleView:hover {
	cursor: pointer;
	text-decoration: underline;
	user-select: none;
}

.controlStatusNot {
	border-left: 3px solid gray;
	border-radius: 3px;
}

.controlStatusStarted {
	border-left: 3px solid #ff9000;
	border-radius: 3px;
}

.controlStatusActive {
	border-left: 3px solid green;
	border-radius: 3px;
}
.jsReduceStrategy {
	display: none;
}

.ribbonBox {
  position: relative;
}
#annual_cost_single_view::placeholder {
	color: #000;
}

/* common */
.ribbon {
  width: 100px;
  height: 100px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #2980b9;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 8px 0;
  background-color: #2286d4;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 16px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

/*Top right ribbon*/
.ribbon-top-right {
  top: -10px;
  right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  left: 0;
}
.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}
.ribbon-top-right span {
  left: -25px;
  top: 50px;
  transform: rotate(45deg);
}

/* top left*/
#incident_single_view_wrapper .ribbon-top-left {
	top: -10px;
    left: -10px;
}
#users_assignments_single_view_wrapper .ribbon-top-left {
  	top: -30px;
    left: -10px;
}
#file_single_view_wrapper .ribbon-top-left {
	top: -10px;
    left: -10px;
}
#control_single_view_wrapper .ribbon-top-left {
	top: -10px;
    left: -10px;
}
#risk_single_view .ribbon-top-left {
	top: -10px;
    left: -10px;
}
#task_single_view_wrapper .ribbon-top-left {
	top: -10px;
    left: -10px;
}
#riley_help_single_view_wrapper .ribbon-top-left {
	top: -10px;
    left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: -25px;
  top: 50px;
  transform: rotate(-45deg);
}

.ribbonTopRisk span,
.ribbonTopTask span {
  text-align: left;
  padding-left: 135px;
}

.ribbonTopHelp span {
  text-align: left;
  padding: 10px 0;
  padding-left: 105px !important;
  font-size: 13px !important;
}

.ribbonTopIncident span,
.ribbonTopControl span {
  text-align: left;
  padding-left: 115px;
}

.ribbonTopUsers span {
	text-align: left;
 	padding-left: 125px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

#singleViewControls {
	cursor: pointer;
}

.grayBackgroundZIndex99999 {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 99999;
	background-color: rgba(144,144,144,0.3);
	display: none;
}

.grayBackgroundZIndex999999 {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999999;
	background-color: rgba(144,144,144,0.3);
	display: none;
}

#controls_table_limit {
	font-size: 14px !important;
}

.rileyHelpAnimation {
	/*background: #4891c8;
  	color: white;
  	*/
  	background-color: white;
}

.rileyHelpAnimation i {
	font-size: 30px;
  	color: #1b76bb;
  	animation: helpAnimation 1.5s infinite;
}

@keyframes helpAnimation {

	/*from { background-color: #155e98; }
	to { background-color: #1b76bb; }*/

	/*0% { color: #4891c8; }
	50% { color: #1b76bb; }
	100% { color: #4891c8; }*/

  	/*0% { color: #155e98; }
	25% { color: #4891c8; }
	50% { color: #1b76bb; }
	75% { color: #4891c8; }
	100% { color: #155e98; }*/

	0% { color: #1b76bb; }
	10% { color: #4891c8; }
	20% { color: #155e98; }
	30% { color: #76acd6; }
	40% { color: #a3c8e3; }
	50% { color: #d1e3f1; }
	60% { color: #a3c8e3; }
	70% { color: #76acd6; }
	80% { color: #155e98; }
	90% { color: #4891c8; }
	100% { color: #1b76bb; }

	/*0% { color: #d1e3f1; }
	10% { color: #a3c8e3; }
	20% { color: #76acd6; }
	30% { color: #155e98; }
	40% { color: #4891c8; }
	50% { color: #1b76bb; }
	60% { color: #4891c8; }
	70% { color: #155e98; }
	80% { color: #76acd6; }
	90% { color: #a3c8e3; }
	100% { color: #d1e3f1; }*/
}

.incidentTimeText{
	display: none;
	position: absolute;
    right: 10px;
    bottom: 20px;
    cursor: pointer;
}
#comments_main,
.forScroll {
	max-height: 120px;
	overflow-y: scroll;
}

#control_comments_main {
	max-height: 275px;
	overflow-y: scroll;
}
.forTrashcan {
	width: 24px;
	height: 24px;
}
.w-80 {
	width: 80%!important;
}
.w-70 {
	width: 70%!important;
}
.w-60 {
	width: 60%!important;
}
.w-50 {
	width: 50%!important;
}
.w-40 {
	width: 40%!important;
}
.w-30 {
	width: 30%!important;
}
.w-20 {
	width: 20%!important;
}
.w-10 {
	width: 10%!important;
}
.arrowDownButton,
.arrowUpButton {
  cursor: pointer;
}
#comments_main div:first-child {
	margin-top: 0px!important;
}
#control_comments_main div:first-child {
	margin-top: 0px!important;
}
#control_comments_main div:last-child {
	margin-bottom: 0px!important;
}
#incident_comments_main {
	max-height: 120px;
	overflow-y: scroll;
}
#jsDueDate {
	font-size:14px;
}
#comments_main > div:last-child {
	margin-bottom: 0px!important;
}
#incident_comments_main div:first-child {
	margin-top: 0px!important;
}
#incident_comments_main div:last-child {
	margin-bottom: 0px!important;
}

.requiredField {
	font-size: 20px;
	color: red;
}

#s_r_target_rating:disabled {
	opacity: 1 !important;
}

#deleted_data_wrapper,
#usage_chart_wrapper {
	display: none;
}

.jsDelArcBtn i {
	font-size: 25px;
}

.jsDelArcWrapper {
	position			: absolute;
	bottom				: -65px;
	right				: 12px;
  	display				: none;
  	z-index				: 1;
  	background-color	:#fff;
  	width				: 200px;
  	box-shadow: 1px 1px 8px 6px rgba(162,165,179,0.25);
	-webkit-box-shadow: 1px 1px 8px 6px rgba(162,165,179,0.25);
	-moz-box-shadow: 1px 1px 8px 6px rgba(162,165,179,0.25);
	border-radius: .25rem;
}

.jsDelArcText:hover {
	color: #2286d4;
	cursor: pointer;
}

.jsSingleViewHybrid:hover {
	cursor: pointer;
	text-decoration: underline;
}

.font30 {
	font-size: 30px;
}

.folderArrowWrapper {
	width: 15px;
}

.jsFolderIcons {
	cursor: pointer;
	user-select: none;
}

.jsSubFolder,
.jsFilesWrapper {
	display: none;
}

.cssCompanyFolder i {
	color: #ed8136;
}

.cssProjectFolder i {
	color: #2286d4;
}

.cssSystemFolder i,
.cssProjectRootFolder i {
	color: #A30F27;
}

.cssProjectRootFolder i {
	/*color: #00874A;*/
}

.cssCustomFolder i {
	color: #2286d4;
}

.folderModuleBtn {
	height: 100px;
}
.jsDraggable {
	user-select: none;
}

.jsDraggable label {
	cursor: move;
}

.jsOpacity {
	opacity: 0.4;
}

#folder_tree_wrapper ul,
#folder_tree_wrapper li {
	list-style-type: none !important;
}

.jsSortable .row.ui-sortable-helper {
    cursor: grabbing ;
}

#folder_tree_wrapper,
#folder_tree_wrapper .folderIconWrapper {
	position:relative;
}

#right_click_wrapper {
  position: absolute;
  display: none;
  z-index: 1;
  background-color:#fff;
  width: 150px;
  box-shadow: 1px 1px 8px 6px rgba(162,165,179,0.25);
	-webkit-box-shadow: 1px 1px 8px 6px rgba(162,165,179,0.25);
	-moz-box-shadow: 1px 1px 8px 6px rgba(162,165,179,0.25);
	border-radius: .25rem;
}

#right_click_wrapper ul li {
	margin:4px 0px 4px 16px;
	user-select: none;
	cursor: pointer;
	color: #A2A5B3;
}

#right_click_wrapper ul li:hover {
	color: #1B75BB;
}

.right-click-dropdown-menu {
	display:block;
	position:static;
}

.jsFilesList {
	cursor: pointer;
}

.borderDash {
	border-left: 1px solid black;
	border-style: dotted;
}

.userDetailsParent {
	position: relative;
}

.userDetailsWrapper {
	display: none;
	position: absolute;
    bottom: 40px;
    left: -180px;
    width: 400px;
    z-index: 10;
    /*background-color: #FFEBEE*/
}

.userDetailsWrapper .card {
    width: 100%;
    border: none;
    border-radius: 14px !important
}

.userDetailsWrapper .area1 {
    background-color: #4891c8;
    border-top-left-radius: 14px !important;
    border-top-right-radius: 14px !important;
    padding-top: 83px !important
}

.userDetailsWrapper .image {
    top: -62px;
    position: relative
}

.userDetailsWrapper .image img {
    box-shadow: 5px 6px 6px 2px #e9ecef
}

.userDetailsWrapper .area2 {
    background-color: #e8f1f8;
    border: 1px solid #4891c8 !important;
    border-bottom-left-radius: 14px !important;
    border-bottom-right-radius: 14px !important;
    max-height: 200px;
}

.userDetailsWrapper .name {
    font-size: 25px;
    font-weight: 650
}

.userDetailsWrapper .information {
    color: #9FA8DA;
    font-weight: 500;
    font-size: 16px
}

#ms-assign_managers,
#ms-assign_members,
#ms-assign_registers {
	margin: 0 auto;
}
.userSelection {
	width: 370px;
}
.ms-container .ms-list {
	box-shadow: none;
	border:2px solid #F6F8FA;
	height: 180px;
}

#ms-assign_registers .ms-list {
	height: 300px;
}

#map_popup_wrapper {
	position: fixed;
	top: 30px;
	left: 50%;
	margin-left: -500px;
	width: 1000px;
	height: 800px;
	z-index: 10000;
	display: none;
	border-radius: 5px;
	background-color: white;
}

#map_popup_content {
	height: 600px;
}

.sssPrintTumbnail,
.registerPrintTumbnaiil {
	width: 100% !important;
	height: 200px !important;
}

.jsGoThroughSteps {
	cursor: pointer;
}

.layoutTextaareaHeight {
	height: 130px !important;
}

.layerThumbPopup {
	margin-left: 10px;
	font-size: 15px;
	color: #2286d4;
	text-decoration: underline;
	display: none;
}

.layerThumbPopup:hover {
	cursor: pointer;
	text-decoration: none;
}

.cssCloudFolder i {
	color: #00a2e0;
}

/******Pedja******/

.imageAssistanceProviders {
    width: 100%;
    height: 100%;
    max-height: 150px;
}

.scrollRejectedComments {
    overflow-y      : auto;
    max-height      : 200px;
    overflow-wrap   : break-word;
    /* overflow-x      : hidden; */
}

#jmp_legend {
	margin-left: 10px;
	background-color: rgba(0, 0, 0, 0.5);
	color: white;
	max-width: 170px;
}

#risk_register_table_wrapper {
	width: 100%!important;
}

.overviewDivs {
	min-height: 150px;
}

.goToSummaryDiv:hover {
	text-decoration: underline;
	cursor: pointer;
}

.pac-container {
	z-index: 10000!important;
}

#light_gray_background,
#light_gray_background,
#assessment_status_question_popup,
#archive_popup_question,
#delete_popup_question,
#reject_comment,
#ask_if_converted {
	display: none;
}

.teamMembersPlus {
	text-align: center;
	background-color: #f6f8fa;
	margin: 5px 0px;
	padding: 8px 12px;
	border-radius: 5px;
}

.teamMembersPlus i {
	color: #abaebb;
	/*padding: 15px;*/
	font-size: 15px;
}
.teamMembersPlus:hover {
	cursor: pointer;
}

.eventPopUpSubb1 {
	border-radius: .25rem;
	overflow-y: scroll;
	height: 100%;
}

.impacLvlProgBar .progress {
	height:8px;
	margin: 11px 0px 10px 20px;
}
.progress-bar {
	border-radius: .25rem;
}
.impacLvlProgBar {
	border:2px solid #F6F8FA;
	border-radius: .25rem;
	margin-top: 20px;
}
.impacLvlProgBarP {
}
.eventLabel {
	font-size: 12px;
	letter-spacing: .5px;
	line-height:18px;
}
.eventLabel i {
	margin-right: 10px;
}
.eventPopUpSubb1 h5 {
	padding: 16px 0px;
}

/*NEW EVENTS POP UP*/

#main_wrapper_events_popup_2 textarea {
	width: 100%;
	border:2px solid #F6F8FA;
	border-radius: .25rem;
}
.eventPopUp {
	height: 100vh;
}

/*MAP AREA*/

.mapArea {
	min-height: 260px;
	margin-top: 20px;
	border-radius: .25rem;
}

/*ADD CSV */

#main_wrapper_add_scv ul {
    list-style-type: disc !important;
    padding-left:1em !important;
    margin-left:1em;
}
#main_wrapper_add_scv li {
    font-weight: 500;
}
.downloadMsTemp {
	padding: 20px 15px;
}
.downloadMsTempSubb {
	border-radius: .25rem;
}
.downloadMsTemp i {
	margin-right: 10px;
}
.dragFile {
	padding: 20px 15px;
}
.dragFileSubb {
	height: 160px;
	border:	1px dashed #1B75BB;
	border-radius: .25rem;
}
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    cursor: inherit;
    display: block;
    color: #fff;
}

/*TABLE ASSESSMENT POPUP*/

#main_wrapper_table_assessment_popup .smallEleForIcons {
	position: relative;
	width:30px;
	height: 30px;
}
.absListOfUsers {
	position: absolute;
	width: 180px;
	height: 220px;
	top: 44px;
	right: 5px;
	border-radius: .25rem;
	overflow-y: scroll;
	z-index: 9999;
	padding-top: 10px;
}
.absListOfUsers1 {
	position: absolute;
	width:5px;
	height: 220px;
	top: 44px;
	right: 0px;
	z-index: 9999;
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem;
	padding-top: 10px;
}
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 40px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  /*background: #f6f8fa;*/
  background: #dbdbdb;
  border-radius: 40px;
}

/*
::-webkit-scrollbar-thumb:hover {
  background: #f6f8fa;
  border-radius: .25rem;
}*/
.absListOfUsers p {
	margin:10px 0px 10px 10px;
	font-size: 18px;
	color: #000;
}
#main_wrapper_table_assessment_popup .eventPopUp {
	padding-left: 30px;
	padding-right: 30px;
}
#main_wrapper_event_popup .eventPopUp {

	/*background-color: white;*/
	/*BOX SHADOW I ROUND CORNERS*/

}
#main_wrapper_table_assessment_popup .eventPopUpSubb2 {
	border-radius: .25rem;
	padding-bottom: 30px;
}
.tDots a:hover {
	cursor: pointer;
}
.managerUnit {
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 2px;
	border-radius: .25rem;
	padding-bottom: 0px;
}
.managerUnit > div {
	margin-top: 5px;
	margin-bottom: 5px;
}
.emptyDiv {
	height: 20px;
}
.numOfUsers {
	margin-left: 5px;
	margin-right: -5px;
}
#main_wrapper_table_assessment_popup .borderTop {
	margin-top: 30px;
}
.assessListUnit {
	margin-bottom: 1px;
	border-radius: .25rem;
}
#main_wrapper_table_assessment_popup h5 {
	margin: 20px 0px 10px 0px;
}

/*NEW ASSESSMENT*/

#form_submit_new_company {
	height: 100%;
}
#form_update_company {
	height: 100%;
}
#ms-update_company_user_groups_input .ms-selection {
	margin-left: auto;
}
#update_company_user_countries_form #ms-update_company_user_groups_input {
	display: flex;
	margin:0 auto;
}
#slide_in_new_assessment input {
	border:2px solid #F6F8FA;
	border-radius: .25rem;
}
.newAButton {
	line-height: 60px;
	font-weight: 600;
}

/*CHANGES LOG */

.changLogHead {
	border-radius: .25rem;
}
.smallFontTable {
	font-size: 12px;
}
.changLogRows p {
	line-height:28px;
}

/*MEASURE POPUP*/

.paddWrapper {
	overflow-y: scroll;
	height: 100%;
}
.borderRadius {
	border-radius: .25rem;
}
.borderRadius2 {
	border-top-left-radius: .7rem;
	border-bottom-left-radius: .7rem;
}
.borderRadius3 {
	border-radius: 50%;
}
.borderLightGray {
	border:2px solid #F6F8FA;
}
.borderLightGray2 {
	border:6px solid #F6F8FA;
}
.borderBlue1 {
	border:2px solid #2286d4;
}
.borderOrange {
	border:2px solid #e65e25;
}
.borderGreen {
	border:2px solid #00874a;
}
.borderRed {
	border:2px solid #A30F27;
}
.borderLightBlue {
	border:2px solid #e0e9ff;
}
.borderBlack {
	border-radius: 2px solid #fff;
}
.borderNone {
	border:none;
}
.dateInputs {
	outline: none;
}
#notification_after_no {
	cursor: pointer;
}

#notification_after_no i {
	font-size: 30px;
}
/*ADD NEW THREAT*/


.mainAreaThreat {
	margin-left: 30px;
	margin-right: 30px;
}
.smallSubbOption {
	font-size: 12px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 16px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color:#2286d4;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2286d4;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2286d4;
}

input:checked + .slider:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/*ADD QUESTION*/

.wrapperPopUps textarea {
    width: 100%;
    border: 2px solid #F6F8FA;
    border-radius: .25rem;
}

/*NEW ARE THREAT LEVEL ANALYSIS*/

.ata_step_markers2 {
	display: none;
}
.absEleDef {
	position: absolute;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	top: -12px;
}
.ssLeftMenuItems {
	cursor: pointer;
}
.dotsTextWrapper {
	position: relative;
	height: 1px;
}
.dotsTextSingle {
	position: absolute;
}

/*ZA BAR SA 4 STEPA*/

.relMainCircle4Dots {
	position: relative;
	height: 1px;
	width: 680px;
}
.dots4TextWrapper {
	width: 680px;
}
.abs4Circle1 {
	left: -12px;
}
.abs4Circle2 {
	left: 215px;
}
.abs4Circle3 {
	left: 441px;
}
.abs4Circle4 {
	right: -12px;
}
.main4CircleText1 {
	left: 0px;
}
.main4CircleText2 {
	left: 227px;
}
.main4CircleText3 {
	left: 453px;
}
.main4CircleText4 {
	right: -140px;
}

/*ZA BAR SA 2 STEPA*/

.relMainCircle2Dots {
	position: relative;
	height: 1px;
	width: 680px;
}
.dots2TextWrapper {
	width: 680px;
}
.abs2Circle1 {
	left: -12px;
}
.abs2Circle2 {
	right: -12px;
}
.main2CircleText1 {
	left: 44px;
}
.main2CircleText2 {
	right: -200px;
}

/*ZA BAR SA 3 STEPA*/

.relMainCircle3Dots {
	width: 580px;
	position: relative;
	height: 1px;
}
.dots3TextWrapper {
	width: 580px;
}
.abs3Circle1 {
	left: -12px;
}
.abs3Circle2 {
	left: 278px;
}
.abs3Circle3 {
	right: -12px;
}
.main3CircleText1 {
	left: 0px;
}
.main3CircleText2 {
	left: 290px;
}
.main3CircleText3 {
	right: -120px;
}

/*ZA BAR SA 6 STEPOVA*/

.relMainCircle6Dots {
	position: relative;
	height: 1px;
	width: 840px;
}
.dots6TextWrapper {
	width: 840px;
}
.abs6Circle1 {
	left: -12px;
}
.abs6Circle2 {
	left: 156px;
}
.abs6Circle3 {
	left: 324px;
}
.abs6Circle4 {
	left: 492px;
}
.abs6Circle5 {
	left: 660px;
}
.abs6Circle6 {
	right: -12px;
}
.main6CircleText1 {
	left: 0px;
}
.main6CircleText2 {
	left: 168px;
}
.main6CircleText3 {
	left: 336px;
}
.main6CircleText4 {
	left: 504px;
}
.main6CircleText5 {
	left: 672px;
}
.main6CircleText6 {
	right: -60px;
}
.main6CircleText66 {
	right: -90px;
}

/*ZA BAR SA 5 STEPOVA*/

.relMainCircle5Dots {
	position: relative;
	height: 1px;
	width: 780px;
}
.dots5TextWrapper {
	width: 780px;
}
.abs5Circle1 {
	left: -12px;
}
.abs5Circle2 {
	left: 183px;
}
.abs5Circle3 {
	left: 378px;
}
.abs5Circle4 {
	left: 573px;
}
.abs5Circle5 {
	right: -12px;
}
.main5CircleText1 {
	left: 0px;
}
.main5CircleText2 {
	left: 195px;
}
.main5CircleText3 {
	left: 390px;
}
.main5CircleText4 {
	left: 585px;
}
.main5CircleText5 {
	right:-84px;
}
.marTop27 {
	margin-top: 27px;
}
.mx-15 {
	margin: 0px -15px;
}



.absLeftCircleSubb,.absRightCircleSubb2 {
	width: 8px;
	height: 8px;
	border-radius: 50%;
}
.absRightCircle {
	position: absolute;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	right: 0px;
	top: -12px;
}
.absRightCircle2 {
	position: absolute;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	right: 0px;
	top: -12px;
}
.absSubbBlueSmallCircle {
	width: 8px;
	height: 8px;
	border-radius: 50%;
}

.mainCircleText1  {
	margin-left:-15px;
}
.mainCircleText2 {
	margin: 0px;
	margin-right: 90px;
}
.warningEle {
	margin-left: 20px;
	border-radius: 20px;
	line-height: 14px;
}
.warningEle p {
	font-size: 14px;
	padding: 2px 8px;
	font-weight: 600;
}
.margToAreaThreat {
	margin-top: 4px;
}
.margBotAreaThreat {
	margin-bottom: 4px;
}
.marRight-8 {
	margin-right: 8px;
}
.marTop-20 {
	margin-top: 20px;
}
.marBot-20 {
	margin-bottom: 20px;
}
.areaThreatRows p {
	margin:0px;
}
.mainAreaThreat .borderTop {
	margin-right: -15px;
	margin-left: -15px;
}
.headAreaRows {
	position: absolute;
	z-index: 999;
	left: 50%;
	margin-left: -110px;
	width: 220px;
	/*margin-bottom: -30px;*/
	font-weight: 500;
	font-size: 14px;
	letter-spacing: .3px;
}
.natlButtons {
	cursor: pointer;
}

/*DETAILS NEW SITE SURVEY*/

.absRightCircle1 {
	position: absolute;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	right: 196px;
	top: -12px;
}
.absLeftCircle1 {
	position: absolute;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	left: 196px;
	top: -12px;
}
.strangeFontSize {
	font-size: 14px;
	width: 100%!important;
	text-align: left;
	font-family:HKGrotesk-SemiBold, sans-serif;
}

/* project-team-page */

.wordBreakingSectionB a {
	word-break: break-all;
}

#main_wrapper_project_details .strangeDiv b {
	display: flex;
	text-overflow: ellipsis!important;
	overflow: hidden!important;
	justify-content: start;
	margin: 0px;
	width: 100%!important;
}
#main_wrapper_project_details a {
	word-wrap:break-word;
	overflow-wrap: break-word;
	text-align: left;
	display: block;
}
#main_wrapper_project_details .resources_parent .colBlue1 {
	width: 100%!important;
}
.attachIcon {
	width:24px;
	height: 24px;
}
.attachIcon:hover {
	cursor: pointer;
}
.attachDoc:hover {
	cursor: pointer;
}
.borderLeft {
	border-left:1px solid #A2A5B3;
}
.longitudeMainRel {
	position: relative;
}
.longitudeSubbAbs {
	position: absolute;
	right: -30px;
	top: 44px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
}
.longitudeSubbText {
	width: 100px;
	height: 50px;
	border-radius: .25rem;
	position: absolute;
	right: -118px;
	top:-20px;
}
.longitudeSubbAbs:after {
	content: '';
	position: absolute;
	top: -22px;
	left: 30px;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top-color: #000;
	border-bottom: 0;
	border-left: 0;
	margin-left: -10px;
	margin-bottom: -20px;
}
/*PROJECTS DASHBOARD*/

.projectPen {
	width: 26px;
	height: 26px;
	cursor: pointer;
}
#main_wrapper_project_insights h6 {
	font-family: 'HKGrotesk-SemiBold',sans-serif;
}
.iconsProjectDash {
	width:60px;
	height: 60px;
}
.teamMembersImgDash {
	width: 24px;
	height: 24px;
}
.teamMembersImgDash img {
	width: 100%;
}
.settingsWhealProjDash {
	width: 22px;
	height: 22px;
}
#your_own_site_survey_btn, #your_own_sra_btn, #new_site_survey_btn, #new_sra_btn {
	font-size: 12px!important;
}

/*CHARACTERISTICS NEW SITE SURVEY*/

.absLeftCircleChar {
	position: absolute;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	left: 240px;
	top: -12px;
}
#main_wrapper_projects .jsSiteSurveyAllSteps {
	display: none;
}
#main_wrapper_projects #new_site_survey_main_step_1{
	display: flex;
}
#main_wrapper_projects #new_site_survey_main_step_1_1 {
	display: block;
}
.new_site_survey_main_steps .siteSurveyChar textarea {
	width: 100%;
}
.charIconWrapp {
	border-radius: 50%;
	width: 30px;
	height: 30px;
}
.jsSSCharacteristicsPickSiteType:hover {
	cursor: pointer;
	color: #1B75BB;
}
#JMP_overview_wrapper label,
#summary_risk_security label,
#summary_outbound_travel label,
#summary_destination label,
#summary_return_travel label,
#summary_communication label,
#summary_medical_emergency label,
#summary_recovery_plan label {
	color:#A2A5B3!important;
	letter-spacing:0.5px;
}
/*THREAT SELECTION NEW SITE SURVEY*/

.absLeftCircleThreatSel1 {
	position: absolute;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	left: 146px;
	top: -12px;
}
.absLeftCircleThreatSel2 {
	position: absolute;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	left: 296px;
	top: -12px;
}
.absLeftCircleThreatSel3 {
	position: absolute;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	left: 450px;
	top: -12px;
}
.absLeftCircleThreatSel4 {
	position: absolute;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	left: 600px;
	top: -12px;
}
.circleCheck {
	width: 20px;
	height: 20px;
	border-radius: 50%;
}
.circleCheck2 {
	width: 18px;
	height: 18px;
	border-radius: 50%;
}
.containerThreaSelection .card {
	border:none;
	flex-grow: 1;
}
.containerThreaSelection p {
	margin: 0px;
}
.filterButtonsThreatSelection {
	font-size: 16px;
	margin-top: 31px;
	height: 48px;
}
/*.fadeoutThreatSelect {
	-webkit-animation: fadeout 10s;
       -moz-animation: fadeout 10s;
        -ms-animation: fadeout 10s;
         -o-animation: fadeout 10s;
            animation: fadeout 10s;
}*/
@keyframes fadeout {
	from   { opacity: 1; }
    to { opacity: 0.3; }
}

/* Firefox < 16 */
@-moz-keyframes fadeout {
    from   { opacity: 1; }
    to { opacity: 0.3; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeout {
    from   { opacity: 1; }
    to { opacity: 0.3; }
}

/* Internet Explorer */
@-ms-keyframes fadeout {
    from   { opacity: 1; }
    to { opacity: 0.3; }
}

/* Opera < 12.1 */
@-o-keyframes fadeout {
    to   { opacity: 1; }
    from { opacity: 0.5; }
}
/*THREAT ASSESSMENT NEW SITE SURVEY*/

.regEveThreAssCircle {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	font-size: 12px;
	line-height: 22px;
}
.threAssessmentRow {
	position: relative;
}
.absDropComment {
	position: absolute;
	border-radius: 50%;
	background-color: #fff;
	width: 26px;
	height: 26px;
	right: -13px;
	top: 10px;
	z-index: 999;
	box-shadow: 1px 0px 52px -5px rgba(162,165,179,1);
   	-webkit-box-shadow: 1px 0px 52px -5px rgba(162,165,179,1);
	-moz-box-shadow: 1px 0px 52px -5px rgba(162,165,179,1);
}
.boxShadowWhite {
	box-shadow: 1px 1px 8px 6px rgba(162,165,179,0.25);
	-webkit-box-shadow: 1px 1px 8px 6px rgba(162,165,179,0.25);
	-moz-box-shadow: 1px 1px 8px 6px rgba(162,165,179,0.25);
}
.dropDownButton {
	width: 34px;
	height: 34px;
	position: relative;
}
.profileImage {
	width: 34px;
	height: 34px;
}
.profilePicureImg {
	width: 120px;
	height: 120px;
	border-radius: 12px;
	background-color: #e0e9ff;
}

.profilePicureImgPreview {
	max-height: 120px;
    max-width: 120px;
    height:auto;
    width:auto;
}

.qMarkWrapperOnSettings .questionMarkDutyCare {
	left: -10px;
}
.threAssessmentRow .warningEle {
	margin: 0px;
}

/*Parimeter Layer*/

.jsSSQuestionsTrue:hover, .jsSSQuestionsFalse:hover {
	cursor: pointer;
}

.jsThumbNail {
	position: relative;
}
.jsThumbNail img {
	cursor: pointer;
}

.jsThumbNailTitle {
	display: none;
	position: absolute;
	z-index: 800;
	top: -20px;
	font-size: 14px;
}

/*SSS PAGE*/

.borderNone {
	border:none;
}
.sssH2Hi {
	height:48px;
}

/*SSS Summary*/
.jsSummaryTabs {
	display: none;
}
#overview_wrapper {
	display: block;
}
#sss_summary_graph_layers, #sss_summary_graph_overall_score, #sss_summary_graph_mitigation_performance {
	height: 350px;
	margin-left: -10px;
}
.amcharts-main-div .amcharts-chart-div > a {
	/*display: none !important;*/
	font-size: 6px !important;
}
.selectSSSAndSRASummary {
	font-size: 14px!important;
	font-family: 'HKGrotesk-SemiBold',sans-serif;
}
#print_pdf[disabled]{
	opacity: .1;
	transition: 2s;
}
#print_pdf[disabled]:hover{
	cursor: not-allowed;
}
#completion_date_wrapper {
	display: none;
}
.jsSSSSummaryPickInUseStatus:hover {
	cursor: pointer;
	background-color: #1B75BB;
	color: #fff;
	border-radius: .25rem;
}
/*support-center PAGE*/
.jsSupportCenterSections {
	display: none;
}
#accordionExample {
	display: block;
}
.blackDotFaq {
	width: 6px;
	height: 6px;
	border-radius: 50%;
}
.blackBorderDotFaq {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	border:1px solid #000;
}
#accordionExample p {
	font-weight: 600;
}
#accordionExample {
	border:none;
}
#accordionExample .card {
	box-shadow: none;
	border: 2px solid #F6F8FA;
}


/*SRA-SUMMARY PAGE*/
#graph_risk_by_category_wrapper, #graph_assets_at_risk_wrapper, #graph_threat_vs_risk_wrapper, #graph_threats_by_category_wrapper, #chartdiv1, #chartdiv2 {
	width: 100%;
	height: 500px;
	margin-bottom: 60px;
}
#graph_duty_of_care_wrapper {
	width: 100%;
	height: 180px;
	margin-bottom: 30px;
}
.questionMarkDutyCare {
	width: 16px;
	height: 16px;
	left: 80px;
	bottom: 2px;
	font-size: 14px!important;
	position: absolute;
	cursor: pointer;
}

#sra_details_chars_and_graphs {
	display: block;
}

.sraSumTempDisabled:hover {
	cursor: not-allowed;
}
#main_wrapper_terms_of_use h4,
#main_wrapper_privacy_policy h4 {
	font-weight: 800;
	font-family:HKGrotesk-Black, sans-serif;
}
.sqarePP {
	width: 6px;
	height: 6px;
	margin-top: 8px;
	margin-left: auto;
}
.italicIPP {
	font-family:HKGrotesk-Italic, sans-serif;
}
.jsPHPMsgMain {
	width: 280px;
}
.finishButtonDutyOfCare {
	font-family:HKGrotesk-SemiBold, sans-serif;
}
.finishButtonDutyOfCare:hover {
	text-decoration: none;
}
.animate {
	display:flex;
	justify-content: center;
	align-items: center;
	height:100%;
	margin: auto;
/* 	width: 350px; */
/* 	font-size:26px; */
	animation: load 1.2s infinite 0s ease-in-out;
	animation-direction: alternate;
	text-shadow: 0 0 1px #1B75BB;
}
.animate {
	background-color: transparent;
	position: relative;
}

#general_information .main3CircleText3 {
    right: -40px;
}

#general_summary .main3CircleText3 {
    right: -40px;
}

#outbound_main .main3CircleText3 {
    right: -40px;
}

#outbound_main .main3CircleText2 {
    left: 260px;
}

#destination_main .main3CircleText3 {
    right: -40px;
}

#destination_main .main3CircleText2 {
    left: 270px;
}

#return_main .main3CircleText3 {
    right: -60px;
}

#communication_main .main3CircleText3 {
    right: -50px;
}

.journey_form .main3CircleText3 {
	right: -40px;
}

.risk_security_form .main3CircleText3 {
	right: 50px;
}
.progresBarInformationJMP .main3CircleText3 {
	right: -136px;
}
@keyframes load {
    0%{
        opacity: 0.08;
        font-size: 20px;
		font-weight: 400;
		filter: blur(5px);
		letter-spacing: 3px;
      }
    100%{
        opacity: 1;
        font-size: 22px;
		font-weight:600;
		filter: blur(0);
       }
}

/*BUTTONS ANIMATION*/


/*
.animatedButton {
  display: inline-block;
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
  overflow: hidden;
  text-align: center;
  text-decoration: none;
}
.animatedButton span {
  position: absolute;
}
.animatedButton span:nth-child(1) {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: linear-gradient(to left, rgba(0, 0, 0, 0), #fff);
  -webkit-animation: 4s animateTop linear infinite;
          animation: 4s animateTop linear infinite;
}
.animatedButton span:nth-child(2) {
  top: 0px;
  right: 0px;
  height: 100%;
  width: 2px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0), #fff);
  -webkit-animation: 4s animateRight linear -1s infinite;
          animation: 4s animateRight linear -1s infinite;
}
.animatedButton span:nth-child(3) {
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0), #fff);
  -webkit-animation: 4s animateBottom linear infinite;
          animation: 4s animateBottom linear infinite;
}
.animatedButton span:nth-child(4) {
  top: 0px;
  left: 0px;
  height: 100%;
  width: 2px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #fff);
  -webkit-animation: 4s animateLeft linear -1s infinite;
          animation: 4s animateLeft linear -1s infinite;
}
.animatedButton2 {
  display: inline-block;
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
  overflow: hidden;
  text-align: center;
  text-decoration: none;
}
.animatedButton2 span {
  position: absolute;
}
.animatedButton2 span:nth-child(1) {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: linear-gradient(to left, rgba(0, 0, 0, 0), #2286d4);
  -webkit-animation: 4s animateTop linear infinite;
          animation: 4s animateTop linear infinite;
}
.animatedButton2 span:nth-child(2) {
  top: 0px;
  right: 0px;
  height: 100%;
  width: 2px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0), #2286d4);
  -webkit-animation: 4s animateRight linear -1s infinite;
          animation: 4s animateRight linear -1s infinite;
}
.animatedButton2 span:nth-child(3) {
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0), #2286d4);
  -webkit-animation: 4s animateBottom linear infinite;
          animation: 4s animateBottom linear infinite;
}
.animatedButton2 span:nth-child(4) {
  top: 0px;
  left: 0px;
  height: 100%;
  width: 2px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #2286d4);
  -webkit-animation: 4s animateLeft linear -1s infinite;
          animation: 4s animateLeft linear -1s infinite;
}


@keyframes animateTop {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes animateRight {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}


@keyframes animateBottom {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}


@keyframes animateLeft {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}*/

/*GRADIENT ANIMATION*/

.cssSelector {
    background: linear-gradient(45deg, #2286d4, #ffffff);
    background-size: 400% 400%;

    animation: divGradient 7s infinite alternate;
}

@-webkit-keyframes divGradient {
    0%{background-position:right top}
    100%{background-position:left bottom}
}
@-moz-keyframes divGradient {
    0%{background-position:right top}
    100%{background-position:left bottom}
}
@keyframes divGradient {
    0%{background-position:right top}
    100%{background-position:left bottom}
}

.cssText {
    animation: textGradient 7s infinite alternate;
}

@-webkit-keyframes textGradient {
    0% {color:#000;}
    100% {color:#fff;}
}
@-moz-keyframes textGradient {
    0% {color:#000;}
    100% {color:#fff;}
}
@keyframes textGradient {
    0% {color:#000;}
    100% {color:#fff;}
}

.cssMark {
    animation: textGradient 7s infinite alternate;
}

@-webkit-keyframes textGradient {
    0% {color:#2286d4;}
    100% {color:#fff;}
}
@-moz-keyframes textGradient {
    0% {color:#2286d4;}
    100% {color:#fff;}
}
@keyframes textGradient {
    0% {color:#2286d4;}
    100% {color:#fff;}
}





/*CROP IMAGE*/

  .label {
      cursor: pointer;
    }

    .progress {
      display: none;
      margin-bottom: 1rem;
    }

    .alert {
      display: none;
    }

    .img-container img {
      max-width: 100%;
    }

    /*SETTINGS PAGE RISK TREATMENTS AND CONTROLS*/

    .editTagPopUp {
    	width: 460px;
    	z-index: 9999;
    	position: fixed;
    	margin-left:-230px;
    	top: 240px;
    	left: 50%;
    	background-color: white;
    }


@media only screen and (max-width: 1599px) {
	.w-75 {
		width: 95%!important;
	}
	.taskOverviewSubb {
	/*margin-top: 30px;*/
	}
	.riskOverviewSubb {
	/*margin-top: 30px;*/
	}
	.taskOverviewBackgroundNewTagSubb  {
	margin-top: 220px;
	}
}


@media only screen and (min-width: 1600px) {

	.w-1600-85 {
		width: 85%!important;
	}
	.w-1600-90 {
		width: 90%!important;
	}
	.px-1600-4 {
		padding-left: 4rem!important;
		padding-right: 4rem!important;
	}

}

/* Style for switch new company file form */

.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 17px;
}
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}
.slider:before {
	position: absolute;
	content: "";
	height: 13px;
	width: 13px;
	left: 4px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}
input:checked + .slider {
	background-color: #2286d4;
}
input:focus + .slider {
	box-shadow: 0 0 1px #2286d4;
}
input:checked + .slider:before {
	-webkit-transform: translateX(11px);
	-ms-transform: translateX(11px);
	transform: translateX(11px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}