@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/opensans-regular.eot');
    src: url('../fonts/opensans-regular.eot') format('embedded-opentype'), url('../fonts/opensans-regular.woff') format('woff'), url('../fonts/opensans-regular.ttf') format('truetype'), url('../fonts/opensans-regular.svg#OpenSansRegular') format('svg');
}
@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/opensans-bold.eot');
    src: url('../fonts/opensans-bold.eot') format('embedded-opentype'), url('../fonts/opensans-bold.woff') format('woff'), url('../fonts/opensans-bold.ttf') format('truetype'), url('../fonts/opensans-bold.svg#OpenSansBold') format('svg');
}
/* Login page */
.loginInner{ background:#fff; padding:20px 20px 0; min-height: 237px; position:relative; z-index:5}
.loginInner .inputText{ margin-bottom:15px; min-height:25px !important;}
#content.loginInner {right:0;left:auto;min-height:auto;background-color:#fff; width:250px;padding-left:55px;padding-right:65px; height: 100%;
    max-height: calc(100vh - 196px);}
*::-ms-backdrop, #content.loginInner {max-height: calc(100vh - 196px);}



#content.loginInner i.icon-white {color:#4A4A4A}
#content.loginInner .input-append .add-on, #content.loginInner .input-prepend .add-on {background-color:transparent;border:none;border-bottom:1px solid #979797;border-radius:0;height:17px;line-height:20px}
.welText {font-size:18px; color:#F47D38;margin-bottom:20px}
.contLogin {
  position: relative;
  width: 100%;
  height:100%;
  margin: 0 auto;
  overflow: hidden;
}

@media screen and ( max-height: 768px ){
        #content.loginInner::after {
      content: "";
    position: absolute;    
    width: 0;
    height: 0;
    top: 0;
    right: 100%;
    border-top:calc(100vh - 0em) solid transparent;
    border-right: 160px solid rgb(255, 255, 255);
    border-bottom: 0 solid transparent;
}
        #content.loginInner {}
    }
@media screen and ( max-height: 960px ){
        #content.loginInner::after {
      content: "";
    position: absolute;    
    width: 0;
    height: 0;
    top: 0;
    right: 100%;
    border-top:calc(100vh - 0em) solid transparent;
    border-right: 160px solid rgb(255, 255, 255);
    border-bottom: 0 solid transparent;
}
    }
@media screen and ( max-height: 900px ){
        #content.loginInner::after {
      content: "";
    position: absolute;    
    width: 0;
    height: 0;
    top: 0;
    right: 100%;
    border-top:calc(100vh - 0em) solid transparent;
    border-right: 160px solid rgb(255, 255, 255);
    border-bottom: 0 solid transparent;
}
    }

   @media screen and ( max-height: 1024px ){
        #content.loginInner::after {
      content: "";
    position: absolute;    
    width: 0;
    height: 0;
    top: 0;
    right: 100%;
    border-top:calc(100vh - 0em) solid transparent;
    border-right: 160px solid rgb(255, 255, 255);
    border-bottom: 0 solid transparent;
}
    }

   @media screen and ( max-height: 1080px ){
        #content.loginInner::after {
      content: "";
    position: absolute;    
    width: 0;
    height: 0;
    top: 0;
    right: 100%;
    border-top:calc(100vh - 0em) solid transparent;
    border-right: 160px solid rgb(255, 255, 255);
    border-bottom: 0 solid transparent;
}
    }

   @media screen and ( max-height: 1050px ){
        #content.loginInner::after {
      content: "";
    position: absolute;    
    width: 0;
    height: 0;
    top: 0;
    right: 100%;
    border-top:calc(100vh - 0em) solid transparent;
    border-right: 160px solid rgb(255, 255, 255);
    border-bottom: 0 solid transparent;
}
    }






@-moz-document url-prefix() {
    #content.loginInner {max-height: calc(100vh - 196px); min-height:auto}
    
}

