/*********Login*****************/
* {  font-family: 'Source Sans Pro'; -webkit-font-smoothing: antialiased !important; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; -webkit-font-smoothing: subpixel-antialiased !important;}
body, html { padding: 0px; margin: 0px;width: 100%; height: 100%;font-family: 'Source Sans Pro'; color: #5b5b5b;overflow-y: hidden; z-index: 1000;}
@font-face { font-family: 'Source Sans Pro'; src: url('../CSS/fonts/SourceSansPro-Regular.ttf') format('truetype');}
@font-face { font-family: 'Source Sans Pro-Bold'; src: url('../CSS/fonts/SourceSansPro-Bold.ttf') format('truetype');}
@font-face { font-family: 'Source Sans Pro-SemiBold'; src: url('../CSS/fonts/SourceSansPro-SemiBold.ttf') format('truetype');}

.clear{ clear:both;}
.login-container .right-wrapper {background-color: #00ADE5;width: 48%;float: right;height: 100vh;}
.login-container .left-wrapper {width: 52%;float: left;background-image: url('../images/login-bg.jpg');background-repeat: no-repeat;background-size: cover;background-position: center;height: 100vh;position: relative;}
.login-container .login-form {width: 38%;background-color: #fff;min-height: 70vh;height:auto;position: relative;border-radius: 24px;box-shadow: -1px 10px 13px -7px rgba(0,0,0,0.75);-webkit-box-shadow: 2px 9px 23px -4px rgb(78 78 78 / 75%);-moz-box-shadow: -1px 10px 13px -7px rgba(0,0,0,0.75);transform: translateY(18%);inset: 0;margin: auto;padding: 0px 60px;z-index:1;}
.login-container .login-form {}
.login-container .login-form .logo {background-image: url(../images/cobalt-logo.svg);background-size: contain;position: relative;display: block;width: 180px;height: 104px;background-repeat: no-repeat;top: 44px;align-items: center;text-align: center;margin: 0 auto;margin-bottom: 78px;border-bottom: 1px solid #2AADEA;}
.login-container .login-form .form-control {margin-top:7px;display: block;width: 100%;height: calc(1.5em + 0.75rem + 2px);padding: 0.375rem 0.75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: 0.25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;position: relative;text-indent:37px;}
.login-form h2 {color: #003F77;font-size: 30px;margin-bottom: 37px;}
.login-container .login-form .form-control:focus{ border-color:#2CADE8; transition:all 0.3s; outline:0;  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);}
.login-form label {font-size: 16px;text-align: left;}
.login-form .input {outline: 0px;margin-top: 5px;}
.login-form .form-group {margin-bottom: 15px;margin-top:10px;font-size: 14px;/* text-align: left; */}
.login-form .username {background-image: url(../images/SVG/username.svg);background-repeat: no-repeat;background-size: 100%;background-position: 0px;display: inline-block;width: 22px;height: 22px;position: absolute;text-align: left;transform: translate(11px, -35px);}
.login-form .forgot {float: right;}
.login-form .remember-pwd {float: left;}
.login-form .login-btn {width: 100%;height: 50px;margin-top: 45px;font-size: 18px;background-color: #37B5E8;outline: none;box-sizing: border-box;border: 1px solid #37B5E8;color: #fff;box-shadow: -1px 9px 5px -7px rgb(0 0 0 / 75%);-webkit-box-shadow: -1px 9px 5px -7px rgb(0 0 0 / 75%);-moz-box-shadow: -1px 9px 5px -7px rgba(0,0,0,0.75);border-radius: 10px;cursor: pointer;transition: all .3s;}
.login-form .login-btn:hover, .login-form .login-btn:focus{ background-color:#006aa0;transform: scale(1.1); transition: all .4s;}
.login-container .dots {background-image: url(../images/svg/design-dots.svg);background-size: contain;position:absolute;background-repeat: no-repeat;width: 206px;height: 206px;background-size: 100%;opacity: 0.4;transform: translate(82px, -605px);z-index: 0;}

.login-page .solutionWrapper {width: 50%;position: relative;text-align: center;top: 15%;margin: auto;display: block;}
.login-page .solutions {width: 90%;height: 100px;background-color: #F3FBFF;border-radius: 5px;text-align: left;padding: 26px;margin-bottom: 90px;box-shadow: -1px 10px 13px -7px rgba(0,0,0,0.75);-webkit-box-shadow: 2px 9px 23px -4px rgb(78 78 78 / 75%);-moz-box-shadow: -1px 10px 13px -7px rgba(0,0,0,0.75);transition: transform .2s;}
.login-page .solutions:hover{transform: scale(1.5);transition:all .8s;} 
.login-page .contentHolder {float: left;width: 70%;}
.login-page .iconHolder {float: right;}

.login-page .left-wrapper:before{content:"";background-color: #1a4364;display: table;position: absolute;height: 100%;width: 100%;left: 0;top: 0px;opacity: 0.7;z-index: 0;}

.login-page .solutions .engage{background-image: url(../images/svg/logo-engage.svg);background-size: contain;}
.login-page .solutions .gather{background-image: url(../images/svg/logo-gather.svg);background-size: contain;}
.login-page .solutions .core{background-image: url(../images/svg/logo-core.svg);background-size: contain;}
.login-page .solutions .engage, .login-page .solutions .gather{width: 148px;height: 50px;background-repeat: no-repeat;display: flex;margin-bottom: 0px;}
.login-page .solutions .core{width: 110px;height: 50px;background-repeat: no-repeat;display: flex;margin-bottom: 0px;}
.login-page .solutions p{ margin-top:0px}

.login-page .solutions .icon-membership{ background-image: url(../images/svg/icon-membership.svg);background-size: contain;}
.login-page .solutions .icon-memberGroup{ background-image: url(../images/svg/icon-memberGroup.svg);background-size: contain;}
.login-page .solutions .icon-management{ background-image: url(../images/svg/icon-settings.svg);background-size: contain;}
.login-page .solutions .icon-membership, .login-page .solutions .icon-memberGroup, .login-page .solutions .icon-management{width: 62px;height: 62px;background-repeat: no-repeat;position: relative;top: 13px;left: 11px;}
.login-page .solutions .icon-membership{left:22px;}
.login-page .solutions .iconHolder{width: 85px;height: 84px;background-repeat: no-repeat;background-color:#fff;border:1px solid #4DC4E5;padding: 7px;border-radius: 50%;position: relative;}

.login-page .passwordSection .iconsSection {/* clear: both; */transform: translate(12px, -36px);}
.login-page .passwordSection .iconsSection .icon-lock {background-size: contain;display: inline-block;width: 20px;height: 20px;background-repeat: no-repeat;}
.login-page .passwordSection .iconsSection .icon-lock {background-image: url(../images/svg/icon-lock.svg);float: left;}
/*.login-page .passwordSection .iconsSection .icon-hide {background-image: url(../images/svg/icon-hide.svg);float: right;}*/
.login-page .passwordSection .hidePassword{background-image: url(../images/svg/icon-hide.svg);float: right;z-index: 1;background-repeat: no-repeat;margin-top: 45px !important;right: 39px !important;}
.login-page .login-container .login-form .passwordSection .form-control{ position:relative;}
.login-page .error-message {color: #a74a47; font-weight: 600;padding: 5px;border-radius: 4px;}
.conceal {font-family: 'text-security-disc';}
.showPassword {background-image: url(../images/svg/icon-show.svg);background-repeat: no-repeat;transform: translate(10px, 10px);z-index: 1;}
#ancShowHide {position: absolute;right: 49px;margin-top: 38px;height: 26px;width: 26px;outline: 0;}

.changePassword .left-wrapper{display:none;}
.changePassword .right-wrapper{width: 100%;}
.changePassword .right-wrapper .login-container .login-form{ width:50%}
.changePassword .right-wrapper .dots{ display:none;}
.changePassword .right-wrapper .login-form h2{ margin-bottom:10px;}
.changePassword .right-wrapper .login-form h2:before{content:"";background-image: url(../images/svg/icon-lock.svg);background-repeat: no-repeat;display: inline-block;background-size: 100%;width: 40px;height: 53px;vertical-align: bottom;margin-right: 10px;filter: brightness(0.5) invert(0) contrast(0.5) sepia(1);}
.changePassword .right-wrapper .login-form{ margin-top:-120px;}
.changePassword .cancel{width: 100%;height: 50px;margin-top:0px;font-size: 18px;background-color: #848484;outline: none;box-sizing: border-box;border: 1px solid #848484;color: #fff;box-shadow: -1px 9px 5px -7px rgb(0 0 0 / 75%);-webkit-box-shadow: -1px 9px 5px -7px rgb(0 0 0 / 75%);-moz-box-shadow: -1px 9px 5px -7px rgba(0,0,0,0.75);border-radius: 10px;cursor: pointer;transition: all .3s; }
.changePassword .login-btn, .changePassword .cancel{display: inline-block;width: 41%;margin-top: 5px;margin-bottom: 18px;}
.changePassword .login-btn{ float:right;}
.changePassword .passwordSection ul li{line-height: 26px;}
.changePassword .passwordSection ul li:last-child{ padding-bottom:30px;}
.changePassword .passwordSection {padding-bottom: 5px;}
.changePassword .passwordSection .login-btn{ margin-top:0px; margin-bottom:0px;}
.changePassword .login-container .login-form .logo{width: 120px;height: 58px;margin-bottom: 60px;}
.star{ color:#df1919; font-weight:600;}




@media only screen and (max-width: 1366px) {
     .login-container .login-form {width: 52%;height: calc(100vh - 50px);overflow: auto;}
    .login-form .login-btn {margin-top: 50px;margin-bottom: 40px;}
    .login-container .login-form {width: 52%;}
    .login-page .solutionWrapper{ width:85%;}
    .login-page .solutions{margin-bottom: 11%;}
    .login-container .dots {transform: translate(22px, -548px);}
    .changePassword .login-btn{ margin-top:0px; margin-bottom:0px;}
   
}
@media only screen and (max-width: 1024px) {
    .login-container .login-form {width: 68%;padding: 0px 57px;}
    .login-form .login-btn { margin-bottom: 40px;}
    .login-page .solutionWrapper{ width:85%;}
    
}