@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;
}
.gamaMainAjaxResultTop{
width: 100%;
min-height: 30px;
background: #88002e;
position: fixed;
top: 0;
right: 0;
z-index: 9999999;
border-bottom: 1px solid #88002e;
padding: 5px 10px;
font-size: 16px;
line-height: 32px;
font-family: 'MontMedium';
display: none;
margin-left: 20px;
text-align: center;
color: #fff;
}
.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;
z-index: 999;
}
.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: 999999999;
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; 
background: #f6f6f7;
}
.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;
vertical-align: top;
}
.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;
}
.formRow25{
width: 24%;
display: inline-block;
position: relative;
margin-bottom: 45px;
vertical-align: top;
}
.formRow25 label{
position: absolute;
margin-top: -20px;
color: #6d757d;
font-family: 'ArchiaSemiBold';
}
.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;
position: relative;
}
.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 !important;
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 !important;
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 !important;
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;
text-align: left;
}
.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: 650px;
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;
text-align: left;
}
.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;
}
.selectYearHolderOnly {
margin-top: 10px;
}
.selectYearHolderOnly 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;
}
.selectYearHolderOnlyOne{
margin-top: 10px;
display: inline-block; 
}
.selectYearHolderOnlyOne select {
height: 31px;
max-width: 200px;
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;
cursor: pointer;
}
.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: 7px;
height: 5px;
transition: 0.1s ease-in-out;
cursor: pointer !important;
}
::-webkit-scrollbar:hover {
cursor: pointer !important;
width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px grey; 
border-radius: 10px;
cursor: pointer !important;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #003278; 
border-radius: 10px;
cursor: pointer !important;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #003278; 
cursor: pointer !important;
}
.attendanceCalendarMonths{
display: flex;
justify-content: space-between;
}
.attendanceCalendarYears{
display: flex;
justify-content: space-between;
margin-bottom: 10px;
font-size: 14px;
}
.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;
border-radius: 73px;
height: 100px;
object-fit: cover;
}
.studentDetailsHolder{
width: calc(100% - 100px);
display: inline-block;
margin-left: 20px;
position: relative;
}
.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: 15px;
}
#calendar{
width: 90%;
margin: 0 auto;
}
.fc-day-sun { 
color:#000000;  
border-color: rgb(0, 0, 0);  
background-color: #fdebe6; 
}
.fc-button{
background-color: #003278 !important;
border: none !important;
}
.fc-button:hover{
background-color: #001d46 !important;
}
.fc .fc-button-group {
border: none !important;
}
.fc-day-today {
background-color: #f6f6f7 !important;
}
.fc-h-event, .fc-v-event{
background-color: rgba(0,123,255,.12549019607843137) !important;
color: #003278 !important;
border: none !important;
padding: 3px !important;
}
.fc-event-time,.fc-event-title-container{
color: #003278 !important;
font-weight: 600 !important;
} 
.fc .fc-list-event-dot {
border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #003278) !important;
}
.fc-theme-standard .fc-list-day-cushion {
background-color:#f6f6f7 !important;
}
.fc-event-main{
font-size: 13px !important;
}
.fc-daygrid-event{
font-size: 12px !important;
}
.fc-list-event{
font-size: 13px !important;
}
.fc-col-header-cell-cushion  {
font-size: 14px !important;
font-weight: 600 !important;
}
.inlineBlock{
display: inline-block;
}
.leftViewBlock80{
width: 80%;
}
.width75{
width: 75px !important;
}
.justifyCenter{
justify-content: center;
}
#ck-button {
margin:20px;
background-color:#EFEFEF;
border-radius:4px;
overflow:auto;
font-size: 15px;
font-weight: 600;
}
#ck-button:hover {
background:rgba(0,123,255,.12549019607843137);
color: #003278;
}
#ck-button label {
width:4.0em;
}
#ck-button label:hover{
cursor: pointer;
}
#ck-button label span {
text-align:center;
padding:5px 0px;
display:block;
margin-top: -20px;
}
#ck-button label input {
position:relative;
top:-20px;
}
#ck-button input:checked + span {
background:#ffe1e7;
color: #e23028;
font-size: 15px;
margin-top: -20px;
}
.leftBlockOneContentBlockHeader{
margin-top: 15px;
font-size: 15px;
font-weight: 600;
color: #1c2d8a;
}
.leftBlockOneContentBlockContent{
margin-top: 10px;
margin-bottom: 10px;
}
.leftBlockOneContentBlockContentItem{
display: inline-block;
background: #fff;
padding: 5px 10px;
font-size: 14px;
margin: 5px;
}
textarea {
resize: none;
overflow-y: auto;
max-height: 100px;
}
.profileHolderCover{
width: 100%;
height: 200px;
background-color: #e9edff;
border-radius: 3px;
text-align: center;
}
.profileHolderCoverWelcome{
font-size: 25px;
margin-top: 20px;
display: inline-block;
color: #4a4a4a;
}
.profileHolderCoverProfilePicHolder img{
width: 150px;
border-radius: 99px;
margin-top: 40px;
height: 150px;
object-fit: cover;
}
.actualContentContainerProfile{
margin-top:0px !important;
margin-left:0px !important;
}
.actualAfterLoginMainContainerProfile{
margin-top: 79px !important;
}
.pageTitleProfile{
margin-top: 53px !important;
text-align: center;
color: #1d2e8a;
}
.smallProfileHtno{
font-size: 18px;
color: #4e4e4e;
}
.textCenter{
text-align: center !important;
}
.documentVerifyMainContainer{
width: 100%;
margin: 0 auto;
text-align: center;
margin-top: 40px;
}
.documentVerifyMainContainerInstitutionName{
font-size: 18px;
margin-top: 10px;
font-weight: 600;
}
.documentVerifyMainContainerDocumentVerification{
font-size: 15px;
font-weight: 600;
}
.documentVerifyMainContainerDocumentVerificationValidMark{
font-size: 20px;
font-weight: 600; 
margin-top: 50px;
}
.documentVerifyMainContainerDocumentVerificationContent{
padding: 20px;
}
.blockHolderTitle{
font-size: 16px;
}
.marginBottom0{
margin-bottom: 0;
}
.mainFormHolderForNewQuestionPost{
width: 95%;
margin: 0 auto;
min-height: 300px;
margin-top: 50px;
}
.mainFormHolderForNewQuestionPostLeft{
width: 75%;
display: inline-block;
min-height: 300px;
float: left;
}
.mainFormHolderForNewQuestionPostRight{
width: 20%;
display: inline-block;
min-height: 300px;
float: right;
}
.textAreaBigInput{
height: 70px;
}
.marginBottom10Block{
margin-bottom:10px !important;
display: block;
}
.width99Per{
width: 99.5%;
}
.formRowFull label{
position: absolute;
margin-top: -20px;
color: #6d757d;
font-family: 'ArchiaSemiBold';
}
.marginForButtonForRightInFormBlock{
margin-right: 32px !important;
}
.mainFormHolderForNewQuestionPostLeftLeft{
width: 40%;
display: inline-block;
min-height: 300px;
float: left;
}
.mainFormHolderForNewQuestionPostRightRight{
width: 50%;
display: inline-block;
min-height: 300px;
float: right;
}
.cbtQuestionsBlock{
font-size: 18px;
color: rgb(73, 73, 73);
font-weight: 600;
}
.cbtQuestionsBlockDescription{
font-size: 18px;
color: rgb(73, 73, 73);
font-weight: 600;
margin-top: 30px;
}
.formToAddOption{
margin-top: 60px;
}
.displayContents{
display: contents;
}
.questionItem{
padding: 10px;
border-bottom: 1px solid #ddd;
margin-top: 10px;
}
.questionItemTitle{
font-size: 14px;
margin-bottom: 10px;
}
.questionItemDetails{
background:rgb(125 125 125 / 13%);
padding: 2px 5px;
color: #003278;
border-radius: 5px;
}
.questionItemAction{
margin-top: 10px;
text-align: right;
}
.totalPercentageAttendanceHolder{
padding: 10px;
text-align: center;
font-size: 18px;
}
.attendanceTableHolderStudent{
margin-top: 50px;
}
.absentSubjectBranchHolderTitle{
text-align: center;
padding: 5px;
font-size: 16px;
}
.absentSubjectBranchHolderRollNumbers{
display: inline-block;
padding: 15px;
font-size: 15px;
color: #505050;
}
.absentSubjectBranchHolder{
text-align: center;
}
.wrapper{
display: flex;
justify-content: center;
width: 100%;
padding-top: 10px; 
}
.wrapper .option {
background: #f6f6f7;
display: flex;
align-items: center;
justify-content: space-evenly;
margin: 0 10px;
border-radius: 2px;
cursor: pointer;
padding: 0 10px;
transition: all 0.3s ease;
padding: 3px;
font-size: 10px;
}
.wrapper .option .dot {
height: 20px;
width: 20px;
background: #d9d9d9;
border-radius: 50%;
position: relative;
}
.wrapper .option .dot::before {
position: absolute;
content: "";
top: 4px;
left: 4px;
width: 12px;
height: 12px;
background: #c8c7c7;
color: #4a4a4a;
border-radius: 50%;
opacity: 0;
transform: scale(1.5);
transition: all 0.3s ease;
}
input[type="radio"] {
display: none;
}
#option-1:checked:checked ~ .option-1,
#option-2:checked:checked ~ .option-2,
#option-3:checked:checked ~ .option-3,
#option-4:checked:checked ~ .option-4,
#option-5:checked:checked ~ .option-5,
#option-6:checked:checked ~ .option-6  {
border-color: #c8c7c7;
background: #c8c7c7;
color: #4a4a4a;
font-size: 14px;
}
#option-1:checked:checked ~ .option-1 .dot,
#option-2:checked:checked ~ .option-2 .dot,
#option-3:checked:checked ~ .option-3 .dot,
#option-4:checked:checked ~ .option-4 .dot,
#option-5:checked:checked ~ .option-5 .dot,
#option-6:checked:checked ~ .option-6 .dot {
background: #fff;
}
#option-1:checked:checked ~ .option-1 .dot::before,
#option-2:checked:checked ~ .option-2 .dot::before,
#option-3:checked:checked ~ .option-3 .dot::before,
#option-4:checked:checked ~ .option-4 .dot::before,
#option-5:checked:checked ~ .option-5 .dot::before,
#option-6:checked:checked ~ .option-6 .dot::before {
opacity: 1;
transform: scale(1);
}
.wrapper .option span {
font-size: 20px;
color: #808080;
font-size: 14px;
padding: 2px 6px;
}
#option-1:checked:checked ~ .option-1 span,
#option-2:checked:checked ~ .option-2 span,
#option-3:checked:checked ~ .option-3 span,
#option-4:checked:checked ~ .option-4 span,
#option-5:checked:checked ~ .option-5 span,
#option-6:checked:checked ~ .option-6 span {
color: #1f1f1f;
}
.blocksForLeaveHolder{
width: 92%;
display: flex;
justify-content: center;
}
.blocksForLeaveHolderBlock{
width: 100px;
background: #f6f6f7;
text-align: center;
padding: 10px;
border-radius: 2px;
margin: 7px;
}
.blocksForLeaveHolderBlockTitle{
font-size: 22px;
}
.blocksForLeaveHolderBlockNumber{
font-size: 30px;
font-weight: 600;
}
.qty .count {
color: #000;
display: inline-block;
vertical-align: top;
font-size: 22px;
font-weight: 700;
line-height: 30px;
padding: 0 2px
;min-width: 35px;
text-align: center;
width: 43px;
}
.qty .plus {
cursor: pointer;
display: inline-block;
vertical-align: top;
color: #797979;
width: 30px;
height: 30px;
font-size: 22px;
text-align: center;
border-radius: 50%;
}
.qty .minus {
cursor: pointer;
display: inline-block;
vertical-align: top;
color: #797979;
width: 30px;
height: 30px;
text-align: center;
font-size: 22px;
border-radius: 50%;
background-clip: padding-box;
}
.minus:hover{
background-color: #bfbfbf !important;

}
.plus:hover{
background-color: #bfbfbf !important;

}
/*Prevent text selection*/
.willSpan{
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.count{  
border: 0;
width: 2%;
outline: none;
}
.count::-webkit-outer-spin-button,
.count::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.count:disabled{
background-color:white;
}
.leaveBlockHolder{
background: #f6f6f7;
width: 450px;
margin: 0 auto;
display: inline-block;
padding: 10px;
border-radius: 2px;
margin-bottom: 25px;
margin-left: 10px;
margin-right: 10px;
vertical-align: top;
}
.leaveBlockHolderTitle{
font-size: 15px;
font-weight: 600;
color: #555;
}
.leaveBlockMoreDetails{
display: flex;
justify-content: space-between;
}
.leaveBlockMoreDetailsLeft{
text-align: left;
font-size: 13px;
}
.leaveBlockMoreDetailsRight{
text-align: right;
font-size: 13px;
}
.leaveBlockMoreDetailsLeftItem{
margin: 5px;
}
.smallFontLeaveBlockTitle{
margin-top:10px;
font-size: 13px;
}
.mainCenterPaymentRequestMessage{
margin-top: 100px;
text-align: center;
padding: 20px;
font-size: 24px;
}
.mainCenterPaymentRequestMessageLink{
margin-top: 30px;
}
.mainCenterPaymentRequestMessageLink a{
text-decoration: none;
color: #1c2d8a;
font-weight: 600;
font-size: 20px;
}
.bookletListHolder{
display: block;
}
.bookletListItem{
display: inline-block;
margin: 10px;
border: 1px solid #dedee2;
padding: 3px 10px;
font-size: 13px;
background: #f6f6f7;
border-radius: 2px;
}
.bookletListItem:hover{
background: #b5c0fa !important;
color: rgb(56, 56, 56);
}
.activeItemForCodeList{
background: #1d2e8a !important;
color: #fff;
}
.completedItemForCodeList{
background: #3a6c00;
color: #fff;
}
.bookletListHolder a{
text-decoration: none;
color: #1b1a1a;
}
#canvas_container {
width: 800px;
height: 1130px;
overflow: auto;
}
#canvas_container {
background: #333;
text-align: center;
border: solid 3px;
position: relative;
}
#pdf_renderer{
position: relative;
}
.codeLoader{
position: absolute;
z-index: 0;
right: 0;
left: 0;
}
.codeLoadingText{
width: 400px;
display: block;
font-size: 18px;
color: #fff;
margin: 0 auto;
}
.stickyScriptButtons{
position: fixed;
bottom: 10px;
z-index: 999999999;
width: 800px;
}
.bookletEvaluationSectionBooklet{
display: inline-block;
}
#navigation_controls{
text-align: center;
margin-top: 5px;
}
.bookletEvaluationSectionMarksAssignment{
display: inline-block;
vertical-align: top;
position: fixed;
z-index: 99999999;
background: #fff;
transition: all 0.5s ease-out;
}
.tableHolderQScript{
width: 95%;
position: relative;
display: flex;
margin-left: 10px;
height: 200px;
overflow: auto;
}
.evaluationSectionDisplay{
text-align: center;
font-size: 15px;
margin: 5px;
}
.bookletEvaluationSectionMarksInfo{
display: block;
width: 100%;
text-align: center;
}
.bookletEvaluationSectionMarksInfoTop{
display: none;
width: 100%;
margin: 0 auto;
background: #f6f6f7;
position: fixed;
top: 79px;
z-index: 9;
height: 67px;
}
.totalMarksMidDisplay{
width: 200px;
text-align: center;
background: #f6f6f7;
padding: 10px;
font-size: 25px;
margin: 0 auto;
margin-bottom: 20px;
display: inline-block;
}
.startEvaluationButtonHolder{
width: 200px;
height: 400px;
text-align: center;
vertical-align: middle;
}
.startEvaluationButtonHolder a{
width: 221px;
vertical-align: middle;
margin-top: 7px;
display: block;
font-size: 20px;
cursor: pointer;
color: #1d2e8a;
border: 1px solid #1d2e8a;
padding: 6px;
}
.fontSize14{
font-size: 14px;
}
.totalMarksMidDisplay a{
text-decoration: none;
color: #0045a5;
}
.sectionDivForForm{
position: relative;
font-size: 15px;
margin-bottom: 10px;
font-weight: 600;
color: #1d2e8a;
}
.sectionDivForForm section{
border-bottom: 1px solid #a8a8a8;
}
.sectionFormBlock{
position: relative;
margin-bottom: 10px;
margin-top: 30px;
}
.formRow50Mandate{
width: 48%;
display: inline-block;
position: relative;
margin-bottom: 9px;
vertical-align: top;
margin-top: 10px;
}
.actualContentContainerFormHolderFormMandate{
margin-top: 27px;
position: relative;
}
.formRowFullMandate {
width: 101.5%;
margin: 0 auto;
margin-bottom: 19px;
margin-top: 10px;
position: relative;
text-align: left;
vertical-align: top;
}
.fontSize13{
font-size: 14px;
}
.fontSize11{
font-size: 11px;
}
.blocksForLeaveHolderBlockList{
margin: 0px;
padding: 0px;
}
.blockHolderForStaffSearchLeaves{
width:600px;
margin: 0 auto;
}
.paddingRight267{
padding: 0px 267px 0px 31px !important;
}
.marginLeft262Minus{
margin-left: -262px;
width: 274px;
margin-top: 12px;
border-left: 1px solid #a7a7a7;
}
.width288{
width: 288px !important;
}
.width95Per{
width: 95% !important;
}
.mainProfileContainer{
width: 1222px;
display: flex;
margin: 0 auto;
flex-wrap: wrap;
}
.mainProfileContainerBlock{
width: 400px;
min-height: 100px;
background-color: #f6f6f7;
border-radius: 2px;
margin-bottom: 20px;
}
.mainProfileContainerBlockTitle{
padding: 10px;
font-size: 16px;
font-weight: 600;
font-variant: small-caps;
}
.mainProfileContainerBlockContent{
padding: 0px 10px;
display: grid;
overflow: auto;
}
.mainProfileContainerBlockContentItemTitle{
font-size: 12px;
font-variant-caps: small-caps;
font-weight: 600;
color: #373737;
}
.mainProfileContainerBlockContentItemContent{
font-size: 14px;
padding-top: 2px;
}
.mainProfileContainerBlockContentItem{
margin-bottom: 10px;
}
.termSelectorOnViewProfile{
width: 250px;
}
.profileTermHolderLabel{
display: block;
font-size: 16px;
margin-top: 12px;
}
.mainProfileContainerBlockRight{
width: 800px;
min-height: 100px;
background-color: #f6f6f7;
border-radius: 2px;
margin-bottom: 20px;
margin-left: 20px;
}
.mainProfileContainerBlockContent th{
background-color: #e9e9e9;
color: #212121;
}
.mainProfileContainerBlockContent tbody{
text-align: center;
}
.mainProfileContainerBlockContent td{
padding: 5px;
}
.mainProfileContainerTableContent{
font-size: 12px;
width: 100%;
}
.fromAndToDate{
width: 100px !important;
}
.changeRoleIcon i{
font-size:15px;
}
.changeRoleIcon{
margin-left: 4px;
cursor: pointer;
}
.bookletEvaluationSectionMarksAssignmentStudent{
height: 300px;
overflow: auto;
}
.upcomingScheduleButtonHolder,.expiredScheduleButtonHolder,.completedScheduleButtonHolder{
display: inline;
float: left;
margin-bottom: 5px;
cursor: pointer;
}
#deleteButtonHolder,#deleteButtonHolderExp,#deleteButtonHolderComp,#deEnrollmentButton,#enrollmentButtonHolder{
display: none;
float: right;
}
.buttonForAction{
border: none;
padding: 4px 20px;
border-radius: 2px;
background: #003278;
color: #fff;
cursor: pointer;
display: block;
margin: 12px 0px;
float: right;
}
.buttonForAction:hover{
background: #0144a2;
}
.anotherMainViewBlock{
display: block !important;
width: auto !important;
padding: 0px 14px !important;
}
.greyBackGroundButton{
background:#d4d4d4;
padding: 2px 5px;
color: #2d2727 !important;
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;
}
.greyBackGroundButton:hover{
background:#b1b1b1;
}
ul.accordion {
list-style: none;
padding: 0;
}

