body {
    margin: 0;
    font-family: arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
  
}



html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden; /* if you want to avoid scrolling */
}
.inlineBox {
    width: 50px;
    padding: 3px 7px;
}

.mrB25vh {
    margin-bottom: 25vh;
}

.logo {
    float: left;
   /* background: black;*/
    border-radius: 0px 0px 10px 10px;
    /*padding: 15px 20px 15px 20px;*/
    padding: 15px 20px 15px 0px;
    position: absolute;
    top: 0;
	left:-105px;
}



@media screen and (min-width: 1360px) and (max-width: 1380px) and (orientation: landscape) {

    .logo {
        padding: 25px 200px 5px 80px !important; /* ← your custom padding */
    }
}
.widthfull {
    width: 100%;
}

.jkeyboard .jline ul li {
    border: 1px solid white !important;
    border-radius: 2px !important;
    background: aliceblue !important;
    color: black !important;
}

.divider {
    height: 50px;
}

.divider {
    height: 50px;
}

.lnkMenu img:hover {
    opacity: 1;
    box-shadow: 0px 0px 5px #f8f9fa;
    border-radius: 28px;
}

.tree-menu li:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #000;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

ul.nav.nav-list.tree ul {
    list-style: none;
    padding: 0px;
}

.table tr:hover {
    background: aliceblue;
}

ul.paddingL15 {
    padding-left: 15px !important;
}

.h50 {
    height: 50px;
}

.pd0 {
    padding-left: 0px;
}

.ddl {
    height: 37px;
    width: 40px;
    background: #fdf0dc;
    border-radius: 7px;
    position: fixed;
    top: 11px;
    right: 25px;
  
}

    .ddl li {
        padding: 6px 8px;
        z-index: 2;
        animation: fadeIn 0.5s linear;
      
    }

        .ddl li:not(.init) {
            float: left;
            width: 100%;
            display: none;
            background: #ddd;
            border-bottom: 1px solid white;
            transition: .35s ease-in-out;
        }

            .ddl li:not(.init):hover,
            .ddl li.selected:not(.init) {
                background: #f8f9fc;
            }

        .ddl li.init {
            cursor: pointer;
        }

        .ddl li:last-child {
            border-radius: 0px 0px 7px 7px;
        }

        .ddl li:nth-child(2) {
            border-radius: 7px 7px 0px 0px;
        }

        .ddl li:nth-child(1) {
            border-radius: 0px 0px 7px 7px;
        }

        .ddl li:nth-child(1) {
            transform: translate3d(0%);
        }

        .ddl li:nth-child(2) {
            transform: translate3d(100%);
        }

        .ddl li:nth-child(3) {
            transform: translate3d(200%);
        }

.sb-sidenav-light {
    background-color: #F49C3F;
}

.navbar-dark .navbar-brand {
    color: #F49C3F;
}

.design1 .sb-sidenav-menu .nav .nav-link {
    border: 1px solid white;
    border-radius: 8px;
}

.design2 .sb-sidenav-menu .nav .nav-link {
    border: 1px solid #bce8f1;
    border-radius: 8px;
}

.droppedIcon {
    width: 24px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 86px;
    z-index: 5;
}

    .droppedIcon a {
        display: block;
        margin-bottom: 5px;
        font-size: 10px;
        padding: 5px 0;
        width: 25px;
    }

div#clickOn2-box {
    border: 1px solid #eee;
    padding: 10px;
}

.form-check {
    margin-bottom: 1px;
}

.form-check-inset {
    margin-left: 20px;
}

.innerBlock {
    border: 1px solid #ddd !important;
    margin: 0;
     min-width: 0;
     padding: 10px;
     position: relative;
     border-radius: 4px;
    background-color: white;
     padding-left: 10px !important;
     margin-bottom: 10px;
}

.modal-content {
    background: #F8F9FC;
}

.back {
    background: white;
    padding: 15px;
    border-radius: 5px;
}

.tree li a {
    position: relative;
    display: block;
    padding: 1px 9px !important;
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: #eee;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

/* Nav tabs*/
#container {
    padding-left: 10vw;
    padding-right: 10vw;
    padding-top: 5vh;
    padding-bottom: 20vh;
}


