.typeahead{
    padding:0;
    margin:0;
    max-height:200px;
    overflow: hidden;
    overflow-y: auto;
    box-shadow:0px 2px 4px rgba(0,0,0,0.5);
    border-radius:0 0 5px 5px;
}
.loading-circle {
    background-position: right;
    right: 0;
    background-image: url(../images/loading.gif);
    background-size: 40px 45px;
    background-repeat: no-repeat;
}
.typeahead > li > a{
    text-decoration: none;
    color:#797979;
    display: block;
    background:#fff;
    padding:5px 15px;
    font-size:14px;
    transition:ease all 0.3s;
    border-bottom:1px solid #ccc;
}
.typeahead > li:last-child > a{
    border:none;
}
.typeahead > li > a:hover{
    text-decoration: none;
    background:#1f1b48;
    color:#fff;
}

.testheader{

    text-align: center;

    padding:20px 15px 30px;

}

.testheader h2{

    color:#48447D;

    margin:0;

    font-size: 25px;

}

.autoOverflow{

    overflow-y: auto;

    height:100%;

}

.testheader:after{

    content:'';

    display: inline-block;

    height:3px;

    background:#48447D;

    margin:10px 0;

    width:10%;

}

.courseRow > h3{

    flex:100% 0 1;

    width:100%;

    padding-left:15px;

    margin-bottom:25px;

    font-size:20px;

    font-weight: 500;

    padding:0;

    margin:0 0 25px;

}

.rowStrip{

    background:#000;

    color:#fff;

    padding: 5px 25px 5px 12px;    

    display: inline-block;

}

.testcontainer{

    box-shadow:0px 2px 6px rgba(0,0,0,0.5);

    height:175px;

    width:175px;

    border-radius:175px;

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-flow: column;

    margin:0 auto 15px;

}

.testcontainer > h3{

    font-size:15pt;

}

.badgeTest{

    font-weight:600;

    font-size:28px;

    vertical-align: baseline;

}

.testList{

    display: flex;

    flex-flow: column;

    justify-content: center;

    width: 100%;

    height:100%;

}

.colorTime{

    color:#ff2400;

}

.colorQues{

    color:#f6c800;

}

.timeTest{

    font-size:20px;

   

}

.totalQues{

    font-size:20px;

    

}

.testDetail h3{

    color:#444;

    font-size:24px;

}

.testDetail{

    margin-bottom:50px;

}

.courseName h4{

    margin:0;

    font-size:18px;

}



.courseName h4 a{

    color: #fff;

}



.courseName h4 a:hover{

    color: #fff;

    text-decoration: none;

}



.liveTestDetails{

    width:100%;

    padding: 5px 50px 2px;

    background:#eb1650;

    margin-bottom:20px;

    color:#fff;

    position: relative;

}

.timeleft{

    font-size:20px;

    font-weight:400;

}

.toggleHead{

    background:transparent;

    color:#fff;

    border:none;

    position: absolute;

    left:5px;

    top:3px;

    font-size:20px;

    font-weight:800;

    cursor: pointer;

}



.toggleHeadNext{

    background:transparent;

    color:#fff;

    border:none;

    position: absolute;

    left:30px;

    top:3px;

    font-size:20px;

    font-weight:800;

    cursor: pointer;

}



.liveTestScreen.login-screen{

    position: relative;

    flex:90% 0 1;

    max-width:90%;

    padding-bottom: 100px;

    margin-bottom:40px;

    background-size:cover;

    background-position: center center;

    animation: none;

    overflow: visible;

    top:0;

}

.liveTestScreen .main-bg{

    width:100%;

    margin:15px 25px;

    background:transparent;

}

.bgLive{

    width: 100%;

    background:#fff;

    min-height: 100vh;

}

.grid-100.main-head {

    padding: 15px 25px 5px 25px;

}

h1.main-title {

    font-size: 45px;

    font-weight: 600;

    color: #fff;

    line-height: 45px;

    letter-spacing: 2px;

    margin-bottom: 15px;

}

.grid-100.main-head p {

    color: #fff;

    font-size: 20px;

    margin-top: 20px;

}

.flexi.background {

    padding: 20px 0px;

  

}

.grid-40.selection, .grid-60.description {

    padding: 0px 30px;

}

.flexi.selection-design {

    margin-bottom: 25px;

    cursor: pointer;

}

.grid-20.alphabets {

    background-color: #0686c5;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 10px;

}

.grid-20.alphabets p {

    color: #fff;

    font-size: 20px;

    margin:0;

}

.grid-80.about {

    background-color: #fff;

    display: flex;

    align-items: center;

   

    padding: 10px;

}

/* justify-content: center;*/

.grid-80.about p {

    font-size: 14px;

    margin:0;

}

.grid-60.description img {

    max-width: 100%;

    max-height:300px;

}

.hoverColor *{

    transition: ease all 0.5s;

}

.hoverColor:hover .alphabets{

    background:#9c06f6;

}

.checked .alphabets{

    background:#9c06f6;

}

.checked .about{

    background:#48c431;

    color:#fff;

}

.hoverColor:hover .about{

    background:#48c431;

    color:#fff;

}

.flexi.bottom-design {

    position: absolute;

    left: 60px;

    right: 60px;

    bottom: 0px;

}

.grid-50.logo {

    position: absolute;

    bottom: -20px;

}

.grid-50.logo img{

    filter:drop-shadow(0px 2px 3px rgba(0,0,0,0.5));

}

.grid-50.submit-btn {

    position: absolute;

    bottom: -20px;

    right: 0;

}

.grid-50.submit-btn button {

    padding: 10px 50px;

    font-size: 20px;

    border-radius: 150px;

    border: none;

    background:#eb1650;

    color:#fff;

}

.alwaysblock{

    display: block!important;

}

.counterbox{

    background:#efefef;

    border-radius:5px;

    min-height:100px;

    padding:10px 15px;

    display: flex;

    align-items: center;

}

.counterbox i{

    font-size:25px;

    display: inline-block;

    color:#58d;

    height:50px;

    width:50px;

    color:#fff;

    text-align: center;

    padding-left:3px;

    line-height: 50px;

    border-radius:50px;

    vertical-align: middle;

    float:left;

}

.bg-green{

    background:#a5c561;

}

.bg-blue{

    background:#67b8ef;

}

.bg-red{

    background:#fe5042;

}

.bg-orange{

    background:#f6bc44;

}

.counterbox .title{

    display: inline-block;

    color:#101010;

    font-size:20px;

    text-align: left;

    font-weight:700;

}