ul.accordion li {
margin-bottom: 10px;
}

button.accordion-button {
background-color: #333;
color: #fff;
border: none;
cursor: pointer;
padding: 10px;
width: 100%;
text-align: left;
}

div.accordion-content {
display: none;
padding: 10px;
background-color: #f4f4f4;
}
.vertical-line {
width: 1px;
height: 18px; /* Adjust the height as needed */
background-color: #333; /* Line color */
margin: 0 10px; /* Adjust the margin to control the spacing between spans and the line */
}
.acc_head h3{
display: flex;
flex-wrap: wrap;
}
.blueFontAccordionMain{
color: #001d46;
font-size: 13px;
margin-top:2px;
}
.greenFontAccordionMain{
color: #16762c;
font-size: 13px;
margin-top:2px;
}
.redFontAccordionMain{
color: #ff083b;
font-size: 13px;
margin-top:2px;
}
.blueFontAccordionSub{
color: #001d46;
font-size: 12px;
margin-top:1px;
}
.greenFontAccordionSub{
color: #16762c;
font-size: 12px;
margin-top:1px;
}
.redFontAccordionSub{
color: #ff083b;
font-size: 12px;
margin-top:1px;
}
.subAccordion{
display: flex !important;
flex-wrap: wrap;
}
.vertical-line-sub {
width: 1px;
height: 15px; /* Adjust the height as needed */
background-color: #333; /* Line color */
margin: 0 10px; /* Adjust the margin to control the spacing between spans and the line */
}
.subAccordionHeading{
font-size:13px;
font-weight: bold;
}
.bookItemHolder{
width: 440px;
height: 200px;
background: #f6f6f7c2;
border: 1px solid #dadae0;
border-radius: 3px;
padding: 6px 10px;
margin-bottom: 15px;
margin-left: 5px;
margin-right: 5px;
}
.libraryBooksHolder{
padding:10px;
}
.bookItemHolderRight{
display: inline-block;
float: left;
width: calc(430px - 170px);
padding: 16px 23px;
}
.bookItemHolderLeft{
display: inline-block;
float: left;
}
.bookItemHolderRightTitle{
font-size: 16px;
font-weight: 600;
}
.libraryBooksHolder{
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.bookItemHolderRightSubs{
margin-top: 6px;
}
.bookItemHolderRightButton{
margin-top: 16px; 
}
.bookItemHolderLeft img{
width:125px;
height:200px;
}
#load-more{
display: block;
width: 100%;
text-align: center; 
}
#homePageFeedLoad{
text-align: center;
display: inline;
}
#homePageFeedLoad a{
background: #f8f8f9;
padding: 5px 15px;
border-radius: 2px;
cursor: pointer;
}
.bookItemHolderMain{
width: 80% !important;
margin: 0 auto;
border: none;
padding-top:50px;
padding-bottom:50px;
height: auto;
}
.bookItemHolderLeftMain{

}
.bookItemHolderRightMain{
width: calc(90% - 170px) !important;
padding-top: 0px;
}
.marginTop30{
margin-top:30px;
}
.returnDateBadge{
display: inline-block;
border: 1px solid #969696;
padding: 5px;
position: absolute;
right: 20px;
margin-top: 26px;
text-align: center;
border-radius: 5px;
}
.returnDateBadgeDate{
font-size: 32px;
font-weight: 600;
}
.returnDateBadgeMonth{
font-size: 20px;
text-transform: uppercase;
}
.returnDateBadgeYear{
font-size: 18px;
}
.returnDateBadgeTitle{

}
.feedbackCampaignSectionTitle{
font-size:18px;
color: #68788f;
text-align: left;
}
.feedbackCampaignSectionQuestionHolder{
font-size:16px;
color: #001d46;
text-align: left; 
}
.feedbackCampaignSectionQuestionAndOptionHolder{
margin-bottom:20px;
padding-left: 10px;
padding-top: 10px;
}
.feedbackCampaignSectionOptionsHolder{
text-align: left;
}
.feedbackCampaignSectionOption{
margin-top:10px;
margin-bottom:10px;
}
.feedbackCampaignSectionOption label{
margin-top: 1px;
display: inline-block;
position: absolute;
margin-left: 9px;
font-size: 14px;
cursor: pointer;
}
.positionRelative{
    position:relative !important;
}
.notLabeledAnswersFeedback{
margin-left: 9px;
font-size: 14px;
margin-top: 1px;
}
.marginTop20{
margin-top: 20px;
}
.statsBoxNew {
width: 21% !important;
min-height: 100px;
background-color: #f6f6f7;
margin-bottom: 15px;
}
.feedMainContainer{
background: #ffffff;
width: 700px;
min-height: 200px;
margin: 0 auto;
}
.feedPosterMainContainer{
background: #f6f6f7;
width: 100%;
min-height: 200px;
border-radius: 5px;
}
.feedPosterMainContainerTextHolder{
margin: 20px 20px 0px 20px;
padding: 20px 20px 7px 20px;
display: flex;
}
.feedPosterMainContainerTextProfilePicHolder img{
width: 60px;
border-radius: 6px;
}
.feedPosterMainContainerTextAreaHolder{
margin-left: 20px;
width: 100%;
height: auto;
overflow: visible;

}
.feedPosterMainContainerTextAreaHolder textarea{
width: 100%;
border: none;
outline: none;
font-size: 16px;
padding: 7px 10px;
resize: none;
overflow-y: hidden;
display: block;
max-height: fit-content !important;
box-sizing: border-box;
min-height: 70px;
}
.feedPosterMainContainerTextAreaHolder textarea::placeholder{
color: #b1b1b1;
}
.feedPosterMainContainerIconsHolder{
display: flex;
justify-content:flex-end;
flex-wrap: wrap;
padding: 0px 45px;
}
.feedPosterMainContainerAddFileHolderImage img{
width: 27px;
cursor: pointer;
}
.feedPosterMainContainerAddFileHolderText{
font-size: 9px;
display: none;
}
.feedPosterMainContainerAddFileHolderImage{
text-align: center;
}
.feedPosterMainContainerAddFileHolder{
margin: 10px;
}
.feedPosterMainContainerSettingsHolder{
display: flex;
justify-content:space-between;
padding: 10px 45px;
flex-wrap: wrap;
}
.select-modern {
appearance: none; 
-webkit-appearance: none; 
-moz-appearance: none; 
background-color: #ffffff; 
border: none; 
border-radius: 2px; 
padding: 10px 20px; 
font-size: 14px; 
color: #333; 
cursor: pointer; 
margin-right: 20px;
padding-right: 30px;
font-family:'ArchiaRegular';
margin-bottom: 10px;
}
.select-modern:focus {
outline: none; 
}
.select-modern {
background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
background-position: right 15px top 50%, right 10px top 50%; /* Adjust the position of the arrows */
background-size: 5px 5px, 5px 5px; /* Size of the arrows */
background-repeat: no-repeat;
}
.feedPosterMainContainerSelectHolder{
margin-bottom: 10px;
}
.feedPosterMainContainerSelectConfigHolder{
display: flex;
justify-content:flex-start;
flex-wrap: wrap;
}
.feedPosterMainContainerPostButtonHolder button{
width: 100px;
height: 33px;
border-radius: 2px;
background: #1d2e8a;
color: #fff;
font-size: 14px;
cursor: pointer;
outline: none;
border: none;
font-family:'ArchiaRegular'
}
.feedPosterMainContainerPostButtonHolder button:hover{
background: #0d1856;
}
.feedPosterMainContainerAddFileList{
display: flex;
justify-content:space-between;
padding: 10px 45px;
flex-wrap: wrap;
}
.feedPosterMainContainerAddFileList div{
padding: 5px 10px;
background-color: #ffffff;
margin-right: 10px;
margin-bottom: 10px;
}
.feedPostsMainItemsContainer{
margin-top: 30px;
}
.feedPostsMainItemsContainerItem{
width: 100%;
min-height: 100px;
background: #f6f6f7;
margin: 30px 0px;
padding: 20px 40px;
box-sizing: border-box;
border-radius: 3px;
}
.feedPostsMainItemsContainerItemHeaderProfileContainer img{
width: 50px;
border-radius: 5px;
}
.feedPostsMainItemsContainerItemHeaderProfileContainer{
display: flex;
}
.feedPostsMainItemsContainerItemHeaderProfileName{
font-size: 14px;
color: #2a2a2a;
}
.feedPostsMainItemsContainerItemHeaderProfileDetails{
margin-top: 4px;
margin-left: 10px;
}
.feedPostsMainItemsContainerItemHeaderProfilePic{
background: #ffffff;
width: 50px;
height: 50px;
border-radius: 5px;  
}
.feedPostsMainItemsContainerItemHeaderProfileSub{
font-size: 10px;
margin-top: 4px;
color: #505050;
}
.feedPostsMainItemsContainerItemHeader{
position: relative;
border-bottom: 1px solid #dedede;
padding-bottom: 10px;
}
.feedPostsMainItemsContainerItemHeaderTypeTag{
position: absolute;
right: -45px;
padding: 3px 13px;
background: #3c3c3c;
color: #ffffff;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 2px;
font-family: archiamedium;
top: -15px;
}
.feedPostsMainItemsContainerItemBody{
font-size: 18px;
padding: 16px 0px 16px 0px;
line-height: 22px;
overflow-wrap: break-word;

}
.feedPostsMainItemsContainerItemFooter{
border-top: 1px solid #dedede;
}
.feedPostsMainItemsContainerItemImagesHolder {
display: flex;
flex-wrap: wrap;
}
.feedPostsMainItemsContainerItemImagesHolder img {
margin: 5px;
width: calc(33.333% - 10px);
cursor: pointer;
}
.viewer-container{
z-index: 9999999999 !important;  
}
.feedPostsMainItemsContainerItemPDAFHolder{
margin-top: 20px;
}
.viewer-title{
color: #fff !important;
font-size: 16px !important;
}
.feedPostsMainItemsContainerItemDocumentEach{
background: #fff;
padding: 3px 9px;
font-size: 12px;
margin-bottom: 5px;
cursor: pointer;
color: #1d2e8a;
border-radius: 5px;
overflow: hidden;
text-overflow: ellipsis;
}
.plyr__control--overlaid {
background: rgba(0, 0, 0, 0.5);
color: #fff;
}
.feedPostsMainItemsContainerItemPDAFHolder video {
width: 100%;
}
:root {
--plyr-color-main: #1d2e8a; 
}
.thumbnail-preview {
display: none; /* Hide by default */
position: absolute;
bottom: 30px; /* Adjust based on player layout */
height: 100px; /* Adjust to fit your thumbnails */
width: 150px; /* Adjust to fit your thumbnails */
background-size: cover;
pointer-events: none; /* Avoid interfering with seeker interaction */
}
.feedPostsMainItemsContainerItemHeaderActionHolder{
position: absolute;
right: 0px;
top: 18px; 
}
.feedPostsMainItemsContainerItemHeaderActionHolder a{
cursor: pointer;
margin-left: 20px;
}
.newEvaluationMarksEntryHolder{
margin-left: 9px;
}
.newEvaluationMarksEntryItem{
display: block;
margin-bottom: 3px;
}
.newEvaluationMarksEntryItemQNo{
display: inline-block;
padding: 4px 10px;
background: #e5e5e5;
font-size: 15px;
width: 30px;
text-align: center;
font-weight: 600;
}
.newEvaluationMarksEntryItemQType{
display: inline-block;
padding: 4px 10px;
background: #e5e5e5;
font-size: 15px;
width: 20px;
text-align: center;
font-weight: 600;
}
.newEvaluationMarksEntryItemMarks{
display: inline-block;
padding: 2px 10px;
background: #e5e5e5;
font-size: 15px;
width: 60px;
text-align: center;
font-weight: 600;
}
.newEvaluationMarksEntryItemMarks form{
display: inline;
}
.newEvaluationMarksEntryItemMarks input{
width: 27px !important;
border: none;
height: 20px;
margin-top: 1px;
font-size: 15px;
text-align: center;
background: #e5e5e5;
}
.showHostelFeeAmount{
font-size:20px;
}
 /* Small toggle container */
 .mark-toggle {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
}

