html a{
    cursor:pointer;
}
.content h1 {
    color: #fff;
    font-size: 21px;
    /*text-align: center;*/
    letter-spacing: 1px;
    font-family: 'Amaranth', sans-serif;
    margin-top: 15px;
}

.institutename {
    color: #fff;
    font-size: 16px;
    text-align: center;
    letter-spacing: 1px;
    font-family: 'Amaranth', sans-serif;
    margin-top: 9px;
    margin-bottom: 28px;
}

.main {
    width: 70%;
    margin: 25px auto;
    background: #fff;
    padding: 10px 25px;
    margin-bottom: 0px;
    margin-top: 20px;
    min-height: 300px;
}

.p-l-0 {
    padding-left: 0px;
}

.p-r-0 {
    padding-right: 0px;
}

.p-t-0 {
    padding-top: 0px !important;
}
.p-t-20 {
    padding-top: 20px !important;
}
.p-b-0 {
    padding-bottom: 0px;
}
.instruction tbody tr td{
    padding:5px !important;
    border:none !important;
}
.border-top{
    border-top: 1px solid #ddd;
}
.mb-0 {
    margin-bottom: 0px;
}
.clientlogo {
    height: auto;
    width: 6%;
    max-width: 6%;
    margin-left: 0px;
    margin-top: 22px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------start for star rating----------*/
.rating {
    float: left;
    margin-top: -8px;
}

    /* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */
    .rating:not(:checked) > input {
        position: absolute;
        /*top: -9999px;*/
        clip: rect(0,0,0,0);
    }

    .rating:not(:checked) > label {
        float: right;
        width: 1em;
        padding: 0 .1em;
        overflow: hidden;
        white-space: nowrap;
        cursor: pointer;
        font-size: 170% !important;
        line-height: 1.2;
        color: #ddd;
        text-shadow: 1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5);
    }

        .rating:not(:checked) > label:before {
            content: '★ ';
        }

    .rating > input:checked ~ label {
        color: #f70;
        text-shadow: 1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);
    }

    .rating:not(:checked) > label:hover,
    .rating:not(:checked) > label:hover ~ label {
        color: gold;
        text-shadow: 1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
    }

    .rating > input:checked + label:hover,
    .rating > input:checked + label:hover ~ label,
    .rating > input:checked ~ label:hover,
    .rating > input:checked ~ label:hover ~ label,
    .rating > label:hover ~ input:checked ~ label {
        color: #ea0;
        text-shadow: 1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
    }

    .rating > label:active {
        position: relative;
        top: 2px;
        left: 2px;
    }

/*--------end for star rating----------*/

.textradio {
    padding-right: 20px;
}

.qutn {
    margin-top: 14px;
    font-size: 16px;
}

.asterisk {
    color: red;
}

.separator {
    /*border-bottom: 1px solid #ddd;*/
    border-top: 1px solid #ddd;
    margin: 8px 0 0px 0;
    padding: 1px 15px;
}
.timer {
    text-align:right
}
.radio-inline + .radio-inline {
    margin-left:0px;
}
.modal .close {
    opacity: 0.4;
}
/*--------------start num with circle --------*/
.rb {
    padding: 1px 0 10px 0;
    text-align: center;
    background: rgba(255,255,255,.03);
    border-radius: .3em;
}

.rb-tab {
    display: inline-block;
    position: relative;
    width: 19%;
}

.rb-txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 13px;
    color: #FFFFFF;
}

.rb-spot {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 50%;
    left: 13%;
    transform: translate(-50%, -50%);
    background: #5774c5e0;
    border: 2px solid rgba(74, 188, 255, 0.9);
    border-radius: 100%;
    cursor: pointer;
    transition: ease .5s;
}

.rb-tab-active .rb-spot {
    background: rgba(0, 0, 0, 0.55);
    border: 2px solid rgba(243,49,128,.6);
}
/*--------------end num with circle --------*/

/* Submit Button */
.button-box {
    padding: 6px 6px;
    text-align: center;
    background-color: #2b8fe0;
    box-shadow: 0 2px 2px 0 #42a5f540, 0 3px 1px -2px #42a5f53b, 0 1px 5px 0 #42a5f529;
}

