.social-text {
    padding: 0.7rem 0;
    font-size: 1rem;
}

.social-media {
    display: flex;
    justify-content: center;
}

.social-icon {
    height: 21px;
    width: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0.45rem;
    color: #333;
    border-radius: 50%;
    border: 1px solid #333;
    text-decoration: none;
    font-size: 1.1rem;
    transition: 0.3s;
}

.social-icon:hover {
    color: #F86F03;
    border-color: #F86F03;
}


.break-text-h4 {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #000;
    line-height: 0.1em;
    margin: 10px 0 20px;
}

.break-text-h4 .line-text {
    background: #fff;
    padding: 0 10px;
    font-size: 17px;
}

.btn-color {
    background: transparent linear-gradient(180deg, #0c3f74 0%, #0c3f74 100%) 0% 0% no-repeat padding-box;
}


.btn-text-white {
    color: white;
    font-size: 16px;
    padding: 10px;
}

.btn:hover {
    color: white;
}

.card {
    border: 0px solid rgba(0, 0, 0, .125);
}

.panel {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-around;
    text-align: center;
    z-index: 6;
}

.left-panel {
    pointer-events: all;
    padding: 3rem 12% 2rem 12%;
}

.right-panel {
    pointer-events: none;
    padding: 3rem 12% 2rem 12%;
}

.panel .content {
    color: #fff;
    transition: transform 0.9s ease-in-out;
    transition-delay: 0.6s;
}

.panel h3 {
    font-weight: 600;
    line-height: 1;
    font-size: 1.5rem;
}

.panel p {
    font-size: 14px;
    padding: 0.7rem 0;
    line-height: 1.5rem;
}

.reg-image {
    width: 300px;
    height: 250px;
}

.all-copyrighted-reserved {
    position: absolute;
    bottom: 30px;
    text-align: center;
}

.reg-msg-1 {
    color: #ccc;
    text-align: center;
    line-height: 1.7;
}

.right-text {
    text-decoration: underline 1px #fff;
    text-align: center;
}

.reg-msg-2 {
    text-align: center;
    color: #fff;
}

.left-div {
    padding: 15px;
}

.registration label {
    display: block;
    font-weight: 600;
}

.bottom-message {
    margin-top: 30%;
}

/* Common classes */
.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}

.left-img-div {
    /*  padding-top: 80px;*/
    margin-top: 50px;
}

.right-div {
    padding: 5rem;
    color: #fff;
}

.h4 {
    font-size: 20px;
}

.text-secondary {
    font-size: 17px;
    color: #212529 !important;
    font-weight: 500;
}

.login-btn {
    font-size: 16px;
}


/* Start code for social icons btn */
.smGlobalBtn {
    /* global button class */
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border: 2px solid #ddd;
    /* add border to the buttons */
    box-shadow: 0 2px 2px #999;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 25px;
    font-weight: normal;
    border-radius: 27px;
    -moz-border-radius: 27px;
    -webkit-border-radius: 27px;
}

/* facebook button class*/
.facebookBtn {
    background: #4060A5;
}

.facebookBtn:before {
    /* use :before to add the relevant icons */
    font-family: "FontAwesome";
    content: "\f09a";
    /* add facebook icon */
}

.facebookBtn:hover {
    color: #4060A5;
    background: #fff;
    border-color: #4060A5;
    /* change the border color on mouse hover */
}

/* twitter button class*/
.twitterBtn {
    background: #00ABE3;
}

.twitterBtn:before {
    font-family: "FontAwesome";
    content: "\f099";
    /* add twitter icon */

}

.twitterBtn:hover {
    color: #00ABE3;
    background: #fff;
    border-color: #00ABE3;
}

/* google plus button class*/
.googleplusBtn {
    background: #e64522;
}

.googleplusBtn:before {
    font-family: "FontAwesome";
    content: "\f1a0";
    /* add googleplus icon */
}

.googleplusBtn:hover {
    color: #e64522;
    background: #fff;
    border-color: #e64522;
}

/* linkedin button class*/
.linkedinBtn {
    background: #0094BC;
}

.linkedinBtn:before {
    font-family: "FontAwesome";
    content: "\f0e1";
    /* add linkedin icon */
}

.linkedinBtn:hover {
    color: #0094BC;
    background: #fff;
    border-color: #0094BC;
}



.toggle-password {
    float: right;
    cursor: pointer;
    margin-right: 10px;
    margin-top: -37px;
}