@font-face {
  font-family: 'Open Sans Light';
  src: url("../fonts/Light/OpenSans-Light.eot?v=1.1.0");
  src: url("../fonts/Light/OpenSans-Light.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/Light/OpenSans-Light.woff2?v=1.1.0") format("woff2"), url("/Styles/fonts/Light/OpenSans-Light.woff?v=1.1.0") format("woff"), url("/Styles/fonts/Light/OpenSans-Light.ttf?v=1.1.0") format("truetype"), url("/Styles/fonts/Light/OpenSans-Light.svg?v=1.1.0#Light") format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/Regular/OpenSans-Regular.eot?v=1.1.0");
  src: url("../fonts/Regular/OpenSans-Regular.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/Regular/OpenSans-Regular.woff2?v=1.1.0") format("woff2"), url("/Styles/fonts/Regular/OpenSans-Regular.woff?v=1.1.0") format("woff"), url("/Styles/fonts/Regular/OpenSans-Regular.ttf?v=1.1.0") format("truetype"), url("/Styles/fonts/Regular/OpenSans-Regular.svg?v=1.1.0#Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans Semibold';
  src: url("../fonts/Semibold/OpenSans-Semibold.eot?v=1.1.0");
  src: url("../fonts/Semibold/OpenSans-Semibold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/Semibold/OpenSans-Semibold.woff2?v=1.1.0") format("woff2"), url("/Styles/fonts/Semibold/OpenSans-Semibold.woff?v=1.1.0") format("woff"), url("/Styles/fonts/Semibold/OpenSans-Semibold.ttf?v=1.1.0") format("truetype"), url("/Styles/fonts/Semibold/OpenSans-Semibold.svg?v=1.1.0#Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}




@supports (-ms-accelerator:true) {
    /* IE Edge 12+ CSS styles go here */
    .col{
        margin-top:-22vh;
    }
}
html {
  font-size: 16px;
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', 'Calibri', sans-serif;
}

body {
  display: flex;
  flex-direction: row;
}

.LoginPage {
    flex: 1 0 auto;
    width: 118vw;
    min-height: 118vh;
    display: flex;
    align-items: center;
    background-image: url('../../Views/Risk/icons/BackgroundElement.svg') !important;
   
    background-color: #FFFFFF !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

.LoginForm {
  padding: calc(20rem / 16) calc(100rem / 16);
  width: calc(400rem / 16);
}

.LoginFormHeader {
  padding-bottom: calc(100rem / 16);
}

.LoginForm  {
  max-width: 100%;
}






    .LoginFormInput:focus,
    .LoginFormInputPass:focus,
    .LoginFormSubmit:focus {
        outline: none;
    }


.LoginFormInput {
    padding: 3vh;
    padding-left: 2vh;
    border-radius: 1vh;
    border: 0 none;
    color: #0a4975 !important;
    font-size: 3vh;
    background-color: #f7f8fc !important;
    border: 1px solid #fff;
    font-family: 'Open Sans', 'Calibri', sans-serif;
   
    width: 37vh !important;
   
}

.LoginFormInputPass {
    padding:3vh;
    padding-left: 2vh;
    border-radius: 1vh;
    border: 0 none;
    color: #0a4975;
    font-size:3vh;
    background-color: #f7f8fc;
    border: 1px solid #fff;
    font-family: 'Open Sans', 'Calibri', sans-serif;
   
  
   
    width: 37vh !important;
}


.LoginFormInput::placeholder,
.LoginFormInputPass::placeholder {
    color:darkgray;
    font-family: 'Open Sans Light', 'Calibri', sans-serif;
}

.LoginFormInput:-webkit-autofill,
.LoginFormInput:-webkit-autofill:hover,
.LoginFormInput:-webkit-autofill:focus,
.LoginFormInput:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 calc(40rem / 16) #f7f8fc inset !important;
}
.LoginFormInputPass:-webkit-autofill,
.LoginFormInputPass:-webkit-autofill:hover,
.LoginFormInputPass:-webkit-autofill:focus,
.LoginFormInputPass:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 calc(40rem / 16) #f7f8fc inset !important;
}

.LoginFormInput:-webkit-autofill,
.LoginFormInputPass:-webkit-autofill {
    -webkit-text-fill-color: #0a4975 !important;
}

.LoginFormSubmit {
    background-color: #0a4975;
    border-radius: 1vh;
    font-family: 'Open Sans Semibold', 'Calibri', sans-serif;
    cursor: pointer;
   
    width: 42vh !important;
    height:10vh !important;
   
    padding: calc(20rem / 16) 0;
    border: 0 none;
    color: #fff;
    font-size: calc(26rem / 16);
}
.RC_logo {
    height: 14vh !important;
    margin-left: -2vw !important;
}



@media (max-width: 1366px) {
  html {
    font-size: calc((1366/1920) * 16px);
  }
}







@media screen and (min-width: 1280px) {
    /*For Big TV's (HD Screens)*/
    .container {
        width:110vw;
    }
}


@media screen and (min-width: 1920px) {
    /*For Projectors or Higher Resolution Screens (Full HD)*/
    .container {
        width: 120vw;
    }
}

@media screen and (min-width: 3840px) {
    /*For 4K Displays (Ultra HD)*/
    .container {
        width: 150vw;
    }
}