.button {
    display: inline-block;
    width: 80%;
    margin-top: 1.2em;
    padding: 1em;
    max-width: 220px;
    font-size: .9em;
    color: #D42D78;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: .15em;
    background: white;
    border: none;
    outline: none;
    border-radius: 5em;
    box-shadow: 0 15px 20px -10px rgba(0, 0, 0, 0.3);
    transition: color 0.6s, box-shadow 0.3s, transform 0.3s;
    cursor: pointer;
}

#button-box:hover {
    background: #2e6da4;
}
.mt-2 {
    margin-top: 2px !important;
}
.mt-4 {
    margin-top: 4px !important;
}
.mt-15 {
    margin-top: 15px;
}
.mt-30 {
    margin-top: 30px;
}
.mt-45 {
    margin-top: 45px;
}

.textareacontent {
    color: #758396;
    resize: vertical;
    width: 100%;
}

.textradio label {
    cursor: pointer;
}

.inputValue {
    margin: 5px 0;
}

    .inputValue .text {
        display: inline-block;
    }

.noticeNhint {
    border-bottom: 1px solid #ddd;
    margin-bottom: 14px;
    margin-top: 14px;
    border-top: 1px solid #ddd;
    padding: 10px 10px 10px 15px
}

/*-------------------start for header --------------*/
#navbar {
    background-image: none;
    background-color: #fff;
    border: none;
    box-shadow: 1px 1px 5px #222;
    border-radius: 0;
    position: fixed;
    z-index: 99;
    width: 100%;
    top: 0;
    right: 0;
    padding-left: 29px;
    padding-right: 11px;
    margin-top: 0;
    opacity: 0.9;
}

#search-not-mobile {
    display: inline;
    float: right;
    padding: 0 15px;
}

/*-------------------end for header --------------*/

/*---------start radio button style-------*/
.container {
    display: inline-block;
    position: relative;
    padding-left: 29px;
    margin-bottom: 10px;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 15%;
}

    /* Hide the browser's default radio button */
    .container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}
/*---------end radio button style-------*/


.detail {
    color: #758396;
    margin-bottom: 0;
}

    .detail tbody tr td, .noticeNhint tbody tr td {
        border: none;
        padding: 2px 8px;
        vertical-align: middle;
    }
.courseheading {
    border-bottom: 1px solid #ddd;
    padding-bottom: 14px;
    margin-bottom: 15px;
}
.coursename {
    font-size: 20px;
}
#CandidateMainDiv {
    margin-top: 103px;
}
.p-8 {
    padding:8px !important;
}
.p-t-8 {
    padding-top: 8px !important;
}
.border-none{
    border: none !important;
}
.inline-block{
    display:inline-block;
}
.overflow-auto{
    overflow:auto;
}
.bg-white{
    background-color:white !important;
}
.pointer-none{
    pointer-events:none;
}
#txtRemarks, #txtReason {
    border-radius: 4px !important;
}

/*-- responsive media queries --*/
@media (max-width: 1440px) {
    .main {
        width: 85%;
    }

    .textareacontent {
        width: 100%;
    }
}

@media (max-width: 1280px) {
    .main {
        width: 70%;
    }

    .clientlogo {
        width: 7%;
        max-width: 7%;
    }
}


@media (max-width: 250px ){
    /*.institutelogo {
        max-width: 50px !important;
    }*/
}
@media (max-width: 1024px) {
    .main {
        width: 70%;
        margin: 25px auto;
        background: #fff;
        padding: 30px 17px;
    }

    .textareacontent {
        margin-top: 7px;
        margin-left: 1px;
    }
  #navbar {
        padding-right: 6px;
        padding-left: 15px;
    }

    .clientlogo {
        width: 12%;
        max-width: 12%;
    }
}

@media (max-width: 1080px) {
    .main{
        width: 70%;
        margin-bottom: 60px;
    }

    .clientlogo {
        width: 9%;
        max-width: 9%;
    }
}

