/*

1. Add your custom Css styles below
2. Place the this code in your template:

 <link href="css/custom.css" rel="stylesheet">

*/

/*.error-container{background: red; padding: 15px;}*/
/*.success-container{background: green; padding: 15px;}*/
.submit-profile{background: #368fce;padding: 11px 11px;margin-top: 6px;overflow: hidden;}
#errordiv{color:white;}
#successdiv{color: white;}
.input-group mb-3 input::placeholder {color: rgba(233, 236, 239, 0.8);font-size: 0.8em;font-weight: normal; }
.print-link-a{
    height: 65px;
    width: 130px;
    margin: 0 auto   ;
    text-align: right;
    margin-bottom: 20px;
}
.pdf-link-a{
    height: 65px;
    width: 220px;
    margin: 0 auto   ;
    text-align: right;
    margin-bottom: 20px;
}
.email-link-a{
    height: 65px;
    width: 150px;
    margin: 0 auto   ;
    text-align: right;
    margin-bottom: 20px;
}

.email-a{
    background: url(../images/icons/email-green-light.png) no-repeat center center;
}

.email-a:hover{
    background: url(../images/icons/email-green-dark.png) no-repeat center center;
}

.pdf-a{
    background: url(../images/icons/pdf-green-light.png) no-repeat center center;
}
.pdf-a:hover{
    background: url(../images/icons/pdf-green-dark.png) no-repeat center center;
}

.cv-a{
    background: url(../images/icons/cv-icon.png) no-repeat center center;
}

.print-a{
    background: url(../images/icons/print-green-light.png) no-repeat center center;
}

.print-a:hover{
    background: url(../images/icons/print-green-dark.png) no-repeat center center;
}


/* New Design */
.login-section {
    background: url("../images/loginBG.png");
    background-size: cover;
    background-position: center;
}

/* Font sizes */
.fs-30 {
    font-size: 30px;
}
.fs-26 {
    font-size: 26px;
}
.fs-22 {
    font-size: 22px;
}
.fs-16 {
    font-size: 16px;
}
.fs-12 {
    font-size: 12px;
}
.fs-11 {
    font-size: 11px;
}
.fs-8 {
    font-size: 8px;
}
.fs-6px {
    font-size: 6px;
}
/* Line Height */
.lh-2em {
    line-height: 2em;
}
.lh-1p5em {
    line-height: 1.5em;
}
.lh-1em {
    line-height: 1em;
}

/* Font Weight */
.fw-800 {
    font-weight: 800;
}
.fw-700 {
    font-weight: 700;
}
.fw-600 {
    font-weight: 600;
}
.fw-500 {
    font-weight: 500;
}

/* Gap */
.gap-2em {
    gap: 2em;
}
.gap-1em {
    gap: 1em;
}
.gap-p5em {
    gap: 0.5em;
}
.gap-x-1em {
    gap: 0 1em;
}

/* Background */
.dss-bg-lightblue {
    background-color: #EAF6FC;
}
.dss-bg-blue {
    background-color: #005766;
}
/* Buttons */
.dss-btn {
    width: 110px;
    height: 37px;
    border-radius: 4px;
    cursor: pointer;
}
.dss-btn-solid, .dss-btn-outline:hover {
    color: #fff;
    background: #5B939E;
    border: 1px solid #5B939E;
}
.dss-btn-solid:hover, .dss-btn-solid:active  {
    background: #005766;
    border: 1px solid #005766;
}
.dss-btn-outline {
    color: #005766;
    background: #fff;
    border: 1px solid #005766;
}

/* Login Form */
.login-signup-form {
    width: 100%;
}

/* Login / Signup fields */
.login-signup-field {
    height: 48px;
    border: 1px solid #CBCBCB;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
}
.login-signup-field::placeholder {
    color: #A7A7A7;
    font-weight: 500;
}
.login-form .checkbox input {
    width: 20px;
    height: 20px;
    background: #FFFFFF;
    border: 1px solid #D8D8D8;
    border-radius: 0;
}

@media (min-width: 992px) {
    .col-lg-6.form-group {
        max-width: 48%;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .col-lg-6.form-group {
        max-width: 49%;
    }
}
@media (min-width: 576px) and (max-width: 700px) {
    .input-group .skill-tooltip a {
        margin-left: 0;
    }
}

/* Media Queries */
@media only screen and (max-width: 1399px) {

    .tabs [data-tabby-bar] {
        font-size: 13px;
        font-weight: 800;
    }
    .ck-button {
        font-size: 15px;
    }
}
@media only screen and (max-width: 1199px) {
    .fs-30 {
        font-size: 28px;
    }
    .fs-26 {
        font-size: 24px;
    }
    .fs-16 {
        font-size: 14px;
    }
    .fs-12 {
        font-size: 10px;
    }
}

@media print {
    @page  {
        size: A4;
        /*margin: 11pt 40pt;*/
    }

    a[href]:after {
        content: none !important;
        color: #fff !important;
        opacity: 0;
    }
    abbr[title]:after {
        content: none !important;
        color: #fff !important;
        opacity: 0;
    }
}