.nav-sidebar {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    /*margin-top: 10px;*/
}

 
    .nav-sidebar a {
        color: #333;
        -webkit-transition: all 0.08s linear;
        transition: all 0.08s linear;
    }

    .nav-sidebar .active a {
        cursor: default;
        background-color: #F49C3F !important;
        color: #fff;
    }

        .nav-sidebar .active a:hover {
            background-color: #87aef7;
        }


    .nav-sidebar .text-overflow a,
    .nav-sidebar .text-overflow .media-body {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.nav-pills > li {
    float: left;
}

.nav > li {
    position: relative;
    display: block;
}

.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both;
}

.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " ";
}

.uptime select.form-control {
    height: 26px !important;
    width: 100% !important;
    padding: 3px 6px !important;
    margin-top: 5px !important;
}

.dFlex {
    display: flex;
    margin-bottom: 5px;
}

.form-group fieldset {
    background: #fff;
    border-top: 1px solid #e6e6e6;
}

/ The container /
.radio-inline {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
}

.innerBlock.paddingRL {
    padding: 30px 65px;
}

.col-sm-6.paddingR15 {
    padding-right: 31px;
}

.col-sm-6.paddingL15 {
    padding-left: 31px;
}

label.control-label {
    font-size: 16px;
}

.paddingRL .form-group {
    margin-bottom: 12px;
}

.fnt-color-white {
    color: #fff !important;
}

.checkbox_block {
    max-width: 4%;
}

.mrB10 {
    margin-bottom: 10px;
}

.mrR5 {
    margin-right: 5px;
}

h6 {
    font-size: 20px;
}

.mrB60 {
    margin-bottom: 60px;
}
/*krima20251014 comment*/
/*.mrT60 {
    margin-top: 60px;
}*/

.mrT60 {
    margin-top: 120px;
}

.mrT70 {
    margin-top: 100px;
    height :100px;
}
/* Krima20220112*/
.mrB30 {
    margin-bottom: 30px;
}

.admin fieldset {
    border: 1px solid #ddd !important;
    margin: 0;
    min-width: 0;
    padding: 10px;
    position: relative;
    border-radius: 4px;
    background-color: white;
    padding-left: 10px !important;
    margin-bottom: 10px;
}

.admin legend {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0px;
    width: auto;
     border: 1px solid #ddd;
     border-radius: 4px;
    padding: 5px 10px;
    background-color: #F49C3F;
    color: white;
}

.card {
    margin: 0 auto;
    text-align: center;
    padding: 17px;
    border: 0px solid grey;
    border-radius: 7px;
    margin-bottom: 10px;
    box-shadow: 0px 0px 4px #6c757d;
    height: 140px;
}

span.icon {
    padding: 10px 13px;
    color: #F49C3F;
    border-radius: 6px;
    margin-bottom: 14px;
    background: #fdf0dc;
}

.admin h4 {
    font-size: 20px;
    text-decoration: none;
    color: black;
}

.question_text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}

.edit_delete {
    position: absolute;
    right: 15px;
}

.bradcrums {
    background: transparent;
    border: none !important;
    padding: 9px 0px;
    color: grey;
}

.main_area {
    background: white;
    padding: 20px 10px;
    margin-top: 20px;
    border-radius: 7px;
    box-shadow: 0px 0px 3px grey;
}

.buttons {
    text-align: right;
}

.button input[type="radio"] {
    display: none;
    padding: 5px;
}

input[type="radio"]:checked + label {
    color: #257CE4;
    animation-duration: .2s;
    animation-name: select-checkbox;
    animation-iteration-count: 1;
    animation-direction: Normal;
    box-shadow: inset 0 0 0 1px #257CE4, inset 0 0 0 0 #257CE4, inset 0 0 0 16px #257CE4;
    border: 5px solid #257CE4;
    -webkit-transition: width 2s;
    transition: 0s;
    box-shadow: 0px 0px 6px black;
    padding: 4px;
}

label {
    display: inline-block;
    max-width: fit-content;
   
    padding: 5px !important;
   
}

select.lang.form-control {
    width: 118px;
}

.table th, .table td {
    padding: 5px;
    height: 20px;
    vertical-align: middle;
    white-space: nowrap;
    width: auto;
    min-width: 40px;
    max-width: 450px;
    overflow: hidden;
}

label.tree-toggler.nav-header {
    padding: 3px 5px;
    background: grey;
    color: white;
    width: 100%;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 2px;
    font-weight: 700;
}

.radio {
    border: 1px solid #eee;
    padding: 5px 10px;
}

