@font-face {
font-family: 'Graphik Regular Desktop';
src: url('fonts/Graphik/Graphik-Regular.otf') format('opentype');
font-weight: normal;
font-style: normal;
font-stretch: normal;
}

@font-face {
font-family: 'Graphik Medium Desktop';
src: url('fonts/Graphik/Graphik-Medium.otf') format('opentype');
font-weight: normal;
font-style: normal;
font-stretch: normal;
}

@font-face {
font-family: 'Graphik Bold Desktop';
src: url('fonts/Graphik/Graphik-Bold.otf') format('opentype');
font-weight: normal;
font-style: normal;
font-stretch: normal;
}

@font-face {
font-family: 'Graphik Light Desktop';
src: url('fonts/Graphik/Graphik-Light.otf') format('opentype');
font-weight: normal;
font-style: normal;
font-stretch: normal;
}



body {
padding: 0px;
margin: 0px;
font-size: 12px;
font-family: Graphik Regular Desktop, Segoe UI, Arial, Helvetica, sans-serif;
background-color: #0c2234;
}

.headerContent, .middleContent, .footerContent, .HeaderTopContainer
{
/*float: left;
width: 100%;
min-width: 980px;
z-index:0;*/  
}

.headerContent, .footerContent
{
background-color: #21415b;
/*background-color: #fff;*/
/*border:1px solid #b1b1b1;*/
border-left:none;
border-right:none;
}

.headerContent {
height:68px;
/*position:absolute;
top:0px;*/
text-align:center;

}

.headerContent .logo {
width:auto;
padding:2px;
/*background:url(../../media/AppMenu/CAMMS_logo.png) center;*/
/*height: 50px;*/
margin: auto;
/*position: absolute;
top: 0; left: 50%; right: 50%;*/
}

.headerContent .clientlogo {
width:auto;
padding:2px;
/*background:url(../../media/AppMenu/CAMMS_logo.png) center;*/
height: 50px;
margin: 8px 0;
text-align:right;
/*position: absolute;
top: 0; left: 50%; right: 50%;*/
}

.Welcomemsg {
line-height:38px;
}

.Welcomedroupdwn select {
width:200px;
}

.middleContent {
/*padding-bottom: 30px !important;*/
/*float: left;*/
/*background-color: #fff;*/
/*margin: 20px;*/
background: url('media/SSO-BackGround.jpg') no-repeat;
background-size:cover;
}



.footerContent {
height:20px;
position:absolute;
bottom:0px;
color:#fff;
display:none;
}

.footerContent .left-Side
{
float: left;
clear: right;
}

.footerContent .left-Side a
{
text-decoration: none;
/*color: #024d91;*/
color: #fff;
font-size: 11px;
margin: 1px 10px;
vertical-align: middle;
}

.footerContent .label
{
/*color: #024d91;*/
color: #fff;
font-size: 12px;
margin: 1px 10px;
vertical-align: middle;
}

.footerContent .copyright {
margin: 1px 10px;
}

.productsmenu {
padding:0 20px;
/*width: 990px;*/
/*height: 100%;*/
overflow: auto;
margin: auto;
/*position: relative;
top: 0; left: 0; bottom: 0; right: 0;*/
text-align:center;
display:inline-block;
/*min-height:380px;*/
}

.productsmenu ul {
    /*width:1000px;*/
/*max-width: 480px;*/
display:inline-block;
padding:0px;
}

.productsmenu ul li {
list-style:none;
display:inline;
/*margin:20px 35px 10px 0;*/
text-align:center;
vertical-align:top;

}

.productsmenu ul li a{
list-style:none;
/*display:block;*/
text-decoration:none;
font-size: 12px;
/*font-family: "Segoe UI", Arial, Helvetica, sans-serif;*/
/*color:#fff;*/
margin:2px 0px 2px 0px;
/*padding:4px;*/
min-height:150px;
text-align:center;
vertical-align:middle;
/*border:1px solid #d9d9d9;*/

}

.quickappmenuitems
{
/*margin: auto;
padding: 0px;*/
}

.quickappmenuitems li
{
display: inline-block !important;
margin: 15px 10px;
/*float:left;
width:160px;
height:160px;*/
text-align:center;
}