.counterbox .details{

    padding-left:10px;

    display: inline-block;

}

.counterbox .label{

    display: block;

    color:#969696;

    font-size:14px;

    margin-top:-5px;

}

.main-div{

    position: relative;

            display: flex;

    flex-wrap: wrap;

}

.flexi{

    display: flex;

    flex-wrap: wrap;

}

.registerimage{

    background-image: url('../images/registration/images/bg.jpg');

    background-repeat: no-repeat;

    background-size: cover;

}

.main-div .div-bg-image{


    height:100vh;

    padding:0;background-repeat: no-repeat;

    background-size: cover;

}

.main-div .div-bg-color{

    background-color:#f1f1f1;

    height:100vh;

    padding:0;

}

.login-screen{

    position: absolute;

    top:90px;

    left:0;

    right:0;

    bottom:90px;

    background:#fff;

    max-width:990px;

    margin:0 auto;

    animation:bgwhite 2s alternate ease;

}



.startBtn{

    cursor: pointer;

}

@keyframes bgwhite{

    from{

        background:transparent;

    }

    to{

        background:#fff;

    }

}

@keyframes animatelogin{

    from{

        transform: translateY(-100%);

    }

    to{

        transform: none;

    }

}

@keyframes animateloginrev{

    from{

        transform: translateY(100%);

        overflow: hidden;

    }

    to{

        transform: none;

        overflow: auto;

    }

}

.transdiv{

    margin:50px auto;

    max-width:900px;

    background:rgba(255,255,255,0.5);

}

.transdiv .flexi{

    padding: 29px 55px;

}

.button-area{

    margin-top:1.5rem;

}

.button-area a{

    background:#213552;

    color:#fff;

    text-decoration: none;

    padding:10px 16px;

    display: inline-block;

    font-weight:300;

    font-size:14px;

    font-family: 'Poppins';

    border:1px solid #fff;

    border-radius:6px;

}

.button-area a:hover{

    background:#2b2477;

}

.content-reg{

    font-family: 'Poppins', sans-serif;

    margin-top:30px;

    text-align: justify;

    font-weight:400;

}

.content-reg span{

    font-weight:600;

    font-size:22px;

}

.content-reg br{

    margin-top:19px;

    content:'';

    display: block;

}

.login-screen{

    overflow:hidden;

}

.login-screen .main-bg.col-md-6{

    animation:animatelogin ease-in 1s alternate;

    animation-fill-mode: forwards;

}

.login-screen .login-form.col-md-6{

    animation:animateloginrev ease-in 1s alternate;

    animation-fill-mode: forwards;

}



.fullPage{

    height: auto !important;

    overflow: visible !important;

    position: static;

    max-width: 90% !important;

    flex: 90% 0 1;

    margin:40px auto;

}

/*---- login--*/



.login-screen.col-md-12 {

    padding: 0px;

}





.main-bg.col-md-6 {

    overflow: hidden; padding: 0px;

}





.main-bg.col-md-6 img {

    background-size: cover;

    width: auto;

}

.grid-80{

    flex:80% 0 1;

    box-sizing: border-box;

    max-width: 80%;

}

.grid-20{

    flex:20% 0 1;

    box-sizing: border-box;

    max-width: 20%;

}

.grid-60{

    flex:60% 0 1;

    box-sizing: border-box;

    max-width: 60%;

}

.grid-40{

    flex:40% 0 1;

    box-sizing: border-box;

    max-width: 40%;

}



input.userFormClass {

    width: 100%;

    padding: 10px;

    border-radius: 3px;

    background: #f1f1f1;

    box-shadow: inset 1px 2px 3px rgba(0,0,0,0.2);

    border: none;

    margin-bottom:15px;

}



input#useremail {

    width: 100%;

    padding: 10px;

    border-radius: 3px;

    background: #f1f1f1;

    box-shadow: inset 1px 2px 3px rgba(0,0,0,0.2);

    border: none;

}



input#userpassword{

    width: 100%;

    padding: 10px;

    border-radius: 3px;

    background: #f1f1f1;

    box-shadow: inset 1px 2px 3px rgba(0,0,0,0.2);

    border: none;

    margin-bottom: 15px;

}



.login-button {

    margin-top: 30px;

}





p.note-login {

    margin-top: 50px;

    font-size: 14px;

}



.form-design {

    margin-bottom: 15px;

}



button.btn-design {

    padding: 10px 50px 10px 50px;

    font-size: 15px;

    background: linear-gradient(#48447D, #48447D);

    border: none;

    border-radius: 5px;

    color: #fff;    cursor: pointer;



}



button.btn-design a{color: #fff; text-decoration: none;font-family: 'Poppins', sans-serif;}



label {font-size: 15px !important; font-weight: 400 !important;font-family: 'Poppins', sans-serif;}



.login-form.col-md-6 {

    padding: 60px; overflow: auto; max-height: 100%;

}

.main-bg {

    background-image: url(../images/login-bg-2.jpg);

    background-size: cover;

    background-repeat: no-repeat;

}



.row.nomargins {

    margin-right: 0px;

    margin-left: 0px;height: 100%;

}



.logo-image {

    text-align: center;

}



p.logo-details {

    font-size: 13px;

    text-align: center;

    margin-top: 15px;

    margin-bottom: 40px;

    font-family: 'Poppins', sans-serif;

    font-weight: 500;

}

.logo-details span {

    display: block;

    margin-top: 8px;

    font-size: 11px;

    text-align: center;

}

.logo-details span a {

    text-decoration: underline;

}



p.note {

    margin-top: 35px;

    font-size: 12px;

    color: #636363;font-family: 'Poppins', sans-serif;

}



.login-screen {

    box-shadow: 0px 5px 25px 0px #636363;

    border-radius: 10px;

}

.internetexplorer .login-screen{

    display:flex;

    align-self:center;

    width:100%;

}

.internetexplorer .login-screen > .row{

    flex:1;

}





/*----registraion---*/



.flexi{

    display: flex;

    flex-wrap: wrap;

}



body {background-size: cover;}





.container-fluid {

    width: 100%;

    padding-right: 10em;

    padding-left: 10em;

}

@keyframes flipanim{

    0% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity:0; }

    50% { -webkit-transform: rotateY(90deg); transform: rotateY(90deg); opacity:1; }

}





.transparent-bg.col-md-12 {

    padding: 50px;

    background-color: rgba(255, 255, 255, 0.40);

    margin-top: 80px;

    margin-bottom: 80px;box-shadow: 0px 10px 30px 0px #96969682;

}



p.all-details {

    max-width: 60%;

    text-align: justify;

    text-align-last: left; margin-top: 50px;    font-size: 15px;

    line-height: 30px;

}



button.btn-design {

    padding: 15px 30px 15px 30px;

    font-size: 15px;

    background: linear-gradient(#48447D, #48447D);

    border: none;

    border-radius: 5px;

    color: #fff;

    cursor: pointer;

}



button.btn-design a{

    color: #fff; text-decoration: none;

}



.login-button {

    margin-top: 50px;

    margin-bottom: 30px;

}



span.main-head {

    font-size: 28px;

    font-weight: 700;font-family: 'Poppins', sans-serif;

}





/*----step-1---*/



.flexi{

    display: flex;

    flex-wrap: wrap;

}





.col-md-12.profile {

    padding: 20px;

    background-color: #232759;

}



.main-div.flexi {

    background-color: #232759;

}

.col-md-4.company-name {

    color: #fff;    padding: 0px;

}



.container-fluid {

    width: 100%;

    padding-right: 10em;

    padding-left: 10em;

}



.logo-image-steps.col-md-12 {

    display: flex;

}



.col-md-5.user-setting {

    float: left;

}



p.logout-btn {

    color: #fff;

}



.col-md-3.for-logout p {

    color: #ffff;

}



button#dropdownMenu1:focus {

    box-shadow: none;

}

.col-md-8.user-profile {

    padding: 0px;

}





.col-md-2.logout-option {

    color: #fff;

}





button#dropdownMenu1 {

    background-color: #232759;

    border: none;

    color: #fff;

}



