@import url('https://fonts.googleapis.com/css2?family=Redressed&display=swap');
@font-face {
font-family: 'AxisExtraBold';
font-style: normal;
font-weight: 400;
src: url('../fonts/Axis-Extrabold.otf');
}
@font-face {
font-family: 'ArchiaBold';
font-style: normal;
font-weight: 400;
src: url('../fonts/Archia/archia-bold-webfont.ttf');
}
@font-face {
font-family: 'ArchiaLight';
font-style: normal;
font-weight: 400;
src: url('../fonts/Archia/archia-light-webfont.ttf');
}
@font-face {
font-family: 'ArchiaMedium';
font-style: normal;
font-weight: 400;
src: url('../fonts/Archia/archia-medium-webfont.ttf');
}
@font-face {
font-family: 'ArchiaRegular';
font-style: normal;
font-weight: 400;
src: url('../fonts/Archia/archia-regular-webfont.ttf');
}
@font-face {
font-family: 'ArchiaSemiBold';
font-style: normal;
font-weight: 400;
src: url('../fonts/Archia/archia-semibold-webfont.ttf');
}
@font-face {
font-family: 'ArchiaThin';
font-style: normal;
font-weight: 400;
src: url('../fonts/Archia/archia-thin-webfont.ttf');
}
@font-face {
font-family: 'PoppinsBold';
font-style: normal;
font-weight: 400;
src: url('../fonts/Poppins/Poppins-Bold.ttf');
}
font-face {
font-family: 'LatoBlack';
font-style: normal;
font-weight: 400;
src: url('../fonts/Lato/Lato-Black.ttf'); /* IE9 Compat Modes */
}
@font-face {
font-family: 'LatoBold';
font-style: normal;
font-weight: 400;
src: url('../fonts/Lato/Lato-Bold.ttf'); /* IE9 Compat Modes */
}
@font-face {
font-family: 'LatoLight';
font-style: normal;
font-weight: 400;
src: url('../fonts/Lato/Lato-Light.ttf'); /* IE9 Compat Modes */
}
@font-face {
font-family: 'LatoRegular';
font-style: normal;
font-weight: 400;
src: url('../fonts/Lato/Lato-Regular.ttf'); /* IE9 Compat Modes */
}
@font-face {
font-family: 'LatoThin';
font-style: normal;
font-weight: 400;
src: url('../fonts/Lato/Lato-Thin.ttf'); /* IE9 Compat Modes */
}
@font-face {
font-family: 'MontBlack';
font-style: normal;
font-weight: 400;
src: url('../fonts/Montserrat/Montserrat-Black.ttf'); /* IE9 Compat Modes */
}
@font-face {
font-family: 'MontBold';
font-style: normal;
font-weight: 400;
src: url('../fonts/Montserrat/Montserrat-Bold.ttf'); /* IE9 Compat Modes */
}
@font-face {
font-family: 'MontBoldExtra';
font-style: normal;
font-weight: 400;
src: url('../fonts/Montserrat/Montserrat-ExtraBold.ttf'); /* IE9 Compat Modes */
}
@font-face {
font-family: 'MontLightExtra';
font-style: normal;
font-weight: 400;
src: url('../fonts/Montserrat/Montserrat-ExtraLight.ttf'); /* IE9 Compat Modes */
}
@font-face {
font-family: 'MontLight';
font-style: normal;
font-weight: 400;
src: url('../fonts/Montserrat/Montserrat-Light.ttf'); /* IE9 Compat Modes */
}
@font-face {
font-family: 'MontMedium';
font-style: normal;
font-weight: 400;
src: url('../fonts/Montserrat/Montserrat-Medium.ttf'); /* IE9 Compat Modes */
}
@font-face {
font-family: 'SansBlack';
font-style: normal;
font-weight: 400;
src: url('../../../../master/themes/gama/assets/fonts/Source_Sans_Pro/SourceSansPro-Black.ttf'); /* IE9 Compat Modes */
}
@font-face {
font-family: 'SansBold';
font-style: normal;
font-weight: 400;
src: url('../../../../master/themes/gama/assets/fonts/Source_Sans_Pro/SourceSansPro-Bold.ttf'); /* IE9 Compat Modes */
}
@font-face {
font-family: 'SansLightExtra';
font-style: normal;
font-weight: 400;
src: url('../../../../master/themes/gama/assets/fonts/Source_Sans_Pro/SourceSansPro-ExtraLight.ttf'); /* IE9 Compat Modes */
}
@font-face {
font-family: 'SansLight';
font-style: normal;
font-weight: 400;
src: url('../../../../master/themes/gama/assets/fonts/Source_Sans_Pro/SourceSansPro-Light.ttf'); /* IE9 Compat Modes */
}
@font-face {
font-family: 'SansRegular';
font-style: normal;
font-weight: 400;
src: url('../../../../master/themes/gama/assets/fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf'); /* IE9 Compat Modes */
}
@font-face {
font-family: 'SansBold';
font-style: normal;
font-weight: 400;
src: url('../../../../master/themes/gama/assets/fonts/Source_Sans_Pro/SourceSansPro-SemiBold.ttf'); /* IE9 Compat Modes */
}

body {
font-family: 'ArchiaRegular','Avenir Next LT Pro Regular', sans-serif;
margin: 0;
background: #fff;
font-size: 12px;
height: auto !important;
}

h1{
margin:0;
font-size: 18px;
line-height: 1.6em;
}
h2{
font-size: 15px;
}
h3{
font-size: 17px;
}
h4{
font-size: 15px;
}
h5{
font-size: 12px;
}
h6{
font-size: 11px;
}
p{
font-size: 1.2em;
line-height: 1.2em;
}
.gamaMainLoader{
width: 100%;
height: 100%;
position: fixed;
background: #ffffff73;
top: 0;
left: 0;
z-index: 100;
display: none;
}
.gamaMainLoader img{
width: 25px;
top: 50%;
position: absolute;
left: 50%;
margin-top: -12px;
margin-left: -12px;
}
.gamaMainLoaderReport{
width: 100%;
height: 100%;
position: fixed;
background: #ffffff73;
top: 0;
left: 0;
z-index: 100;
display: none;
font-size: 15px;
}
.loaderGamaText{
width: 100%;
top: 54%;
position: absolute;
margin-top: -12px;
margin-left: -29px;
padding: 22px;
}
.gamaMainLoaderReport img{
width: 25px;
top: 50%;
position: absolute;
left: 50%;
margin-top: -12px;
margin-left: -12px;
}
.gamaMainAjaxResult{
width: 200px;
min-height: 30px;
background: #ffffff;
position: fixed;
bottom: 65px;
right: 25px;
z-index: 150;
border-radius: 3px;
border: 1px solid #8895dc;
padding: 5px 10px;
font-size: 13px;
line-height: 20px;
font-family: 'MontMedium';
display: none;
}
.logo{
text-align: center;
font-size: 21px;
font-family: MontMedium;
color: #1d2d8a;
margin-top: 63px;
-webkit-user-select: none;  
-moz-user-select: none;    
-ms-user-select: none;      
user-select: none;
cursor: pointer;
}
.logo img{
width: 170px;
}