.table th, .table td {
    padding: 5px;
    height: 20px;
    vertical-align: middle;
    white-space: nowrap;
    width: auto;
    min-width: 40px;
    max-width: 450px;
    overflow: hidden;
}

.sb-topnav.navbar-dark #sidebarToggle {
    color: #F49C3F;
    background: #fdf0dc;
}

.lang {
    width: max-content;
   background: white;
    padding: 7px;
    border-radius: 0px 0px 10px 10px;
     height: 60px; 
    float: right;
    position: absolute;
    right: 0px;
    top: 0;
    
}



/*#divsigninpartial {
    max-height: 60vh;
    overflow-x: hidden;
    margin-right: unset;
}*/


   /* @media (width: 1376px) and (height: 925px) {

        #divsigninpartial {
            max-height: 60vh;
            overflow-x: hidden;
            margin-right: unset;
        }
    }*/


    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {

        .lang {
            width: max-content;
            background: white;
            padding: 7px;
            border-radius: 0px 0px 10px 10px;
            height: 65px;
            float: right;
            position: absolute;
            right: -105px;
            top: 0;
        }
    }

    .divider {
        height: 10vh;
    }

    .mrT20vh {
        margin-top: 25.5vh;
    }



    .font-white {
        color: white;
    }

    .width100per {
        margin: 0 auto;
        width: max-content;
    }

    a.btn.btn-back {
        margin-top: 1px;
        position: absolute;
        left: 0;
        padding: 30px 40px;
        top: 25%;
        background: #ffc107;
        border-radius: 0px 15px 15px 0px;
        font-size: x-large;
        color: white;
        z-index: 99999;
    }



    .clearChar {
        position: absolute;
        right: 0em;
        height: 27px;
        margin-top: 4PX;
        BORDER: NONE;
    }

    #btnHostClear i.glyphicon.glyphicon-remove {
        margin-top: 4px;
    }

    /*#btnHostDetail i.glyphicon.glyphicon-minus*/
    #btnHostDetail i.glyphicon.glyphicon-plus {
        margin-top: 4px;
        margin-left: 3px;
    }

    button#btnHostClear, button#btnHostDetail {
        height: 38px;
    }

    .btn:focus, .btn.focus {
        outline: 0;
        box-shadow: 0 0 0 0rem rgb(0 123 255 / 25%);
    }

    .lnkMenu img:hover {
        opacity: 0.8;
    }

    .box a:focus, a:hover {
        color: whitesmoke !important;
        text-decoration: none !important;
    }

    .ui-autocomplete li a:hover {
        color: black !important;
        text-decoration: none !important;
        background: #adb5bd !important;
    }

    .box {
        border: 10px solid transparent;
        background-clip: padding-box;
        color: white;
    }

    .icon {
        background: white;
        color: white;
        padding: 30px;
        border-radius: 30px;
        box-shadow: 0px 2px 15px grey;
        height: 200px;
    }

    .icon-size {
        color: #b4d0e5 !important;
    }

    a {
        color: white;
    }

        .box a:focus, a:hover {
            color: #d4d8db;
            text-decoration: underline;
        }

    .navbar-dark .navbar-nav .nav-link {
        background: white;
    }

    .staff {
        background: white;
        padding: 15px;
    }


    /*Krima20250924 address new*/
    @media (max-width: 768px) {
        .staff {
            margin-top: 0 !important;
        }
    }


    .pd0 {
        padding-left: 0px;
    }

    .back_btn {
        position: absolute;
        left: 10px;
        top: -13px;
    }

    .color-white {
        color: white;
    }

    .mrB10 {
        margin-bottom: 10px;
    }

    .staff li {
        list-style: none;
        text-align: left;
        padding: 5px 0px 5px 10px;
        background: aliceblue;
        margin-bottom: 3px;
    }

    .staff_list {
        height: 30vh;
        overflow: auto;
    }



    div#keyboard {
        position: fixed;
        bottom: 2%;
        left: 12%;
    }

    .width48per {
        width: 49%;
    }

    .ui-dialog .ui-dialog-content {
        text-align: center;
        padding: 40px 10px;
    }

    .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
        padding: 5px;
    }

    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        float: inherit;
    }

    .ui-dialog .ui-dialog-buttonpane button {
        margin: 10px 0px 0px 0px;
        cursor: pointer;
    }

    span#ui-id-2 {
        color: black !important;
    }

    #dvSignatureparent {
        color: #64A0F1;
    }

    #dvSignup {
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        border: 1px solid black;
        /*border: 2px dotted #000;*/
        /*width: 100%;*/
    }

    .inner-block {
        background: white;
        padding: 30px;
        border-radius: 10px;
    }

    .ansButton {
        font-size: 22px;
        margin: 10px;
        padding: 20px 30px;
    }

    .surveyPrev {
        position: absolute;
        left: 14px;
        padding: 20px 40px;
        background: #ffc107;
        border-radius: 10px;
        font-size: x-large;
        color: white;
        z-index: 99999;
    }

    .surveyNext {
        position: absolute;
        right: 15px;
        padding: 20px 40px;
        background: #ffc107;
        border-radius: 10px;
        font-size: x-large;
        color: white;
        z-index: 99999;
    }

    .surveyFinish {
        position: absolute;
        right: 15px;
        padding: 20px 40px;
        /* background: #ffc107;*/
        border-radius: 10px;
        font-size: x-large;
        color: white;
        z-index: 99999;
    }



    .qrCode {
        position: absolute;
        left: 12px;
        background: white;
        padding: 30px;
        margin-top: 45px; /*//Krima20220128*/ /*Krima20220129*/
        border-radius: 0px 14px 17px 0px;
        /* top:90px;      
   width:300px;*/ /*Krima20220108 give Comment*/
        /*  height:300px;*/
        /*  height: 50%;*/
    }



        .qrCode img {
            width: inherit;
        }

    .height400 {
        min-height: 500px;
    }

    div#dvVisitorDetails {
        max-height: 550px;
        overflow: auto;
    }

    /* .pdT30 { */
    /* padding-top: 30px; */
    /* } */

    .dd-block {
        display: block !important;
    }