.user-dropdown {

    text-align: right;

}



span.logout-option {

    color: #fff;

    padding-left: 25px;

}





button.btn-design-login {

    padding: 10px 50px 10px 50px;

    font-size: 15px;

    background: linear-gradient(#48447D, #48447D);

    border: none;

    border-radius: 5px;

    color: #fff;

    cursor: pointer;

}



button.btn-design-login a {

    

    color: #fff;

    cursor: pointer; text-decoration: none;

}





.main-div-bg {background-image: url('../images/step-1/bg.jpg');background-repeat: no-repeat; background-size: cover;}



.main-div-border {

    border: 3px solid #fff;

    margin-top: 70px;

    display: inline-block;

    padding: 50px;

    margin-bottom: 70px;background-color: #0000001f;

}



button.btn.btn-default.dropdown-toggle {

    background-color: #232759;

    padding: 0; color: #fff;

}

.table-scrollable{

        padding:0 15px;

    }

    .table-scrollable table{

        width:100%!important;

        border:none;

    }

    .table-scrollable table td:last-child{

        padding-left:15px;

    }

    table.dataTable tfoot th, table.dataTable tfoot td{

           padding: 10px 18px 12px 18px!important;

    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{

        background:#2F2B5E!important;

        color:#fff!important;

    }

    a.dt-button.buttons-excel.buttons-html5.btn.yellow.btn-outline:before{

        font-family: 'FontAwesome';

        content: "\f1e3";

        padding-right:10px;

        font-size:16px;

    }

    .table-scrollable table td{

        background:#fff;

        border:none;

    }

    .table-scrollable table th{

        background:#2F2B5E;

        color:#fff;

        border:none;

        font-weight:500!important;

        font-size:15px;

    }

.table-scrollable table td:last-child a{

    padding-right:10px;

    font-size:17px;

}

.table-scrollable table td:last-child a i.fa-trash{

    color:#ff2000;

    vertical-align: sup;

}

.agreement-details {

    max-height: 500px;

    overflow: auto;

    background-color: #fff;

    padding: 2px 30px 4px;

    text-align: justify;

    text-align-last: left;border-top-left-radius: 10px;

    border-top-right-radius: 10px;

}



span.main-head {

    font-size: 15px;

    font-weight: 500;

    font-family: 'poppins';

    color: #292929;

}





p.break-agreement {

    line-height: 30px;

    font-size: 15px;

    color: #636363;

    margin-top: 15px;

   /* margin-bottom: 15px;*/

}



.agree-button-step-1 {

    background-color: #fff;

    padding: 20px 0px 40px 30px;

}





button.btn-design {

    padding: 10px 30px 10px 30px;

    font-size: 15px;

    background: linear-gradient(#48447D, #48447D);

    border: none;

    border-radius: 5px;

    color: #fff;

    cursor: pointer;

}



.steps ul{padding: 0px; margin: 0px;}

.steps ul li {display: inline-block;}

.steps ul li a {text-decoration: none; list-style: none; font-style: none;}

.steps ul li a img {

    max-width: 135px;

    margin-right: -18px;    filter: brightness(0) invert(1);

    image-rendering: auto;

}



li.active a img {

    filter: none !important;

}







.logo-image-steps.col-md-6 {

    position: relative;

}





.steps.col-md-9 {

    text-align: right; margin-top: 25px;

}



.agreement.col-md-12 {

    margin-top: 35px;

}



.ourcopyright {

    background-color: #1F1B48;

    padding: 20px;

    text-align: center;

    position: relative;

    bottom:0;

    left:0;

    right:0;

}



p.main-Cright {

    margin: 0px;

    color: #fff; font-family: poppins; font-weight: 200;

}



button#dropdownMenu1:focus {

    outline: none;

}



button#dropdownMenu1 a {

    cursor: pointer; color: #fff; text-decoration: none;

}



span.logout-option a {

    cursor: pointer; color: #fff; text-decoration: none;

}



button.btn-design a {

    color: #fff;text-decoration: none;

}





/*----step-2---*/





.flexi{

    display: flex;

    flex-wrap: wrap;

}





.col-md-12.profile {

    padding: 20px;

    background-color: #232759;

}



.main-div.flexi {

    background-color: #232759;

}

.col-md-4.company-name {

    color: #fff;    padding: 0px;

}



.container-fluid {

    width: 100%;

    padding-right: 10em;

    padding-left: 10em;

}



.col-md-5.user-setting {

    float: left;

}



p.logout-btn {

    color: #fff;

}



.col-md-3.for-logout p {

    color: #ffff;

}



button#dropdownMenu1:focus {

    box-shadow: none;

}

.col-md-8.user-profile {

    padding: 0px;

}





.agree-button-step-2 {

    margin-top: 50px;

    margin-bottom: 50px; text-align: center;

}



.col-md-2.logout-option {

    color: #fff;

}





button#dropdownMenu1 {

    background-color: #232759;

    border: none;

    color: #fff;

}



.user-dropdown {

    text-align: right;

}