.logo a{
color: rgb(31, 31, 31);
text-decoration: none;
text-transform: uppercase;
}
.header{
background: #fff;
height: 220px;
display: flow-root;
position: relative;
}
.mainContainer{
width: 100%;
margin: 0 auto;
margin-top: 50px;
margin-bottom: 50px;
}
.frontMainContainer{
width: 100%;
margin: 0 auto;
margin-top: 50px;
margin-bottom: 50px;  
}
.qualityDiv{
font-family: 'MontBold', sans-serif;
margin-top: 125px;
font-size: 35px;
color: #1e2e8a;
font-weight: 600;
min-height: 86px;
}
.firstDiv{
width: 900px;
margin: 0 auto;
}
.firstDivLeft{
width: 58%;
display: inline-block;
vertical-align: top;
}
.firstDivRight{
width: 40%;
display: inline-block;
text-align: right;
vertical-align: top;
}
.phoneDiv img{
width: 333px;
}
.qualityDivDescription{
margin-top: 25px;
line-height: 25px;
color: #000;
font-size: 16px;
font-family: 'SansRegular';
}
.androidLink{
margin-top: 25px;
font-size: 18px;
}
.androidLink a{
color: #df6443;
text-decoration: none;
cursor: pointer;
}
.iosLink{
margin-top: 25px;
font-size: 18px;
}
.iosLink a{
color: #df6443;
text-decoration: none;
cursor: pointer;
}
.copyright{
margin-top: 80px;
display: inline-block;
}
.formHolderForm{
text-align: center;
margin-top: 40px;
}
.formHolderForm{
text-align: center;
margin-top: 40px;
}
.launchMobile{
width: 100%;
margin: 0 auto;
outline: none;
border: 1px solid #df6443;
background: #fef4c3;
height: 33px;
font-size: 20px;
text-align: center;
letter-spacing: 20px;
}
.formInputHolder{
margin-top: 30px;
display: inline-block;
}
.telephone{
width: 290px;
height: 46px;
border: none;
border-bottom: 2px solid #000000;
outline: none;
font-size: 25px;
line-height: 46px;
font-family: 'AxisExtraBold';
letter-spacing: 16px;
transition: 0.1s ease-in-out;
}
.telephone:focus{
border-bottom: 2px solid #516cdf;   
}
.formInputHolder label{
position: absolute;
color: #1f2f8a;
margin-top: -14px;
font-size: 14px;
}
.formInputSubmitHolder{
display: inline-block;
}
.formInputSubmitHolder button{
border: none;
padding: 14px 26px;
margin-left: 27px;
cursor: pointer;
outline: none;
font-size: 16px;
background: #24274b;
color: #fff;
font-family: 'SansRegular';
transition: 0.1s ease-in-out;
border-radius: 3px;
}
.formInputSubmitHolder button:hover{
background: #516cdf;
}
.errorInput{
color: #c40e00;
display: none;
}
.earlyAccessOutput{
width: 282px;
text-align: center;
margin-top: 20px;
font-size: 14px;
background: #e9e9e9;
padding: 5px 5px;
border-radius: 4px;
border: 1px solid #4f5cde;
display: none;
}
.footerbar{
width: 100%;
height: 50px;
background: #fff;
text-align: center;
line-height: 50px;
position: fixed;
bottom: 0;
}
.footerOne{
font-size: 16px;
margin-top: 14px;
display: inline-flex;
font-family: 'MontBold';
}
.footerTwo{
margin-top: 14px;
font-size: 14px;
}
.footerbar img{
width: 94px;
margin-top: -4px;
vertical-align: middle;
}
.mainNav{
text-align: center;
margin-top: 15px;
}
.mainNav li{
list-style: none;
display: inline;
margin-left: 10px;
margin-right: 10px;
font-size: 16px;
}
.mainNav a{
text-decoration: none;
color: #1b1a1a;
transition: 0.5s;
}
.mainNav a:hover{
color: #003278;
}
.institutionNamePending{
text-align: center;
margin-top: 50px;
font-size: 30px;
font-family: 'SansBold';
padding: 0px 5px;
}
.institutionPendingActivationHolder{
width: 900px;
margin: 0 auto;
margin-top: 80px;
}
.institutionPendingActivationHolderLeft{
width: 400px;
display: inline-block;
vertical-align: top;
}
.institutionPendingActivationHolderRight{
width: 470px; 
display: inline-block;
vertical-align: top;
}
.institutionPendingActivationHolderRight img{
width: 100%; 
}
.institutionPendingActivationHolderLeftTitle{
text-align: center;
font-size: 45px;
margin-top: 72px;
font-family: 'Redressed', cursive;
}
.institutionPendingActivationHolderLeftDescription{
text-align: center;
margin-top: 25px;
font-size: 22px;
padding: 0px 10px;
}
.loginContainer{
width: 400px;
min-height: 200px;
margin: 0 auto;
background: #fff;
border-radius: 2px;
}
.formRowMain50 {
width: 100%;
position: relative;
margin: 0 auto;
text-align: center;
display: inline;
vertical-align: top;
}
.formRow {
margin: 0 auto;
text-align: center;
margin-bottom: 30px;
display: inline-block;
margin-right: 10px;
margin-left: 10px;
width: 43%;
position: relative;
text-align: left;
}
.formRow label {
font-size: 12px;
margin-top: 1px;
position: absolute;
color: #5e5e5e;
left: 0;
text-align: left;
}
.formInput {
width: 100%;
height: 35px;
display: block;
margin: 0 auto;
border-top: none;
border-left: none;
border-right: none;
outline: none;
font-size: 18px;
padding-top: 13px;
border-bottom: 1px solid #c0b8b8;
transition: 0.2s;
font-family: monospace;
}
.inputFeedback {
position: relative;
font-size: 11px;
display: block;
margin: 0px 3px;
color: #e23028;
transition: 0.3s;
width: 90%;
}
.formBlockHeading{
text-align: center;
border-bottom: 1px solid #e7e7e7;
margin-bottom: 30px;
font-family: 'SansRegular';
text-transform: uppercase;
}
.formBlockHeading h2{
font-size: 16px;
}
.formButton {
border: none;
background:rgba(0,123,255,.12549019607843137);
color: #003278;
font-size: 16px;
padding: 4px 10px;
border-radius: 6px;
cursor: pointer;
transition: 0.2s;
font-family: 'ArchiaRegular';
outline: none;
margin-right: -8px;
}
.formButton:hover{
background:rgba(0, 123, 255, 0.308);
}
.formButtonWidth {
margin: 0 auto;
text-align: right;
width: 85%;
}
.formRowButton {
width: 100%;
}
.verticalCenter {
margin: 0;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
text-align: center;
}