@media (max-width: 800px) {
    .main {
        width: 80%;
    }

    .clientlogo {
        width: 12%;
        max-width: 12%;
    }

    .textareacontent {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .main {
        width: 95% !important;
        margin: 32px auto;
        padding-top: 10px;
    }
    .sharedbtn, .download {
        margin-top: 5px;
    }
   
    .timer {
        text-align: left;
        padding-left: 0px;
    }
    .rb-tab {
        width: 16%;
    }

    .textradio {
        display: block;
    }

    .clientlogo {
        width: 13%;
        max-width: 13%;
    }

    .radio-inline + .radio-inline {
        margin-left: 0px;
    }

    .textareacontent {
        width: 100%;
    }

    .container {
        display: block;
        width: initial;
    }

    .fixwidth {
        width: 34px;
    }
    .user-dashboard-details {
        width: 98.5% !important;
        margin: 5px;
    }
    .xs-border-bottom {
        border-bottom: 1px solid #bbb;
        padding-bottom: 5px !important;
    }
    .xs-p-0{
        padding:0px !important;
    }
    .xs-p-t-8{
        padding-top: 8px !important;
    }
    .xs-m-0 {
        margin:0px !important;
    }
    .xs-p-t-15{
        padding-top:10px !important;
    }
    .xs-visible{
        display:block;
    }
    .xs-hidden{
        display:none;
    }
    .stylised-play h3, .stylised-pause h3{
        display: none;
    }
    .stylised-play, .stylised-pause {
        width: 90px !important;
    }
    .stylised-time-wrapper {
        left: 90px !important;
        right: 73px !important;
    }
    .stylised-player p {
        left: 90px !important;
    }
    .fordesktop {
        display: none !important;
    }

    .formob {
        display: block !important;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .input-group {
    width:100%;
    }
    .fancyscroll::-webkit-scrollbar {
        width: 0px !important;
    }
    .mt-60.xs-mt-0 {
        margin-top: 0px !important;
    }
    .xs-position-relative {
        position: relative !important;
    }
}

@media(max-width:640px) {
    .main {
        margin: 37px auto;
        margin-bottom: 56px;
        padding: 30px 16px;
        padding-top: 12px;
    }
    #CandidateMainDiv {
        margin-top: 85px;
    }
}
@media(max-width:570px) {
    .xs-display-grid{
        display:grid !important;
    }
}

@media(max-width:414px) {
    .textareacontent {
        margin-top: 8px;
    }
}

@media(max-width:412px) {
    .main {
        padding: 30px 9px;
    }
    .clientlogo {
        width: 19%;
        max-width: 19%;
    }
}
@media(max-width:402px) {
    .xs-p-l-0 {
        padding-left: 0px !important;
    }
    .xs-p-r-0 {
        padding-right: 0px !important;
    }
    .xs-p-5 {
        padding: 5px !important;
    }
}

@media(max-width:480px) {
    .main {
        padding: 30px 17px;
    }

    .clientlogo {
        width: 17%;
        max-width: 17%;
    }
    .logout{
        padding-bottom:5px;
    }
    .breadcrumb-header {
        display: inline-block !important;
    }
}

@media(max-width:384px) {
    .main {
        padding: 6px 6px;
        margin-bottom: 75px;
        padding-bottom: 18px;
    }

    .clientlogo {
        width: 20%;
        max-width: 20%;
    }
}

@media(max-width:375px) {
    .textareacontent {
        margin-top: 6px;
    }
}

@media(max-width:360px) {
    .main {
        padding: 6px 6px;
        margin-bottom: 75px;
        padding-bottom: 15px;
    }

    .clientlogo {
        width: 20%;
        max-width: 20%;
    }
}


label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    color: #758396;
}
.queNotAttempt {
    background: #d9534f;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 5px;
    text-align: center;
    width: 1.6em; /*4.6em;*/
    cursor:pointer !important;
}