span.logout-option {

    color: #fff;

    padding-left: 25px;

}



.col-md-9.step-image ul {

    padding: 0px;

    margin: 0px;

}



.col-md-9.step-image ul li{display: inline-block;}

.col-md-9.step-image ul li a{text-decoration: none; list-style: none; font-style: none;}

.col-md-9.step-image ul li a img{ max-width: 135px; }

.col-md-9.step-image {

    margin-top: 20px;

}



.col-md-12.logo-step {

    margin-top: 60px;

}



.col-md-12.all-qus {



    margin-top: 65px;

}

p.question {

    color: #181818;

    font-size: 15px;

    text-align: justify;

    text-align-last: left; font-family: poppins;

}



span.number {

    font-size: 17px;

    font-weight: 500;font-family: poppins;

}



.check-option.col-md-2 {

    font-size: 17px;

    font-family: poppins;

    margin-top: 5px;

    text-align: right;

}



.col-md-10.qus {

    margin-top: 5px;

    margin-bottom: 5px;

}





button.btn-design {

    padding: 10px 30px 10px 30px;

    font-size: 15px;

    background: linear-gradient(#48447D, #48447D);

    border: none;

    border-radius: 5px;

    color: #fff;

    cursor: pointer;

}



.agree-button {

    text-align: center;

    

}



button#dropdownMenu1:focus {

    outline: none;

}



button#dropdownMenu1 a {

    cursor: pointer; color: #fff; text-decoration: none;

}



span.logout-option a {

    cursor: pointer; color: #fff; text-decoration: none;

}



button.btn-design a {

    color: #fff;text-decoration: none;

}





/*----step-3--*/





.flexi{

    display: flex;

    flex-wrap: wrap;

}





.col-md-12.profile {

    padding: 20px;

    background-color: #232759;

}



.main-div.flexi {

    background-color: #232759;

}

.col-md-4.company-name {

    color: #fff;    padding: 0px;

}



.container-fluid {

    width: 100%;

    padding-right: 10em;

    padding-left: 10em;

}



.col-md-5.user-setting {

    float: left;

}



p.logout-btn {

    color: #fff;

}



.col-md-3.for-logout p {

    color: #ffff;

}



button#dropdownMenu1:focus {

    box-shadow: none;

}

.col-md-8.user-profile {

    padding: 0px;

}



.agree-button-step-3 {

    margin-top: 50px;

    margin-bottom: 50px;

    text-align: center;

}



.col-md-2.logout-option {

    color: #fff;

}





button#dropdownMenu1 {

    background-color: #232759;

    border: none;

    color: #fff;

}



.user-dropdown {

    text-align: right;

}



span.logout-option {

    color: #fff;

    padding-left: 25px;

}



.col-md-9.step-image ul {

    padding: 0px;

    margin: 0px;

}



.col-md-9.step-image ul li{display: inline-block;}

.col-md-9.step-image ul li a{text-decoration: none; list-style: none; font-style: none;}

.col-md-9.step-image ul li a img{ max-width: 135px;    image-rendering: auto;}

.col-md-9.step-image {

    margin-top: 20px;

}



.col-md-12.logo-step {

    margin-top: 60px;

}



.col-md-12.all-qus {



    margin-top: 65px;

}





.col-md-12.qualification {

    margin-top: 65px;

}



p.subject-name {

    font-size: 17px;

    font-weight: 500; font-family: poppins;

}



.check-option-subject.col-md-2 ul li a {

    color: #181818;

    text-decoration: none;

}



button.btn-design {

    padding: 10px 30px 10px 30px;

    font-size: 15px;

    background: linear-gradient(#48447D, #48447D);

    border: none;

    border-radius: 5px;

    color: #fff;

    cursor: pointer;

}



.agree-button-step-1 {

    text-align: left;

    

}



.design-select {

    padding: 10px 20px 10px 30px;

    background-color: #232759;

    color: #fff;

    border: none;

    border-radius: 5px;

    width: 100%;

}



.col-md-10.subject {

    margin-top: 15px;

    margin-bottom: 15px;

}





.col-md-2.subject-select {

 margin-bottom: 20px;

}





p.subject {

    font-size: 15px;

    font-weight: 500;

    font-family: poppins;

    max-width: 750px;

}



.check-option-subject.col-md-2 {

    text-align: right;

    font-size: 18px; font-family: poppins;



}



.main-note.col-md-12 {

    margin-top: 25px;

}



p.note {

    font-size: 15px;

    max-width: 800px;

}



p.declare {

    font-size: 15px;

    color: #636363;

}

.check-option-subject.col-md-2 ul{padding: 0px; margin: 0px;}

.check-option-subject.col-md-2 ul li {text-decoration: none; font-style: none;list-style: none; font-size: 15px; line-height: 35px;}



button#dropdownMenu1:focus {

    outline: none;

}



button#dropdownMenu1 a {

    cursor: pointer; color: #fff; text-decoration: none;

}



span.logout-option a {

    cursor: pointer; color: #fff; text-decoration: none;

}



button.btn-design a {

    color: #fff;text-decoration: none;    font-weight: 200;

}



span.number-step-3 {

    font-size: 13px;

    color: #181818; font-family: poppins;

}







.extra-height {

    height: 80px;

}





/*---step-4---*/





p.qus {

    color: #181818;

    font-size: 15px;

    text-align: justify;

    text-align-last: left;

    font-family: poppins;

    line-height: 30px;

}



.col-md-2.qus-select {

    margin-top: 10px;

}



.col-md-10.step-4-qus {

    margin-top: 5px;

    margin-bottom: 5px;

}



b.weight-b {

    font-weight: 500;

}

.agreement-details h2{

    color:#292d62;

    margin-bottom:40px;

    font-size:20px;

}

.onlymobile{

    display: none;

}

/* width */

.agreement-details::-webkit-scrollbar {

    width: 10px !important;

}



/* Track */

.agreement-details::-webkit-scrollbar-track {

    box-shadow: inset 0 0 5px grey; 

    border-radius: 10px !important;

}

 

/* Handle */

.agreement-details::-webkit-scrollbar-thumb {

    background: #232759; 

    border-radius: 10px !important;

}



/* Handle on hover */

.agreement-details::-webkit-scrollbar-thumb:hover {

    background: #232759 !important; 

}

.loginshow{

    color: #333979;

    padding-top: 7px;

}

.buttonconf.login-button{

    margin-top:25px;

}

.buttonconf.login-button button{

   /* padding:10px 12px;*/

}

.check-option-subject.col-md-2{

    display: inline-block;

    width: auto;

}