.dd-hide {
    display: none !important;
}



    .divRight {
        width: 26%;
        text-align: right;
        display: flex;
        justify-content: space-between;
    }

    .divLeft {
        width: 100%;
        display: flex;
    }

    i.glyphicon.glyphicon-ok {
        font-size: 30px;
    }

    .ui-menu {
        max-height: 165px;
        overflow: auto;
    }

    .qrCode canvas {
        width: 100%;
        height: 100%;
        object-fit: fill;
    }

    .clrGreen {
        color: green;
        font-weight: bold;
    }

    .clrRed {
        color: red;
        font-weight: bold;
    }

    .input-group1 {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        width: 100%;
    }



    button#btnHostClear, #btnVisitorDetail {
        margin-left: 5px;
    }

    .navbar {
        padding: 0;
    }

    .white-box {
        background-color: #ffffff;
        padding: 15px;
        margin-bottom: 15px;
        border-radius: 4px;
        box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
    }

    .mrT20 {
        margin-top: 25px;
    }

    .mrT80 {
        margin-top: 80px;
    }

    .pdT80 {
        padding-top: 80px;
    }

    .title {
        margin: 0px;
    }

    .navbar-fixed-top, .navbar-fixed-bottom {
        position: fixed;
        right: 0;
        left: 0;
        border-width: 0 0 1px;
    }


    .navheader {
        background-color: #ffffff;
        border-bottom: 1px solid #ddd !important;
        position: fixed;
        width: 100%;
        z-index: 999;
        top: 0px;
    }



    .navheader1 {
        background-color: black;
        border-bottom: 1px solid #ddd !important;
        position: fixed;
        width: 100%;
        height: 100px;
        z-index: 999;
        top: 0px;
    }


    /*Sonu - QR code not displaying on Signin page - issue - fixed */
    /*#dvQRcodeAtSignIn {
    display:none !important;
}*/

    /*.btn {
    margin-left: 5px;
}
*/

    .caret1 {
        position: absolute;
        top: 26px;
        right: 0px;
        z-index: 0px;
    }

    .caret {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 2px;
        vertical-align: middle;
        border-top: 4px dashed;
        border-top: 4px solid \9;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
    }

    .list-unstyled {
        padding-left: 0;
        list-style: none;
        position: absolute;
        right: 0;
        width: 50px;
        margin-top: 15px;
        z-index: 9;
    }

    .ul .li {
        padding: 3px 7px;
        z-index: 2;
        animation: fadeIn 0.5s linear;
        border-bottom: 1px solid white;
    }

        .ul .li:not(.init) {
            float: left;
            width: 100%;
            display: none;
            background: #E5EBF2;
            border-bottom: 1px solid white;
            transition: .35s ease-in-out;
        }

            .ul .li:not(.init):hover,
            .ul .li.selected:not(.init) {
                background: #c7def9;
            }

    .li.init {
        cursor: pointer;
    }




    .li:last-child {
        border-radius: 0px 0px 7px 7px;
    }

    .li:nth-child(2) {
        border-radius: 7px 7px 0px 0px;
    }

    .li:nth-child(1) {
        border-radius: 0px 0px 7px 7px;
    }

    .li:nth-child(1) {
        transform: translate3d(, 0%, );
    }

    .li:nth-child(2) {
        transform: translate3d(, 100%, );
    }

    .li:nth-child(3) {
        transform: translate3d(, 200%, );
    }

    -webkit-keyframes fadeIn {
        0%

{
    opacity: 0;
    top: 100px;
    animation-delay: .25s;
}

75% {
    opacity: 0.5;
    top: 0px;
    animation-delay: .25s;
}

100% {
    opacity: 1;
    animation-delay: .25s;
}

}