.queAttempted {
    background: #5cb85c;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 5px;
    text-align: center;
    width: 1.6em; /*4.6em;*/
    cursor: pointer !important;
}
.w-50{
    width:50% !important;
}
.zoomframe {
    width: 100%;
    /*height: calc(100vh - 300px);*/
    background: #fff;
    text-align: center;
    border-radius: 0px;
}
.min-h-50 {
    min-height: 50px !important;
}
.min-h-130{
    min-height:130px !important;
}
.min-h-200 {
    min-height: 200px !important;
}
.min-h-205 {
    min-height: 205px !important;
}
/*User Dashboard CSS */
.user-dashboard label {
    color: #484e56;
}
.user-dashboard {
    color: #484e56;
    width: 97%;
    margin: 25px;
    background: #fff;
    padding: 10px 25px;
    margin-top: 0px;
    margin-bottom: 10px;
    min-height: 75px;
}
.u-dashboard#headerText {
    text-align: left;
    margin-left: 8px;
    margin-bottom: 0px;
    margin-top: 0;
    font-size: 21px;
    font-size: 17px;
    padding-top: 8px;
}
.user-dashboard label {
    margin-bottom: 0px;
    
}
.card {
    background: #fff;
    padding: 20px;
    text-align: center;
    margin: 10px;
    position: relative;
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: #ffffff;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.48);
    cursor:pointer;
}
.bg-transparent{
    background:transparent !important;
}
.p-0{
    padding:0px !important;
}
.p-5{
    padding:5px !important;
}
.p-b-5{
    padding-bottom:5px !important;
}
.p-b-10 {
    padding-bottom: 10px !important;
}
.p-t-10 {
    padding-top:10px;
}
.p-l-r-15 {
    padding-left: 15px;
    padding-right: 15px;
}
.user-dashboard .card a {
    color: #536c77;
    font-size: 16px;
    cursor: pointer;
}
.user-dashboard .card a span{
    font-size:23px;
    color: #3d83bf;
}
.w-100{
    width:100% !important;
}
.m-0{
    margin:0px !important;
}
.m-r-5{
    margin-right:5px;
}
.m-t-10{margin-top : 10px !important;}
.user-dashboard-details {
    width: 100%;
    margin: 6px;
    background: #fff;
    padding: 8px 8px;
    margin-top: 5px;
    margin-bottom: 5px;
    min-height: 52px;
    text-align: left;
}
.m-t-50 {
    margin-top: 50px !important;
}
.user-dashboard-details p{
    margin-bottom:0px;
}
.display-flex {
    display: flex;
}
.pull-right{
    float:right;
}
#divContentBody .logout a {
    background-color: #337ab7;
}
.completedGreen {
    color: #0e9e0e;
}
.fordesktop {
    display: block;
}
.formob {
    display:none;
}
.border-bottom{
    border-bottom: 1px solid #bbb;
}
@media only screen and (max-width: 768px) {
    .user-dashboard {
        margin: 0;
        width: 100%;
    }
    html {
        overflow: auto !important;
        padding-bottom:45px;
    }
    .container {
        padding-left: 10px;
    }
    .dataTables_length label{
        display:flex !important;
    }
    .dataTables_length label select.input-sm {
        max-width: 64px !important;
    }
    .dataTables_wrapper {
        padding-top:4px !important;
    }
    .xs-display-contents{
        display:contents !important;
    }
    .navbar.navbar-default {
        position: fixed !important;
    }
}
@media only screen and (max-width: 768px) {
    .xs-display-block{
        display: block !important;
    }
}
.max-250px{
    max-width:250px !important;
}
.text-white{
    color:#fff !important;
}
hr{
    margin-top:10px;
    margin-bottom:10px;
}
/* candidate dashboard css end*/

@media(width:320px) {
    .queAttempted ,.queNotAttempt {
        margin-right: 1px;
    }
    /*.institutelogo {
        max-width: 50px !important;
    }*/
}
@media(max-width:330px){
    .expandbtn i.fa{
        font-size:15px;
    }
    .card .card-footer span{
        letter-spacing:-2px;
    }
}
@media(max-width:290px) {
    .card .card-footer span {
        letter-spacing: -4px;
    }
}
.modal-header .close {
    margin-top: -2px;
    font-size: 30px;
    opacity: 0.7;
}
.modal-title {
    font-size:20px;
}
.dataTables_wrapper .dataTables_paginate {
    text-align: right !important;
}
.dataTables_wrapper{
    padding-top:5px !important;
}
.border-r-none{
    border-right:none !important;
}
.border-l-none {
    border-left: none !important;
}
.dataTables_length label{
    padding-top:8px !important;
}
.pagination {
    margin: 8px 0 !important;
}
.expandbtn{
    padding: 0px !important
}
    .expandbtn i.fa {
        font-size: 20px;
    }