.check-option.col-md-2 label:before, .check-option-subject.col-md-2 label:before {

    content:'';

    background:#fff;

    width:15px;

    height:15px;

    border-radius:4px;

    border:1px solid #666;

    position: absolute;

    margin-top:5px;

    left:-20px;

}

.check-option-subject.col-md-2 label:before{

    margin-top:11px;

}

.check-option.col-md-2 input[type=checkbox], .check-option-subject.col-md-2 input[type=checkbox]{

    position: relative;

    height:15px;

    width:15px;

    /*opacity: 0;*/

    z-index:1;

    opacity: 0;

}

.check-option.col-md-2 input[type=checkbox]:checked + label:before, .check-option-subject.col-md-2 input[type=checkbox]:checked + label:before{

    content:'\f14a';

    font-family: 'FontAwesome';

    border:none;

    background:transparent;

    top:-5px;

}

.check-option-subject.col-md-2 input[type=checkbox]:checked + label:before{

    top:-10px;

}

.agree-button-step-2 {

    margin-top: 15px;

    margin-bottom: 13px;

}

.check-option.col-md-2 label, .check-option-subject.col-md-2 label{

    padding-left:10px;

    margin-bottom:0;

    position: relative;

}

button#dropdownMenu1{

    display: none;

}

.cust-fileinput{

    position: relative;

}

.cust-fileinput input[type=file]{

    display: inline-block;

    width:100%;

    cursor: pointer;

    position: absolute;

    left:0;

    opacity: 0;

}

.filename{

    background:#eee;

    padding:1px 5px;

    font-size:12px;

    text-align: left;

}









/*----admin---*/



.caption.font-dark {

    font-size: 17px;

    margin-bottom: 15px;

}





div.dt-buttons {

    position: relative;

    float: right !important;

    margin-bottom: 15px !important;

}



.my-row{margin:0px; padding: 0px;}





.main-div-admin.flexi {

    background: linear-gradient(#213552, #152138);

    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.50);

}





.main-section.col-md-12 {

    padding: 0;

}





span.arrow-icon {

    position: absolute;

    right: 0; font-size: 14px;

}



.side-menu.col-md-2 {

    padding: 15px 15px 15px 15px;

    background-color: #1F1B48;

    color: #fff;

    transition: ease all 0.4s;

    height: auto;

    overflow-y: auto;

}

.side-menu.collapsed{

    margin-left:-16.666667%;

}

.view-detail.col-md-10{

    transition: ease all 0.4s;

    min-height: 100vh;

}

.view-detail.col-md-10.collapsed{

    flex:100% 0 1;

    max-width:100%;

}

img{

    image-rendering: auto;

}



nav#admin-option ul {

    padding-left: 0px;

}



nav#admin-option ul li a {

    color: #152134;

    font-size: 15px;

    text-decoration: none;

    padding:15px 10px;

    display: block;

    margin:1px -15px;

    background:#48447D;

}



ul.all-options {

    display: none;

}

ul.all-options li a{

    padding:10px 20px!important;

    background:#EFEFEF!important;

}



nav#admin-option ul li {

    text-decoration: none;

    list-style: none;position: relative;

}



h1.admin-head {

    font-size: 15px;

    margin-top: 10px;

    margin-bottom: 20px;margin-left: 13px;

}



.admin-user-dropdown.col-md-12 {

    text-align: right;

    margin-top: 13px;

}

.col-md-12.admin-profile {

    padding: 10px;

    background: linear-gradient(#1F1B48, #1F1B48);

}



button#dropdownMenu1-admin {

    background-color: transparent;

    border: none;

}



button#dropdownMenu1-admin a {

    color: #fff; text-decoration: none;

}



button#dropdownMenu1-admin {

    background-color: transparent;

    border: none;

}



.col-md-4.admin-company-name {

  

    color: #fff; 

}



.col-md-8.admin-user-profile {

    padding-right: 50px;

}



span.brand-name {

    /*position: absolute;*/

    margin-top: 12px;

    margin-left: 15px;

    font-size: 18px;

    display: inline-block;

    font-family: poppins;

}

.menu-collapse{

    background:transparent;

    border: none;

    color:#fff;

    font-size:22px;

    padding-left:40px;

    cursor: pointer;

}

.menu-collapse:focus{

    outline: none;

}



.view-detail.col-md-10 {

    padding: 0px;

}



.top-head.col-md-12 {

    margin-top: 15px;

    padding-left: 25px;

    padding-right: 25px;

}



h2.top-heading {

    font-size: 24px;

    color: #636363;

    font-weight: 400;

    font-family: poppins;

}



span.small-head {

    font-size: 15px;

}



.data-design {

    padding: 20px;

    border: 1px solid #efefef;

    box-shadow: 0px 5px 10px #d2d2d2;

}



.data-div.col-md-12 {

    padding: 25px;

}





a.dt-button.buttons-excel.buttons-html5.btn.yellow.btn-outline {

    background: #48447D;

    color: #152134;

    border: none;

    font-size: 15px;

    letter-spacing: 1px;

}













.portlet.light.bordered {

    overflow: hidden;

}

.row {margin: 0px !important;}





















/*----bradcrumb---*/



.col-md-12.breadcrumb ul {

    padding: 0px;

    margin: 0px;

}



.col-md-12.breadcrumb {

    padding: 10px 25px;

    list-style: none;

    background-color: #fff;

    margin-top: 25px;

    margin-bottom: 0px;

    border-bottom: 1px solid #c8c8c8;

    border-radius: 0px;

}

.col-md-12.breadcrumb li {

    display: inline;

    font-size: 15px; text-decoration: none;

}

.col-md-12.breadcrumb li+li:before {

    padding: 8px;

    color: black;

    content: "/\00a0";

}

.col-md-12.breadcrumb li a {

    color: #0275d8;

    text-decoration: none; font-size: 14px; text-decoration: none;

}

.col-md-12.breadcrumb li a:hover {

    color: #01447e;

    text-decoration: underline; text-decoration: none;

}

div.dataTables_wrapper div.dataTables_filter input{

    border-radius:5px;

    box-shadow:none;

    border:1px solid #c8c8c8;

    min-height: 40px;

    padding-left:10px;

    transition: ease all 0.4s;

}

div.dataTables_wrapper div.dataTables_filter input:focus{

    outline:none;

    box-shadow:0px 3px 20px rgba(17,24,189,0.8);

}

.dataTables_wrapper table th:after{

    display: none!important;

}

.dataTables_wrapper table th{

    border-right:1px solid #fff;

}

