@import url('font/myriad/myriad.css');
@import url('font/source_sans_pro/source-sans-pro.css');
@import url('font/Montserrat/montserrat.css');

html, body { height: 100%; }
body { margin: 0; background-color: #e9e9e9; background: url(/images/egitim_ihtiyac_analizi_homepage.png) no-repeat; background-position: top center; background-size: cover; }

/*Scroll bar css*/
::-webkit-scrollbar { width: 10px; border-radius: 15px; }
::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 15px; }
::-webkit-scrollbar-thumb { background: #ffffff; border-radius: 15px; border-color: #9dcce4 !important; border: 0.1px solid; }
::-webkit-scrollbar-thumb:hover { background: #3274ab; }
::-webkit-scrollbar-track-piece { background: #abcde1; border-radius: 15px; }

.cbikoLogoTop { margin: 50px 0 20px 0; }
.eiaLogo { margin: 20px 0; }
/*.accept_scroll { overflow-y: auto; max-height: calc(100vh - 580px); border: 0.5px solid rgba(255, 255, 255, .5); padding: 20px; border-radius: 6px !important; }*/
.accept_scroll { overflow-y: auto; max-height: calc(100vh - 720px); border: 0.5px solid rgba(255, 255, 255, .5); padding: 20px; border-radius: 6px !important; }
.accept_scroll p { color: #ffffff; font: 400 15px/25px montserrat-regular; }
.accept_scroll p:last-child { margin-bottom: 0; }
.pnlExplanation { clear: both !important; }
.pnlExplanationText { color: #ffffff; font: 400 15px/25px montserrat-regular; padding: 15px 20px 0 20px; margin-bottom: 0; }

.footer { position: fixed; bottom: 0; width: 100%; height: 50px; background-color: transparent; right: 0; left: 0; font-family: montserrat-regular; font-size: 12px; color: #ffffff; }

@media screen and (max-width:767px) {
    body { background-position: right; background-size: cover; }
    .cbikoLogoTop, .eiaLogo { zoom: 70%; }
/*    .accept_scroll { max-height: calc(100vh - 520px); } */
    .accept_scroll { max-height: calc(100vh - 650px); }
    .accept_scroll p { line-height: 16px; }
    .pnlExplanationText { line-height: 16px; }
    #footerLine1::after { content: "\a"; white-space: pre; }
    .exp-text { font-size: 0.85rem; }
}

@media screen and (max-width:1366px) {
    body { background: url(/images/egitim_ihtiyac_analizi_homepage_gradient.png) no-repeat; background-position: right; background-size: cover; }
}

@media screen and (max-height:667px) {
    body { background: url(/images/egitim_ihtiyac_analizi_homepage_gradient.png) no-repeat; background-position: right; background-size: cover; }
    .will-be-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .will-be-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
    .will-be-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .will-be-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
    .will-be-offset-md-0 { margin-left: 0 }
    .survey-logo { display: none; }
    .pnlExplanationText > p { font-size: 11px; }
    .survey-link-div { font-size: 13px; }
}

@media screen and (min-height: 0px) and (max-height:736px) {
    .accept_scroll { max-height: calc(100vh - 530px); }
}

@media screen and (min-height: 0px) and (max-height:667px) {
    .accept_scroll { max-height: calc(100vh - 520px); }
    .will-be-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .will-be-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
    .will-be-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .will-be-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
    .will-be-offset-md-0 { margin-left: 0 }

}

@media screen and (min-height: 0px) and (max-height:568px) {
    .cbikoLogoTop, .eiaLogo { zoom: 50%; }
    .pnlExplanationText p:last-child { margin-bottom: 0; }
    .accept_scroll { max-height: calc(100vh - 390px); }
    .accept_scroll p { font-size: 12px; }
    .pnlExplanationText { font-size: 12px; }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .will-be-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .will-be-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
    .will-be-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .will-be-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
    .will-be-offset-md-0 { margin-left: 0 }
    .will-be-offset-md-3 { margin-left: 25% !important; }
    .will-be-offset-md-2 { margin-left: 16.666667% !important; }
}

@media only screen and (min-width:1024px) and (max-width:1366px) {
    .will-be-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .will-be-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
    .will-be-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .will-be-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
    .will-be-offset-md-0 { margin-left: 0 }
    .accept_scroll p { font-size: 20px; line-height: 30px; }
    .pnlExplanationText { font-size: 20px; line-height: 30px; }
    .footer p { font-size: 17px; }
    .cbikoLogoTop, .eiaLogo, .btnlogin { zoom: 100%; }
}

@media only screen and (min-device-width: 1023px) and (max-device-width: 1366px) and (orientation:landscape) {
    .accept_scroll { max-height: calc(100vh - 520px); }
    .accept_scroll p { font-size: 15px; line-height: 20px; }
    .pnlExplanationText { font-size: 15px; line-height: 20px; }
    .footer p { font-size: 13px; }
    .cbikoLogoTop, .eiaLogo, .btnlogin { zoom: 100%; }
}

@media screen and (min-width:768px) {
    .container-fluid { margin: 0; position: absolute; top: 10%; -ms-transform: translateY(-10%); transform: translateY(-10%); }
}

.ql-align-center { text-align: center;}
.ql-align-right {text-align: right;}
.ql-align-justify {text-align: justify;}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#divCaptcha {
    text-align: -moz-center;
}
.footer {
    display: none !important;
}