@import url('https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css');
.form-control {
-webkit-transition: none;
transition: none;
width: 40px;
height: 40px;
text-align: center;
font-family: monospace;
font-size: 18px;
}
.form-control:focus {
color: #3F4254;
background-color: #f5f7f9;
border-color: #884377;
outline: 0;
}
.form-control.form-control-solid {
background-color: #fff;
border: none;
border-bottom: 1px solid #c0b8b8;
color: #000000;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.form-control.form-control-solid:active,
.form-control.form-control-solid.active,
.form-control.form-control-solid:focus,
.form-control.form-control-solid.focus {
background-color: rgb(235, 235, 235);
border-color: #5e5e5e;
color: #3F4254;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.justify-center{
    margin-top:5px;
    flex: 1;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
}
/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #fff inset !important;
}
#otpIntakeDiv{
    display: none;
}
.inputSmallTextActions{
position: absolute;
right: 0;
cursor: pointer;
margin-top: 2px;
}
.inputSmallTextActionsTwo{
position: absolute;
right: 0;
cursor: pointer;
margin-top: 20px; 
z-index: 999;
}
.marginTop15{
margin-top: 15px;
}
.inlineBlock{
display: inline-block;
}
.inputSmallTextActionsTwo a{
text-decoration: none;
color: #000;
}
.roleSelectorMainContainer{
width: 500px;
margin: 0 auto;
margin-bottom: 100px;
}
.roleSelectorMainContainerWelcome h2{
font-size: 20px;
color: rgb(31, 31, 31);
}
.roleSelectorMainContainerWelcome p{
color:#6c757d;
}
.roleSelectorItem{
width: 300px;
min-height: 50px;
margin: 0 auto;
background: #fff;
margin-top: 10px;
margin-bottom: 20px;
position: relative;
padding: 10px 0px;
cursor: pointer;
transition: background .15s ease-in-out;
border-radius: 5px;
}
.roleSelectorItem:hover{
background:rgba(0,123,255,.12549019607843137);
}
.roleSelectorContainerInside{
margin-top: 40px;
}
.rolePositionName{
font-family: 'ArchiaSemiBold';
font-size: 16px;
color: #003278;
}
.rolePositionDepartment{
color:#6c757d; 
font-size:12px;
margin-top:5px;
text-transform: capitalize;
}
.rolePositionAccess{
color:#6c757d; 
font-size:12px; 
}
.roleLoginDisabledRoleName{
color: #ff083b !important;
}
.roleSelectorItemDisabled:hover{
background: rgba(255, 7, 58, 0.125) !important;
}
.buttonSubmit{
min-width: 100px;
border: none;
padding: 5px 5px;
cursor: pointer;
display: flex;
justify-content: center;
font-family: 'ArchiaRegular';
transition: background .15s ease-in-out;
border-radius: 5px;
margin: 0px 10px;
}
.buttonSubmit:hover{
background:rgba(0,123,255,.12549019607843137);  
}
.submitButtonContainer{
display: flex;
justify-content: center;
}
.logoImage img{
width: 110px;
margin-top: 20px;
}
.headerOne{
width: 100%;
height: 50px;
background:#f6f6f7;
position: fixed;
top: 0;
z-index: 999999;
}
.logoHolderImage img{
height: 50px
}
.logoHolderImage{
display: inline-block;
vertical-align: top;
margin-left: -25px;
margin-top: 3px;
}
.logoHolderText{
display: inline-block;
vertical-align: top;
margin-top: 11px;
margin-left: 20px;
font-size: 22px;
text-transform: uppercase;
font-family: 'SansBold';
color:#3d4046;
letter-spacing: 5px;
}
.logoHolder{
display: inline-block;
}
.rightSideMenu{
float: right;
}
.rightMenuItem{
display: inline-block;
margin-top: 17px;
margin-right: 21px;
font-size: 16px;
cursor: pointer;
}
.logoutButton{
display: inline-block;
margin-top: 16px;
margin-right: 20px;
font-size: 16px;
cursor: pointer;
}
.logoHolderTextOne{
display: inline-block;
vertical-align: top;
margin-top: 15px;
margin-left: 5px;
font-size: 18px;
font-family: 'ArchiaRegular';
color:#3d4046; 
}
.leftSideBarContainer{
width: 70px;
height: 100vh;
background: #f6f6f7;
display: inline-block;
position: fixed;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
opacity: 1;
z-index: 999999;
top: 50px;
}
.leftSideBarContainerIsActive{
width: 70px !important;
opacity: 1 !important;;
}
.leftSideBarContainerExpansion{
width: 0px;
height: 100vh;
background: #f6f6f7;
opacity: 0;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
position: absolute;
top:0;
margin-left: 100px;
overflow: hidden
}
.leftSideBarContainerExpansionIsActive{
width:150px !important;
opacity: 1 !important;
}
.leftSideBarContainer:hover .leftSideBarContainerExpansion{
width:150px;
opacity: 1;
}
.leftSideBarLeftMain{
z-index: 9999;
margin-top: 40px;
}
.leftSideBarContainerExpansionContent{
display: relative;
margin-top: 40px;
}
.leftSideBarIconItem{
text-align: center;
font-size: 25px;
cursor: pointer;
color: #6c757d;
transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
padding: 8px 2px;
}
.leftSideBarTextItem{
font-size: 16px;
margin-top: 51px;
padding-left: 20px;
cursor: pointer;
color: #6c757d;
font-family: ArchiaSemiBold;
transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
padding: 15px;
margin-bottom: -30px;
}
.leftSideBarTextItem:hover{
background:rgba(0,123,255,.12549019607843137);
}
.leftSideBarIconItem:hover{
color: #003278;
}
.isActive{
color: #003278 !important;
font-family: ArchiaSemiBold;
}
.isActiveBackground{
background:rgba(0,123,255,.12549019607843137);
padding: 2px 7px;
border-radius: 5px;
}
.breadCrumbHeader{
width: calc(100% - 70px);
margin-left: 70px;
background: #f6f6f7;
min-height: 30px;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
top: 50px;
position: fixed;
z-index: 999999;
}
.breadCrumbTitleItem{
display: inline-block;
vertical-align: top;
color: #6d757d;
cursor: pointer;
margin-left: 5px;
margin-right: 5px;
transition:all 1s ease;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
white-space: nowrap;
}
.breadCrumbHeaderHolder{
color: #6d757d;
margin-top: 7px;
margin-left: 10px;
display: inline-block;
}
.breadCrumbTitleItem:hover{
color: #003278;
font-family: ArchiaSemiBold;
}
.leftSideBarContainerExpansionContent a{
text-decoration: none;
}
.leftSideBarLeftMainBottom{
position: absolute;
width: 70px;
bottom: 60px; 
}
.leftSideBarContainerExpansionContentBottom{
position: absolute;
bottom: 100px;
width: 150px;
}
.breadCrumbHeaderHolder a{
text-decoration: none;
}
.actualAfterLoginMainContainer{
width: calc(100% - 70px);
margin-left: 70px;
margin-top: 92px;
margin-bottom: 50px;
}
.actualContentContainer{
margin-left: 10px;
margin-top: 10px;
}
.thisPageMenuBlockItem{
padding: 10px 20px;
font-size: 15px;
background:rgba(0,123,255,.12549019607843137);
display: inline-block;
cursor: pointer;
border-radius: 5px;
color: #003278;
margin-right: 10px;
transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
margin-bottom: 10px;
}
.thisPageMenuBlockItem:hover{
background:rgba(0, 123, 255, 0.363);
}
.thisPageMenuBlocks a{
text-decoration: none;
}