.dataTables_wrapper table tr:nth-child(odd) td{

    background:#d7d9f9;

}











button#dropdownMenu1-admin:focus {outline: none;}



.dropdown-toggle::after {color: #fff;}


.gridify{

    flex:25% 0 1;

    padding:0 15px;

    max-width:25%;

  }

  .imagebox{

    max-width:280px;

    margin:0 auto 20px;

    min-height:150px;

    cursor: pointer;

    position: relative;

    overflow: hidden;

  }

  .imagebox:before{

    top:0;

    left:0;

    bottom:0;

    content:'';

    position: absolute;

    right:0;

    background:rgba(255,255,255,0.5);

    transform: translateY(-100%);

    transition: ease all 0.5s;

  }

  .imagebox:after{

    content:'';

    top:0;

    left:0;

    width:12px;

    bottom:0;

    background:rgba(255,255,255,0.8);

    position: absolute;

    z-index:11;

    box-shadow:2px 0px 4px rgba(0,0,0,0.5) ;

  }

  .imagebox:hover:before{

    transform: none;

  }

  .imagebox img{

    max-width:100%;

    max-height: 260px;

    object-fit: cover;

  }

  .imagebox span{

    position: absolute;

    z-index:12;

    top:0;

    bottom:0;

    left:0;

    right:0;

    display: flex;

    align-items: center;

    justify-content: center;

  }

  .imagebox span i{

    cursor: pointer;

    background:#ff4000;

    width:50px;

    height:50px;

    color:#fff;

    border-radius:50%;

    text-align: center;

    line-height: 52px;

    font-size:28px;

    transform: scale(0);  

    transition: ease all 0.6s;

  }

  .imagebox:hover span i{

    transform: none;

  }

  .bookdetails{

    margin-bottom:0px;

    /* white-space: nowrap; */

    max-width:100%;

  }

  .sku{

    font-weight:500;

    margin-bottom:7px;

    font-size:15px;

    color:#ff4000;

  }

  .bookdetails h3{

    font-weight:600;

    font-style: italic;

    font-size:18px;

    /*overflow: hidden;

    text-overflow: ellipsis;
    */

  }

  .buttonsbook{

    margin-top:10px;

    margin-bottom:10px;

  }

  .buttonsbook a{

    text-decoration: none!important;

  }

  .buttonsbook i{

    background:#ff4000;

    color:#fff;

  }

  .buttonsbook span{

    padding-left:10px;

    color:#ff2400;

  }

@media screen and (max-width:767px){

    .side-menu.col-md-2 {

    padding: 15px 15px 15px 15px;

    background-color: #121C30;

    color: #fff;

    transition: ease all 0.4s;

}

.col-md-4.admin-company-name{
        width:30%!important;
    }
    .col-md-8.admin-user-profile{
        width:70%!important;
        padding-right:0!important;
    }
    .admin-user-dropdown.col-md-12 {
        text-align: right!important;
        margin-top: 7px!important;
        padding-left: 20px!important;
    }

.pdfflexi{
    display: none;
}

.gridify {
    flex: 1;
    padding: 0 15px;
    max-width: 100%;
}
.pdfshowme{
    min-height: 100vh;
}
.pdfshowme iframe{
    border:none;
    min-height:100vh;
}
.col-md-12.admin-profile{
    z-index:99;
}



.internetexplorer .login-screen{
    width:auto;
}
.login-form.col-md-6{
    max-height:none;
}

.ourcopyright{

    position: relative;

}

.row.nomargins.thankssc {

    align-items: center;

    height:100%;

}

.thankssc .main-bg.col-md-6{

    display: none;

}

.side-menu.collapsed{

    margin-left:-100%;

}

div.dataTables_wrapper div.dataTables_length select{

    width: -webkit-fill-available;

}

.view-detail.col-md-10{

    transition: ease all 0.4s;

}

.view-detail.col-md-10.collapsed{

    flex:100% 0 1;

    max-width:100%;

}

    html{

        height:100%;

    }

    .registerimage{

        position: relative;

        height:100%;

    }

    p.logo-details{

        margin-bottom:14px;

    }

    .registerimage .transdiv

    {

        padding-bottom:60px;

    }

    .transparent-bg.col-md-12{

        padding:20px;

    }

    .registerimage .ourcopyright{

        position: fixed;

        bottom:0;

        left:0;

        right:0;

    }

    

    .cust-fileinput input[type=file]{

        top:0;

    }

    .main-note.col-md-12 {

    margin-top: 5px;

}

.agree-button-step-3{

    margin-top: 12px!important;

    margin-bottom: 9px!important;

}

    .transdiv{

    margin:20px 25px;

    max-width:100%;

    background:rgba(255,255,255,0);

    }

    .transdiv .flexi{

        padding: 10px 0px;

    }

    .transdiv .flexi p.content-reg{

        font-size:14px;

        text-align-last: center;

        text-align: justify;

    }

    .transdiv .flexi p{

        text-align: center;

    }

    .logo-area{

        text-align: center;

    }

    .button-area{

        text-align: center;

    }

    .logo-area img{

        max-width:120px;

    }

    .content-reg span{

        font-size:16px;

    }

    .transdiv .flexi div[class*="grid-"]{

        flex:100% 0 1;

    }

    .check-option-subject.col-md-2{

    	text-align: left;

    	margin-bottom:14px;

    }

    .logo-image-register img{

        max-width:110px;

    }

    p.all-details{

        margin-top:26px;

        line-height: 20px!important;

    font-size: 15px!important;

    }

    .steps ul, .col-md-9.step-image ul{

        /*display: flex;*/

        /*margin-left:-1px;

        margin-right:-1px;*/

        /*margin-top:40px;*/

            margin-top: 18px;

    }

    .onlymobile{

        display: block;

    }

    /*.countstep{

        position: absolute;

        top:-35px;

        margin:0;

        font-size:13px;

        color:#213552;

        font-weight:500;

        display: none;

    }*/

    .countstep span{

        font-size:14px;

        font-weight:600;

        background:#213552;

        color:#fff;

        margin-left:3px;

        padding: 4px 12px 6px;

        border-radius:50%;

        display: inline-block;

    }



    .buttonconf.login-button {text-align: left;}



.row.nomargins {height: 0;}



.main-div-border.col-md-12 {

    background-color: #fff;

}



li.active a img {

    filter: none !important;

}



.steps ul li a img {filter: none;}





    .col-md-9.step-image{

        position: static;

        padding:0;

    }

    .col-md-3.logo-image-step-2 img{

        max-width:90px;

    }

    .steps img, .col-md-9.step-image img{

        

    }

    .steps li , .col-md-9.step-image li{

        /*flex:auto;*/

        padding:0 6px;

        position: relative;

    }

    /*.steps li a, .col-md-9.step-image li a{

        width:100%;

        height:8px;

        background:#969696;

        display: block;

    }

    /*/*/*.steps li.active a, .col-md-9.step-image li.active a, .steps li.completed a, .col-md-9.step-image li.completed a{

        background:#213552;

    }*/*/

    .steps li.active .countstep, .col-md-9.step-image li.active .countstep{

       /* display: block;*/

       display: none;

    }

    .agree-button-step-1{

        text-align: center;

    }

    .agree-button-step-1 a, .agree-button-step-2 a, .agree-button-step-3 a{

        font-size:14px;

    }

    .agree-button-step-1 button.btn-design, .agree-button-step-2 button.btn-design, .agree-button-step-3 button.btn-design{

        padding-top:7px;

    }

    .main-div-bg-step-2 .col-md-10.qus {

    margin: 0px;

    padding: 0px 0px;

    }

    p.qus{

        font-size: 14px;

        line-height: 20px;

        margin-bottom: 0;

    }

    .main-div-bg-step-4 .col-md-2.qus-select {

        margin-top: 16px;

        margin-bottom: 16px;

    }

   /* .steps li:first-child a, .col-md-9.step-image li:first-child a{

        border-radius:25px 0 0 25px;

    }

    .steps li:last-child a, .col-md-9.step-image li:last-child a{

        border-radius:0 25px 25px 0;

    }*/

    .logo-image-register{

        text-align: center;margin-top: 50px;

    }



  .logo-image-steps.col-md-12 {display: inline-block;}

  .steps.col-md-9 {text-align: center;margin-top: 18px;}

  .agreement.col-md-12 {margin-top: 25px;}





.registration-note {

    margin-top: 45px;

}

    .extra-height {

    height: 20px;

    }

    .col-md-12.profile {

    padding: 10px 14px;

    background-color: #232759;

}

p.note{

    margin-top:0;

}

    .agreement-details h2{

        margin-bottom:20px;

    }

    .logo-image-login img{

        max-width:90px;

    }

    .login-form.col-md-6{

        padding:15px 25px;

    }

    .login-screen {

        border-radius: 10px;

        margin: 0 15px;

        z-index:11;

    }

    .main-div .div-bg-image{

        position: fixed;

        z-index:1;

        top:0;

        bottom:0;

        left:0;

        right:0;

        height:auto;

    }

    .main-div .div-bg-color{

        position: fixed;

        z-index:1;

        top:50%;

        bottom:0;

        left:0;

        right:0;

        height:auto;

    }

    .login-button {

        margin-top: 50px;

        text-align: center;

    }

    .login-screen{

        top: 40px;

        bottom: 40px;

        overflow: auto;

    }

    p.note-login {

        margin-top: 25px;

        font-size: 14px;

        text-align: justify;text-align-last: center;

    }

    .col-md-3.logo-image-step-3 img{

        max-width:90px;

    }

    .col-md-12.qualification {

    margin-top: 20px;

    margin-left: -20px;

    margin-right: -20px;

    width: auto;

}

p.subject-name {

    font-size: 14px;

    font-weight: 500;

    font-family: poppins;

}

.col-md-2.subject-select {

    margin-top: 0px;

        margin-bottom: 20px; width: auto;

}

.design-select{

    padding: 5px 15px 9px 14px;

    width: auto;

    font-size:14px;

    box-shadow: 0px 3px 9px rgba(0,0,0,0.2);

    min-width: 119px;

}

p.subject {

    font-size: 14px;

    font-weight: 500;

    font-family: poppins;

    max-width: 100%;

}



/*---my-class--*/



/*---login--*/





.login-screen {

    margin: 0 auto;

    left: 35px;

    right: 35px;



}

.login-screen.fullPage{
    margin:40px auto;
}





/*---registration--*/



.container-fluid {padding-right: 0em;

    padding-left: 0em;}



.transparent-bg.col-md-12 {margin-top: 0px;background-color: #ffffff75; margin-bottom: 0px; height: 100vh;}



body {

    background-size: cover;

    background-repeat: no-repeat;

    width: 100%;

    background-position: 70% 50%;

}

.fullvh{

	height:100vh;

}



.login-button {

    margin-top: 50px;

    text-align: center;

}



p.all-details {max-width: 100%;    line-height: 25px;}



button.btn-design {

    border: 1px solid #fff;

}



/*---step-1---*/





.col-md-4.company-name {

    display: none;

}



button#dropdownMenu1 {

    float: left;

}

.user-dropdown.col-md-12 {

    padding: 0px;

}



.main-div-bg {

    background-image: none;

}



.main-div-border {margin-top: 24px; padding: 0px; margin-bottom:20px;}

.logo-image-login {

    text-align: center;

}



.steps ul li a img {

    max-width: 80px;

    margin-right: -15px;

}



.steps {

    /*margin: 15px auto 0;*/

    text-align: center;

    position: static;

}



.row {margin-left:0px !important; margin-right: 0px;}



.agreement-details {padding: 0px 10px 10px 10px;}

.agree-button-step-1 {

    padding: 23px 0px 0px 0px;

}

span.main-head {font-size: 14px;}

p.break-agreement {

font-size: 14px;

    line-height: 22px;

}

.agreement.col-md-6 {

    padding: 0px;

}





/*----step-2--*/



.col-md-3.logo-image-step-2 {text-align: center;}

.col-md-12.logo-step {

    margin-top: 24px;

}

.col-md-12.all-qus {

    margin-top: 20px;

}

.col-md-9.step-image ul li a img {

    max-width: 80px;

    margin-right: -15px;

}



.col-md-9.step-image {

    right: 0;

    left: 0;

    margin: 0 auto;

    text-align: center;

    top: 30px;

    z-index: 99;

}

html,body{

    overflow-x: hidden;

}

.subject span.number{

    font-size:14px;

}

p.note {

    font-size: 15px;

    max-width: 100%;

}

span.number-step-3{

    font-size: 15px;

    color: #181818;

}

.col-md-3.logo-image-step-4{

    text-align: center;

}

.col-md-3.logo-image-step-4 img{

    max-width:90px;

}

p.declare {

    font-size: 14px;

    color: #636363;

}

.agree-button-step-3 {

    margin-top: 20px;

    margin-bottom: 20px;

    text-align: center;

}



.col-md-10.qus {

    margin: 0px;

    padding: 0px 15px;

}

p.question {

    font-size: 14px;

    line-height: 20px;

    margin-bottom: 0px;

}



.check-option.col-md-2 {

    text-align: left;

    margin-bottom: 16px;

    font-size: 18px;

    padding: 0px;

    margin-top: 16px;

    display: inline-block;

    width: auto;

    position: relative;

}

.check-option.col-md-2 span, .check-option-subject.col-md-2 span{

    padding-left:5px;

}

/*.check-option.col-md-2 input:before, .check-option-subject.col-md-2 input:before{

    content:'';

    position: absolute;

    left:0;

    width:15px;

    height:15px;

    background:#fff;

    border:1px solid #636363;

    border-radius:3px;

    top:6px;

    transition: ease all 0.3s;

}*/

/*.check-option-subject.col-md-2 input:before{

	left:15px;

	top:10px;

}*/

/*.check-option.col-md-2 input:checked:before, .check-option-subject.col-md-2 input:checked:before {

    content: '\f14a';

    color: #636363;

    font-family: 'FontAwesome';

    border: none;

    top: 2px;

}*/



/*---step-3---*/



.col-md-3.logo-image-step-3 {

    text-align: center;

}



.col-md-10.subject {margin:0px;}

.agreement-details::-webkit-scrollbar{

    width:4px!important;

}

}



























































@media screen and (max-width:384px){

    button.btn-design-login {

    padding: 4px 17px 7px 14px;

}

}

@media screen and (max-width:390px){

    .steps ul li a img, .col-md-9.step-image ul li a img{

        max-width:60px;

    }

    /*.steps , .col-md-9.step-image{

        margin-left:-18px;

    }*/

}

@media screen and (max-width:362px){

	.logo-image img{

		max-width:90px;

	}

	p.logo-details{

		margin-bottom:25px;

	}

	.form-design label{

		font-size:14px!important;

	}

	input#useremail, input#userpassword{

		padding:6px 9px;

	}
    

	/*button.btn-design-login{

		    padding: 4px 50px 7px 50px;

	}*/

}