/* Hide the default checkbox */
.mark-toggle input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider-small {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e23028; /* Red for absentMarking */
    transition: .4s;
    border-radius: 20px;
}

.slider-small:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}

/* Change background when toggled to presentMarking */
input:checked + .slider-small {
    background-color: #4CAF50; /* Green for presentMarking */
}

/* Move the slider when toggled */
input:checked + .slider-small:before {
    transform: translateX(20px);
}

/* Styling for the text */
.mark-status {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    font-family: Arial, sans-serif;
    font-size: 14px;
}
.feedTargetHolder{
padding-bottom:10px;
padding-left: 45px;
padding-right: 45px;
}
#studentTargetHolder, #staffTargetHolder {
display:none;
}
.redPrompt{
    margin: 0;
    text-align: center;
    background: #E91E63;
    color: #fff;
    position: fixed;
    width: 100%;
    font-weight: 600;
    font-size: 13px;
    height: 50px;
    line-height: 50px;
    z-index: 99;
    bottom: 0;
    z-index: 99999;
}
@keyframes jellyMove {
    0%, 100% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 0.8);
    }
}
.presentAbsentToggleHolder{
    margin-top:10px;
}

/* calendar Schedule new */

.day-section {
    background: #fff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.day-header {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 12px;
    color: #444;
}