.buttonOnTop{
background:rgba(0,123,255,.12549019607843137);
display: inline-block;
padding: 5px 10px;
border-radius: 5px;
transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
color: #003278;
font-size: 15px;
}
.buttonOnTop:hover{
background:rgba(0, 123, 255, 0.363);
}
.actualContentContainerMenu a{
text-decoration: none;
}
.actualContentContainerFormHolder{
width: 600px;
margin: 0 auto;
margin-top: 50px;
margin-bottom: 100px;
}
.actualContentContainerFormHolderHeading h2{
font-size: 22px;
color: #003278;
}
.formRow50{
width: 48%;
display: inline-block;
position: relative;
margin-bottom: 45px;
vertical-align: top;
}
.formRowFull {
width: 89.5%;
margin: 0 auto;
margin-bottom: 30px;
position: relative;
text-align: left;
vertical-align: top;
}
.formRowFullNew{
width: 101.6%;
display: inline-block;
position: relative;
margin-bottom: 45px;
vertical-align: top;
}
.formRow50 label{
position: absolute;
margin-top: -20px;
color: #6d757d;
font-family: 'ArchiaSemiBold';
}
.formRowFullNew label{
position: absolute;
margin-top: -20px;
color: #6d757d;
font-family: 'ArchiaSemiBold';
}
.actualContentContainerFormHolderForm{
margin-top: 60px;
}
.thisFormInput{
width: 90%;
height: 30px;
border: 1px solid #b5b5b9;
border-top: none;
border-left: none;
outline: none;
font-size: 18px;
letter-spacing: 1px;
font-family: monospace;
border-radius: 5px;
}
.thisFormSelect{
width: 91%;
height: 30px;
border: 1px solid #b5b5b9;
border-top: none;
border-left: none;
outline: none;
font-size: 18px;
letter-spacing: 1px;
font-family: monospace;
border-radius: 5px;
}
.mobileHamburger{
display: inline-block;
float: left;
}
.mobileHamburger i{
margin-top: 20px;
font-size:20px;
margin-left: -30px;
margin-right: 10px;
cursor: pointer;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
.select2-container{
width: 91% !important;
border-left: none !important;
border-top: none !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {  
background:rgba(0,123,255,.12549019607843137) !important;  
color: #003278 !important;
font-size: 18px;
font-family: monospace !important;
}
.select2-results__option{
font-size: 18px;
font-family: monospace !important;
color: #6d757d !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background:rgba(0,123,255,.12549019607843137) !important;  
color: #003278 !important;
font-size: 14px;
font-family: monospace !important;
border: none !important;
padding: 4px 5px !important;
}
.select2-container--default .select2-selection--multiple{
border-left: none !important;
border-top: none !important;
}
.select2-container--default:active .select2-selection--multiple:active{
border: 1px solid #b5b5b9 !important;
border-left: none !important;
border-top: none !important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple 
{
border: 1px solid #b5b5b9 !important;
border-left: none !important;
border-top: none !important;
}
.select2-container--default .select2-selection--single{
border: 1px solid #b5b5b9 !important;
border-left: none !important;
border-top: none !important;
font-size: 18px;
font-family: monospace !important;  
}
.select2-container--default .select2-search--dropdown .select2-search__field{
outline: none !important;
font-size: 18px;
font-family: monospace !important; 
border-radius: 5px;
}
.marginForButtonFromRightInFormBlock button{
margin-right: -25px;
}
#instantclick-bar {
background: #003278;
}
.blockHolderForPurposeItem{
display: inline-block;
width: 200px;
min-height: 50px;
background: #f6f6f7;
border-radius: 5px;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
vertical-align: top;
}
.blockHolderForPurposeItemBig{
width: 45% !important;
}
.blocksHolderForPurpose{
margin-top: 40px;
text-align: center;
}
.blockHolderMainNumber{
text-align: center;
padding: 15px 5px 5px 5px;
font-family: 'archiamedium';
font-size: 33px;
color: #6c757d;
}
.blockHolderMainNumberTitle{
font-size: 15px;
}
.blockHolderMainName{
text-align: center;
padding: 0px 5px;
font-size: 14px;
color: #6d757d;
}
.blockHolderForPurposeItem hr{
background: #6d757d;
width: 60%;
margin-top: 10px;
margin-bottom: 10px;
}
.blockHolderInDetailsBlockItem{
text-align: center;
padding: 5px;
color: #6d757d;
font-family: 'archiamedium';
}
.blockHolderInDetailsBlockItem span{
margin-right: 10px;
margin-left: 10px;
}
.redColor{
color: #ff073a;
}
.blueColor{
color: #003278;
}
.greenColor{
color: #28a745;
}
.orangeColor{
color: #6d757d;
}
.bottomPaddingDiv{
padding: 5px;
}
.blockHolderInDetailsButtonHolder{
text-align: center;
}
.blockHolderInDetailsButtonHolder{
text-align: center;
margin-top: 10px;
}
.blockHolderInDetailsButtonHolder a{
cursor: pointer;
}
.blueBackGroundButton{
background:rgba(0,123,255,.12549019607843137);
padding: 2px 5px;
color: #003278;
text-decoration: none;
font-size: 13px;
font-family: 'archiamedium';
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
border-radius: 5px;
display: inline-block;
margin-bottom: 5px;
border: none;
cursor: pointer;
}
.blueBackGroundButton:hover{
background:rgba(0, 123, 255, 0.37);
}
.redBackGroundButton{
background:#ffe1e7;
padding: 2px 5px;
color: #e23028;
text-decoration: none;
font-size: 13px;
font-family: 'archiamedium';
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
border-radius: 5px;
display: inline-block;
margin-bottom: 5px; 
cursor: pointer;
}
.redBackGroundButton:hover{
background:#fac3ce;
}
.greenBackGroundButton{
background:#e4f4e7;
padding: 2px 5px;
color: #28a745;
text-decoration: none;
font-size: 13px;
font-family: 'archiamedium';
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
border-radius: 5px;
display: inline-block;
margin-bottom: 5px;  
cursor: pointer;
}
.greenBackGroundButton:hover{
background:#ccecd2;
}
.noItemsAvailableBlock{
text-align: center;
margin-top: 200px;
font-size: 26px;
color: #6d757d;
}
.blockHolderMainNumberType{
font-size: 11px;
margin-bottom: 5px;
text-transform: uppercase;
}
.pageTitle{
margin-bottom: 16px;
font-size: 24px;
font-family: archiamedium;
color: #6d757d;
}
.paginate, .Table {
display: -webkit-flex;
display: flex;
}
.Table {
-webkit-flex-direction: column;
flex-direction: column;
margin-bottom: 2.5rem;
}
.table-top, .table-top .table-top-left {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
}
.table-top-alternative{
display: block !important;
}
.table-top {
-webkit-align-items: flex-end;
align-items: flex-end;
-webkit-align-self: center;
align-self: center;
font-weight: 600;
-webkit-justify-content: center;
justify-content: center;
margin-bottom: 0.25rem;
width: 100%;
}
.table-container {
-webkit-align-self: center;
align-self: center;
overflow-x: auto;
width: 100%;
}
.fadeInUp {
-webkit-animation-duration: .45s;
animation-duration: .45s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.table {
border-radius: 3px;
display: inline-grid;
font-size: 12px;
grid-template-rows: auto;
min-width: 100%;
grid-template-columns: repeat(7, auto);
}
.table .row {
cursor: pointer;
display: contents;
width: 100%;
}
.table .row .cell.heading {
background: #f6f6f7;
font-size: 13px;
font-weight: 900;
/* padding: 1.25rem 0.5rem 0.75rem; */
text-align: right;
}
.table .row .cell.heading:hover {
background: #e4e4e6;
}
.table .row .cell:not(:last-child) {
margin-right: 0.25rem;
}
/* .table .row .cell:first-child{
background: #f6f6f7;
-webkit-flex-basis: 7rem;
flex-basis: 7rem;
-webkit-flex-grow: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
-webkit-justify-content: space-between;
justify-content: space-between;
left: 0;
position: -webkit-sticky;
position: sticky;
z-index: 11; 
} */
.table .row.heading .cell{
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.table .row .cell .district-name, .table .row .cell .state-name{
font-size: 14px;
font-weight: 600;
max-width: 7rem;
word-wrap: break-word;
}
.table .row .cell:not(:last-child){
margin-right: .25rem;
}
.table .row .cell.statistic{
-webkit-align-items: flex-end;
align-items: flex-start;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.table .row .cell:not(:first-child){
-webkit-flex-basis: 4rem;
flex-basis: 4rem;
-webkit-flex-grow: 1;
flex-grow: 1;
-webkit-flex-shrink: 0;
flex-shrink: 0;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.table .row .cell{
-webkit-align-items: center;
align-items: center;
border-radius: 3px;
color: #6c757d;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
margin-bottom: .25rem;
padding: .5rem;
position: relative;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
}
.table .row .cell.statistic .is-confirmed{
color: #ff073a;
}
.table .row .cell.statistic .total{
font-size: 14px;
}
.dhondiAppTableHolder{
margin: 0 auto;
width: 503px;
margin-top: 50px;
margin-bottom: 50px;
}
.is-highlighted .cell{
background: #fafafa;
}
.cell:hover{
background: #e4e4e6;
}
.dhondiCommandWindow{
width: 95%;
height: 250px;
background: #000;
color: #fff;
overflow-y: auto;
word-wrap: break-word;
margin: 0 auto;
}
.dhondiCommandWindow p{
font-size: 15px;
padding: 2px 10px;
font-family: 'Cutive Mono', monospace;
margin: 5px;
}
.dhondiCommandWindow p:nth-child(odd) {
background: #333;
}
.studentHolderTable{
width: 100%;
margin: 0 auto;
margin-top: 40px;
}
.total a{
text-decoration: none;
color: #003278;
}
.notificationHolderOnHome{
width: 500px;
margin: 0 auto;
background: #f6f6f7;
padding: 5px;
border-radius: 3px;
display: inline-block;
vertical-align: top;
}
.notificationPromptHeading h3{
margin: 0;
margin-top: 10px;
font-size: 15px;
color: #3f3f3f;
}
.notificationTextTwo p{
font-size: 13px;
}
.subjectHolder{
padding: 5px;
border-bottom: 1px solid #e2e2e2;  
}
.subjectHolderSubjectDetails{
margin-top: 5px;
}
.subjectHolderSubjectName{
font-weight: 600;
}
.rcRvSelect{
border: none;
outline: none;
border-bottom: 1px solid rgb(125, 125, 125);
background-color: #f6f6f7;
}
.notificationHolderOnHome{
margin-bottom: 50px;
padding: 10px;
}
.paymentItemHolder{
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.totalAmountHolder{
font-size: 16px;
}
.secureCheckOutLogo{
position: relative;
}
.secureCheckOutLogo img{
width: 130px;
margin-top: 10px;
}
.secureCheckOutText{
font-size: 18px;
top: 13px;
vertical-align: top;
position: absolute;
width: 173px;
left: 153px;
font-weight: 800;
font-family: 'ArchiaBold';
color: #3d4046;
}
.mainCenterHolder{
width: 1080px;
margin: 0 auto;
}
.mainContainerWithOutLeftSideBar{
margin-top: 60px;
}
.leftSideBlockHolderHeading h3{
color: #3f3f3f;
}
.leftSideBlockHolder{
width: 63%;
padding: 20px;
background-color: #fff;
display: inline-block;
}
.rightSideBlockHolder{
width: 27%;
padding: 20px;
background-color: #fff;
display: inline-block;
}
.actualPaymentMethodOrderHolder{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.paymentMethodsLeftTabs{
width: 200px;
background-color: #f6f6f7;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
.paymentMethodsLeftTabs li{
padding: 15px 20px;
margin-top: 5px;
margin-bottom: 5px;
list-style: none;
font-size: 15px;
cursor: pointer;
display: flex;
}
.paymentTypeIcon{
display: inline-block;
margin-right: 10px;
}
.paymentTypeText{
display: inline-block;
word-wrap: break-word;
}
.paymentMethodActive{
background-color: #fff;
}
.leftSideBlockHolderPaymentsHolderRight{
width: calc(100% - 260px);
display: inline-block;
vertical-align: top;
padding-top: 40px;
padding-left: 20px;
}
.leftSideBlockHolderPaymentsHolderLeft{
display: inline-block;
}
.paymentItemLeft{
width: 200px; 
}
.totalAmount{
font-size: 18px;
}
#upiNavResp, #netBankingNavResp, #walletsNavResp, #emiNavResp{
display: none;
}
.cc-selector input{
margin:0;padding:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
.cc-selector-2 input{
position:absolute;
z-index:999;
}
.HDFB{background-image:url('../images/hdfc.jpeg');}
.HDFCB{background-image:url('../images/hdfc.jpeg');}
.ICIB{background-image:url('../images/icici.jpeg');}
.ICICIB{background-image:url('../images/icici.jpeg');}
.KOTAK{background-image:url('../images/kotak.jpeg');}
.KTB{background-image:url('../images/kotak.jpeg');}
.SBIB{background-image:url('../images/sbi.png');}
.SBOI{background-image:url('../images/sbi.png');}
.AXIB{background-image:url('../images/axis.jpeg');}
.AXB{background-image:url('../images/axis.jpeg');}

.PAYTM{background-image:url('../images/paytm.png');}
.FREC{background-image:url('../images/paytm.png');}
.AMZPAY{background-image:url('../images/paytm.png');}
.AMON{background-image:url('../images/paytm.png');}
.OXYCASH{background-image:url('../images/paytm.png');}
.OLAM{background-image:url('../images/paytm.png');}
.JIOM{background-image:url('../images/jio.png');}
.ITZC{background-image:url('../images/paytm.png');}
.PAYZ{background-image:url('../images/paytm.png');}
.YESW{background-image:url('../images/paytm.png');}
.mobikwik{background-image:url('../images/mobikwik.png');}
.MOBKWK{background-image:url('../images/mobikwik.png');}
.AIRTLM{background-image:url('../images/airtel.png');}

.cc-selector-2 input:active +.drinkcard-cc, .cc-selector input:active +.drinkcard-cc{opacity: .9;}
.cc-selector-2 input:checked +.drinkcard-cc, .cc-selector input:checked +.drinkcard-cc{
-webkit-filter: none;
-moz-filter: none;
filter: none;
}
.drinkcard-cc{
cursor:pointer;
background-size:contain;
background-repeat:no-repeat;
display:inline-block;
width:100px;height:70px;
-webkit-transition: all 100ms ease-in;
-moz-transition: all 100ms ease-in;
transition: all 100ms ease-in;
-webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
-moz-filter: brightness(1.8) grayscale(1) opacity(.7);
filter: brightness(1.8) grayscale(1) opacity(.7);
margin-bottom: 30px;
margin-right: 30px;
}
.drinkcard-cc:hover{
-webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
-moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
filter: brightness(1.2) grayscale(.5) opacity(.9);
}
.cc-selector-2 input{ margin: 5px 0 0 12px; }
.cc-selector-2 label{ margin-left: 7px; }
span.cc{ color:#6d84b4 }
.middleText{
text-align: center;
font-size: 20px;
}
#netBankingOtherBanks{
margin-top: 20px;
}
.creditCardCompany{
right: 45px;
position: absolute;
top: 7px;
}
.creditCardCompany img{
width: 50px;
}
.paymentStatusProvider{
text-align: center;
}
.paymentStatusText{
font-size: 20px;
}
.paymentStatusImage img{
width: 200px;
}
.paymentOrdersBlockItem{
width: 400px;
min-height: 150px;
background-color: #f6f6f7;
border-radius: 2px;
padding: 10px;
color: #333;
margin-right: 20px;
margin-top: 20px;
}
.paymentOrdersBlockItemTopLeft{
width: 110px;
text-align: center;
background: rgba(0,123,255,.12549019607843137) !important;
color: #003278;
padding: 5px 2px;
border-radius: 2px;
}
.paymentOrdersBlockItemTopLeftMonth{
font-size: 14px;
}
.paymentOrdersBlockItemTopLeftDate{
font-size: 22px;
}
.paymentOrdersBlockItemTopLeftYear{
font-size: 12px;
}
.paymentOrdersBlockItemTopLeftMoney{
font-size: 16px;
justify-content: center;
}
.paymentOrdersBlockItemTop{
display: flex;
}
.paymentOrdersBlockItemTopRight{
padding-left: 20px;
width: calc(100% - 110px);
}
.paymentOrdersBlockItemTopRightOrderNo{
font-size: 16px;
}
.paymentOrdersBlockItemTopRightDept{
margin-top: 4px;
word-break: break-all;
}
.paymentOrdersBlock{
display: flex;
flex-wrap: wrap;
margin-bottom: 70px;
}
.mainBlockInTheMiddle{
height: auto;
padding: 10px;
background-color: #fff;
margin: 0 auto;
border-radius: 2px;
}
.rcRvStatusBlockItem{
margin:10px;
width: 400px;
}
.marginBottom10{
margin-bottom: 10px !important;
}
.marginTop10{
margin-top: 10px !important;
}
.rcRvStatusBlockItemSubjectName{
font-size: 18px;
margin-bottom: 20px;
color: #333;
}
.rvRvStatus{
font-size: 13px;
border: 1px solid #dfdfdf;
padding: 3px;
}
.rcRvStatusBlock{
flex: 1;
flex-direction: row;
display: flex;
flex-wrap: wrap;
}
#upiStatus{
font-size: 13px;
margin-top: 5px;
}
.alignLeft{
text-align: left;
}
.displayEnrolledSubjects{
padding-left: 10px;
}
.greenColoredText{
color: #28a745;
margin: 0 !important;
}
.mainViewBlock{
display: flex;
width: 100%;
justify-content: space-around;
flex-wrap: wrap;
}
.leftViewBlock{
width: 45%;
}
.rightViewBlock{
width: 45%;
}
.leftBlockOne{
width: 100%;
background-color: #f6f6f7;
border-radius: 2px;
padding: 5px;
margin-bottom: 30px;
}
.leftBlockOneTitle{
text-align: center;
font-size: 15px;
color: #333;
padding-top: 10px;
}
.lastDateSentence{
text-align: center;
margin-top: 20px;
font-size: 16px;
}
.feeDetailsPrint{
display: flex;
justify-content: space-evenly;
margin-top: 10px;
}
.buttonHolders{
display: flex;
justify-content: space-evenly;
margin-top: 10px;
}
.subjectBasedPricingDetails{
margin-top: 10px;
}
hr{
border: 0.5px solid #e4e4e4;
}
.subjectBasedPricingDetailsTitle{
text-align: center;
font-size: 13px;
color: #3f3f3f;
margin-bottom: 10px;
}
.subjectBasedPricingDetailsItem{
display: flex;
justify-content: space-evenly;
margin-bottom: 5px;
}
.cursor{
cursor: pointer;
}
.publishUnpublishArea{
text-align: center;
color: #003278;
font-weight: bold;
font-family: 'ArchiaBold';
}
.textLeftAlign{
text-align: left;
justify-content: inherit !important;
}
.warningBox{
background: #ffd4d4;
padding: 8px;
border-radius: 2px;
color: #660101;
font-size: 13px;
margin-bottom: 10px;
font-family: 'ArchiaSemiBold';
}
.warningBoxBlue{
background: #d4e7ff;
padding: 8px;
border-radius: 2px;
color: #013466;
font-size: 13px;
margin-bottom: 10px;
font-family: 'ArchiaSemiBold';
text-align: left;
margin-top: 16px;
}
.warningBoxBlue li{
padding: 5px;
}
.leftSideBlockHolderHeading{
word-break: break-word;
}
.textAlignCenter{
font-size: 16px;
text-align: center;
}
.overFlowAuto{
overflow: auto;
}
.mobileHamburgerIcon{
width: 37px;
}
.tableHolder {
width: 95%;
position: relative;
display: flex;
margin-left: 10px;
}
.leftBlockOneWhite{
width: 100%;
background-color: #fff;
border-radius: 2px;
padding: 5px;
margin-bottom: 30px;
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
}
.leftBlockOneWhiteTitle{
text-align: center;
font-size: 15px;
color: #333;
}
.statsBox{
width: 30%;
min-height: 100px;
background-color: #f6f6f7;
margin-bottom: 15px;
}
.statsBoxGreenShade{
background: rgb(204,236,210);
background: linear-gradient(0deg, rgba(204,236,210,1) 0%, rgba(246,246,247,1) 100%);
}
.statsBoxBlueShade{
background: rgb(188,216,247);
background: linear-gradient(0deg, rgba(188,216,247,1) 0%, rgba(246,246,247,1) 100%);
}
.statsBoxRedShade{
background: rgb(255,212,212);
background: linear-gradient(0deg, rgba(255,212,212,1) 0%, rgba(246,246,247,1) 100%);
}
.statsIcon{
padding: 7px;
font-size: 25px;
text-align: center;
}
.statsIconGreen{
color: #28a745;
}
.statsIconBlue{
color: #003278;
}
.statsIconRed{
color: #e23028;
}
.statsTitle{
padding: 0px 10px;
font-size: 13px;
text-align: center;
}
.statsNumber{
padding: 0px 10px;
font-size: 25px;
text-align: center;
}
@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}
@-webkit-keyframes placeHolderShimmer {
    0% {
      background-position: -468px 0;
    }
    100% {
      background-position: 468px 0;
    }
}
.animated-background, .textLineLoading, .imageLoading {
-webkit-animation-duration: 1.25s;
        animation-duration: 1.25s;
-webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
-webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
-webkit-animation-name: placeHolderShimmer;
        animation-name: placeHolderShimmer;
-webkit-animation-timing-function: linear;
        animation-timing-function: linear;
background: #F6F6F6;
background: linear-gradient(to right, #F6F6F6 8%, #e2e2e2 18%, #F6F6F6 33%);
background-size: 800px 104px;
height: 96px;
position: relative;
}
.textLineLoading {
height: 10px;
width: 100%;
margin: 4px 0;
margin-bottom: 10px;
}
.textSearchHolder {
display: inline-flex;
width: 100%;
z-index: 4;
margin-top: 10px;
}

.searchIcon {
margin-top: 8px;
position: absolute;
margin-left: 10px;
}
.leftBlockOneSearch{
margin-bottom: 20px;
}
.leftBlockOneSearch input {
width: 100%;
height: 29px;
outline: none;
padding: 0px 108px 0px 31px;
font-size: 16px;
line-height: 20px;
border: 1px solid #bfbcbc;
border-radius: 2px;
font-family: monospace;
}
.searchIcon i {
color: #636363;
}
.selectYearHolder {
display: inline;
float: right;
margin-left: -96px;
z-index: 5;
position: absolute;
margin-top: 10px;
}
.selectYearHolder select {
height: 31px;
width: 96px;
font-size: 16px;
outline: none;
border: 1px solid #bfbcbc;
border-radius: 2px;
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
font-family: monospace;
}
.filterCourseButtons {
list-style-type: none;
padding: 0;
}
.filterCourseButtons span {
float: left;
margin-right: 10px;
margin-top: 5px;
}
.filterCourseButtons li {
float: left;
margin: 0 5px 0 0;
width: 110px;
height: 25px;
position: relative;
text-align: center;
}
.filterCourseButtons input[type="radio"] {
opacity: 0.01;
z-index: 100;
cursor: pointer;
}
.filterCourseButtons input[type="radio"]:checked+label, .Checked+label {
background: #DDD;
}
.filterCourseButtons label {
padding: 5px 0px;
border: 1px solid #CCC;
cursor: pointer;
z-index: 90;
transition: 0.3s;
}
.filterCourseButtons label, .filterCourseButtons input {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.filterRadioButtons{
display: flex;
}
#getListOfStudentsAppliedAndNotApplied, .searchFilterForIndividualModule{
width: 90%;
text-align: center;
display: block;
margin: 0 auto;
}
.heading{
text-align: initial !important;
}
.subjectDetailsInSchedule{
font-size: 13px;
}
.insideForm{
margin: 5px;
display: flex;
justify-content: space-around;
}
.insideForm input, .insideForm select, .insideForm .select2{
width: 160px !important;
outline: none;
border: none;
border-bottom: 1px solid rgb(179, 179, 179);
background: #f6f6f7 !important;
}
.promptInsideNotificationHolder{
font-size: 17px;
padding: 5px;
color: #a01d1d;
background: #ffdbdb;
margin-top: 20px;
display: inline-block;
}
.marginTop3{
margin-top: 3px;
}
.marginTop0{
margin-top: 0px !important;
}
.recountingRevaluationHolder{
width: 95%;
min-height: 50px;
background-color: #fff;
margin: 0 auto;
margin-top:20px;
padding: 5px;
}
.rcrvHallTicketHolder{
text-align: center;
padding-top: 12px;
font-size: 17px;
}
.rcrvFullNameHolder{
text-align: center;
padding-top: 5px;
font-size: 14px; 
}
.inputForRcRv{
width: 30px;
}
.selectForRcRv{
width: 40px; 
}
.rcrvForm{
display: contents;
}
.colorGreen{
color: #16762c;
}
.colorRed{
color: #660101;
}
.center{
text-align: center;
}
.mainPageContainerCentral{
width: 96%;
margin: 0 auto;
}
.mainViewBlockSecond{
width: 100% !important;
}
.leftViewBlockTwo, .rightViewBlockTwo{
width: 95% !important;
margin: 0 auto;
}
.sideBarTitleMenu{
font-size: 11px;
margin: 0;
word-break: break-all;
margin-top: 3px;
}
.leftSideBarLeftMainTop a, .leftSideBarLeftMainBottom a{
text-decoration: none;
}
.leftSideBarLeftMainTop{
height: calc(100vh - 240px);
overflow: auto;
}
::-webkit-scrollbar {
width: 3px;
height: 5px;
}
::-webkit-scrollbar:hover {
cursor: pointer;
}
/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px grey; 
border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #003278; 
border-radius: 10px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #003278;  
}
.attendanceCalendarMonths{
display: flex;
justify-content: space-between;
}
.attendanceCalendarMonthBlock{
padding: 4px 20px;
text-align: center;
cursor: pointer;
background-color: #f6f6f7;
color: #4a4a4a;
}
.attendanceCalendarMonthBlock:hover{
background-color: #e6e6e6;
}
.attendanceCalendarHolder{
width: 1000px;
margin-top: 30px;
}
.attendanceCalendarHeader{
background: #f6f6f7; 
border-radius: 3px;
}
.attendanceCalendarMonthBlockMonth{
font-size: 16px;
font-weight: 600;
}
.attendanceCalendarMonthDates{
background: #fff;
display: flex;
justify-content: space-around;
padding: 14px 0px;
text-align: center;
}
.attendanceCalendarMonthBlockMonthWeekDay{
margin-bottom: 5px;
font-size: 11px;
}
.attendanceCalendarMonthBlockMonthDate{
font-size: 11px;
}
.attendanceCalendarMonthDateBlock{
padding: 0px 5px;
}
.attendanceCalendarMonthBlockActive{
background-color: #c8c7c7;
}
.attendanceCalendarMonthHours{
background: #fff;
display: flex;
justify-content: space-around;
padding: 14px 0px;
text-align: center;
}
.attendanceCalendarMonthHourBlock{
padding: 0px 5px; 
border-right: 0.5px dotted #000;
border-left: 0.5px dotted #000;
cursor: pointer;
width: 9px;
}
.attendanceCalendarMonthHourBlock i{
font-size: 8px;
}
.statsHolderForStaffCalendarMonth{
padding: 10px;
display: flex;
}
.staffCalendarMonthStatBlock{
padding: 5px;
text-align: center;
border-radius: 2px;
background: #fff;
margin-right: 20px;
}
.staffCalendarMonthStatBlockTitle{
font-size: 12px;
font-weight: 600;   
}
.staffCalendarMonthStatBlockNumber{
font-size: 16px;
margin-top: 4px;
}
.attendanceCalendarMonthDateBlockActive {
background: #086fff61;
border-radius: 4px;
color: #003278;
font-weight: 600;
}
.TableForStaffAttendance{
background: #fff;
padding-top: 10px;
}
.backGroundRed{
background-color: #ffe4e4 !important;
}
.downloadButtonHolder{
text-align: center;
}
.noItemsAvailableBlockSmall{
text-align: center;
padding: 25px;
font-size: 18px;
color: #656565;
}
.paddingTop10{
padding-top: 10px;
display: block;
}
.width200px{
width: 200px !important;
}
.fontSize16{
font-size: 16px;
}
.studentInfoItem{
width: 100%;
min-height: 100px;
display: flex;
border: 1px solid rgb(233, 233, 233);
margin-top: 10px;
margin-bottom: 10px;
padding-bottom: 10px;
padding-top: 10px;
}
.studentPhotoHolder{
width: 100px;
display: inline-block;
}
.studentPhotoHolder img{
width: 100px;
}
.studentDetailsHolder{
width: calc(100% - 100px);
display: inline-block;
margin-left: 20px;
}
.studentFullNameHolder{
font-size: 16px;
font-weight: 600;
color: rgb(48, 48, 48);
}
.studentRollNumberHolder{
font-size: 14px;
margin-top: 5px;
}
.noDetailsFound{
text-align: center;
margin-top: 18px;
font-size: 14px;
color: #666;
}
.collectFeesButton{
width: 109px;
text-align: center;
margin-right: 20px;
font-size: 18px;
}
.blockExamHeader{
width: 100%;
text-align: center;
margin: 0 auto;
display: flex;
justify-content: center;
}
.blockExamHeaderSlNo{
padding: 10px;
display: flex;
justify-content: space-around;
width: 80%;
margin: 0 auto;
}
.slNoExamItem{
padding: 10px;
background: #d4d4d4;
color: #292929;
font-weight: 600;
font-size: 16px;
border: 1px solid #cdc8c8;
cursor: pointer;
}
.slNoExamHolder{
display: flex;
}
.slNoExamItemClickActive{
background: #12369b !important;
color: #fff !important;
border: 1px solid #2848a5 !important;
}
.slNoExamItemAnsweredActive{
background: #40b883;
color: #fff;
border: 1px solid #3bc789;
}
.blockExamActualExam{
width: 97%;
display: flex;
font-size: 18px;
margin-top: 40px;
padding-left: 20px;
}
.blockExamActualExamLeft{
width: 49%;
height: calc(100vh - 300px);
overflow: auto;
text-align: left;
border-right: 3px solid #d4d4d4;
padding: 20px;
overflow: auto;
position: fixed;
}
.examQuestionHolder{
display: flex;
}
.examQuestionSlNoHolder{
margin-right: 20px;
}
.examQuestionActualHolderItem{
margin-bottom: 20px;
font-size: 18px;
}
.blockExamActualExamRight{
width: 44%;
position: fixed;
right: 22px;
text-align: left;
overflow: auto;
height: calc(100vh - 300px);
}

.buttonForExamAnswer {
margin: 0 5px 0 0;
min-height: 40px;
position: relative;
margin-left: 40px;
margin-bottom: 10px;
}

.buttonForExamAnswer label,
.buttonForExamAnswer input {
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
cursor: pointer;
padding: 10px 20px;
}

.buttonForExamAnswer input[type="radio"] {
opacity: 0.011;
z-index: 100;
}

.buttonForExamAnswer input[type="radio"]:checked + label {
background: #bccdfb !important;
color: #001d74 !important;
border: 1px solid #2848a5 !important;
border-radius: 4px;
cursor: pointer;
font-size: 14px;
}

.buttonForExamAnswer label {
cursor: pointer;
z-index: 90;
line-height: 1.4em;
cursor: pointer;
border: 1px solid #e2e2e2;
background: #f2f2f247;
font-size: 15px !important;
}
.buttonForExamAnswer label {
font-size: 15px !important;
}
.buttonForExamAnswer label p{
font-size: 15px !important;
}
.buttonForExamAnswer label a{
font-size: 15px !important;
}
.buttonForExamAnswer label h1, .buttonForExamAnswer label h2, .buttonForExamAnswer label h3, .buttonForExamAnswer label h4{
font-size: 15px !important;
}
.buttonForExamAnswer label:hover{
background: #CCC;
cursor: pointer;
}
.pageSpecialLoader{
width: 100%;
height: 100%;
background: #fff;
position: fixed;
top: 0;
display:none;
}
.pageSpecialLoaderOne{
width: 100%;
height: 100%;
background: #fff;
position: fixed;
top: 0;
}
.blockExamActualExam{
display: none;
}
.examSubmitButton{
display: block;
position: fixed;
right: 23px;
top: 50px;
}
.examSubmitButton a{ 
padding: 7px 34px;
background: #12369b;
border-radius: 7px;
color: #fff;
font-size: 16px;
cursor: pointer;
}
.examSubmitButton a:hover{ 
background: #0b256b;
}
.scoreShower{
margin-top: 30px;
padding: 3px 10px;
border: 1px solid #000;
display: inline-block;
border-radius: 5px;
}
.examLogoutButton{
margin-top: 20px;
}
.examCompletedSubject{
margin-bottom: 15px;
font-weight: 600;
}
@-moz-document url-prefix() {

}
@media (min-width:0px) and (max-width: 320px){
body {
font-size: 14px;
}
.mainContainer{
margin:0;
}
.firstDivLeft {
width: 100%;
text-align: center;
padding: 35px 0px;
background: #fff;
}
.qualityDiv{
margin-top: 5px;
}
.firstDiv{
width: 100%;
}
.firstDivRight {
width: 100%;
text-align: center;
background: #fff;
}
.footer{
z-index: 99999;
display: inline-block;
}
.phoneDiv{
margin-top: 20px;
}
.formInputSubmitHolder button{
margin-top: 30px;
margin-left: 0px;
}
.qualityDivDescription{
padding: 0px 20px;
}
.qualityDiv{
padding: 0px 20px;
}
.earlyAccessOutput{
margin: 0 auto;
margin-top: 20px;
}
.earlyAccessFormHolder{
padding: 0px 20px;
}
.institutionPendingActivationHolder{
width: 100%;
}
.institutionPendingActivationHolder{
width: 100%;
}
.institutionPendingActivationHolderRight{
width: 100%;
}
.institutionPendingActivationHolderLeft{
width: 100%;  
}
.institutionPendingActivationHolderLeftTitle{
margin-top: 10px;  
}
.institutionPendingActivationHolder{
margin-top: 0px;  
}
.formRow {
width: 90%;
}
.formInput{
width: 100%;
}
.formRowTwo{
width: 80%;
}
.formButtonWidth{
width: 100%;
}
.loginContainer {
width: 90%;
}
.roleSelectorMainContainer{
width: 90%;
}
.leftSideBarContainer{
width: 0px;
opacity: 0;
}
.breadCrumbHeader, .actualAfterLoginMainContainer{
width:100%;
margin-left: 0px;
}
.actualContentContainerFormHolder{
width: 95%;
}
.formRow50{
width: 100%;
}
.formRowFullNew{
width: 100%;
}
.mobileHamburger i{
margin-left: 10px;
}
.marginForButtonFromRightInFormBlock button{
margin-right: 15px;
}
.dhondiAppTableHolder{
width: 95%;
}
.notificationHolderOnHome{
width: 90%;
}
.mainCenterHolder{
width: 90%;
}
.leftSideBlockHolder{
width: 100%;
}
.rightSideBlockHolder{
width: 100%;  
margin-top: 40px;
margin-bottom: 40px;
}
.paymentMethodsLeftTabs {
width: 100%;
background-color: #f6f6f7;
padding-left: 0px;
padding-top: 5px;
padding-bottom: 5px;
display: flex;
flex-wrap: wrap;
}
.leftSideBlockHolderPaymentsHolderRight{
width: 100%;
}
.paymentOrdersBlockItem{
width: 90%;
}
.paymentOrdersBlock{
justify-content: center;
}
.leftViewBlock, .rightViewBlock{
width: 90%;
margin-bottom: 20px;
}
.logoHolderImage img{
height: 40px;
margin-top: 6px;
}
.logoHolderImage{
display: inline-block;
vertical-align: top;
margin-left: 5px;
}
.mobileHamburger{
margin-top: -4px;
}
.logoHolderText{
letter-spacing: 0px;
margin-top: 7px;
margin-left: 6px;
}
.logoHolderTextOne{
position: absolute;
left: 86px;
top: 18px;
font-size: 14px;
}
.breadCrumbHeader{
position: relative;
z-index: 0;
padding: 10px 0px;
}
.actualContentContainer{
margin-left: 0px; 
margin-top: 0px;
}
.pageTitle{
margin-left: 10px;  
}
.leftBlockOne {
width: auto;
}
.breadCrumbTitleItem{
white-space: inherit;
}
.actualAfterLoginMainContainer{
margin-top: 60px; 
}
.pageTitle{
font-size: 20px;
}
.rightMenuItem{
font-size: 13px;
}
.breadCrumbHeaderHolder{
font-size: 13px;
}
.creditCardCompany {
right: 28px;
position: absolute;
top: -20px;
}
.thisPageMenuBlocks{
margin-left: 10px;  
}
.table-top{
display: block;
}
}

@media (min-width:321px) and (max-width: 480px){
body {
font-size: 14px;
}	
.mainContainer{
margin:0;
}
.firstDivLeft {
width: 100%;
text-align: center;
padding: 35px 0px;
background: #fff;
}
.qualityDiv{
margin-top: 5px;
}
.firstDiv{
width: 100%;
}
.firstDivRight {
width: 100%;
text-align: center;
background: #fff;
}
.footer{
z-index: 99999;
display: inline-block;
}
.phoneDiv{
margin-top: 20px;
}
.formInputSubmitHolder button{
margin-top: 30px;
margin-left: 0px;
}
.qualityDivDescription{
padding: 0px 20px;
}
.qualityDiv{
padding: 0px 20px;
}
.earlyAccessOutput{
margin: 0 auto;
margin-top: 20px;
}
.earlyAccessFormHolder{
padding: 0px 20px;
}
.institutionPendingActivationHolder{
width: 100%;
}
.institutionPendingActivationHolder{
width: 100%;
}
.institutionPendingActivationHolderRight{
width: 100%;
}
.institutionPendingActivationHolderLeft{
width: 100%;  
}
.institutionPendingActivationHolderLeftTitle{
margin-top: 10px;  
}
.institutionPendingActivationHolder{
margin-top: 0px;  
}
.formRow {
width: 90%;
}
.formButtonWidth{
width: 100%;
}
.loginContainer {
width: 90%;
}
.roleSelectorMainContainer{
width: 90%;
}
.leftSideBarContainer{
width: 0px;
opacity: 0;
}
.breadCrumbHeader, .actualAfterLoginMainContainer{
width:100%;
margin-left: 0px;
}
.actualContentContainerFormHolder{
width: 95%;
}
.formRow50{
width: 100%;
}
.mobileHamburger i{
margin-left: 10px;
}
.formRowFullNew{
width: 100%;
}
.marginForButtonFromRightInFormBlock button{
margin-right: 15px;
}
.dhondiAppTableHolder{
width: 95%;
}
.notificationHolderOnHome{
width: 90%;
}
.mainCenterHolder{
width: 90%;
}
.leftSideBlockHolder{
width: 100%;
}
.rightSideBlockHolder{
width: 100%;  
margin-top: 40px;
margin-bottom: 40px;
}
.paymentMethodsLeftTabs {
width: 100%;
background-color: #f6f6f7;
padding-left: 0px;
padding-top: 5px;
padding-bottom: 5px;
display: flex;
flex-wrap: wrap;
}
.leftSideBlockHolderPaymentsHolderRight{
width: 100%;
}
.paymentOrdersBlockItem{
width: 90%;
}
.paymentOrdersBlock{
justify-content: center;
}
.leftViewBlock, .rightViewBlock{
width: 90%;
margin-bottom: 20px;
}
.logoHolderImage img{
height: 40px;
margin-top: 6px;
}
.logoHolderImage{
display: inline-block;
vertical-align: top;
margin-left: 5px;
}
.mobileHamburger{
margin-top: -4px;
}
.logoHolderText{
letter-spacing: 0px;
margin-top: 7px;
margin-left: 6px;
}
.logoHolderTextOne{
position: absolute;
left: 86px;
top: 18px;
font-size: 14px;
}
.breadCrumbHeader{
position: relative;
z-index: 0;
padding: 10px 0px;
}
.actualContentContainer{
margin-left: 0px; 
margin-top: 0px;
}
.pageTitle{
margin-left: 10px;  
}
.leftBlockOne {
width: auto;
}
.breadCrumbTitleItem{
white-space: inherit;
}
.actualAfterLoginMainContainer{
margin-top: 60px; 
}
.pageTitle{
font-size: 20px;
}
.rightMenuItem{
font-size: 13px;
}
.breadCrumbHeaderHolder{
font-size: 13px;
}
.creditCardCompany {
right: 28px;
position: absolute;
top: -20px;
}
.thisPageMenuBlocks{
margin-left: 10px;  
}
.table-top{
display: block;
}
}

@media (min-width:481px) and (max-width: 640px){ 
body {
font-size: 14px;
}
.mainContainer{
margin:0;
}
.firstDivLeft {
width: 100%;
text-align: center;
padding: 35px 0px;
background: #fff;
}
.qualityDiv{
margin-top: 5px;
}
.firstDiv{
width: 100%;
}
.firstDivRight {
width: 100%;
text-align: center;
background: #fff;
}
.footer{
z-index: 99999;
display: inline-block;
}
.phoneDiv{
margin-top: 20px;
}
.formInputSubmitHolder button{
margin-top: 30px;
margin-left: 0px;
}
.qualityDivDescription{
padding: 0px 20px;
}
.qualityDiv{
padding: 0px 20px;
}
.earlyAccessOutput{
margin: 0 auto;
margin-top: 20px;
}
.earlyAccessFormHolder{
padding: 0px 20px;
}
.institutionPendingActivationHolder{
width: 100%;
}
.institutionPendingActivationHolder{
width: 100%;
}
.institutionPendingActivationHolderRight{
width: 100%;
}
.institutionPendingActivationHolderLeft{
width: 100%;  
}
.institutionPendingActivationHolderLeftTitle{
margin-top: 10px;  
}
.institutionPendingActivationHolder{
margin-top: 0px;  
}
.formHolder,.formHolderModal{
width: 90%;
}
.leftSideBarContainer{
width: 0px;
opacity: 0;
}
.breadCrumbHeader, .actualAfterLoginMainContainer{
width:100%;
margin-left: 0px;
}
.actualContentContainerFormHolder{
width: 95%;
}
.formRow50{
width: 100%;
}
.mobileHamburger i{
margin-left: 10px;
}
.formRowFullNew{
width: 100%;
}
.marginForButtonFromRightInFormBlock button{
margin-right: -15px;
}
.dhondiAppTableHolder{
width: 95%;
}
.notificationHolderOnHome{
width: 90%;
}
.mainCenterHolder{
width: 90%;
}
.leftSideBlockHolder{
width: 100%;
}
.rightSideBlockHolder{
width: 100%;  
margin-top: 40px;
margin-bottom: 40px;
}
.paymentMethodsLeftTabs {
width: 100%;
background-color: #f6f6f7;
padding-left: 0px;
padding-top: 5px;
padding-bottom: 5px;
display: flex;
flex-wrap: wrap;
}
.leftSideBlockHolderPaymentsHolderRight{
width: 100%;
}
.paymentOrdersBlock{
justify-content: center;
}
.leftViewBlock, .rightViewBlock{
width: 90%;
margin-bottom: 20px;
}
.logoHolderImage img{
height: 40px;
margin-top: 6px;
}
.logoHolderImage{
display: inline-block;
vertical-align: top;
margin-left: 5px;
}
.mobileHamburger{
margin-top: -4px;
}
.logoHolderText{
letter-spacing: 0px;
margin-top: 7px;
margin-left: 6px;
}
.logoHolderTextOne{
position: absolute;
left: 86px;
top: 18px;
font-size: 14px;
}
.breadCrumbHeader{
position: relative;
z-index: 0;
padding: 10px 0px;
}
.actualContentContainer{
margin-left: 0px; 
margin-top: 0px;
}
.pageTitle{
margin-left: 10px;  
}
.leftBlockOne {
width: auto;
}
.breadCrumbTitleItem{
white-space: inherit;
}
.actualAfterLoginMainContainer{
margin-top: 60px; 
}
.pageTitle{
font-size: 20px;
}
.rightMenuItem{
font-size: 13px;
}
.breadCrumbHeaderHolder{
font-size: 13px;
}
.thisPageMenuBlocks{
margin-left: 10px;  
}
.table-top {
display: block;
}
}

@media (min-width:641px) and (max-width: 960px) { 
.mainContainer{
margin:0;
}
.firstDivLeft {
width: 100%;
text-align: center;
padding: 35px 0px;
background: #fff;
}
.qualityDiv{
margin-top: 5px;
}
.firstDiv{
width: 100%;
}
.firstDivRight {
width: 100%;
text-align: center;
background: #fff;
}
.footer{
z-index: 99999;
display: inline-block;
}
.phoneDiv{
margin-top: 20px;
}
.qualityDivDescription{
padding: 0px 20px;
}
.qualityDiv{
padding: 0px 20px;
}
.earlyAccessOutput{
margin: 0 auto;
margin-top: 20px;
}
.earlyAccessFormHolder{
padding: 0px 20px;
}
.institutionPendingActivationHolder{
width: 100%;
}
.institutionPendingActivationHolderRight{
width: 100%;
}
.institutionPendingActivationHolderLeft{
width: 100%;  
}
.institutionPendingActivationHolderLeftTitle{
margin-top: 10px;  
}
.institutionPendingActivationHolder{
margin-top: 0px;  
}
.formHolder,.formHolderModal{
width: 90%;
}
.formRow50{
width: 100%;
}
.formRowFullNew{
width: 100%;
}
.marginForButtonFromRightInFormBlock button{
margin-right: -25px;
}
.mainCenterHolder{
width: 90%;
}
.leftSideBlockHolder{
width: 100%;
}
.rightSideBlockHolder{
width: 100%;  
margin-top: 40px;
margin-bottom: 40px;
}
.paymentOrdersBlock{
justify-content: center;
}
.leftViewBlock, .rightViewBlock{
width: 90%;
margin-bottom: 20px;
}

.mobileHamburger{
margin-top: -4px;
}
.logoHolderText{
letter-spacing: 0px;
margin-top: 4px;
margin-left: 22px;
}
.logoHolderTextOne{
position: absolute;
left: 81px;
top: 14px;
font-size: 14px;
}
.breadCrumbHeader{
position: relative;
z-index: 0;
padding: 10px 0px;
}
.actualContentContainer{
margin-left: 0px; 
margin-top: 0px;
}
.pageTitle{
margin-left: 10px;  
}
.leftBlockOne {
width: auto;
}
.breadCrumbTitleItem{
white-space: inherit;
}
.actualAfterLoginMainContainer{
margin-top: 60px; 
}
.pageTitle{
font-size: 20px;
}
.rightMenuItem{
font-size: 13px;
}
.breadCrumbHeaderHolder{
font-size: 13px;
}
.table-top{
display: block;
}
.thisPageMenuBlockItem{
margin-left: 10px;
}
}

@media (min-width:961px)  and (max-width: 1024px){ 
.mainCenterHolder{
width: 961px;
}
.leftViewBlock, .rightViewBlock{
width: 90%;
margin-bottom: 20px;
}
}

@media (min-width:1025px) and (max-width: 1281px){ 
.leftViewBlock, .rightViewBlock{
width: 90%;
margin-bottom: 20px;
}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

}