.control-label.col-sm-4 {
    text-align: right;
}



.form-group.row {
    margin-right: 0px;
    margin-left: 0px;
}



/* Customize website's scrollbar like Mac OS
Not supports in Firefox and IE */

/* total width */
#dvVisitorDetails::-webkit-scrollbar {
    background-color: #fff;
    width: 16px
}

/* background of the scrollbar except button or resizer */
#dvVisitorDetails::-webkit-scrollbar-track {
    background-color: #fff
}



    #dvVisitorDetails::-webkit-scrollbar-track:hover {
        background-color: #f4f4f4
    }

/* scrollbar itself */
#dvVisitorDetails::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 16px;
    border: 5px solid #fff
}



    #dvVisitorDetails::-webkit-scrollbar-thumb:hover {
        background-color: #a0a0a5;
        border: 4px solid #f4f4f4
    }

/* set button(top and bottom of the scrollbar) */
#dvVisitorDetails::-webkit-scrollbar-button {
    display: none
}

/* div box */
body {
    background-color: #babac0
}

.scrollbar {
    height: 75vh;
    width: 25vw;
    min-width: 150px;
    background: #fff;
    overflow-y: scroll
}

.overflow {
    min-height: 100vh
}

/*chandani*/

.mt60 {
    margin-top: 50px;
}



.mlt {
    margin-left: 785px;
    margin-top: 38px;
}



.wt1 {
    flex: 0 0 108%;
    max-width: 100%;
}






















.confirmVis .card {
    margin-top: 30px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .50) !important;
    padding: 15px;
    text-align: center;
    border-radius: 15px;
    height:auto;
}
.confirmVis .card img {
    text-align: center;
    width: 150px;
    margin: 0 auto 30px;
}

.mrB30 {
    margin-bottom: 30px;
}

.mrTB5 {
    margin: 5px 0px;
}

.mrTB18 {
    margin: 18px 0px;
}
.info {
    text-align: left;
    padding: 20px;
    background: whitesmoke;
    border-radius: 15px;
    margin-bottom: 10px;
}
.justify-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
    display: flex;
}

.w100per {
    width: 100%;
}

.w90per {
    width: 90%;
}
.setAtBottom{
    position: absolute;
    width: 94%;
    bottom: 20px;
}
    .confirmVis .btn-success

{
    background: green !important;
    border-color: green !important;
}

.alert {
  
     text-align: center; 
     position: relative; 
}

/*#dvVisitorDetails .divLeft {
width:90%;
}*/
@media (min-width: 1900px) {
    div #keyboard {
        position: fixed;
        bottom: 2%;
        left: 24.9%;
    }

    .hidden-lg {
        display: none;
    }

    .setAtBottom {
        position: absolute;
        width: 95%;
        bottom: 55vh;
    }
}