.session-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 10px;
    align-items: center;
}

.session-row input,
.session-row select {
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}

.session-row select {
    min-width: 150px;
}

.session-row button {
    padding: 6px 10px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

.save-btn {
    background: #28a745;
    color: white;
}

.delete-btn {
    background: #f44336;
    color: white;
}

.add-session {
    background: #003278;
    color: white;
    padding: 6px 12px;
    font-size: 14px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 6px;
}

.locked input,
.locked select {
    background: #e9ecef;
    pointer-events: none;
    opacity: 0.7;
}
.calendar-wrapper {
display: flex;
flex-direction: column;
align-items: center;     /* 🎯 center-aligns all children */
gap: 24px;
width:100%;
}

#schedule-container {
width: 100%;
}


@-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; 
}
.actualAfterLoginMainContainerProfile {
margin-top: 47px !important;
}
.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;
}
.leaveBlockHolder{
width:95%;
}
.blockHolderForStaffSearchLeaves{
width:90%;
margin: 0 auto;
}
.width288{
width: 327% !important;
}
.bookItemHolder {
display: flex !important;
width: 90% !important;
}
.bookItemHolderRightSubs img{
width:90% !important;
}
.feedMainContainer{
width: 90%;
}
}

@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;
}
.actualAfterLoginMainContainerProfile {
margin-top: 47px !important;
}
.leaveBlockHolder{
width:95%;
}
.blockHolderForStaffSearchLeaves{
width:90%;
margin: 0 auto;
}