.quickappmenuitems li a img
{
border: none;
width:auto;
/*float:left;*/
padding-top:15px;
height:100px;
padding-bottom:5px;
}

.productsmenu ul li a span {
/*padding:6px;*/
float: left;
width: 100%;
text-align: center;
/*background-color:#21415b;*/
color: #0050A0;
font-weight: 500;
font-size: 16px;
font-family:'Graphik Medium Desktop';
}

.productsmenu ul li a span b {
color: #02B4F0;
font-weight: 500 !important;
}

.prodEIS {
    /*background:#b1b1b1;*/
    width: 160px;
    height: 160px;
}
.prodIPM
{
/*background:#2d9290;*/
    width:160px;
height:160px;
}
.prodIRM
{
/*background:#3494d1;*/
width:160px;
height:160px;
}

.prodIHM
{
/*background:#ff0000;*/
width:160px;
height:160px;
}

.prodInterplan
{
/*background:#00afef;*/
width:160px;
height:160px;
}

.prodPES
{
/*background:#f5901e;*/
width:160px;
height:160px;
}
.prodBMC
{
/*background:#fdb50c;*/
width:160px;
height:160px;
}
.prodWPC
{
/*background:#5c7f2f;*/
width:160px;
height:160px;
}
.prodISR
{
/*background:#cac923;*/
width:160px;
height:160px;
}
.prodResilience {
/*background:#cac923;*/
width: 160px;
height: 160px;
}
.prodSPS
{
/*background:#e73e97;*/
width:160px;
height:160px;
}
.prodCCP
{
/*background:#04a756;*/
width:160px;
height:160px;
}
.prodIBP
{
/*background:#004f59;*/
width:160px;
height:160px;
}
.prodSycle
{
/*background:#B1B1B1;*/
width:160px;
height:160px;
}
.prodPowerData
{
/*background:#333030;*/
width:160px;
height:160px;
}

.prodGc
{
/*background:#217346;*/
width:160px;
height:160px;
}

.Support {
/*background:#585858;*/
width:160px;
height:160px;
}

.textalignmiddle {
text-align:center;
}

.alignmiddle {
align-content:center
}


.floatright {
float:right;
}

.floatLeft {
float:left;
}

ul.headerItems li
{
display:inline-block;
list-style:none;
margin:0 0px 0px 12px;
vertical-align:middle;
}

ul.headerItems
{
padding:0px !important;
margin:9px 0;
}

.headerItemsSeperator
{
width:1px;
height:35px;
background-color:#003e92;
}

.headerDropdown {
border-radius: 2px;
width: 200px;
height: 35px;
color: #525252;
padding: 0 10px;
border: 1px solid #c9d1da;
font-size: 15px;
font-family: Graphik Regular Desktop;
-webkit-appearance: none;
-moz-appearance: none;
outline: none;
box-shadow: none;
}

.welcomeTxt
{
font-size:24px;
font-weight:400;
color:#323250;
}

.welcomeTxt2 {
font-size: 14px;
font-weight: 400;
margin-bottom:10px;
color: #323250;
/*color:#fff;*/
}

.quickappmenuitems li a div
{
/*height:130px;*/
/*background-color:#fff;*/
margin-top:10px;
height:130px;
}

.paddingTop20
{
padding-top:20px;
}


.supportText {
font-size: 14px;
/*font-weight: 500;*/
margin: 10px 0;
width: 100px;
position: absolute;
right: 0px;
top: -12px;
}

.supportimgdiv
{
vertical-align:middle;
margin:auto;
display:inline-block;
}

.supporttextdiv
{
vertical-align:middle;
margin:auto;
display:inline-block;
margin-left:5px;
/*   color:#fff;
font-weight:400;*/
}

a.SSOLink
{
color:#0050A0;
text-decoration:none;
font-size:14px;
}

.SignWithSSO
{
/*width:200px;*/
/*height:200px;*/
display:inline-block;
background-color:rgba(256, 256, 256, .6);
/*line-height:200px;*/
vertical-align:middle;
border-radius:50%;
box-shadow:0 4px 8px 0 rgba(256, 256, 256, 0.2), 0 6px 20px 0 rgba(256, 256, 256, 0.19);
}