.max-5px{
    width:5px !important;
}
.h-100 {
    height:100% !important;
}
td.details-control {
    background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('../images/details_close.png') no-repeat center center;
}
.dtr-details{
    padding-left:15px;
}
.dtr-title{
    font-weight:600;
}
tr.shown td.details-control, td.details-control {
    padding: 2px 10px !important;
}
/*-----------swal -------------*/
.swal-title:first-child {
    margin-top: 7px !important;
}
.swal-title {
    padding: 10px 16px !important;
}
.swal-footer {
    margin-top: 5px !important;
    padding: 8px 16px !important;
}
.swal-button {
    background-color: #337ab7;
    padding: 8px 24px;
}
.swal-button--cancel {
    color: #f9f9f9;
    background-color: rgba(140, 140, 140, 1);
}

.swal-button:hover {
    background-color: #286090 !important;
}
.swal-button--cancel:hover {
    background-color: rgba(119, 119, 119, 1) !important;
}
.modal-header .close {
    margin-top: -2px;
    font-size: 30px;
    opacity: 0.7;
}
.dataTables_wrapper .dataTables_paginate {
    text-align: right !important;
}
.warning {
    color: #da2d2d;
}
.noteCourse {
    padding: 8px 0px 8px 0px !important
}
#div_Calendar {
    margin-bottom: 50px;
}
.fc button .fc-icon {
    top: 1px;
}
.select2-container--default .select2-selection--single {
    height: 34px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 33px !important;
}

/*fancy scroll*/
/* width */
.fancyscroll::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.fancyscroll::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
.fancyscroll::-webkit-scrollbar-thumb {
    background: #ebedee;
    border-radius: 10px;
}

    /* Handle on hover */
    .fancyscroll::-webkit-scrollbar-thumb:hover {
        background: #cecece
    }
.hide_column {
    display: none;
}
.text-black {
    color: #333 !important;
}

.validatecandidate{
    text-align: left;
    color: red;
    display: inline-block;
    float: left;
}
#sharecontainer .modal-body {
    width: 100%;
    max-height: 430px;
    /*min-height: 430px;*/
    overflow: auto;
}
.recordingid {
display:none;
}
.outline-0{
    outline: 0px !important;
}
.white-space-nowrap {
    white-space: nowrap !important;
}
.float-right{
    float:right !important;
}
.whatsapp:hover i {
    color: forestgreen;
}
.facebook:hover i {
    color: blue;
}
.twitter:hover i {
    color: deepskyblue;
}
.mail:hover i {
    color: #d03838;
}
.telegram:hover i {
    color: deepskyblue;
}
/*Tooltip CSS*/
.tooltip {
    opacity:1 !important;
    position: relative;
    display: inline-block;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: 150%;
        left: 50%;
        margin-left: -60px;
    }

        .tooltip .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: black transparent transparent transparent;
        }

    .tooltip:hover .tooltiptext {
        visibility: visible;
    }
    .font-12px{
        font-size:12px !important;
    }
.font-13px {
    font-size: 13px !important;
}
.font-14px {
    font-size: 14px !important;
}
    .downloadprogress {
    width: 90%;
    margin-top: 4px;
}
.progressdisplay {
    display: none;
}
.Mandatory{
    color:red;
}
/*Registration card css*/
.cardpanel .eventfee.fee {
    color: #222 !important;
}
.bottom-position {
    position:absolute !important;
    bottom: 0 !important;

}
.cursor-pointer{
    cursor:pointer !important;
}
.position-absolute{
    position:absolute !important;
}
.position-relative {
    position: relative !important;
}
.top-0{
    top:0 !important;
}
.popover {
    min-width: 120px;
    border-radius:0;
}
.p-r-4 {
    padding-right: 4px !important;
}
.p-r-5{
    padding-right: 5px !important;
}
.p-r-6 {
    padding-right: 6px !important;
}
.p-r-8 {
    padding-right: 8px !important;
}
.p-r-10 {
    padding-right: 10px !important;
}
.p-b-40 {
    padding-bottom: 40px !important;
}