.width288{
width: 327% !important;
}
.mainProfileContainer{
width: 90%;
justify-content: space-around;
}
.mainProfileContainerBlock{
width: 100%;
}
.mainProfileContainerBlockRight{
width: 100%;
margin-left: 0px;
}
.mainProfileContainerLeft{
width: 90%;
}
.mainProfileContainerRight{
width: 90%;
}
.bookItemHolder {
display: flex !important;
width: 90% !important;
}
.bookItemHolderRightSubs img{
width:90% !important;
}
.feedMainContainer{
width: 90%;
}
}

@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;
}
.actualAfterLoginMainContainerProfile {
margin-top: 47px !important;
}
.blockHolderForStaffSearchLeaves{
width:90%;
margin: 0 auto;
}
.width288{
width: 327% !important;
}
.mainProfileContainer{
width: 90%;
justify-content: space-around;
}
.mainProfileContainerBlock{
width: 100%;
}
.mainProfileContainerBlockRight{
width: 100%;
margin-left: 0px;
}
.mainProfileContainerLeft{
width: 90%;
}
.mainProfileContainerRight{
width: 90%;
}
.bookItemHolder {
display: flex !important;
width: 90% !important;
}
.bookItemHolderRightSubs img{
width:90% !important;
}
.feedMainContainer{
width: 90%;
}
}

@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;
}
.actualAfterLoginMainContainerProfile {
margin-top: 47px !important;
}
.mainProfileContainer{
width: 90%;
justify-content: space-around;
}
.mainProfileContainerBlock{
width: 100%;
}
.mainProfileContainerBlockRight{
width: 100%;
margin-left: 0px;
}
.mainProfileContainerLeft{
width: 90%;
}
.mainProfileContainerRight{
width: 90%;
}
.feedMainContainer{
width: 520px;
}
}

@media (min-width:961px)  and (max-width: 1024px){ 
.mainCenterHolder{
width: 961px;
}
.leftViewBlock, .rightViewBlock{
width: 90%;
margin-bottom: 20px;
}
.mainProfileContainer{
width: 90%;
justify-content: space-around;
}
.mainProfileContainerBlock{
width: 100%;
}
.mainProfileContainerBlockRight{
width: 100%;
}
}

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

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

}