@media screen and (min-width:1170px) and (max-width:1400px){

    .login-screen{

        top:40px;

        bottom:40px;

    }

}





@media screen and (min-width:364px){

.login-screen {

    max-width: none;

}

}

@media screen and (min-width:543px){

    .login-screen{

        max-width:363px;

    }

}

@media screen and (min-width:722px){

    .login-screen{

        max-width:542px;

    }

}

@media screen and (min-width:812px){

    .login-screen{

        max-width:721px;

    }

}

@media screen and (min-width:991px){

    .login-screen{

        max-width:811px;

    }

}

@media screen and (min-width:1170px){

    .login-screen{

        max-width:1140px;

    }

}





/*---my class--*/





@media screen and (min-width: 320px) and (max-width: 419px){



    .row.nomargins {height:100%;}

.steps.col-md-9 {padding: 0px;}

span.logout-option{
    padding-left:0;
}
.admin-user-dropdown.col-md-12{
    text-align: center;
}

}



}





@media screen and (max-width: 350px){

.steps.col-md-9 {

    text-align: center;

    margin-top: 18px;

    margin: 0 auto;

}

.steps.col-md-9 {margin: 0px !important;}

    .col-md-4.admin-company-name{
        width:100%!important;
    }
    .col-md-8.admin-user-profile{
        width:100%!important;
        padding-right:0!important;
    }
    .admin-user-dropdown.col-md-12 {
        text-align: center!important;
        margin-top: 13px!important;
        padding-left: 0px!important;
    }

}