a.SignWithSSO {
/* text-decoration:none;
color:#444;
font-weight:300;
font-size:24px;*/
/*text-shadow:2px 2px #444;*/
border: 1px solid #c9d1da;
border-radius: 25px;
width: 180px;
height: 180px;
margin: auto;
font-size: 24px;
text-decoration:none;
}

.padding10
{
padding:10px;
}

.clickmsg a, .clickmsg a:link, .clickmsg a:active, .clickmsg a:visited {
color: #fff !important;
}

.SSOLoginOuter {
/*min-height: 480px;*/
/*width: 50%;*/
max-width: 500px;
min-width: 500px;
margin: auto;
margin-top: 1%;
padding: 30px 15px 15px 15px;
background-color: #fff;
border-radius: 20px;
max-width:1000px;
display:inline-block;
}

.SSOLoginInner {
text-align: center;
width: 100%;
   
}


.SsoLinkButton {
max-height: calc(100vh - 210px);
overflow-y: auto;
}

.SSOLoginInnerBlock {
width: 180px;
float: left;
border: 1px solid #c9d1da;
border-radius: 25px;
height: 180px;
margin: 10px 7px;
}

.clear {
clear:both;
}

.displayInlineBlock {

display:inline-block;
}

.marginTop30 {
margin-top: 30px;
}

.marginTop50 {
margin-top: 50px;
}

.marginBottom30 {
margin-bottom: 30px;
}


.SSOLoginInnerBlock input[type=image]
{
height:164px;
}

.SSOLoginInnerBlockImgDiv
{
display:table-cell;
vertical-align:middle;
width:180px;
height:180px;
}


.SSPProductsArea {
width: 60%;
margin: auto;  
background-color: #fff;
border-radius:20px;
padding:20px;
}


.SSPProductsArea .headerContent 
{
    background-color:transparent;
}

.SSPProductsAreaOuter #middleContent {
padding-top: 100px;
}

.SSOProductImageBlock {
width: 160px;  
border: 1px solid #c9d1da;
border-radius: 25px;
height: 190px;
margin: 10px 7px;
}

.supportText a,
.supportText a:hover,
.supportText a:active
{
color:#0050A0
}


select {
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
background-image: url("data:image/svg+xml;utf8,<svg  height='24' fill='rgb(95,95,91)' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M4.87,5.86a1,1,0,0,1-1.63,0L.19,1.58A1,1,0,0,1,1,0H7.11a1,1,0,0,1,.81,1.58Z' /></svg>");
background-repeat: no-repeat;
background-position-x: right !important;
background-position-y: 15px;
border: 1px solid #dfdfdf;
padding-right: 30px !important;
padding: 7px;
outline:none;
box-shadow:none;
/*background-position-x: right;*/
}

/*.SsoLinkButton {
border: 1px solid #c9d1da;
border-radius: 25px;
width: 180px;
height: 180px;
margin: auto;
}*/

.headerContent .clientlogo {
width: 10%;
float: left;
margin-left: 20PX;
}

.headerCammsLogo {
width: 70%;
float: left;
margin-left:30px;
}

.headerDropdown option 
{
padding:5px auto !important;
}

::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}





::-webkit-scrollbar {
height: 8px;
width: 8px;
background-color: #F5F5F5;
}




::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #0050a0;
}

.preloaderImg {
width: 100vw;
display: flex;
height: 100vh;
background: #fff;
text-align: center;
position:absolute;
align-items:center;
}

.preloaderImg img {
    height: 100px;
    margin:auto;
}

.productsmenu ul li a span[id$="_spanRKResilience"],
.productsmenu ul li a span[id$="_spanARM"],
.productsmenu ul li a span[id$="_spanRKResilienceDemo"],
.productsmenu ul li a span[id$="_spanARMDemo"],
.productsmenu ul li a span[id$="_spanRKResilienceTraining"],
.productsmenu ul li a span[id$="_spanARMTraining"] {
    white-space: normal;
    transform: translateX(-5px);
    color: #4499b6;
}