.btn, .form-control, .panel, .dropdown-menu,
.spagination > li:last-child > a, .pagination > li:last-child > span,
.pagination > li:first-child > a, .pagination > li:first-child > span, .swal-button,
.swal-button--cancel, .swal-modal, .breadcrumb {
    border-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
}
button.close:focus {
    outline: none !important;
}
.socialshare a:hover,.socialshare a:focus {
    color: #23527c;
    text-decoration: none;
}
div#DescriptionModal {
    z-index: 99999;
}
/*:focus {
    border-radius:0 !important;
    outline: #e2e2e2 auto 1px;
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 0px;
}*/
.p-t-5{
    padding-top:5px !important;
}
.modal-content{
    border-radius:0px !important;
}
#bs-slide-dropdown {
    cursor: auto;
}
#LoginModal {
    z-index: 9999999;
}
#bs-slide-dropdown .dropdown-menu {
    min-width: 124px !important;
    margin-right: 3px;
}
    #bs-slide-dropdown .dropdown-menu > li > a{
        color:#222 !important;
    }
.m-b-10{
    margin-bottom:10px !important;
}
.m-b-20 {
    margin-bottom: 20px !important;
}
.m-b-40 {
    margin-bottom: 40px !important;
}
.m-b-60 {
    margin-bottom: 40px !important;
}
.panel-heading[aria-expanded=false] .glyphicon-chevron-down {
    display: block !important;
}

.panel-heading[aria-expanded=true] .glyphicon-chevron-up {
    display: block !important;
}

.panel-body.collapsing {
    width: 100%;
    padding-top: 0px;
}
.navPaddingNavdefault {
    padding: 4px 100px !important;
    padding-bottom: 0 !important;
}
@media(width:768px) {
    .navPaddingNavdefault {
        padding: 4px 20px !important;
        padding-bottom: 0 !important;
    }
    .768-hidden{
        display:none !important;
    }
}

@media(min-width:768px) {
    .d-p-l-30 {
        padding-left:30px !important;
    }
    .sm-position-absolute{
        position:absolute !important;
    }
}
@media(min-width:600px) {
    .formob {
        display: none !important; 
    }
}
@media(width:800px) {
    #maindivfilter {
        width: 39em !important;
    }

    .navPaddingNavdefault {
        padding: 5px 18px !important;
        padding-bottom: 0 !important;
    }
}
@media(max-width:920px) {
    .navPaddingNavdefault {
        padding: 5px 18px !important;
        padding-bottom: 0 !important;
    }
}

.m-b-0 {
    margin-bottom:0px;
}
.m-b-10{
    margin-bottom: 10px !important;
}
.m-b-50 {
    margin-bottom: 50px !important;
}
.font-20px {
    font-size: 20px !important;
}
.mt-60{
    margin-top:60px !important;
}
.mb-100 {
    margin-bottom: 100px !important;
}
.heading-text {
    font-weight: 600;
    font-size: 20px;
}
.bottom-0{
    bottom:0px !important;
}
.p-b-45{
    padding-bottom:45px !important
}
.currentEvent {
    padding-left: 10px;
    padding-right: 10px;
}
    .currentEvent h4 {
        padding: 10px;
        color: #fff;
        /*border-bottom: 1px solid #ddd;*/
        padding-left: 0;
        /*border-top: 1px solid #ddd;*/
    }
.navbar .home a {
    position: relative;
    z-index: 99999;
    cursor: pointer;
}
.active-nopointer-btn {
    background-color: #00437b !important;
    pointer-events: none;
}
#btnRedirect {
    font-size: 17px;
    padding: 5px 15px;
    margin: 2px;
    border: 1px solid #fff;
    color: #fff;
}
.glass {
    /* background styles */
    position: relative;
    display: inline-block;
    padding: 15px 25px;
    background-color: #337ab7;
    background-image: linear-gradient(#337ab7,#337ab7);
    /* text styles */
    text-decoration: none;
    color: #fff;
    font-size: 25px;
    font-family: sans-serif;
    font-weight: 100;
}
    .glass:after {
        content: '';
        position: absolute;
        top: 2px;
        left: 2px;
        width: calc(100% - 4px);
        height: 50%;
        background: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.2));
    }
    .glass:hover {
        background: linear-gradient(#00437b,#00437b);
    }
/*fliclock css for event countdown*/
.vertival-middle{
    vertical-align:middle;
}