.form-control-design {display: flex;

    width: 100%;

    padding: .375rem .75rem;

    font-size: 1rem;

    line-height: 1.5;

    color: #495057;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #ced4da;

    border-radius: .25rem;

    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;



}



h2.check-design {

    margin-top: 50px;

}



.form-row{

    margin-bottom: 10px !important;

}



.loader {

  border: 16px solid #f3f3f3;

  border-radius: 50%;

  border-top: 16px solid #3498db;

  width: 120px;

  height: 120px;

  -webkit-animation: spin 2s linear infinite; /* Safari */

  animation: spin 2s linear infinite;

  position: absolute;

  left: 50%;

  top: 45%;

  background-color: rgba(0, 0, 0, 0.5);

}



/* Safari */

@-webkit-keyframes spin {

  0% { -webkit-transform: rotate(0deg); }

  100% { -webkit-transform: rotate(360deg); }

}



@keyframes spin {

  0% { transform: rotate(0deg); }

  100% { transform: rotate(360deg); }

}





.btn-primary{

    background-color: #1F1B48;

    border-color:#1F1B48;

}



.btn-primary:hover{

    background-color: #1F1B48;

    border-color:#1F1B48;

}



.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle{

    background-color: #1F1B48;

    border-color:#1F1B48;

}



.btn-primary.focus, .btn-primary:focus{

    box-shadow: 0 0 0 .2rem rgba(42,36,37,.5);

}



.btn-primary.disabled, .btn-primary:disabled{

    background-color: #1F1B48;

    border-color:#1F1B48;

}





.chkClass{

    transform: scale(1.5);

    transform-origin: 50% -18px;

}



#processingWindow{

    width: 100%; 

    position: absolute;

    top: 0; 

    bottom: 0; 

    background-color: rgba(0, 0, 0, 0.6);

    display: none;

}



.optionText{

    text-align: left !important;

    font-size: 20px !important;

}



#alarmId{

    cursor: pointer;

}



.highAlert{

    color: red;

}







.highAlertBtn {

  -webkit-animation: argh-my-eyes 1s infinite;

  -moz-animation:    argh-my-eyes 1s infinite;

  animation:         argh-my-eyes 1s infinite;

}

@-webkit-keyframes argh-my-eyes {

    0%   { background-color: #48447D; }

    49% { background-color: #48447D; }

    50% { background-color: #000; }

    99% { background-color: #000; }

    100% { background-color: #48447D; }

}

@-moz-keyframes argh-my-eyes {

    0%   { background-color: #48447D; }

    49% { background-color: #48447D; }

    50% { background-color: #000; }

    99% { background-color: #000; }

    100% { background-color: #48447D; }

}

@keyframes argh-my-eyes {

    0%   { background-color: #48447D; }

    49% { background-color: #48447D; }

    50% { background-color: #000; }

    99% { background-color: #000; }

    100% { background-color: #48447D; }

}



.loadingInProgress .pdfloader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #1F1B48;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  position: absolute;
  top: 50px;
  left: 45%;
  display: block !important;
}

.pdfloader{
    display: none;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}