.errorInField{ border:1px solid #f00 !important;}
.loginInner h1{color:#fff; font-size:17px; font-weight:normal;}
.loginInner label{ color:#AFAFAF;font-size:10px;text-transform:uppercase; text-indent:35px;margin-bottom:0}
.loginMar{margin-left:24px; font-size:13px; }
.loginInner .input-prepend {width:93%; margin-bottom:0}
.loginInner .input-append .add-on, .loginInner .input-prepend .add-on {background-color:#585858; width:20px; height:25px; line-height:25px; border-right:1px solid #d3d3d3}
.loginInner .validationMessage{color:#f00; font-size:11px; margin-top:-25px; display:block; margin-left:30px; height:30px; line-height:30px}
.brand-on-login {display:block; width:226px; position:relative; z-index:10; height:129px; margin-right:9%; top:30px; float:right}
.loginInner input[type=text] ,.loginInner input[type=password] {background:none; border:none; box-shadow:none; border-radius:0; border-bottom:1px solid #979797; width:93%}
.loginInner .k-combobox {-webkit-border-radius:0 4px 4px 0!important; -moz-border-radius:4px 4px 4px 4px!important; border-radius:0 4px 4px 0!important}
.loginInner form {margin-bottom:35px}
.loginButtonWrap .btn-login {width:100%; padding:10px 0; text-align:center; background:#DB672C; cursor:pointer; margin-bottom:20px; margin-top:20px; font-size:14px; color:#fff; text-shadow:none; border:none}
.loginButtonWrap .btn-login:hover {background:#F37820}

.logo {padding:50px 0 0}
.loginFormWrap .k-combobox {margin:0 0 25px 0}
.loginFormWrap .k-combobox .k-icon {margin-top:10px}

.selType {-webkit-border-radius:0 0 0 0!important; -moz-border-radius:0 0 0 0!important; border-radius:0 0 0 0!important; font-size:13px !important}
.customModel .add-on {background-color: #585858; border-right: 1px solid #D3D3D3; height:35px; line-height:35px; width:30px; -webkit-border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; text-shadow:0 1px 0 #FFFFFF; border-right:1px solid #D3D3D3}
.customModel .icon-group {background:url(../images/icngroup.png) 0 0 no-repeat; width:20px; height:15px; margin:0 0 0 5px}
.customModel .k-dropdown-wrap.k-state-default {border:none !important}
.customModel .k-select {background:none; border:none; background-image:none!important; background: none repeat scroll 0% 0% rgba(224, 224, 224, 0.65); -webkit-border-radius:0 4px 4px 0; -moz-border-radius:4px 4px 4px 4px; border-radius:0 4px 4px 0}
.customModel .k-icon {margin-top:10px}
.loginInner .customModel {margin-bottom:15px!important}
.loginInner .customModel .inputText {margin:0; min-height:30px!important}
.k-dropdown-wrap {-webkit-border-radius:4px!important; -moz-border-radius:4px!important; border-radius:4px!important}

.loginInner .k-dropdown-wrap.k-state-default {padding-bottom:0}
.loginInner form {margin-bottom:0}
.footerLine {color:#fff; position:absolute; bottom:5px; font-size:14px; text-align:left; left:20px; display:block; width:88%}
.loginLink {color:#4A4A4A;font-size:13px;text-align:center;display:inline-block !important;width:100%;}
.infoBox {width:40%; margin:0 0 0 30px}
.infoBox h4 { color:#fff; font-size:46px; margin-bottom:10px;line-height:1;margin-top:0}
.infoBox h4 span {font-size:16px; text-transform:uppercase}
.infoBox h5 {font-size:14px; font-family:"OpenSansBold"}
.infoBox .infoContent {max-height:135px; overflow-y:auto; color:#fff; margin-bottom:10px; font-size:12px}
.infoBox a.upcomingjiraLink {color:#DE621A; background:url(../images/mLinkArrowLeft.png) 0 3px no-repeat; padding-left:15px}
.infoBox a.moreLink {color:#DE621A; float:right; background:url(../images/mLinkArrow.png) 100% 3px no-repeat; padding-right:15px}
.loginInner {width:300px; margin:0 auto}