@media (min-width: 1281px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 96%;
    }

    .hidden-md {
        display: none;
    }

    .web-pull-left {
        float: right;
    }

    .pdR0 {
        padding-right: 0px;
    }

    .pdL0 {
        padding-left: 0px;
    }

    .setAtBottom {
        position: absolute;
        width: 95%;
        bottom: 55vh;
    }
}
/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {
    div#keyboard {
        position: fixed;
        bottom: 2%;
        left: 12%;
    }



    .hidden-md {
        display: none;
    }

    .setAtBottom {
        position: absolute;
        width: 95%;
        bottom: 55vh;
    }

 
}
/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {
    .hidden-sm {
        display: none;
    }

    .control-label.col-sm-4 {
        text-align: left;
    }

   
    .web-pull-left {
        float: right;
    }

    .pdR0 {
        padding-right: 0px;
    }

    .pdL0 {
        padding-left: 0px;
    }

    .navbar-nav {
        flex-direction: row;
    }

    li.nav-item {
        margin: 3px 11px;
    }

    /* Hide mobile button on iPad/tablet screens */
    .mobile-btn {
        display: none !important;
    }
}
/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .hidden-sm {
        display: none;
    }

    /* Hide mobile button on iPad/tablet screens */
    .mobile-btn {
        display: none !important;
    }
  
}



@media (min-width: 768px) and (max-width: 768px) and (min-height: 927px) and (max-height: 927px) {

    /* Hide the mobile button */
    .mobile-btn {
        display: none !important;
    }

    .hidden-sm {
        display: none;
    }
}
/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
    .hidden-xs {
        display: none;
    }

    .mrT20vh {
        margin-top: 0px;
    }

    .widthfull {
        width: 69%;
    }

    .control-label.col-sm-4 {
        text-align: left;
    }

    label.label.control-label.col-sm-4 {
        margin-left: 8px;
    }

    .height400 {
        min-height: auto;
    }
}

@media (max-width: 480px) and (min-width: 320px) {
    .lang {
        width: fit-content;
        background: white;
        padding: 0px;
        border-radius: 0px 0px 15px 15px;
        width: 100%;
        overflow: auto;
    }

    .control-label.col-sm-4 {
        text-align: left;
    }

    label.label.control-label.col-sm-4 {
        margin-left: 8px;
    }

    .height400 {
        min-height: auto;
    }
li.nav-item {
    margin: 3px 4px;
}

    .clearChar {
        right: 0em;
    }
    .mrT20vh {
        margin-top: 0px;
    }



    /*Prakash 20211023*/
    .hidden-xs {
        display: none !important;
    }

    /*Prakash 20211023*/

    .widthfull {
        width: 69%;
    }
}



.logo-img {
   /* width: 120%;*/
    height: 60px;
}

/* Media query for iPads (portrait and landscape) */
/*@media screen and (min-width: 768px) and (max-width: 1024px) {
    .logo-img {
        width: 100% !important;
        height: 50px !important;
    }
}
*/
/* iPad portrait approx width: 768px */
@media screen and (min-width: 768px) and (max-width: 834px) and (orientation: portrait) {
    .logo-img {
        width: 10% !important;
        height: 50px !important;
    }
}

/* iPad landscape approx width: 1024px to 1376px */
@media screen and (min-width: 1024px) and (max-width: 1380px) and (orientation: landscape) {
    .logo-img {
       /* width: 50% !important;*/
        height: 50px !important;
    }
}
/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
    .mobile-logo {
        position: fixed;
        bottom: 0;
        width: 100px;
    }

    .control-label.col-sm-4 {
        text-align: left;
    }


    label.label.control-label.col-sm-4 {
        margin-left: 8px;
    }

    .height400 {
        min-height: auto;
    }
    .logo {
        padding: 13px 0px; 
        left:0px;
    }
li.nav-item {
    margin: 3px 4px !important;
}
    .clearChar {
        right: 0em;
    }
    .list-group {
        height: 350px;
    }



    .list-group {
        width: 100%;
    }

    .hidden-xs {
        display: none ;
    }

    li.nav-item {
        margin: 3px 11px;
    }

    .navbar-nav {
        
		    flex-direction: row;
    display: flex;
    justify-content: center;
    }


    .mrT20vh {
        margin-top: 0px;
    }

    .widthfull {
        width: 69%;
    }


    .powered_logo {
        width: 86px;
    }

    .col-sm-6.col-xs-6.col-lg-2.back.text-center {
        max-width: 50%;
    }

    .col-sm-6.col-xs-6.col-lg-2.text-center.nextbtn {
        max-width: 50%;
    }


    //Krima20220723
    .uppercase {
        text-transform:uppercase
    }

    @media (max-width: 767px) {
        .mobile-margin {
            margin-top: 80px;
        }

    }




}