html, body {
    height: 100%;
    margin: 0px;
    font-family: 'Product Sans', Arial, Helvetica, sans-serif;
}

body {
    background: #fafafa;
}

select::-ms-expand {
    display: none;
}

select::-ms-value {
    background: none;
}

select:focus::-ms-value {
    color: #495057;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none !important;
}

a:focus {
    outline: none;
}

.custom-control-label {
    cursor: pointer;
}

.navbar {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.10);
    padding: 0 7px;
    background: #fff;
    position: fixed;
    width: 100%;
    min-height: 53px;
    z-index: 99;
}
    .navbar .nav-item .nav-link, .waves-block {
        color: #3691d2;
    }
    .navbar .mainlogo {
        display: block;
        height: 35px;
    }

        .navbar .mainlogo img {
            height: 100%;
        }
.spinset {
    -webkit-animation: rotation 2s infinite linear;
    -moz-transition: rotation 2s infinite linear;
    -o-transition: rotation 2s infinite linear;
    transition: rotation 2s infinite linear;
    -ms-transition: rotation 2s infinite linear;
}


@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

.allhold {
    height: 100%;
    margin: 0;
    overflow: hidden;
    width: 100%;
    position: fixed;
}

.leftmenu {
    width: 7%;
    background-color: #1c252e;
    height: 100%;
    float: left;
    margin-top: 54px;
}

.middlenav {
    width: 81%;
    height: 100%;
    padding: 54px 1% 0;
    float: left;
}

    .middlenav form {
        height: 100%;
    }

.full {
    width: 93%;
}

.breadcrumb {
    background-color: transparent;
    padding: 1.2rem 0;
    margin-bottom: 0;
}

.breadcrumb-item.active {
    text-transform: uppercase;
    color: #3691d2;
    font-weight: 400;
}

.breadcrumb-item {
    font-size: 14px;
}

    .breadcrumb-item a {
        font-size: 14px;
        color: #1c252e;
        font-weight: 400;
    }

#html5-watermark {
    display: none !important;
}

.html5-nav {
    display: none !important;
}

.html5-prev {
    width: 32px;
    height: 32px;
    background: url(../production/images/lightbox-prev.png) no-repeat;
    border-radius: 0px 5px 5px 0px;
    margin-left: 7px;
}

    .html5-prev img {
        display: none;
    }

.html5-next {
    width: 32px;
    height: 32px;
    background: url(../production/images/lightbox-next.png) no-repeat;
    border-radius: 5px 0 0 5px;
    margin-right: 7px;
}

    .html5-next img {
        display: none;
    }

#html5-close {
    width: 32px;
    height: 32px;
    background: url(../production/images/lightbox-close.png) no-repeat;
    border-radius: 5px 0 0 5px;
}

    #html5-close img {
        display: none;
    }

.html5-play {
    width: 32px;
    height: 32px;
    background: url(../production/images/lightbox-play.png) no-repeat;
    border-radius: 5px 0 0 5px;
}

.html5boxPause {
    width: 32px;
    height: 32px;
    cursor: pointer;
    background-image: url(../production/images/html5boxplayer_playpause.png) !important;
    background-position: right top !important;
}

.html5boxPlay {
    width: 32px;
    height: 32px;
    cursor: pointer;
    background-image: url(../production/images/html5boxplayer_playpause.png) !important;
    background-position: left top !important;
}

.html5boxFullscreen {
    width: 32px;
    height: 32px;
    margin: 2px;
    cursor: pointer;
    background-image: url(../production/images/html5boxplayer_fullscreen.png) !important;
}

.html5boxVolumeButton {
    width: 32px;
    height: 32px;
    margin: 2px;
    cursor: pointer;
    background-image: url(../production/images/html5boxplayer_volume.png) !important;
}

.html5-play img {
    display: none;
}

.html5-pause {
    width: 32px;
    height: 32px;
    background: url(../production/images/lightbox-pause.png) no-repeat;
    border-radius: 5px 0 0 5px;
}

    .html5-pause img {
        display: none;
    }

.html5-elem-box {
    border-radius: 10px;
}

.imgsplashsection {
    width: 100%;
    height: 147px;
    line-height: 147px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 2px dashed #dadce0;
    color: #757575;
    border-radius: 4px;
    text-align: center;
    overflow: hidden;
    position: relative;
}

    .imgsplashsection:hover .imghvicons {
        display: block;
    }

.parentimgsplashsection {
    position: relative;
}

    .parentimgsplashsection h5 {
        position: absolute;
        top: 7px;
        left: 8px;
        background: rgba(255,255,255,0.7);
        text-transform: uppercase;
        font-size: 14px;
        color: #333;
        padding: 3px 10px;
        z-index: 9;
        margin: 0;
        border-radius: 3px;
    }


.imgvidsection {
    width: 100%;
    height: 38px;
    background-position: center center;
    background-repeat: no-repeat;
    border: 2px dashed #dadce0;
    color: #757575;
    border-radius: 4px;
    text-align: center;
    overflow: hidden;
    position: relative;
}

    .imgvidsection:hover .imghvicons {
        display: block;
    }

.parentimgvidsection {
    position: relative;
}

    .parentimgvidsection h5 {
        position: absolute;
        top: 7px;
        left: 8px;
        background: rgba(255,255,255,0.7);
        text-transform: uppercase;
        font-size: 14px;
        color: #333;
        padding: 3px 10px;
        z-index: 9;
        margin: 0;
        border-radius: 3px;
    }

.imghvicons {
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
    display: none;
    opacity: 0;
    transition: all 0.5s ease-out 0s;
}

    .imghvicons:hover {
        opacity: 1;
        transition: all 0.5s ease-out 0s;
    }

.imagefit {
    background-size: contain !important;
}

.imagecenter {
    background-size: cover !important;
}

.imghvicons a {
    color: #242b36;
}
/*------------ Accordion Menu ------------*/
.mainmenu {
    font-size: 16px;
    position: relative;
    padding: 0;
    width: 100%;
    margin-bottom: 0;
}

    .mainmenu ul {
        list-style: none;
    }

    .mainmenu > li {
        box-sizing: border-box;
        height: 48px;
        color: #f7f1e3;
        border-top: 1px solid #3691d2;
        background-color: #1c252e;
        position: relative;
        cursor: pointer;
    }

        .mainmenu > li:first-child {
            border-top: 0;
            border-radius: 0 0 0 0;
        }

        .mainmenu > li:last-child {
            border-radius: 0 0 5px 5px !important;
        }

        .mainmenu > li span {
            line-height: 48px;
            display: block;
            margin-left: 20px;
            font-size: 14px;
            text-transform: uppercase;
        }

        .mainmenu > li .icon {
            display: block;
            float: left;
            width: 20px;
            height: 20px;
            padding: 14px 20px 0 20px;
        }

        .mainmenu > li .messages {
            font-size: 11px;
            line-height: 19px;
            display: block;
            float: right;
            width: 34px;
            height: 18px;
            margin-top: -33px;
            margin-right: 19px;
            padding: 0;
            text-align: center;
            background: url("../images/messages.png") no-repeat;
        }

.expand-triangle {
    position: absolute;
    left: 20px; /* width: 276px;
    height: 8px;
    content: " ";*/
}

    .expand-triangle img {
        width: inherit;
        height: inherit;
        vertical-align: top;
    }
/*------------ Sub Menu ------------*/
.submenu {
    font-size: 13px;
    box-sizing: border-box;
    content: " ";
    color: #ae9f9f;
    padding-left: 0;
}

    .submenu li {
        line-height: 20px;
        background-color: #3691d2;
        border-bottom: solid 1px #2981c0;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

        .submenu li a {
            display: block;
            padding: 8px 0;
        }

            .submenu li a .custom-checkbox .custom-control-label::before {
                width: 19px;
                height: 19px;
                border-radius: 10px;
                background: transparent;
                border: 2px solid #fff;
            }

            .submenu li a .custom-checkbox .custom-control-label::after {
                width: 19px;
                height: 19px;
                border-radius: 10px;
                background: transparent;
                border: 2px solid #fff;
            }

            .submenu li a .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
                background: #fff url(../images/chktick.png) center center no-repeat;
            }

            .submenu li a .custom-control-inline {
                float: right;
                margin-right: 10px;
            }

        .submenu li:hover {
            background: #1a7bc1;
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            padding-left: 7px;
        }

        .submenu li:nth-child(2) {
            padding-top: 10px;
        }

        .submenu li span {
            width: 70%;
            margin-left: 8%;
            color: #fff;
            font-size: 14px;
            white-space: nowrap;
            display: inline-block;
            text-overflow: ellipsis;
            overflow: hidden;
            vertical-align: bottom;
        }

.mainmenu li:last-child {
    border-radius: 5px;
}

.mainmenu .submenu li:last-child {
    border-radius: 5px;
}

.fieldarea {
    width: 17%;
    float: left;
    height: 90%;
    background: #3691d2;
    border-radius: 5px;
}

.buildarea {
    width: 83%;
    float: left;
    height: 90%;
}

.fieldsearch {
    padding: 10px 10px 8px;
    position: relative;
    background: #3691d2;
    border-radius: 5px 5px 0 0;
    box-shadow: inset 0 -2px 0 rgba(0,0,0,0.1);
}

    .fieldsearch a {
        color: #fff;
        position: absolute;
        right: 10px;
        top: 8px;
        display: block;
        font-size: 14px;
    }

.md-form.md-outline {
    margin: 0;
}

.md-form .form-control {
    margin-bottom: 0;
}

.fieldsearch .md-form.md-outline.form-sm .form-control.form-control-sm {
    margin-bottom: 0;
}

.fieldsearch .md-form.md-outline.form-sm label {
    margin-bottom: 0;
    color: #fff;
}

.fieldsearch .md-form.md-outline input[type="text"] {
    border: 0 !important;
    background: #2d74a7;
    color: #fff;
}

.fieldsearch .md-form.md-outline label.active {
    background: #3691d2 !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
}

.fieldsearch .md-form.md-outline label {
    top: 0;
}

.md-form.md-outline input[type=text]:focus:not([readonly]) {
    box-shadow: none;
}

.md-form.md-outline input[type=password]:focus:not([readonly]) {
    box-shadow: none;
}

.md-form textarea.md-textarea:focus:not([readonly]) {
    box-shadow: none !important;
}

.md-form.md-outline textarea.md-textarea:focus:not([readonly]) + label {
    color: #328ac9;
}

.fieldsearch .md-form.md-outline.form-sm .form-control.form-control-sm {
    padding: 0.45rem .625rem;
}

.fieldsection {
    /*min-height: 312px;*/
    overflow-y: auto;
    border-radius: 0 0 5px 5px;
    background: #3691d2;
    height: 94%;
    padding-bottom: 10px;
    /*max-height: 740px;*/
}

.buildhold {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background: #fff;
    padding: 3px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: 1px solid #ddd;
}

    .buildhold:hover {
        border: 1px dashed #3691d2;
        box-shadow: 0 0 8px 0px rgba(0,0,0,0.2);
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

.btnhold {
    position: fixed;
    right: 13%;
    bottom: 20px;
    display: flex;
    z-index: 99;
}

.btmbtn {
    width: 55px;
    height: 55px;
    background: #328ac9;
    display: block;
    float: right;
    border-radius: 30px;
    color: #fff;
    font-size: 19px;
    text-align: center;
    line-height: 55px;
    box-shadow: 0px 3px 5px 0 rgba(0,0,0,0.3), inset 0 -3px 0 rgba(0,0,0,0.2);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin: 0 7px;
    border: 0;
    overflow: hidden;
    .btmbtn
}

    .btmbtn img {
        margin: 0 4px;
    }

    .btmbtn:hover {
        width: 190px;
        background: #1c252e;
    }

    .btmbtn i {
        margin: 0 6px;
    }

.delbtmbtn {
    width: 55px;
    height: 55px;
    background: transparent;
    border: 2px solid #328ac9;
    display: block;
    border-radius: 30px;
    background: #1c252e;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 50px;
    box-shadow: 0px 3px 5px 0 rgba(0,0,0,0.3);
    /*-webkit-transition: width 2s, height 4s; 
  	transition: width 0.1s, height 4s;*/
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin: 0 7px;
    overflow: hidden;
}

    .delbtmbtn:hover {
        width: 170px;
        background: #1c252e;
        border: 2px solid #328ac9;
        text-decoration: none;
        color: #fff;
    }

    .delbtmbtn i {
        margin: 0 6px;
    }

.btmbtn:hover {
    text-decoration: none;
    color: #fff;
}

.loginhold {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #1c252e;
}

.loginpanel {
    position:relative;
    width: 460px;
    height: 460px;
    border-radius: 8px;
    background: #fff;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #dadce0;
    padding: 0 40px;
    box-shadow: 0 20px 15px 0 rgba(0,0,0,0.5);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
    .loginpanel .loginlogo {
        width: 320px;
        min-height: 54px;
        text-align: center;
        margin: 37px auto 0;
    }
    .loginpanel img {
        height:100%;
    }
    .subtext {
        color: #757575;
        margin-top: 12px;
    }

.loginpanel a {
    color: #328ac9;
}

.loginpanel:hover {
    -webkit-transform: scale(0.96);
    transform: scale(0.96);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    box-shadow: none;
}

.loginpanel .logomobile {
    display: none;
}

.loginpanel h4 {
    font-size: 24px;
    margin-top: 30px;
    color: #1c252e;
}

.loginpanel .md-form.md-outline .form-control {
    padding: 15px .75rem;
    height: 56px;
    font-size: 12px;
}

.loginpanel .md-form.md-outline label {
    top: 9px;
    font-size: 12px;
    color: #000;
    opacity: 0.4
}

.md-form.md-outline .form-control {
    color: #757575;
    height: 38px;
    background-color: #fff;
}

.md-form.md-outline > input[type]:-webkit-autofill:not(.browser-default):not([type=search]) + label {
    top: 7px;
}

.md-form.md-outline label {
    top: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    max-width: 100%;
}

    .md-form.md-outline label.active {
        font-weight: normal;
        top: 5px;
        z-index: 99;
        line-height: 1;
        font-size: 14px;
        opacity: 1;
        -webkit-transform: translateY(-13px);
        -ms-transform: translateY(-13px);
        transform: translateY(-13px);
    }

.loginpanel .btn-secondary {
    width: 100%;
    font-size: 17px;
    padding: 15px 0;
    background-color: #328ac9 !important;
    margin: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border-radius: 30px;
    box-shadow: inset 0 -5px 0 rgba(0,0,0,0.2);
}

    .loginpanel .btn-secondary:hover {
        box-shadow: inset 0 -5px 0 rgba(0,0,0,0.2) !important;
    }

    .loginpanel .btn-secondary:focus {
        box-shadow: 0px 3px 5px 0 rgba(0,0,0,0.3) !important;
    }

    .loginpanel .btn-secondary:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }



.guidbanner {
    background: #e8e8e8;
    width: 100%;
    border-radius: 5px;
    padding: 5px 0;
}

section h4 {
    display: block;
    padding-left: 2px;
    padding-right: 2px;
    border: none;
}

section {
    padding-top: 20px;
    position: relative;
}

    section hr {
        border: 0;
        border-bottom: 1px solid #328ac9;
        position: relative;
    }

.buildcontent section h2 {
    position: absolute;
    background: #328ac9;
    text-transform: uppercase;
    font-size: 15px;
    color: #fff;
    padding: 3px 10px;
    z-index: 9;
    max-width: 90%;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
}

section hr {
    margin-top: 11px;
}
/*Field Controls Styles Starts*/
.fieldctrls {
    padding: 15px 8px;
}

    .fieldctrls .field {
        border: 1px dashed transparent;
        font-size: 12px;
        color: #fff;
        width: 100%;
        margin: 0 auto;
        min-height: 50px;
        cursor: pointer;
        padding: 8px 6%;
        text-align: left;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        display: block;
    }

        .fieldctrls .field:hover {
            background: #1a7bc1;
            border: 1px dashed #fff;
            -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 7px inset;
            -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 7px inset;
            box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 7px inset;
            transition: all .2s ease-in-out;
            padding-left: 11%;
            padding-right: 0;
        }

    .fieldctrls img {
        margin: 0;
    }
/*Field Controls Styles Ends*/
/*Left Main Menu Styles Ends*/
.lftmainmenu {
    margin: 0;
    padding: 0;
}

    .lftmainmenu li {
        list-style: none;
    }

        .lftmainmenu li a {
            color: rgba(225,255,255,0.3);
            display: block;
            padding: 5px;
            text-align: center;
            min-height: 96px;
            border-bottom: 1px solid #2a303c;
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        }

            .lftmainmenu li a img {
                display: block;
                margin: 0 auto;
                margin-top: 18px;
                opacity: 0.3;
            }

            .lftmainmenu li a:hover img {
                opacity: 1;
            }

            .lftmainmenu li a.active img {
                opacity: 1;
            }

            .lftmainmenu li a:hover {
                background: #2a303c;
                -webkit-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
                color: rgba(225,255,255,1);
            }

            .lftmainmenu li a.active {
                background: #2a303c;
                -webkit-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
                color: rgba(225,255,255,1);
            }
/*Left Main Menu Styles Ends*/
/*Checkbox Styles Starts Here*/
.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #3ec127;
    background-color: #3ec127;
}

.custom-control-label::before {
    background: transparent;
    border: 2px solid #adb5bd;
    width: 20px;
    height: 20px;
    top: 2px;
}

.custom-control-label::after {
    width: 20px;
    height: 20px;
    top: 2px;
}
/*Checkbox Styles End Here*/
.guidbanner h3 {
    color: #328ac9;
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 7px;
    margin-bottom: 0;
}

.guidbanner h4 {
    color: #328ac9;
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 1px;
}

.guidbanner p {
    margin-bottom: 0;
    font-size: 12px;
    color: #1c252e;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    display: block;
}

.moduleset p {
    text-transform: uppercase;
    font-size: 14px;
    color: #1c252e;
    margin-bottom: 0;
}

.moduleicon {
    float: left;
    margin-top: 15px;
    margin-right: 10px;
}

.greydiv {
    border-left: 2px solid #bfc1c3;
}
/*Properties Accordion Styles Start Here*/
.accordion {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .accordion .accordion {
        margin-top: 10px;
    }

.accordion--headline {
    background-color: #1c252e;
    font-size: 14px;
    color: #ffffff;
    text-align: left;
    padding: 14px 10px;
    transition: .3s ease;
    position: relative;
    text-transform: uppercase;
}

    .accordion--headline::before {
        content: url(../images/ptddownarrow.png);
        position: absolute;
        display: block;
        top: 14px;
        right: 6px;
        transform: translate( -50%) rotate(0deg);
        transition: .3s ease;
    }

    .accordion--headline:hover {
        cursor: pointer;
        background-color: #1c252e;
    }

.open > .accordion--headline::before {
    transform: translate(-50%) rotate(180deg);
}

.accordion--content {
    display: none;
    background-color: #2a303c;
    padding: 10px 10px;
    border-top: 0;
    text-align: left;
    color: #fff;
}

    .accordion--content h6 {
        text-transform: uppercase;
        text-align: center;
        font-weight: normal;
        margin: 15px 0 10px;
    }
    .accordion--content h5 {
        font-size: 14px;
        text-transform: capitalize;
        text-align: center;
        font-weight: normal;
        margin: 10px 0 10px;
    }

    .accordion--content p {
        font-size: 12px;
        margin-top: 5px;
        margin-bottom: 0;
    }

.accordion li {
    border-bottom: 2px solid #151d25;
}

.onecolmn {
    display: block;
    width: 90%;
    height: 50px;
    margin: 0 auto;
}

    .onecolmn.active {
        border: 2px solid #328ac9;
    }

.twocolmn {
    display: block;
    width: 90%;
    height: 50px;
    margin: 0 auto;
}

    .twocolmn.active {
        border: 2px solid #328ac9;
    }

.threecolmn {
    display: block;
    width: 90%;
    height: 50px;
    margin: 0 auto;
}

    .threecolmn.active {
        border: 2px solid #328ac9;
    }

.onecolmn img {
    width: 86%;
    height: 83%;
    margin-top: 4px;
}

.twocolmn img {
    width: 86%;
    height: 83%;
    margin-top: 4px;
}

.threecolmn img {
    width: 86%;
    height: 83%;
    margin-top: 4px;
}

.formobile {
    display: block;
    width: 90%;
    margin: 0 auto;
}

    .formobile.active {
        border: 2px solid #328ac9;
    }

    .formobile img {
        margin: 4px 0;
    }

.fortab {
    display: block;
    width: 90%;
    margin: 0 auto;
}

    .fortab.active {
        border: 2px solid #328ac9;
    }

    .fortab img {
        margin: 4px 0;
    }

.lookupslcted {
    background: #dbdbdb !important;
}

.formprop {
    margin: 3px 0;
}

    .formprop .form-control {
        height: calc(1.3em + .75rem + 8px);
        font-size: 14px;
        color: #1c252e;
    }

.properties .custom-control-label {
    font-size: 14px;
}

.properties label {
    font-size: 14px;
    margin-bottom: 3px;
}

.properties .custom-control-label::before {
    background: transparent;
    border: 2px solid #787f8e;
    width: 20px;
    height: 20px;
    top: 0;
}

.properties .custom-control-label::after {
    width: 20px;
    height: 20px;
    top: 0;
}

.properties .custom-select {
    background: #fff url(../images/slctddown.png) 95% 15px no-repeat;
    font-size: 14px;
    color: #1c252e;
}
/*Select dropdown Styles Starts*/
.guidbanner .select {
    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid #3691d2;
}

.guidbanner .select-text {
    position: relative;
    font-family: inherit;
    background-color: transparent;
    width: 100%;
    padding: 10px 10px 13px 0;
    font-size: 15px;
    border-radius: 0;
    border: none;
    margin-left: 3px;
    margin-top: 5px;
}
    /* Remove focus */
    .guidbanner .select-text:focus {
        outline: none;
        border-bottom: 1px solid rgba(0,0,0, 0);
    }
/* Use custom arrow */
.guidbanner .select .select-text {
    appearance: none;
    -webkit-appearance: none
}

.guidbanner .select:after {
    position: absolute;
    top: 12px;
    right: 25px;
    width: 0;
    height: 0;
    padding: 0;
    content: url(../images/selectarrow.png);
    pointer-events: none;
}
/* LABEL ======================================= */
.guidbanner .select-label {
    color: rgba(0,0,0, 0.26);
    font-size: 16px;
    color: #7c7f82;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 8px;
    top: 15px;
    transition: 0.2s ease all;
}

/* active state */
.guidbanner .select-text:focus ~ .select-label, .select-text:valid ~ .select-label {
    color: #2F80ED;
    top: 2px;
    transition: 0.2s ease all;
    font-size: 12px;
}
/* BOTTOM BARS ================================= */
.guidbanner .select-bar {
    position: relative;
    display: block;
    width: 100%;
}

    .guidbanner .select-bar:before, .select-bar:after {
        content: '';
        height: 2px;
        width: 0;
        bottom: 1px;
        position: absolute;
        background: #2F80ED;
        transition: 0.2s ease all;
    }

    .guidbanner .select-bar:before {
        left: 50%;
    }

    .guidbanner .select-bar:after {
        right: 50%;
    }
/* active state */
.guidbanner .select-text:focus ~ .select-bar:before, .select-text:focus ~ .select-bar:after {
    width: 50%;
}
/* HIGHLIGHTER ================================== */
.guidbanner .select-highlight {
    position: absolute;
    height: 60%;
    width: 100px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}
/*Select dropdown Styles Ends*/
.buildcontent {
    padding: 15px;
    height: 90%;
    overflow-y: auto;
    overflow-x: visible;
}

.mobilebuildcontent {
    padding: 15px;
    height: 90%;
    overflow-y: auto;
    overflow-x: visible;
}
/* For Form mouser hover controls */
/*.hoverform {
}

.settingform {
    position: absolute;
    right: 260px;
    top: 100px;
    display: none;
}

.buildhold:hover .settingform {
    display: block;
}*/

/*Draging fields Styles Starts*/
.singleline {
    width: 100%;
    background: #fff url(../images/txtboxiconblk.png) 97% 12px no-repeat;
    border-radius: 4px;
    font-size: 16px;
    color: #757575;
    position: relative;
    padding: 6px 8px;
    border: 1px solid #dadce0;
    cursor: pointer;
    min-height: 38px;
}

    .singleline p {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 88%;
        overflow: hidden;
        display: block;
        margin: 0;
    }

.lblsingleline {
    width: 100%;
    background: #fff url(../images/lbltxtboxiconblk.png) 97% 12px no-repeat;
    border-radius: 4px;
    font-size: 16px;
    color: #757575;
    position: relative;
    padding: 6px 8px;
    border: 1px solid #dadce0;
    cursor: pointer;
    min-height: 38px;
}

    .lblsingleline p {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 88%;
        overflow: hidden;
        display: block;
        margin: 0;
    }

.geolocationicon {
    width: 100%;
    background: #fff url(../images/geolocationicon.png) 97% 12px no-repeat;
    border-radius: 4px;
    font-size: 16px;
    color: #757575;
    position: relative;
    padding: 6px 8px;
    border: 1px solid #dadce0;
    cursor: pointer;
    min-height: 38px;
}

    .geolocationicon p {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 88%;
        overflow: hidden;
        display: block;
        margin: 0;
    }

.multiline {
    width: 100%;
    height: 92px;
    background: #fff url(../images/multilineiconblk.png) 97% 12px no-repeat;
    border-radius: 4px;
    font-size: 16px;
    color: #757575;
    padding: 6px 8px;
    position: relative;
    border: 1px solid #dadce0;
    min-height: 90px;
}

    .multiline p {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 88%;
        overflow: hidden;
        display: block;
        margin: 0;
    }

.lblmultiline {
    width: 100%;
    height: 92px;
    background: #fff url(../images/lblmultilineiconblk.png) 97% 12px no-repeat;
    border-radius: 4px;
    font-size: 16px;
    color: #757575;
    padding: 6px 8px;
    position: relative;
    border: 1px solid #dadce0;
    min-height: 90px;
}

    .lblmultiline p {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 88%;
        overflow: hidden;
        display: block;
        margin: 0;
    }

.fixedlist {
    width: 100%;
    background: #fff url(../images/fixedlisticonblk.png) 97% 9px no-repeat;
    border-radius: 4px;
    font-size: 16px;
    color: #757575;
    padding: 6px 8px;
    position: relative;
    border: 1px solid #dadce0;
    cursor: pointer;
    min-height: 38px;
}

    .fixedlist p {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 88%;
        overflow: hidden;
        display: block;
        margin: 0;
    }

.lookup {
    width: 100%;
    background: #fff url(../images/lookupiconblk.png) 97% 9px no-repeat;
    border-radius: 4px;
    font-size: 16px;
    color: #757575;
    position: relative;
    padding: 6px 8px;
    border: 1px solid #dadce0;
    cursor: pointer;
    min-height: 38px;
}

    .lookup p {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 88%;
        overflow: hidden;
        display: block;
        margin: 0;
    }

.autoincrement {
    width: 100%;
    background: #fff url(../images/autoinciconblk.png) 97% 11px no-repeat;
    border-radius: 4px;
    font-size: 16px;
    color: #757575;
    padding: 6px 8px;
    position: relative;
    border: 1px solid #dadce0;
    cursor: pointer;
    min-height: 38px;
}

    .autoincrement p {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 88%;
        overflow: hidden;
        display: block;
        margin: 0;
    }

.twooption {
    width: 100%;
    background: #fff url(../images/twoopticonblk.png) 97% 11px no-repeat;
    border-radius: 4px;
    font-size: 16px;
    color: #757575;
    padding: 6px 8px;
    position: relative;
    border: 1px solid #dadce0;
    cursor: pointer;
    min-height: 38px;
}

    .twooption p {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 88%;
        overflow: hidden;
        display: block;
        margin: 0;
    }

.twooptionradio {
    border: 1px solid #dadce0;
    border-radius: 4px;
    height: 38px;
    position: relative;
}

    .twooptionradio .radiobtnlbl {
        color: #757575;
        line-height: 20px;
        white-space: nowrap;
        position: absolute;
        top: -20px;
        font-size: 13px;
        background: #fff;
        padding: 0 3px;
        left: 7px;
    }

.percentage {
    width: 100%;
    background: #fff url(../images/percenticonblk.png) 97% 11px no-repeat;
    border-radius: 4px;
    font-size: 16px;
    color: #757575;
    padding: 6px 8px;
    position: relative;
    border: 1px solid #dadce0;
    cursor: pointer;
    min-height: 38px;
}

    .percentage p {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 88%;
        overflow: hidden;
        display: block;
        margin: 0;
    }

.decimalnums {
    width: 100%;
    background: #fff url(../images/decinumiconblk.png) 97% 11px no-repeat;
    border-radius: 4px;
    font-size: 16px;
    color: #757575;
    padding: 6px 8px;
    position: relative;
    border: 1px solid #dadce0;
    cursor: pointer;
    min-height: 38px;
}

    .decimalnums p {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 88%;
        overflow: hidden;
        display: block;
        margin: 0;
    }

.currency {
    width: 100%;
    background: #fff url(../images/currencyiconblk.png) 97% 11px no-repeat;
    border-radius: 4px;
    font-size: 16px;
    color: #757575;
    padding: 6px 8px;
    position: relative;
    border: 1px solid #dadce0;
    cursor: pointer;
    min-height: 38px;
}

    .currency p {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 88%;
        overflow: hidden;
        display: block;
        margin: 0;
    }

.datetime {
    width: 100%;
    background: #fff url(../images/datetimeiconblk.png) 97% 11px no-repeat;
    border-radius: 4px;
    font-size: 16px;
    color: #757575;
    padding: 6px 8px;
    position: relative;
    border: 1px solid #dadce0;
    cursor: pointer;
    min-height: 38px;
}

    .datetime p {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 88%;
        overflow: hidden;
        display: block;
        margin: 0;
    }

.fileupload {
    width: 100%;
    background: #fff url(../images/fileuploadiconblk.png) 97% 11px no-repeat;
    border-radius: 4px;
    font-size: 16px;
    color: #757575;
    padding: 6px 8px;
    position: relative;
    border: 1px solid #dadce0;
    cursor: pointer;
    min-height: 38px;
}

    .fileupload p {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 88%;
        overflow: hidden;
        display: block;
        margin: 0;
    }

.imagecontrol {
    width: 100%;
    background: #fff url(../images/imageiconblk.png) 97% 7px no-repeat;
    border-radius: 4px;
    font-size: 16px;
    color: #757575;
    padding: 6px 8px;
    position: relative;
    border: 2px dashed #dadce0 !important;
    cursor: pointer;
    min-height: 38px;
}

    .imagecontrol p {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 88%;
        overflow: hidden;
        display: block;
        margin: 0;
    }

.imagelblcontrol {
    width: 100%;
    background: #fff url(../images/imageiconblk.png) 97% 7px no-repeat;
    border-radius: 4px;
    font-size: 16px;
    color: #757575;
    padding: 6px 8px;
    position: relative;
    border: 2px dashed #dadce0 !important;
    cursor: pointer;
    min-height: 38px;
}

    .imagelblcontrol p {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 88%;
        overflow: hidden;
        display: block;
        margin: 0;
    }

.signcontrol {
    width: 100%;
    background: #fff url(../images/signiconblk.png) 97% 7px no-repeat;
    border-radius: 4px;
    font-size: 16px;
    color: #757575;
    padding: 6px 8px;
    position: relative;
    border: 2px dashed #dadce0 !important;
    cursor: pointer;
    min-height: 38px;
}

    .signcontrol p {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 88%;
        overflow: hidden;
        display: block;
        margin: 0;
    }

.kpiindicator {
    width: 100%;
    background: #fff url(../images/kpiiconblk.png) 97% 8px no-repeat;
    border-radius: 4px;
    font-size: 16px;
    color: #757575;
    position: relative;
    padding: 6px 8px;
    border: 1px solid #dadce0;
    cursor: pointer;
    min-height: 38px;
}

    .kpiindicator p {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 88%;
        overflow: hidden;
        display: block;
        margin: 0;
    }
/*FET00318 Start*/
.QRcodecontrol {
    width: 100%;
    background: #fff url(../images/QRiconblk.png) 97% 8px no-repeat;
    border-radius: 4px;
    font-size: 16px;
    color: #757575;
    position: relative;
    padding: 6px 8px;
    border: 1px solid #dadce0;
    cursor: pointer;
    min-height: 38px;
}

    .QRcodecontrol p {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 88%;
        overflow: hidden;
        display: block;
        margin: 0;
    }
/*FET00318 End*/

.likecontrol {
    width: 100%;
    background: #fff url(../images/likeiconblk.png) 97% 8px no-repeat;
    border-radius: 4px;
    font-size: 16px;
    color: #757575;
    position: relative;
    padding: 6px 8px;
    border: 1px solid #dadce0;
    cursor: pointer;
    min-height: 38px;
}

    .likecontrol p {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 88%;
        overflow: hidden;
        display: block;
        margin: 0;
    }

.commentcontrol {
    width: 100%;
    background: #fff url(../images/commenticonblk.png) 97% 8px no-repeat;
    border-radius: 4px;
    font-size: 16px;
    color: #757575;
    position: relative;
    padding: 6px 8px;
    border: 1px solid #dadce0;
    cursor: pointer;
    min-height: 38px;
}

    .commentcontrol p {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 88%;
        overflow: hidden;
        display: block;
        margin: 0;
    }
    
.mdtile {
    position: relative;
}

    .mdtile .hovertile {
        position: absolute;
        right: 10px;
        top: -16px;
        display: none;
    }

    .mdtile:hover .hovertile {
        display: block;
    }

    .mdtile .hovertile a {
        padding: 0 2px;
        display: inline-block;
    }

/*Draging fields Styles Ends*/

.iconlinkcontrol {
    width: 100%;
    background: #fff url(../images/buttoniconblk.png) 97% 7px no-repeat;
    border-radius: 4px;
    font-size: 16px;
    color: #757575;
    position: relative;
    padding: 6px 8px;
    border: 1px solid #dadce0;
    cursor: pointer;
    min-height: 38px;
}

    .iconlinkcontrol p {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 88%;
        overflow: hidden;
        display: block;
        margin: 0;
    }

.mdlbtn {
    position: relative;
    top: -3px;
    left: 5px;
    display: block;
}

.iconshrcenter :hover {
    opacity: 0.5;
}
/*model popup Styles Starts Here*/
.modal-dialog .modal-content {
    border-radius: 10px;
}

.modal-body {
    border-radius: 5px;
    background: #fff;
    padding: 0;
    min-height: 400px;
}

    .modal-body .popright {
        background: #2a303c;
        color: #fff;
        min-height: 500px;
        border-radius: 0 5px 5px 0;
        padding: 0 0 20px 20px;
    }

.close {
    width: 55px;
    height: 55px;
    background: #328ac9;
    text-align: right;
    line-height: 35px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 5px 0 50px;
    padding-right: 15px;
}

.modal-body .popright h6 {
    font-weight: normal;
    position: relative;
    width: 80%;
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    border-bottom: 1px solid #484d58;
}

.modal-body .popright span {
    color: #328ac9;
}

.modal-body .popright h6::after {
    content: "";
    background-color: #328ac9;
    width: 40px;
    height: 3px;
    border-radius: 0px;
    display: block;
    position: relative;
    top: 2px;
    left: 0px;
}

.modal-body .popright .custom-control {
    padding-left: 2rem;
}

.modal-body .popright .custom-control-label::before {
    top: 1px;
    left: -30px;
}

.modal-body .popright .custom-control-label::after {
    top: 1px;
    left: -30px;
}

.modal-body .popleft {
    background: transparent;
    color: #1c252e;
    min-height: 570px;
    border-radius: 0 5px 0 0;
    padding: 0 20px 20px 20px;
}

    .modal-body .popleft h6 {
        font-weight: normal;
        position: relative;
        width: 100%;
        display: inline-block;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 14px;
        border-bottom: 1px solid #e6e8eb;
        position: relative;
        margin-bottom: 15px;
    }

        .modal-body .popleft h6 .addbtn {
            position: absolute;
            right: 0;
            top: 4px;
        }

    .modal-body .popleft span {
        color: #328ac9;
    }

    .modal-body .popleft h6::after {
        content: "";
        background-color: #328ac9;
        width: 40px;
        height: 3px;
        border-radius: 0px;
        display: block;
        position: relative;
        top: 2px;
        left: 0px;
    }
/*model popup Styles Ends Here*/
.modulebtn {
    position: absolute;
    right: 20px;
    bottom: 20px;
    background: #328ac9;
    display: block;
    border-radius: 30px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    float: right;
    font-weight: bold;
    margin: 0 7px;
    z-index: 999;
}

    .modulebtn:hover {
        box-shadow: none;
        color: #fff;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        box-shadow: 0 2px 15px 0 rgba(54, 145, 210, 0.8);
    }

    .modulebtn:focus {
        box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2);
        -webkit-transition: all .2s ease-in-out;
    }
/*Common Select dropdown controls */
.select {
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #dadce0;
}

.select-text {
    position: relative;
    font-family: inherit;
    background-color: transparent;
    width: 100%;
    padding: 4px 10px 4px 0;
    font-size: 15px;
    color: #757575;
    border-radius: 0;
    border: none;
    margin-left: 3px;
    margin-top: 5px;
}
    /* Remove focus */
    .select-text:focus {
        outline: none;
        border-bottom: 1px solid rgba(0,0,0, 0);
    }
/* Use custom arrow */
.select .select-text {
    appearance: none;
    -webkit-appearance: none
}

.select:after {
    position: absolute;
    top: 5px;
    right: 25px;
    width: 0;
    height: 0;
    padding: 0;
    content: url(../images/selectarrow.png);
    pointer-events: none;
}
/* LABEL ======================================= */
.select-label {
    color: rgba(0,0,0, 0.26);
    font-size: 16px;
    color: #7c7f82;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 8px;
    top: 8px;
    transition: 0.2s ease all;
}

/* active state */
.select-text:focus ~ .select-label, .select-text:valid ~ .select-label {
    color: #2F80ED;
    top: -8px;
    transition: 0.2s ease all;
    font-size: 13px;
    background: #fff;
    padding: 0 4px;
}

.select:hover {
    border: 1px solid #2F80ED;
    transition: 0.2s ease all;
}
/* BOTTOM BARS ================================= */
.select-bar {
    position: relative;
    display: block;
    width: 100%;
}

    .select-bar:before, .select-bar:after {
        content: '';
        height: 2px;
        width: 0;
        bottom: 1px;
        position: absolute;
        background: #2F80ED;
        transition: 0.2s ease all;
    }

    .select-bar:before {
        left: 50%;
    }

    .select-bar:after {
        right: 50%;
    }
/* active state */
.select-text:focus ~ .select-bar:before, .select-text:focus ~ .select-bar:after {
    width: 50%;
}
/*Common Select dropdown Styles Ends*/
.profiledpdown .btn {
    padding: 4px;
    margin: 0;
}

.profiledpdown .dropdown-menu {
    right: 0;
    left: auto;
    box-shadow: none;
}

.profiledpdown .btn {
    box-shadow: none;
    font-size: 15px;
    text-transform: capitalize;
}

    .profiledpdown .btn:active, .btn:focus, .btn:hover {
        box-shadow: none !important;
    }

.profiledpdown .dropdown-toggle::after {
    border-top: .4em solid #3691d2;
    border-right: .4em solid transparent;
    border-left: .4em solid transparent;
    position: relative;
    top: 2px;
}

.profiledpdown .dropdown-menu {
    background: #3691d2;
    padding: 8px;
    border-radius: 10px;
    top: 44px;
    -webkit-transition: all 0.5s ease-in;
}

    .profiledpdown .dropdown-menu a {
        padding: 6px 10px;
        color: #fff; /*border-bottom: 1px solid #56b1f2;	*/
    }

.profiledpdown .dropdown-item {
    margin: 3px 0;
}

.profiledpdown .dropdown-menu a:last-child {
    border-bottom: 0;
}

.profiledpdown .dropdown-item:focus, .dropdown-item:hover {
    background: #2d74a7;
    border-radius: 30px;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

.dropdown .dropdown-menu .dropdown-item:active {
    background: transparent;
}

.profiledpdown .dropdown-menu::before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 5px;
    border-width: 0 5px 12px 5px;
    border-style: solid;
    border-color: #3691d2 transparent;
}


/*Tabs Styles Starts here*/
.ui-widget.ui-widget-content {
    border: 0;
    padding: 0;
    margin: 0;
}

.ui-widget-header {
    background: transparent;
    border: 0;
    border-bottom: 0;
}

.ui-tabs {
    margin-top: 10px;
}

.mobilebuild .ui-tabs {
    margin-top: 3px;
}

.ui-tabs .ui-tabs-nav {
    padding: 0;
    display: flex;
    padding-top: 10px;
    /*overflow:hidden;*/
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background: #eaf3f9;
    border: 1px solid #eaf3f9;
}

    .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
        font-size: 14px;
        text-transform: uppercase;
        color: #328ac9;
        border-bottom: 2px solid #328ac9;
        padding-bottom: 10px !important;
    }

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 13px 25px;
    cursor: pointer !important;
    text-transform: uppercase;
    font-size: 14px;
    border: 1px solid #eaf3f9;
    border-bottom: 0;
}

.ui-tabs .ui-tabs-panel {
    padding: 1em 0;
}
/*Tabs Styles Ends here*/

/*Main Menu Accordion Styles Starts Here*/
.card {
    background-color: transparent;
    box-shadow: none;
}

.card-header {
    background-color: transparent;
    border-bottom: 0;
    padding: .45rem 1.25rem;
}

.card-body {
    padding: 0;
    position: relative;
}

    .card-body .modules h4 {
        color: #328ac9;
        font-weight: normal;
        margin-top: 10px;
        margin-bottom: 0;
        font-size: 25px;
        text-overflow: ellipsis;
        width: 100%;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-align: center;
    }

    .card-body .modules p {
        padding: 0;
        font-size: 14px;
        color: #fff;
        line-height: 1.5;
        margin-bottom: 0
    }

    .card-body .modules .subhead {
        color: #a7a6a6;
        margin: 5px 0 0;
        text-overflow: ellipsis;
        display: block;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
    }
/*Main Menu Accordion Styles Starts Here*/
.dotfont {
    font-size: 30px;
    line-height: 20px;
}

.table-responsive {
    overflow-y: visible;
}
/*Table Styles Start here*/
.table {
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 0;
}

    .table tr th,
    .table tr td {
        border-right: 1px solid #2a303c;
        border-bottom: 1px solid #2a303c;
    }

        .table tr th:first-child,
        .table tr td:first-child {
            border-left: 1px solid #2a303c;
        }

        .table tr th:last-child,
        .table tr td:last-child {
            border-right: 1px solid #2a303c;
        }

    .table tr:last-child td {
        border-bottom: 1px solid #2a303c;
    }

    .table.table thead th {
        background: #2a303c;
        color: #fff;
        font-weight: bold;
        vertical-align: top;
    }

    .table.table td, table.table th {
        padding-top: 10px;
        padding-bottom: 10px;
        border: 0;
    }

.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: rgba(0,0,0,.02);
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: #fff;
    box-shadow: 0 0 4px 0px rgba(0,0,0,0.2);
}

.table tr:first-child th:first-child {
    border-top-left-radius: 3px;
}

.table tr:first-child th:last-child {
    border-top-right-radius: 3px;
}

.table tr:last-child td:first-child {
    border-bottom-left-radius: 3px;
}

.table tr:last-child td:last-child {
    border-bottom-right-radius: 3px;
}

/*Table Styles End here*/
.gridtxtbox {
    height: calc(1.3em + .75rem + 2px);
    font-size: 14px;
    color: #1c252e;
}

.txtbxwid {
    width: 100px;
}

.txtbxwidpvalue {
    min-width: 150px;
}

.sqdoticon {
    position: absolute;
    right: 10px;
    top: -17px;
    display: block;
}

.sqaddicon {
    position: absolute;
    right: 0;
    top: -17px;
    display: block;
}

.sqdownicon {
    position: absolute;
    right: 112px;
    top: -17px;
    display: block;
}
/*Popover Styles Starts here*/

.popover-modal:after, .popover-modal:before {
    display: inline-block;
    content: ""
}

.popover-wrapper {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
}

.popover-modal {
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -webkit-transition: all 240ms cubic-bezier(.34, 1.61, .7, 1);
    -o-transition: all 240ms cubic-bezier(.34, 1.61, .7, 1);
    transition: all 240ms cubic-bezier(.34, 1.61, .7, 1);
    -webkit-transform: scale(0);
    transform: scale(0);
    transform-origin: 29px -10px;
    opacity: 0;
    position: absolute;
    z-index: 1000;
    width: 300px;
    margin-top: 8px;
    border-radius: 0;
    border: 1px solid #dadce0;
    background-color: #fff
}

.popover-wrapper.open .popover-modal {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.popover-wrapper.open .btn-dropdown {
    outline: 0
}

.popover-modal:before {
    position: absolute;
    top: -16px;
    left: 16px;
    border: 8px solid transparent;
    border-bottom-color: #aab2bd
}

.popover-modal:after {
    position: absolute;
    top: -14px;
    left: 17px;
    border: 7px solid transparent;
    border-bottom-color: #fff
}

.popover-modal .popover-body {
    margin: 0;
    padding: 15px;
}

.ppovrtxtbox {
    width: 75%;
    display: inline-block;
}

.ppovrbtn {
    background: #328ac9;
    padding: 9px 10px;
    margin: 0;
    color: #fff;
    vertical-align: top;
    display: inline-block;
}

    .ppovrbtn:hover {
        color: #fff;
    }

.popover-modal .popover-body.popover-body-padded {
    padding: 8px
}

.popover-modal .popover-header .popover-close-btn {
    float: right
}

.popover-wrapper.right .popover-modal {
    transform-origin: 275px -10px;
    right: 0
}

    .popover-wrapper.right .popover-modal:before {
        left: auto;
        right: 16px
    }

    .popover-wrapper.right .popover-modal:after {
        left: auto;
        right: 17px
    }
/*FET00325 MenuSettings*/
.popover-wrapper .rgtalign {
    right: -5px !important;
}
/*Popover Styles Ends here*/

.md-form.md-outline input[type="text"] {
    height: 38px;
}

.md-form.md-outline textarea.md-textarea {
    height: 92px;
}

.md-form textarea ~ label.active {
    color: #757575;
}
/*Single Select Dropdown Styles Starts*/
.singleinput {
    position: relative;
    background: #fff url(../images/selectarrow.png) 96% 22px no-repeat;
    border-radius: 5px 5px 0 0;
    margin: 5px;
}

.singleselect {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 50px;
    font-size: 16px;
    color: #495057;
    padding: 5px 25px 5px 7px;
    border: none;
    border-bottom: 1px solid #2196F3;
    background: #fff;
    line-height: 48px;
    background-color: transparent;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

    .singleselect + label {
        position: absolute;
        top: 12px;
        left: 10px;
        font-size: 16px;
        color: #757575;
        transition: all .2s ease-out;
    }

    .singleselect:focus {
        outline: none;
        border-width: 2px;
        border-color: #2196F3;
        transition: all .2s ease-out;
    }

        .singleselect:focus + label, .singleselect.has-value + label {
            top: 0;
            left: 10px;
            color: #2196F3;
            font-size: 13px;
            z-index: 99;
        }

/*Single Select Dropdown Ends Starts*/
/*Select Dropdown Styles Starts Here*/
.selectinput {
    position: relative;
}

.selectbox {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 38px;
    line-height: normal;
    font-size: 16px;
    color: #757575;
    padding: 5px;
    border: none;
    background: #fff url(../images/selectarrow.png) right 10px top 16px no-repeat;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    background-color: transparent;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

    .selectbox option {
        cursor: pointer;
    }

        .selectbox option:focus {
            background: none !important;
        }

    .selectbox + label {
        position: absolute;
        top: 8px;
        left: 10px;
        font-size: 16px;
        color: #757575;
        transition: all .2s ease-out;
        line-height: 1.2;
    }

    .selectbox:focus {
        outline: none !important;
        border-width: 1px;
        border-color: #2196F3;
        transition: all .2s ease-out;
    }

    .selectbox.has-value + label {
        color: #757575;
    }

    .selectbox:focus + label, .selectbox.has-value + label {
        top: -8px;
        left: 7px;
        background: #fff;
        padding: 0 3px;
        font-size: 13px;
        z-index: 90;
        line-height: 1;
    }
/*Select Dropdown Styles Ends Here*/

.smallddown {
    padding-right: 25px !important;
    background-position: 93% 15px;
}

.tinyddown {
    padding-right: 18px !important;
    background-position: 93% 15px;
}

.mdlnamellip {
    width: 100%;
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
}

.fxdlistheight {
    min-height: 700px !important;
}
/*Mobile Form Builder Styles STarts Here*/
.mobilebuild {
    padding: 0;
    overflow: visible;
}

.mobiledevice {
    background: url(../images/mobilebuilderdevice.png) center center no-repeat;
    width: 400px;
    height: 670px;
    margin: 0 auto;
    margin-top: 25px;
    padding: 3.4em 2.7em 3.5em;
    background-size: cover;
}

.mobileinner {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 9% 0 12%;
}

    .mobileinner h4 {
        font-size: 20px;
        color: #fff;
        margin: 0;
        font-weight: normal;
        margin-left: 40px;
        margin-top: 2px;
        white-space: nowrap;
        display: block;
        width: 75%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .mobileinner .ui-widget-content {
        background: transparent;
    }

    .mobileinner .ui-widget-header {
        border-bottom: 0;
        display: flex;
        padding-top: 9px;
    }

    .mobileinner .mdsection {
        border: 0;
        border-radius: 0;
        margin: 0;
        padding: 0;
        height: 100%;
    }

        .mobileinner .mdsection:hover {
            border: 0;
            box-shadow: none;
        }

    .mobileinner .ui-tabs .ui-tabs-nav li {
        margin: 0 2px;
        white-space: nowrap;
    }

    .mobileinner .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
        border-color: #000 !important;
        color: #1c252e !important;
    }

    .mobileinner .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        padding: 12px 25px;
    }

        .mobileinner .ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover {
            color: #328ac9;
            background: #eaf3f9;
            border-radius: 3px 3px 0 0;
        }

    .mobileinner .ui-state-default a, .mobileinner .ui-state-default a:link {
        color: #fff;
    }

    .mobileinner .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        border: 0;
    }

    .mobileinner .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
        border-bottom: 0;
    }

    .mobileinner .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
        border: 0;
    }

    .mobileinner .ui-tabs .ui-tabs-panel {
        padding: 0 10px;
        height: 100%;
    }

    .mobileinner .ui-tabs {
        height: 100%;
        margin-left: 2px;
        margin-right: 2px;
    }

.popupscroll {
    min-height: 520px;
    max-height: 550px;
    overflow-y: auto;
    overflow-x: hidden;
}

.importdata {
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .popupscroll .mCSB_container {
        min-height: 530px;
    }

.popupscrollmodule {
    height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
}

.scrolluimodule .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #2a303c;
    margin: 0;
    margin-left: 25px;
    opacity: 0.5;
}

.scrolluimodule .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.scrolluimodule .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #2a303c;
    opacity: 0.5;
}

.scrolluiweb .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #2a303c;
    margin: 0;
    margin-left: 10px;
    opacity: 0.5;
    margin-top: 1px;
}

.scrolluiweb .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.scrolluiweb .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #2a303c;
    opacity: 0.5;
}

.scrolluimobile .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #2a303c;
    margin: 0;
    margin-left: 10px;
    opacity: 0.5;
}

.scrolluimobile .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.scrolluimobile .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #2a303c;
    opacity: 0.5;
}

.scrolluimobile .mCSB_scrollTools .mCSB_draggerRail {
    width: 3px;
}

.scrolluiuser .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #2a303c;
    margin: 0;
    margin-left: 8px;
    opacity: 0.5;
}

.scrolluiuser .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.scrolluiuser .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #2a303c;
    opacity: 0.5;
}

.mdlnamellip {
    width: 100%;
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
}
/* FET00318 STARTS */
.qrscanner {
    width: 100%;
    background: #fff url(../images/QRscanblk.png) 97% 8px no-repeat;
    border-radius: 4px;
    font-size: 16px;
    color: #757575;
    position: relative;
    padding: 6px 8px;
    border: 1px solid #dadce0;
    cursor: pointer;
    min-height: 38px;
}

    .qrscanner p {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 88%;
        overflow: hidden;
        display: block;
        margin: 0;
    }
/* FET00318 ENDS */

/*Mobile Form Builder Styles Ends Here*/

/*Tablet Form Builder Styles STarts Here*/
.tabletbuild {
    padding: 0;
    overflow: visible;
}

.tabletbuildcontent {
    height: 100%;
}

.tabletdevice {
    background: url(../images/tabletbuilderdevice.png) center 0 no-repeat;
    width: 494px;
    height: 700px;
    margin: 0 auto;
    margin-top: 25px;
    padding: 58px 49px 128px 43px;
    background-size: cover;
}

.tabletinner {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 8% 0 10%;
}

    .tabletinner h4 {
        font-size: 20px;
        color: #fff;
        margin: 0;
        font-weight: normal;
        margin-left: 30px;
        margin-top: -10px;
    }

    .tabletinner .ui-widget-content {
        background: transparent;
    }

    .tabletinner .ui-widget-header {
        border-bottom: 0;
        display: flex;
        padding-top: 10px;
    }

.tabletdevice .tabpdng {
    padding-top: 20px !important;
}

.tabletinner .mdsection {
    border: 0;
    border-radius: 0;
    margin: 0;
    height: 100%;
}

    .tabletinner .mdsection:hover {
        border: 0;
        box-shadow: none;
    }

.tabletinner .ui-tabs .ui-tabs-nav li {
    margin: 0 2px;
    white-space: nowrap;
}

.tabletinner .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    border-color: transparent !important;
    color: #1c252e !important;
    border-bottom: 0;
}

.tabletinner .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 11px 25px;
}

    .tabletinner .ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover {
        background: #eaf3f9;
        border-radius: 3px 3px 0 0;
        color: #328ac9;
    }

.tabletinner .ui-state-default a, .mobileinner .ui-state-default a:link {
    color: #fff;
}

.tabletinner .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    border: 0;
}

.tabletinner .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 0;
}

.tabletinner .ui-tabs .ui-tabs-panel {
    padding: 0;
    height: 100%;
}

.tabletinner .ui-tabs {
    height: 100%;
    margin-left: 2px;
    margin-right: 2px;
}

.scrolluitablet .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #2a303c;
    margin: 0;
    margin-left: 10px;
    opacity: 0.5;
}

.scrolluitablet .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.scrolluitablet .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #2a303c;
    opacity: 0.5;
}

.scrolluitablet .mCSB_scrollTools .mCSB_draggerRail {
    width: 3px;
}
/*Tablet Form Builder Styles Ends Here*/











.menuscroll {
    max-height: 540px;
    overflow-y: auto;
    padding: 0 25px
}

.lookupheight {
    min-height: 690px !important;
}

.modulemainicon {
    background: url(../images/modulemainicon.png) 10px 2px no-repeat;
}

.dsplclass {
    opacity: 0.5;
}

    .dsplclass .custom-control-input:disabled:checked ~ .custom-control-label::before {
        border: 0 !important;
    }

.columncenter {
    justify-content: center !important;
}

.fieldspopup {
    background: transparent;
    color: #1c252e;
    min-height: 570px;
    border-radius: 0 5px 0 0;
    padding: 30px;
}

    .fieldspopup .lookupimg {
        position: absolute;
        right: 62px;
        top: 13px;
    }

/*Sub-Grid Builder styles*/
.subgrid {
    position: relative;
    height: 90px;
    margin-top: 10px;
    border-radius: 4px;
    border: 1px solid #2a303c;
}

    .subgrid .th-row {
        background: #2a303c;
        display: flex;
    }

        .subgrid .th-row .th-col {
            width: 20%;
            padding: 10px;
            color: #fff;
            font-weight: bold;
            position: relative;
            cursor: pointer;
        }

            .subgrid .th-row .th-col p {
                width: 100%;
                height: auto !important;
                text-overflow: ellipsis;
                overflow: hidden;
                margin-bottom: 0;
                display: block;
            }

            .subgrid .th-row .th-col:hover {
                border: 1px dashed #328ac9;
                box-shadow: 0 5px 6px 0 rgba(0,0,0,0.2);
            }

                .subgrid .th-row .th-col:hover .settingfield {
                    display: block;
                }

                .subgrid .th-row .th-col:hover .propfield {
                    display: block;
                }

                .subgrid .th-row .th-col:hover .deletefield {
                    display: block;
                }


    .subgrid .td-row {
        background: transparent;
        display: flex;
    }

        .subgrid .td-row .td-col {
            width: 20%;
            padding: 10px;
            color: #fff;
            color: #1c252e;
        }

        .subgrid .td-row:last-child {
            border-radius: 0 0 3px 3px;
        }

    .subgrid .alter {
        background: #f7f7f7;
    }


.leftsubgridbdr {
    border-left: 1px solid #2a303c !important;
}

.rightsubgridbdr {
    border-right: 1px solid #2a303c !important;
}
.tablebtmline tr:nth-last-child(2) td {
    border-bottom: 1px solid #000;
}
    .tablebtmline tr:nth-last-child(2) td:last-child {
        border-bottom-right-radius: 3px;
    }
    .tablebtmline tr:nth-last-child(2) td:first-child {
        border-bottom-left-radius: 3px;
    }

/*View Builder Styles Starts here*/
.viewbuild {
    height: auto;
    border-radius: 4px;
    border: 1px solid #2a303c;
}

    .viewbuild .th-row {
        background: #2a303c;
        display: flex;
    }

        .viewbuild .th-row .th-col {
            width: 20%;
            padding: 10px;
            color: #fff;
            font-weight: bold;
            position: relative;
            cursor: pointer;
        }

            .viewbuild .th-row .th-col:hover {
                border: 1px dashed #328ac9;
                box-shadow: 0 5px 6px 0 rgba(0,0,0,0.2);
            }

    .viewbuild .filterfieldhold:hover .hoversection .settingfield {
        display: block;
    }

.filterfieldhold:hover .hoversection .deletefield {
    display: block;
}

.filterfieldhold:hover {
    border: 1px dashed #328ac9;
    box-shadow: 0 5px 6px 0 rgba(0,0,0,0.2);
}

.hoversection .deletefield {
    background: transparent;
    padding: 0 3px;
    position: absolute;
    /*right: 33px;*/
    top: -14px;
    display: none;
    z-index: 99;
}

.hoverfield .settingfield {
    background: transparent;
    padding: 0 3px;
    position: absolute;
    right: 33px;
    top: -14px;
    display: none;
}

.hoverfield .settingfieldform a {
    background: url(../images/settingicon.png) no-repeat;
    width: 16px;
    height: 16px;
    padding: 0 3px;
    position: absolute;
    right: 33px;
    top: -9px;
    display: none;
}

.mdfield:hover .hoverfieldsubgrid .settingfieldsubgrid a {
    display: block;
}

.hoverfieldsubgrid .settingfieldsubgrid a {
    background: url(../images/settingicon.png) no-repeat;
    width: 16px;
    height: 16px;
    padding: 0 3px;
    position: absolute;
    right: 35px;
    top: -8px;
    display: none;
}

.settingfield {
    padding: 0 3px;
    position: absolute;
    right: 33px;
    top: -14px;
    display: none;
}

.viewbuild .th-row .th-col:hover .hoverfield .settingfield {
    display: block;
}

.hoverfield .movefield {
    background: transparent;
    padding: 0 3px;
    position: absolute;
    right: 80px;
    top: -14px;
    display: none;
}

.hoverfield .movefieldform a {
    background: url(../images/moveicon.png) no-repeat;
    width: 16px;
    height: 16px;
    padding: 0 3px;
    position: absolute;
    right: 80px;
    top: -9px;
    display: none;
}

.viewbuild .th-row .th-col:hover .hoverfield .movefield {
    display: block;
}

.mdfield:hover .hoverfieldsubgrid .movefieldsubgrid a {
    display: block;
}

.hoverfieldsubgrid .actfieldfullform a {
    background: url(../images/threedot.png) no-repeat;
    width: 16px;
    height: 16px;
    padding: 0 3px;
    position: absolute;
    right: 112px;
    top: -8px;
    display: none;
}

.mdfield:hover .hoverfieldsubgrid .actfieldfullform a {
    display: block;
}

.hoverfieldsubgrid .movefieldsubgrid a {
    background: url(../images/moveicon.png) no-repeat;
    width: 16px;
    height: 16px;
    padding: 0 3px;
    position: absolute;
    right: 85px;
    top: -8px;
    display: none;
}

.movefield {
    background: #fff;
    padding: 0 3px;
    position: absolute;
    right: 80px;
    top: -14px;
    display: none;
}

.hoverfield .propfield {
    background: transparent;
    padding: 0 3px;
    position: absolute;
    right: 57px;
    top: -14px;
    display: none;
}

.buildhold:hover .hoverfield .actfieldfullform a {
    display: block;
}

.hoverfield .actfieldfullform a {
    background: url(../images/threedot.png) no-repeat;
    width: 16px;
    height: 16px;
    padding: 0 3px;
    position: absolute;
    right: 30px;
    top: -9px;
    display: none;
}

.hoverfield .actfieldform a {
    background: url(../images/threedot.png) no-repeat;
    width: 16px;
    height: 16px;
    padding: 0 3px;
    position: absolute;
    right: 103px;
    top: -9px;
    display: none;
}


.hoverfield .propfieldform a {
    background: url(../images/properties_icon.png) no-repeat;
    width: 16px;
    height: 16px;
    padding: 0 3px;
    position: absolute;
    right: 57px;
    top: -9px;
    display: none;
}

.mdfield:hover .hoverfieldsubgrid .propfieldsubgrid a {
    display: block;
}

.hoverfieldsubgrid .propfieldsubgrid a {
    background: url(../images/properties_icon.png) no-repeat;
    width: 16px;
    height: 16px;
    padding: 0 3px;
    position: absolute;
    right: 60px;
    top: -8px;
    display: none;
}

.propfield {
    background: #fff;
    padding: 0 3px;
    position: absolute;
    right: 57px;
    top: -14px;
    display: none;
}

.viewbuild .th-row .th-col:hover .hoverfield .propfield {
    display: block;
}

.hoverfield .deletefield {
    background: transparent;
    padding: 0 3px;
    position: absolute;
    right: 10px;
    top: -14px;
    display: none;
}

.mdfield:hover .hoverfieldsubgrid .deletefieldsubgrid a {
    display: block;
}

.hoverfieldsubgrid .deletefieldsubgrid a {
    background: url(../images/removeicon.png) no-repeat;
    width: 16px;
    height: 16px;
    padding: 0 3px;
    position: absolute;
    right: 10px;
    top: -8px;
    display: none;
}

.hoverfield .deletefieldform a {
    background: url(../images/removeicon.png) no-repeat;
    width: 16px;
    height: 16px;
    padding: 0 3px;
    position: absolute;
    right: 10px;
    top: -9px;
    display: none;
}

.deletefield {
    background: #fff;
    padding: 0 3px;
    position: absolute;
    right: 10px;
    top: -14px;
    display: none;
}

.viewbuild .th-row .th-col:hover .hoverfield .deletefield {
    display: block;
}


.viewbuild .td-row {
    background: transparent;
    display: flex;
}

    .viewbuild .td-row .td-col {
        width: 20%;
        padding: 10px;
        color: #fff;
        color: #1c252e;
    }

    .viewbuild .td-row:last-child {
        border-radius: 0 0 3px 3px;
    }

.viewbuild .alter {
    background: #f7f7f7;
}

.heightadj {
    height: 35px;
    padding: .375rem 8px;
}

.filterhold {
    border-radius: 4px;
    border: 1px solid #2a303c;
    padding: 15px;
    color: #2a303c;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
}

.filterhead {
    background: #328ac9;
    padding: 5px 10px;
    border-radius: 4px 4px 0 0;
    color: #fff;
    text-transform: uppercase;
}

    .filterhead h3 {
        font-size: 16px;
        margin-bottom: 0;
        line-height: 1.6;
    }

.filterfieldhold {
    background: #1c252e;
    position: relative;
    margin-top: 15px;
    margin-bottom: 20px;
    border-radius: 4px;
    /*min-height: 100px;*/
    padding-bottom: 17px;
}

.filtericons {
    float: right;
}
/*View Builder Styles Ends here*/
/*Organisation Setup Styles Starts Here*/
.midnavfull {
    width: 93%;
}

.buildfull {
    width: 100%;
    position: relative;
}

.midhold {
    height: 100%;
    width: 100%;
    max-width: 1320px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.centerarea {
    width: 100%;
    height: 90%;
    position: relative;
    border-radius: 5px;
    background: #fff;
    padding: 3px;
    box-shadow: 0 0 8px 0px rgba(0,0,0,0.2);
}

    .centerarea .blueheader {
        background: #242b36;
        width: 100%;
        border-radius: 5px;
        padding: 25px 20px;
        color: #fff;
        position: relative;
        text-align: left;
    }

        .centerarea .blueheader h1 {
            line-height: 21px;
            margin: 0;
            font-weight: normal;
            text-transform: uppercase;
            font-size: 20px
        }

.leftarea {
    width: 74.1%;
    height: 90%;
    float: left;
    position: relative;
    border-radius: 5px;
    background: #fff;
    padding: 3px;
    box-shadow: 0 0 8px 0px rgba(0,0,0,0.2);
}

    .leftarea .blueheader {
        background: #242b36;
        width: 100%;
        border-radius: 5px;
        padding: 25px 20px;
        color: #fff;
        position: relative;
        text-align: left;
    }

        .leftarea .blueheader h1 {
            line-height: 21px;
            margin: 0;
            font-weight: normal;
            text-transform: uppercase;
            font-size: 20px
        }

.rightarea {
    width: 24.1%;
    height: 100%;
    float: right;
    position: relative;
    border-radius: 5px;
    background: #fff;
    padding: 3px;
    box-shadow: 0 0 8px 0px rgba(0,0,0,0.2);
}

    .rightarea .blueheader {
        background: #242b36;
        width: 100%;
        border-radius: 5px;
        padding: 25px 20px;
        color: #fff;
        position: relative;
        text-align: left;
    }

        .rightarea .blueheader h1 {
            line-height: 21px;
            margin: 0;
            font-weight: normal;
            text-transform: uppercase;
            font-size: 20px
        }

.formbtnhold {
    position: absolute;
    right: 0;
    bottom: -70px;
    display: flex;
    z-index: 999;
}

.addiconbig {
    position: absolute;
    right: 0;
    top: 8px;
    z-index: 2;
}

    .addiconbig:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        box-shadow: 0 2px 15px 0 rgba(54, 145, 210,)
    }

.greybanner {
    background: #e8e8e8;
    width: 100%;
    border-radius: 5px;
    padding: 5px;
}

    .greybanner h3 {
        color: #328ac9;
        font-size: 20px;
        text-transform: uppercase;
        margin-top: 17px;
        margin-bottom: 0;
    }

.adminpgcontent {
    padding: 20px 15px;
}
/*user Pages Styles Starts*/
.tbliconhold {
    position: absolute;
    right: 0;
    top: -17px;
    display: block;
}

.filter .filterbtn {
    background: #328ac9;
    border-radius: 5px;
    min-width: 80px;
    font-size: 16px;
    padding: 7px 20px;
    margin: 0;
}

.rolebtn {
    background: #328ac9;
    border-radius: 5px;
    min-width: 80px;
    font-size: 16px;
    padding: 7px 20px;
    margin: 0;
    color: #fff;
}

    .rolebtn:hover {
        color: #fff;
    }

.filter .md-form.md-outline input[type="text"] {
    background-color: #fff;
}

.filter .md-form label {
    border-radius: 4px;
    font-weight: normal;
}

.filter .selectbox {
    background: #fff url(../images/selectarrow.png) 96% 15px no-repeat;
}

    .filter .selectbox + label {
        border-radius: 4px;
        font-weight: normal;
        z-index: 99;
    }

.lookuppopup {
    position: absolute;
    top: 5px;
    right: 25px;
}

.clearicon {
    position: absolute;
    top: 5px;
    right: 38px;
}

.cleariconpopup {
    position: absolute;
    top: 6px;
    right: 50px;
}
/*user Pages Styles Ends*/
.hrntlscrol {
    overflow-x: auto;
    display: flex;
    overflow-y: hidden;
    white-space: nowrap;
    border-bottom: 1px solid #ddd;
}
/*mobile view Styles*/
.mobileviewtable {
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #fafafa;
    position: relative;
    top: 5%;
}

    .mobileviewtable:hover {
        border: 1px dashed #328ac9;
        border-radius: 5px;
    }

        .mobileviewtable:hover .setfieldfull {
            display: block;
        }
    .mobileviewtable table tr td {
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
    }    
    .setfieldfull {
        background: #fff;
        padding: 0 3px;
        position: absolute;
        right: 5px;
        top: -14px;
        display: none;
    }

.mobileviewtable td {
    padding: 3px;
    position: relative;
}

    .mobileviewtable td:hover .mblviewdelete {
        display: block;
    }

.mblviewdelete {
    position: absolute;
    right: 0;
    bottom: -5px;
    display: none;
}

.mobileviewtable td:hover .mblviewsetting {
    display: block;
}

.mblviewsetting {
    position: absolute;
    right: 15px;
    bottom: -5px;
    display: none;
}

/*mobile view Styles*/

/*mobile sub grid Styles*/
.mobilesubgrid {
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #fafafa;
    position: relative;
    top: 5%;
    min-height: 165px;
    margin-top: 10px;
    padding-bottom: 45px;
}

    .mobilesubgrid table tr td {
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
    }

    .mobilesubgrid:hover {
        border: 1px dashed #328ac9;
        border-radius: 5px;
    }

    .mobilesubgrid td {
        padding: 3px;
        position: relative;
    }

        .mobilesubgrid td:hover .subgridhvricons {
            display: block;
        }


.subgridhvricons {
    position: absolute;
    right: 0;
    bottom: -5px;
    display: none;
}

    .subgridhvricons a img {
        width: 14px;
    }

.subgrid .th-row .th-col:hover .prtlsubgridhvricons {
    display: block;
}

.prtlsubgridhvricons {
    position: absolute;
    right: 0;
    top: -15px;
    display: none;
}


/*.mobilesubgrid:hover .setfieldfull {
            display: block;
        }

.setfieldfull {
    background: #fff;
    padding: 0 3px;
    position: absolute;
    right: 5px;
    top: -14px;
    display: none;
}



    .mobilesubgrid td:hover .mblviewdelete {
        display: block;
    }


.mblviewdelete {
    position: absolute;
    right: 0;
    bottom: -5px;
    display: none;
}

.mobilesubgrid td:hover .mblviewsetting {
    display: block;
}

.mblviewsetting {
    position: absolute;
    right: 15px;
    bottom: -5px;
    display: none;
}*/
/*mobile sub grid Styles*/
.Pager span {
    text-align: center;
    color: #fff !important;
    display: inline-block;
    background-color: #328ac9;
    box-sizing: border-box;
    margin-right: 3px;
    line-height: 1;
    border-radius: .125rem;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    padding: 8px 11px;
    cursor: pointer;
}

.Pager a {
    text-align: center;
    display: inline-block;
    padding: 8px 11px;
    border: 0;
    background-color: transparent;
    font-size: .9rem;
    color: #212529;
}

    .Pager a:hover {
        background: #eee;
    }

.tbliconhold {
    position: absolute;
    right: 0;
    top: -17px;
    display: block;
}

.lookupgrid td {
    vertical-align: middle;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.tkv2modal .popupfirsth6 {
    width: 95%;
}

.tkv2modal .popupfirstadd {
    right: 6%;
    top: 28px;
}

.emptyDiv {
    height: 100px;
}

.quickformhold {
    height: 100%;
}

.quickform {
    padding: 20px;
    height: 84%;
    margin: 30px auto;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 0 10px 0px rgba(0,0,0,0.2);
}

    .quickform h3 {
        color: #333;
        text-transform: uppercase;
        font-weight: bold;
        text-align: center;
        font-size: 24px;
        margin: 20px auto 0;
        position: relative;
        width: auto;
        display: inline-block;
        border-bottom: 1px solid #484d58;
    }

        .quickform h3:after {
            content: "";
            background-color: #047bf8;
            width: 50%;
            height: 3px;
            border-radius: 0px;
            display: block;
            position: relative;
            top: 2px;
            margin: 0 auto;
        }



/*for mobile view filter*/

.mblfilter {
    position: relative;
}

    .mblfilter .setfiltericon {
        padding: 0 3px;
        position: absolute;
        right: 5px;
        top: -14px;
        z-index: 99;
        display: none;
    }

    .mblfilter:hover .setfiltericon {
        display: block;
    }

/* for action bulider screen */

.smlheight {
    min-height: 480px !important;
}


/* Security Roles Starts */
.rolegrey {
    background: #e8e8e8;
    width: 100%;
    min-height: 76px;
    border-radius: 5px;
    padding: 5px 0;
    margin-bottom: 20px;
}

.bottomradius {
    border-radius: 5px 5px 0 0 !important;
}

.rolegrey .md-form.md-outline input[type="text"] {
    background: #fff;
}

.rolegrey .md-form.md-outline label.active {
    border-radius: 5px;
}

.rolegrey .selectbox {
    background: #fff url(../images/selectarrow.png) 96% 15px no-repeat !important;
}

    .rolegrey .selectbox + label {
        border-radius: 5px;
    }

.roles .shadow {
    box-shadow: 0 0 8px 0px rgba(0,0,0,0.2);
    border: 1px solid #2a303c;
}

.roles .marbtmnone {
    margin-bottom: 0px !important;
}

.roles .bgblue {
    background-color: #328AC9 !important;
    color: #fff;
    cursor: pointer;
}

    .roles .bgblue td {
        border-bottom: 1px solid #3DA9D4 !important;
    }

.roles .bglight {
    background-color: #E8E8E8 !important;
}

.roles .bggrey {
    background-color: #1c252e !important;
    color: #fff;
    cursor: pointer;
}

.roles .roweven {
    background-color: #F7F7F7;
}

.roles .red {
    background-color: #F00;
}

.roles .padleft {
    padding-left: 40px !important;
}

    .roles .padleft img {
        vertical-align: text-top;
        margin-left: 30px;
    }

.roles .padleftstatus {
    padding-left: 60px !important;
}

.roles .table tr:first-child th:first-child {
    border-top-left-radius: 0px !important;
}

.roles .table tr:first-child th:last-child {
    border-top-right-radius: 0px !important;
}

.roles .table tr:last-child td:first-child {
    border-bottom-left-radius: 0px !important;
}

.roles .table tr:last-child td:last-child {
    border-bottom-right-radius: 0px !important;
}

.roles .table.table thead th {
    background: #fff;
    color: #2a303c !important;
}

.roles .table tr:last-child td {
    border-bottom: 0px solid #2a303c;
}

.roles .table tr th:first-child, .roles .table tr td:first-child {
    border-left: 0px solid #2a303c;
}

.roles .table tr th:last-child, .roles .table tr td:last-child {
    border-right: 0px solid #2a303c;
}

.roletablepopup .table.table thead th {
    background: #fff;
    color: #2a303c !important;
}

.slctallchkbox {
    display: flex;
    text-align: center;
}

/* Security Roles Ends */
.threeiconhold {
    display: flex;
    border: 1px solid #dadce0;
    border-radius: 4px;
    width: auto;
}

    .threeiconhold a {
        margin: 5px auto;
        opacity: 0.5;
    }

        .threeiconhold a.active {
            opacity: 1;
        }

.mandate {
    color: #ff0000 !important;
}








/*Global Users page styles Starts here*/
.globaluserhold {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #1c252e;
    text-align: center;
}

    .globaluserhold::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #3691d2;
        opacity: 0.05;
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: skew(-30deg) scaleY(1) translate(0, 0);
        transform: skew(-30deg) scaleY(1) translate(0, 0);
        transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    }

.globalpanel {
    width: 750px;
    margin: 0 auto;
}

.globaluserhold h1 {
    font-weight: normal;
    position: relative;
    width: auto;
    color: #fff;
    display: inline-block;
    border-bottom: 1px solid #484d58;
    margin: 0 auto;
    margin-bottom: 40px;
}

    .globaluserhold h1::after {
        content: "";
        background-color: #047bf8;
        width: 50%;
        height: 3px;
        border-radius: 0px;
        display: block;
        position: relative;
        top: 2px;
        margin: 0 auto;
    }

.globalareahold {
    width: 100%;
}

.globalarea {
    width: 100%;
    height: 150px;
    background: #1c252e;
    border-radius: 7px;
    border: 2px solid #328ac9;
    display: block;
    cursor: pointer;
    position: relative;
    margin: 0 auto 25px;
    padding: 20px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    box-shadow: 0 15px 20px 0 rgba(0,0,0,0.5);
}

    .globalarea img {
        margin-top: 9px;
    }

    .globalarea:hover {
        -webkit-transform: scale(0.92);
        transform: scale(0.92);
        box-shadow: 0 2px 15px 0 rgba(54, 145, 210, 0.8);
    }

        .globalarea:hover img {
            -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
        }

    .globalarea h3 {
        color: #fff;
        font-weight: normal;
        margin-top: 10px;
        margin-bottom: 0;
        font-size: 25px;
        text-overflow: ellipsis;
        width: 100%;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-align: center;
    }

    .globalarea img {
        will-change: transform;
        -webkit-transition: -webkit-transform .2s ease-out;
        transition: -webkit-transform .2s ease-out;
        transition: transform .2s ease-out;
        transition: transform .2s ease-out, -webkit-transform .2s ease-out;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

        .globalarea img:hover {
            -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
        }
/*Global Users page styles Ends here*/
.profiledpdown img {
    width: 35px;
    height: 35px;
    border-radius: 30px;
    margin-right: 3px;
}

.addclose {
    position: absolute;
    right: 0;
    bottom: -6px;
    display: block;
    z-index: 99;
}

.menu-btn {
    width: auto;
    height: auto;
    cursor: pointer;
    cursor: pointer;
}

    .menu-btn span {
        display: block;
        width: auto;
        height: auto;
        z-index: 99;
    }

.hidden {
    display: none;
}

.mobileviewtable .item span {
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 50px;
}

.mobilesubgrid .item span {
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 50px;
}

.viewbuild .th-col span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 100%;
}

.roleaddbtn {
    position: absolute;
    right: 0;
    top: -17px;
    display: block;
}

.menu-btn {
    width: auto;
    height: auto;
    cursor: pointer;
}

.menu-btn-cross {
    cursor: pointer;
}

.menu-btn span {
    display: block;
    width: auto;
    height: auto;
    z-index: 99;
}

.hidden {
    display: none;
}

.bluetxt {
    color: #328ac9 !important;
}

.redtxt {
    color: #ff0000 !important;
}

.font20 {
    font-size: 20px !important;
}

.modmultiselect {
    position: relative;
}

    .modmultiselect .multiselect-container {
        background: #343d46;
        border-radius: 0;
    }

        .modmultiselect .multiselect-container > li > a > label {
            color: #fff;
        }

    .modmultiselect .btn-default.dropdown-toggle {
        background: #343d46 url('../production/images/modlddownicon.png') 93% 11px no-repeat;
        border-radius: 25px;
        height: 35px;
        float: right;
        text-align: left;
        padding: 0 20px;
        margin: 10px 0;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-bottom: 0px;
        width: 100%;
        color: #fff;
        border: 0;
    }

    .modmultiselect .multiselect-selected-text {
        text-transform: capitalize;
        color: #828181;
        font-size: 1rem;
        display: block;
        height: 27px;
        line-height: 35px;
        overflow: hidden;
    }

    .modmultiselect .dropdown-menu.show {
        width: 100%;
        max-height: 190px;
        overflow-y: auto;
    }

    .modmultiselect li {
        border: 0;
    }

    .modmultiselect .show > .btn-default.dropdown-toggle:focus {
        background-color: #343d46 !important;
        box-shadow: none;
        outline: none;
    }

    .modmultiselect .btn-default {
        background-color: #343d46 !important;
    }

        .modmultiselect .btn-default:hover {
            background-color: #343d46 !important;
        }

        .modmultiselect .btn-default:focus {
            outline: none;
            background-color: #343d46 !important;
            box-shadow: none;
        }

        .modmultiselect .btn-default:not([disabled]):not(.disabled):active {
            background-color: #343d46 !important;
            box-shadow: none;
        }

    .modmultiselect .dropdown-toggle::after {
        border: 0;
    }


.multiselectdrp {
    position: relative;
}

    .multiselectdrp .multilabel {
        position: absolute;
        top: -7px;
        left: 9px;
        background: #fff;
        padding: 0 3px;
        font-size: 13px;
        color: #757575;
        z-index: 99;
        line-height: 15px;
    }

    .multiselectdrp .btn-group {
        width: 100%;
        border: 1px solid #dadce0;
        border-radius: 4px;
    }

    .multiselectdrp .btn-default.dropdown-toggle {
        background: #fff url(../images/selectarrow.png) 98% 15px no-repeat !important;
        box-shadow: none;
        padding: 6px 10px;
        text-align: left;
        cursor: auto;
        height: 38px;
    }

    .multiselectdrp .multiselect-selected-text {
        text-transform: capitalize;
        color: #757575;
        font-size: 1rem;
        display: block;
        height: 27px;
        overflow: hidden;
    }

.rightmenu .multiselectdrp .multiselect-selected-text {
    color: #000;
    font-size: 14px;
}

.rightmenu .multiselect-container > li > a > label {
    color: #000;
    font-size: 14px;
}

.mb-150 {
    margin-bottom: 150px !important;
}

.multiselectdrp .dropdown-menu.show {
    width: 100%;
    max-height: 125px;
    overflow-y: auto;
}

.multiselectdrp .show > .btn-default.dropdown-toggle:focus {
    box-shadow: none;
}

.multiselectdrp .btn-default:not([disabled]):not(.disabled):active {
    background-color: transparent !important;
    box-shadow: none;
}

.multiselectdrp .dropdown-toggle::after {
    border: 0;
}

.bldcustheight-1 {
    height: 38px !important;
}

.bldcustheight-2 {
    height: 92px !important;
}

.bldcustheight-3 {
    height: 147px !important;
}

.bldcustheight-4 {
    height: 200px !important;
}

.bldcustheight-5 {
    height: 255px !important;
}

.bldcustheight-6 {
    height: 308px !important;
}

.bldcustheight-7 {
    height: 362px !important;
}

.bldcustheight-8 {
    height: 417px !important;
}

.imgdisplay div.mm-dropdown ul {
    position: fixed;
    width: 365px;
}

.custheight-1 {
    height: 38px !important;
    line-height: 38px;
    background-size: contain;
}

.custheight-2 {
    height: 92px !important;
    line-height: 92px;
}

.custheight-3 {
    height: 147px !important;
    line-height: 147px;
}

.custheight-4 {
    height: 200px !important;
    line-height: 200px;
}

.custheight-5 {
    height: 255px !important;
    line-height: 255px;
}

.custheight-6 {
    height: 308px !important;
    line-height: 308px;
}

.custheight-7 {
    height: 362px !important;
    line-height: 362px;
}

.custheight-8 {
    height: 417px !important;
    line-height: 417px;
}

.imglblcustheight-1 {
    height: 38px !important;
    line-height: 38px;
    background-size: contain;
}

.imglblcustheight-2 {
    height: 92px !important;
    line-height: 92px;
}

.imglblcustheight-3 {
    height: 147px !important;
    line-height: 147px;
}

.imglblcustheight-4 {
    height: 200px !important;
    line-height: 200px;
}

.imglblcustheight-5 {
    height: 255px !important;
    line-height: 255px;
}

.imglblcustheight-6 {
    height: 308px !important;
    line-height: 308px;
}

.imglblcustheight-7 {
    height: 362px !important;
    line-height: 362px;
}

.imglblcustheight-8 {
    height: 417px !important;
    line-height: 417px;
}

.editmode {
    position: relative;
    border: 1px dashed #328ac9;
    box-shadow: 0 5px 6px 0 rgba(0,0,0,0.2);
    border-radius: 5px;
}

.uploadinfo {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 99;
    cursor: pointer;
    color: #328ac9;
}

.checklistinfo {
    float: right;
    margin-top: 5px;
    margin-right: 0;
    cursor: pointer;
    color: #328ac9;
}

.subgridhead {
    height: 10px;
    font-weight: bold;
    margin-left: 5px;
    text-transform: capitalize;
    font-size: 14px;
    margin-bottom: 7px;
}


.lookupIcon {
    position: absolute;
    top: 6px;
    right: 1.5%;
}

.nmllookupIcon {
    right: 8% !important;
}

.clearicon {
    position: absolute;
    top: 6px;
    right: 8%;
}

.cleariconsml {
    position: absolute;
    top: 6px;
    right: 14%;
}

.optpopupbtn {
    position: absolute;
    right: 20px;
    bottom: 20px;
    background: #328ac9;
    display: block;
    border-radius: 30px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    float: right;
    font-weight: bold;
    margin: 0 7px;
}

.lookupheightopt {
    min-height: 710px !important;
}

.buildfieldiconhold {
    background: #fff;
    position: absolute;
    top: 6px;
    right: 10px;
    z-index: 99;
}

    .buildfieldiconhold a {
        margin-left: 15px;
        display: inline-block;
    }

.bgimgsml {
    background-position: 92% 15px !important;
}

.ddowninmenu {
    border-radius: 25px;
    height: 35px;
    padding: 0 15px;
    margin-bottom: 0px;
    width: 100%;
    background: #343d46 url(../images/selectarrow.png) 95% 14px no-repeat;
    color: #fff;
    border: 0;
    margin-top: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
}

    .ddowninmenu:focus {
        outline: none;
    }

.actionbtnhold {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.actionbtn {
    background: #328ac9;
    display: inline-block;
    border-radius: 30px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    float: right;
    font-weight: bold;
    margin: 0 7px;
    z-index: 99;
}

    .actionbtn:hover {
        box-shadow: none;
        color: #fff;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        box-shadow: 0 2px 15px 0 rgba(54, 145, 210, 0.8);
    }

    .actionbtn:focus {
        box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2);
        -webkit-transition: all .2s ease-in-out;
    }

.alertText {
    width: 99.4% !important;
}

    .alertText iframe {
        height: 170px !important;
    }

.dboardhead {
    font-size: 14px;
    font-weight: bold;
    text-transform: capitalize;
    margin-top: 10px;
    margin-bottom: 0;
}

.rolessubhead {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    color: #328ac9;
    margin: 8px 0 3px;
}

.divrole {
    height: 430px;
    border: 1px solid #dee2e6;
    padding: 20px;
}

.divuser {
    height: 430px;
    border: 1px solid #dee2e6;
    padding: 5px 20px 20px;
}

    .divuser ul {
        margin: 0;
        padding: 0;
    }

        .divuser ul li {
            list-style-type: none;
        }

.divrole ul {
    margin: 0;
    padding: 0;
}

    .divrole ul li {
        list-style-type: none;
    }

.dboardcolmnhold {
    min-height: 30px;
}

.dboardcontrol {
    width: 100%;
    background: #fff url(../images/dashbrdicongrey.png) 97% 7px no-repeat;
    border-radius: 4px;
    font-size: 16px;
    color: #757575;
    padding: 6px 5px;
    position: relative;
    border: 2px dashed #dadce0 !important;
    cursor: pointer;
    min-height: 100px;
}

    .dboardcontrol p {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 88%;
        overflow: hidden;
        display: block;
        margin: 0;
        margin-left: 3px;
    }

    .dboardcontrol .dboardcolmnhold {
        width: 100%;
        display: flex;
    }

.texteditor #txtHTMLLable_ifr {
    height: 160px !important;
}

.dboardcolmn {
    width: 100%;
    padding: 0 .25rem;
}

    .dboardcolmn .singleline {
        width: 100%;
        background: #fff url(../images/dbtxticongrey.png) 97% 12px no-repeat;
        border-radius: 4px;
        font-size: 16px;
        color: #757575;
        position: relative;
        padding: 6px 8px;
        border: 1px solid #dadce0;
        cursor: pointer;
        min-height: 38px;
    }

        .dboardcolmn .singleline p {
            text-overflow: clip;
            white-space: normal;
            width: 88%;
            overflow: hidden;
            display: block;
            margin: 0;
            margin-left: 0px;
            margin-left: 3px;
        }

    .dboardcolmn .decimalnums {
        width: 100%;
        background: #fff url(../images/dbnumicongrey.png) 97% 11px no-repeat;
        border-radius: 4px;
        font-size: 16px;
        color: #757575;
        padding: 6px 8px;
        position: relative;
        border: 1px solid #dadce0;
        cursor: pointer;
        min-height: 38px;
    }

.dboardcustheight-1 {
    height: 38px !important;
}

.dboardcustheight-2 {
    height: 92px !important;
}

.dboardcustheight-3 {
    height: 147px !important;
}

.dboardcustheight-4 {
    height: 200px !important;
}

.dboardcustheight-5 {
    height: 255px !important;
}

.dboardcustheight-6 {
    height: 308px !important;
}

.dboardcustheight-7 {
    height: 362px !important;
}

.dboardcustheight-8 {
    height: 417px !important;
}

.dboardaltrow tr:nth-child(2n+1) {
    background: #fff;
}

.btnPreview:hover {
    width: 210px;
}

.btnbig:hover {
    width: 250px;
}

.dbpr35 {
    padding-right: 35px;
}

.kpiadd {
    position: absolute;
    right: 0;
    top: 5px;
    z-index: 99;
}

.kpifilterdivide {
    border-bottom: 1px solid #328ac9;
    padding-bottom: 25px;
    margin-bottom: 5px;
}

.kpistatushold {
    position: absolute;
    right: 10px;
    top: 10px;
}

    .kpistatushold .kpistatus {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        display: block;
    }

.kpistatus {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: text-top;
}

.ps-r {
    right: 5%;
}

.ps-r9 {
    right: 9%;
}

.ps-r19 {
    right: 19%;
}

.subgridhd {
    font-weight: bold;
    border: 0 !important;
    text-transform: uppercase;
    text-align: left;
}

.modmenuhold {
    position: absolute;
    right: 20px;
    top: -43px;
    z-index: 999;
    width: 34%;
}

    .modmenuhold input[type=text]::-ms-clear {
        display: none;
    }

.dbmenuhold {
    position: absolute;
    right: 20px;
    top: -43px;
    z-index: 999;
    width: 17%;
}

.modmenutxtbox {
    background: #343d46 url('../production/images/modlsrchicon.png') 93% 11px no-repeat;
    border-radius: 25px;
    height: 35px;
    float: right;
    padding: 0 20px;
    margin: 10px 5px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-bottom: 0px;
    width: 100%;
    color: #fff;
    border: 0;
}

    .modmenutxtbox:focus {
        outline: none;
    }

.warnmsg {
    font-size: 13px;
    color: #3691d2;
}

.infomsg {
    text-align: right;
    border-right: 0 !important;
}

.ui-widget-content {
    border: 0;
}

.modmenuclear {
    position: absolute;
    right: 60px;
    top: 5px;
}

    .modmenuclear i {
        color: #a8aab7;
    }

.swal-title {
    word-break: break-word;
}

.excludeyear {
    font-size: 14px;
    line-height: 24px;
}

.bdr-0 {
    border: 0 !important;
}

.bdrrad-0 {
    border-radius: 0 !important;
}

.mce-panel {
    border-color: #dadce0 !important;
}

.mce-tinymce {
    box-shadow: none !important;
}

.mce-menubar {
    border-color: #dadce0 !important;
}

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

.rightinner .multiselectdrp .btn-default.dropdown-toggle {
    height: 34px;
}

.rightinner .multiselectdrp .btn-default:not([disabled]):not(.disabled):active {
    background-color: #fff;
}

.labelwithdata label {
    color: #757575;
    font-size: 12px;
    position: absolute;
    top: 8px;
}

.labelwithdata p {
    margin-top: 25px;
    white-space: nowrap;
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.txtnowrap {
    white-space: nowrap;
}

.buildformfull {
    max-width: none;
    margin-left:: 0;
    margin-right: 0;
}

.filerproperty {
    color: #000;
    display: inline-block;
}

    .filerproperty:hover, .filerproperty:focus {
        color: #000;
    }

a.txtbluie {
    color: #328ac9 !important;
}

.listhead {
    padding: 15px 22px 12px;
    line-height: 1;
    background-color: #0c64a4;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    border-bottom: solid 1px #2981c0;
}

.mwid-full {
    max-width: 100%;
}

.imwallsettings {
    background: #2a303c;
    padding: 20px;
    margin-top: 30px;
}

    .imwallsettings .lftcmnthold {
        width: 90%;
        float: left;
        display: block;
        text-align: left;
        margin-bottom: 30px;
    }

        .imwallsettings .lftcmnthold .icon {
            display: inline-block;
            position: absolute;
            left: -30px;
            top: 7px;
        }

        .imwallsettings .lftcmnthold .leftchat {
            position: relative;
            background: #328ac9;
            border-color: #328ac9;
            display: inline-block;
            max-width: 90%;
            margin-left: 30px;
            padding: 8px 12px;
            position: relative;
            border-radius: 5px;
            color: #fff;
            font-size: 13px;
            word-wrap: break-word;
        }

            .imwallsettings .lftcmnthold .leftchat p {
                margin-bottom: 0;
            }

            .imwallsettings .lftcmnthold .leftchat a {
                color: #333;
            }


            .imwallsettings .lftcmnthold .leftchat:after {
                content: "";
                position: absolute;
                left: -10px;
                top: 5px;
                border-right-color: inherit !important;
                border-top: 7px solid transparent;
                border-right: 13px solid transparent;
                border-bottom: 7px solid transparent;
            }

        .imwallsettings .lftcmnthold .chatby {
            font-size: 12px;
            color: #c1c1c1;
            margin-left: 42px;
            margin-top: 5px;
            margin-bottom: 0;
        }

    .imwallsettings .rgtcmnthold {
        width: 90%;
        float: right;
        display: block;
        text-align: right;
        margin-bottom: 30px;
    }

        .imwallsettings .rgtcmnthold .icon {
            display: inline-block;
            position: absolute;
            right: -28px;
            top: 7px;
        }

        .imwallsettings .rgtcmnthold .rightchat {
            position: relative;
            background: #32bec9;
            border-color: #32bec9;
            display: inline-block;
            max-width: 90%;
            margin-right: 30px;
            padding: 8px 12px;
            position: relative;
            border-radius: 5px;
            color: #fff;
            font-size: 13px;
            word-wrap: break-word;
            /*white-space: nowrap;*/
            text-align: left;
        }

            .imwallsettings .rgtcmnthold .rightchat p {
                margin-bottom: 0;
            }

            .imwallsettings .rgtcmnthold .rightchat a {
                color: #333;
            }

            .imwallsettings .rgtcmnthold .rightchat:after {
                content: "";
                position: absolute;
                right: -10px;
                top: 5px;
                border-left-color: inherit !important;
                border-top: 7px solid transparent;
                border-left: 13px solid transparent;
                border-bottom: 7px solid transparent;
            }

        .imwallsettings .rgtcmnthold .chatby {
            font-size: 12px;
            color: #c1c1c1;
            margin-right: 42px;
            margin-top: 5px;
            margin-bottom: 0;
        }

.appimwallsettings {
    background: #fff;
    padding: 20px;
}

    .appimwallsettings .lftcmnthold {
        width: 90%;
        float: left;
        display: block;
        text-align: left;
        margin-bottom: 30px;
    }

        .appimwallsettings .lftcmnthold .icon {
            display: inline-block;
            position: absolute;
            left: -45px;
            top: 0;
            background: #31bec8;
            padding: 10px;
            border-radius: 50%;
            width: 38px;
            height: 38px;
            text-align: center;
            line-height: 10px;
        }

        .appimwallsettings .lftcmnthold .leftchat {
            position: relative;
            background: #31bec8;
            border-color: #31bec8;
            display: inline-block;
            max-width: 90%;
            margin-left: 25px;
            padding: 8px 12px;
            position: relative;
            border-radius: 0;
            color: #fff;
            font-size: 13px;
            word-wrap: break-word;
        }

            .appimwallsettings .lftcmnthold .leftchat p {
                margin-bottom: 0;
            }

            .appimwallsettings .lftcmnthold .leftchat a {
                color: #333;
            }


            .appimwallsettings .lftcmnthold .leftchat:after {
                content: "";
                position: absolute;
                left: -8px;
                top: 0;
                border-right-color: inherit !important;
                border-top: 0 solid transparent;
                border-right: 13px solid transparent;
                border-bottom: 7px solid transparent;
            }

        .appimwallsettings .lftcmnthold .chatby {
            font-size: 12px;
            color: #707070;
            margin-left: 42px;
            margin-top: 5px;
            margin-bottom: 0;
        }

    .appimwallsettings .rgtcmnthold {
        width: 90%;
        float: right;
        display: block;
        text-align: right;
        margin-bottom: 30px;
    }

        .appimwallsettings .rgtcmnthold .icon {
            display: inline-block;
            position: absolute;
            right: -45px;
            top: 0;
            background: #707070;
            padding: 10px;
            border-radius: 50%;
            width: 38px;
            height: 38px;
            text-align: center;
            line-height: 10px;
        }

        .appimwallsettings .rgtcmnthold .rightchat {
            position: relative;
            background: #707070;
            border-color: #707070;
            display: inline-block;
            max-width: 90%;
            margin-right: 25px;
            padding: 8px 12px;
            position: relative;
            border-radius: 0;
            color: #fff;
            font-size: 13px;
            word-wrap: break-word;
            /*white-space: nowrap;*/
            text-align: left;
        }

            .appimwallsettings .rgtcmnthold .rightchat p {
                margin-bottom: 0;
            }

            .appimwallsettings .rgtcmnthold .rightchat a {
                color: #333;
            }

            .appimwallsettings .rgtcmnthold .rightchat:after {
                content: "";
                position: absolute;
                right: -8px;
                bottom: 0;
                border-left-color: inherit !important;
                border-bottom: 0 solid transparent;
                border-left: 13px solid transparent;
                border-top: 7px solid transparent;
            }

        .appimwallsettings .rgtcmnthold .chatby {
            font-size: 12px;
            color: #707070;
            margin-right: 42px;
            margin-top: 5px;
            margin-bottom: 0;
        }

a.restoredefault {
    float: right;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
}

.mb-180 {
    margin-bottom: 220px;
}

.mb-150 {
    margin-bottom: 150px;
}
.mb-100 {
    margin-bottom: 100px;
}

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

.fieldtitlefontsize select option:first-child {
    font-size: 12px;
}

.fieldtitlefontsize select option:nth-of-type(2) {
    font-size: 15px;
}

.fieldtitlefontsize select option:nth-of-type(3) {
    font-size: 18px;
}

.fieldtitlefontsize select option:nth-of-type(4) {
    font-size: 21px;
}

.fieldvaluefontsize select option:first-child {
    font-size: 15px;
}

.fieldvaluefontsize select option:nth-of-type(2) {
    font-size: 18px;
}

.fieldvaluefontsize select option:nth-of-type(3) {
    font-size: 21px;
}

.fieldvaluefontsize select option:nth-of-type(4) {
    font-size: 24px;
}


.Imwallfontsize select option:first-child {
    font-size: 15px;
}

.Imwallfontsize select option:nth-of-type(2) {
    font-size: 18px;
}

.Imwallfontsize select option:nth-of-type(3) {
    font-size: 21px;
}

.Imwallfontsize select option:nth-of-type(4) {
    font-size: 24px;
}

.subgridbtmline tr:nth-last-child(2) td {
    border-bottom: 1px solid #000;
}

    .subgridbtmline tr:nth-last-child(2) td:first-child {
        border-radius: 0 0 0 3px;
    }

    .subgridbtmline tr:nth-last-child(2) td:last-child {
        border-radius: 0 0 3px 0;
    }

.classDocUpload .progress {
    height: 14px;
    border-radius: 0 0 5px 5px;
    position: relative;
    top: -2px;
}

.classDocUpload .bar {
    background-color: #328ac9;
    text-align: right;
    color: #fff;
    line-height: 12px;
    padding-right: 5px;
    font-size: 10px;
}

.table.table a {
    display: inline;
}

.table.table td:last-child a {
    display: inline;
}

.sorting .table thead th {
    white-space: nowrap;
    cursor: pointer;
}

.sorting .table thead span.sort-icon.asc {
    background-image: url(../images/sorticon3.png);
}

.sorting .table thead span.sort-icon.desc {
    background-image: url(../images/sorticon1.png) !important;
}

.sorting .table thead span.sort-icon.nothing {
    background-image: url(../images/sorticon2.png) !important;
}

.sorting .table thead span.sort-icon {
    display: inline-block;
    padding-left: 5px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.disablecontrol {
    pointer-events: none;
}

.pb100 {
    padding-bottom: 100px;
}

/*FET00359-J - Start Printed Forms in Target Module*/
.ModuleLinkheightopt {
    min-height: 600px !important;
}
/*FET00359-J - End*/
.gridline tr td:nth-child(2) {
    border-left: 1px solid #000;
}
.gridline tr:nth-last-child(1) td:last-child {
    border-bottom-left-radius: 3px;
}
/*.mce-notification.mce-has-close {
    display: none;
}*/
.tox :not(svg):not(rect) {
    z-index: 0;
}
.buildcontent .tox-tinymce {
    height: 250px !important;
}
/*Greydiv Expand colapplse style Strats here*/
.headexpand {
    margin-top: 12px;
}

.headexpand-inner {
    width: 100%;
    min-height: 40px;
    margin: 3px 10px;
    background: #f8f8f8;
    padding: 10px;
    border-radius: 3px;
}

.guidbanner .headexpand-inner p {
    margin-bottom: 0;
    font-size: 16px;
    color: #1c252e;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    display: block;
}

.linediv {
    border-right: 2px solid #bfc1c3;
}
/*Greydiv Expand colapplse style Ends here*/




/*App Home UI style Strats here*/
section h5 {
    position: absolute;
    background: #328ac9;
    text-transform: uppercase;
    color: #fff;
    padding: 3px 10px;
    z-index: 9;
    font-size: 15px;
}

.mobilepreview {
    width: 350px;
    height: 680px;
    background: url(../images/mobiledevice.png) no-repeat center center;
    background-size: cover;
    margin: 0 auto;
    margin-top: 20px;
    padding: 18px 28px 26px;
}

.previnnerdark .mobilebar {
    width: 99%;
    height: auto;
    background: #ff0000;
    border-radius: 30px 30px 0 0;
    margin: 0 auto;
}

    .previnnerdark .mobilebar img {
        margin-top: -4px;
    }
.previnnerlight .mobilebar {
    width: 99%;
    height: auto;
    background: #ff0000;
    border-radius: 30px 30px 0 0;
    margin: 0 auto;
}

    .previnnerlight .mobilebar img {
        margin-top: -3px;
    }

.previnnerdark {
    width: 100%;
    height: 100%;
    border-radius: 33px;
    text-align: center;
    position: relative;
    background-size: cover;
}

.previnnerlight {
    background: #eeeff3;
    width: 100%;
    height: 100%;
    border-radius: 33px;
    text-align: center;
    position: relative;
    background-size: cover;
}

    .previnnerlight .prevthumb {
        background: #fff;
        color: #333;
        line-height: normal;
        text-align: center;
        padding: 15px 5px;
        margin-bottom: 8px;
        height: 130px;
    }

.prevlogohold {
    width: 100%;
    height: 155px;
    position: relative;
    margin: auto;
    margin-top: 22px;
}

.prevlogo {
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.columnmenu {
    height: 262px;
    overflow-y: auto;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 20px;
}

.onecolumn {
    margin: 0;
    padding: 0;
}

    .onecolumn li {
        list-style-type: none;
        color: #fff;
        padding: 12px;
        margin-bottom: 10px;
        border-radius:8px;
    }
        .onecolumn li span {
            width: 80%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            vertical-align: middle;
        }

        .onecolumn li img {
            width: 30px;
            display: inline-block;
        }

.previnnerlight .onecolumn li span {
    color: #333;
    margin-left: 5px;
    width: 83%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.previnnerdark .prevtklogo {
    width: 100%;
    height: 50px;
    margin: auto;
    margin-top: 22px;
    margin-bottom: 15px;
    padding: 0 15px;
}

/*.previnnerlight .prevtklogo {
    width: 100%;
    height: 50px;
    background: url(../images/tkv2logoblack.png) center center no-repeat;
    margin: 40px 0 10px;
}*/
.previnnerlight .prevtklogo {
    width: 100%;
    height: 50px;
    position: relative;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 15px;
}

     

.allmenu {
    margin: 0;
    padding: 0;
    border-radius: 0 0 27px 27px;
}

    .allmenu li {
        list-style-type: none;
        display: inline-block;
        padding: 10px 6px 12px;
        font-size: 11px;
        height: 57px;
    }

    .allmenu i {
        font-size: 16px;
        display: block;
        margin-bottom: 3px;
    }

.menuiconalign {
    padding: 10px 20px 12px !important;
}

    .menuiconalign i {
        margin-top: 10px;
    }

.tabmenuiconalign {
    padding: 10px 8% 12px !important;
}

    .tabmenuiconalign i {
        margin-top: 10px;
    }

.allmenu li span {
    display: none;
}

.topmenu {
    border-radius: 0 !important;
}
.tabprevinnerdark .topmenu {
    margin-top: 21px !important;
}
.tabprevinnerlight .topmenu {
    margin-top: 21px !important;
}

.prevthumb {
    background: #082455;
    color: #fff;
    line-height: normal;
    text-align: center;
    padding: 15px 5px;
    margin-bottom: 8px;
    height: 120px;
    border-radius: 8px;
}

    .prevthumb img {
        width: 40px;
        max-width:100%;
        margin-bottom: 3px;
    }

    .prevthumb span {
        font-size: 12px;
        word-break: break-word;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

.iconcenter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.iconcenter {
    min-height: calc(100% - 3.5rem);
}

.previcon {
    width: 100%;
}

.imagebtnhold img {
    width: 100%;
    margin-bottom: 20px;
}

.previewswitch {
    margin: 0;
    padding: 0;
}

    .previewswitch li {
        display: inline-block;
        padding: 2px;
        padding-left: 10px;
    }

        .previewswitch li a {
            display: block;
        }

.menusymbol {
    position: absolute;
    right: 30px;
    top: 7px;
}

.gridsymbol {
    position: absolute;
    right: 30px;
    top: 7px;
}

.tableft {
    width: 67.1%;
}

.tabright {
    width: 31.1%;
}

.tabpreview {
    width: 504px;
    height: 711px;
    background: url(../images/tabdevice.png) no-repeat center center;
    background-size: cover;
    margin: 0 auto;
    margin-top: 5px;
    padding: 52px 18px 62px;
}

.tabprevinnerdark {
    /*background: #0f2c69 url(../images/notch.png) no-repeat top center;*/
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative;
    padding-top: 0;
    background-size: cover;
    margin-top: -21px
}

    .tabprevinnerdark .allmenu {
        margin: 0;
        padding: 0;
        background: #082455;
        border-radius: 0;
        margin-top: 20px;
    }

        .tabprevinnerdark .allmenu li {
            list-style-type: none;
            display: inline-block;
            padding: 10px 5% 12px;
            color: #fff;
            font-size: 11px;
        }

        .tabprevinnerdark .allmenu i {
            font-size: 16px;
            display: block;
            margin-bottom: 3px;
        }

    .tabprevinnerdark .prevthumb {
        background: #082455;
        color: #fff;
        line-height: normal;
        text-align: center;
        padding: 15px 5px;
        margin-bottom: 8px;
        height: 120px;
    }

        .tabprevinnerdark .prevthumb img {
            margin-top: 5px;
        }

        .tabprevinnerdark .prevthumb span {
            font-size: 12px;
        }

    .tabprevinnerdark .prevtklogo {
        width: 100%;
        height: 50px;
        margin: 25px 0 25px;
    }

    .tabprevinnerdark .prevlogohold {
        width: 100%;
        height: 135px;
        position: relative;
        margin: auto;
        margin-top: 22px;
    }

    .tabprevinnerdark .prevlogo {
        max-height: 100%;
        max-width: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

    .tabprevinnerdark .columnmenu {
        height: 285px;
        overflow-y: auto;
        margin: 0 auto;
        margin-top: 20px;
        padding-top:30px;
    }

.previewswitch {
    margin: 0;
    padding: 0;
}

    .previewswitch li {
        display: inline-block;
        padding: 2px;
        padding-left: 10px;
    }

        .previewswitch li a {
            display: block;
        }

.tabprevinnerlight {
    /*background: #0f2c69 url(../images/notch.png) no-repeat top center;*/
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative;
    padding-top: 0;
    background-size: cover;
    margin-top: -21px
}

    .tabprevinnerlight .allmenu {
        margin: 0;
        padding: 0;
        background: #082455;
        border-radius: 0;
        margin-top: 20px;
    }

        .tabprevinnerlight .allmenu li {
            list-style-type: none;
            display: inline-block;
            padding: 10px 5.5% 12px;
            /*color: #fff;*/
            font-size: 11px;
        }

        .tabprevinnerlight .allmenu i {
            font-size: 16px;
            display: block;
            margin-bottom: 3px;
        }

    .tabprevinnerlight .prevthumb {
        background: #082455;
        color: #fff;
        line-height: normal;
        text-align: center;
        padding: 15px 5px;
        margin-bottom: 8px;
        height: 130px;
    }

        .tabprevinnerlight .prevthumb img {
            margin-top: 5px;
        }

        .tabprevinnerlight .prevthumb span {
            font-size: 12px;
        }

    .tabprevinnerlight .prevtklogo {
        width: 100%;
        height: 50px;
        margin: 25px 0 25px;
    }

    .tabprevinnerlight .prevlogohold {
        width: 100%;
        height: 135px;
        position: relative;
        margin: auto;
        margin-top: 22px;
    }

    .tabprevinnerlight .prevlogo {
        max-height: 100%;
        max-width: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

    .tabprevinnerlight .columnmenu {
        height: 285px;
        overflow-y: auto;
        margin: 0 auto;
        margin-top: 20px;
        padding-top: 30px;
    }

.EnableDynamicHomePage {
    float: right;
}
/*App Home UI style Ends here*/
.mobilepvheight {
    height: 69% !important;
}

.tabpvheight {
    height: 73.5% !important;
    margin-top: 22px !important;
}
.topnavmobile {
    background: #ff0000;
    color: #fff;
    font-size: 16px;
    min-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    padding: 10px;
    line-height: normal;
}

.formobilelogo {
    height: 115px !important;
}

.formobilecolumnmenu {
    height: 63% !important;
}

.topnavtab {
    background: #ff0000;
    color: #fff;
    font-size: 16px;
    min-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    padding: 10px;
    line-height: normal;
    margin-top: 20px;
}

.fortablogo {
    height: 75px !important;
}

.fortabcolumnmenu {
    height: 64% !important;
}
.navgatebar {
    padding: 10px 0;
    height: 45px;
    line-height: normal;
    background: #db2938;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    display:none !important;
}
/*.mobilepvlogoheight {
    height: 110px !important;
}
.mobilepvbodyheight {
    height: 62% !important;
}
.tabpvlogoheight {
    height: 92px !important;
}
.tabpvbodyheight {
    height: 66% !important;
}*/
.iconaligncenter {
    text-align:center !important;
}
.customimageli {
    padding: 0px !important;
    margin-bottom: 7px !important;
}
    .customimageli img {
        width: 100% !important;
        max-width:100%;
    }
.Tkversion {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -50px;
    cursor:auto;
}













     










/*Media Queries Starts here*/
@media (max-width: 575px) {
    .loginpanel {
        width: 100%;
        height: 100%;
        border-radius: 0;
    }

        .loginpanel:hover {
            -webkit-transform: none;
            transform: none;
        }

        .loginpanel h4 {
            margin-top: 35px;
            margin-bottom: 40px;
        }

    .globalpanel {
        width: 55%;
    }

    .globalareahold {
        margin-top: 10%;
    }

    .globaluserhold h1 {
        font-size: 2rem;
        margin-bottom: 22px;
    }

    .mobileland {
        text-align: center;
    }

    .globalarea {
        height: 122px;
        padding: 10px;
    }

        .globalarea h3 {
            font-size: 20px;
        }

    .loginlogo {
        
        height: 105px;
        text-align: center;
        overflow: hidden;
        margin: 0 auto;
        margin-top: 85px;
    }

    .loginpanel img {
        margin-top: 0;
    }
    .loginpanel .loginlogo {
        width: 100px;
    }
    .loginpanel .logomobile {
        display: block;
    }

    .loginpanel .logodesktp {
        display: none;
    }

    .menuscroll {
        max-height: 140px;
    }

    .modmenuhold {
        position: relative;
        right: 0;
        top: 0;
        z-index: 999;
        width: 90%;
        margin: 0 auto !important;
    }

    .modmenutxtbox {
        margin: 0 0 12px 0;
        height: 45px;
        background-position: 93% 16px;
    }

    .modmultiselect .btn-default.dropdown-toggle {
        height: 45px;
        background-position: 93% 18px;
    }

    .modmultiselect {
        margin-bottom: 5px;
    }

    .dbmenuhold {
        position: relative;
        right: 0;
        top: 0;
        z-index: 999;
        width: 90%;
        margin: 0 auto !important;
    }

    .ddowninmenu {
        margin: 0 0 5px 0;
        height: 45px;
        background-position: 93% 18px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .globalpanel {
        width: 80%;
    }

    .globalareahold {
        margin-top: 17%;
    }

    .globaluserhold h1 {
        font-size: 2rem;
        margin-bottom: 22px;
    }

    .globalarea {
        padding: 20px 7px;
    }

        .globalarea h3 {
            font-size: 20px;
        }

    .mobileland {
        text-align: center;
    }

    .loginpanel {
        width: 75%;
        height: 96%;
    }

        .loginpanel .md-form.md-outline input {
            margin-bottom: 0;
        }

        .loginpanel img {
            margin-top: 15px;
        }

        .loginpanel h4 {
            font-size: 22px;
            margin-top: 5px;
            margin-bottom: 0;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    .loginpanel {
        width: 70%;
    }

    .globalpanel {
        width: 40%;
    }

    .menuscroll {
        max-height: 280px;
    }

    .modmenuhold {
        position: relative;
        right: 0;
        top: 0;
        z-index: 999;
        width: 70%;
        margin: 0 auto !important;
    }

    .modmenutxtbox {
        margin: 0 0 12px 0;
        height: 45px;
        background-position: 93% 16px;
    }

    .modmultiselect .btn-default.dropdown-toggle {
        height: 45px;
        background-position: 93% 18px;
    }

    .modmultiselect {
        margin-bottom: 5px;
    }

    .dbmenuhold {
        position: relative;
        right: 0;
        top: 0;
        z-index: 999;
        width: 50%;
        margin: 0 auto !important;
    }

    .ddowninmenu {
        margin: 0 0 5px 0;
        height: 45px;
        background-position: 93% 18px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .strip__title {
        font-size: 24px;
    }

    .menuscroll {
        max-height: 280px;
    }

    .modmenuhold {
        position: relative;
        right: 0;
        top: 0;
        z-index: 999;
        width: 60%;
        margin: 0 auto !important;
    }

    .modmenutxtbox {
        margin: 0 0 12px 0;
        height: 45px;
        background-position: 93% 16px;
    }

    .modmultiselect .btn-default.dropdown-toggle {
        height: 45px;
        background-position: 93% 18px;
    }

    .modmultiselect {
        margin-bottom: 5px;
    }

    .dbmenuhold {
        position: relative;
        right: 0;
        top: 0;
        z-index: 999;
        width: 50%;
        margin: 0 auto !important;
    }

    .ddowninmenu {
        margin: 0 0 5px 0;
        height: 45px;
        background-position: 93% 18px;
    }
    .tabprevinnerlight .allmenu li {
        padding: 10px 3% 12px;
    }

}

@media (min-width: 1199px) and (max-width: 1442px) {
    .devicehold {
        height:88%;
        overflow-y:auto;
    }
    .guidbanner h3 {
        font-size: 14px;
    }

    .moduleset p {
        font-size: 12px;
    }

    .lftmainmenu li a {
        font-size: 12px;
    }

    .fieldarea {
        height: 90%;
    }

    .fieldsection {
        height: 91.8%;
    }

    .mainmenu > li span {
        font-size: 12px;
        font-weight: bold;
    }

    .fieldctrls .field {
        height: auto;
    }

    .accordion--headline {
        font-size: 11px;
    }

    .accordion--headline {
        padding: 15px 10px;
    }

        .accordion--headline::before, .accordion--headline::after {
            right: 6px;
        }

    .accordion--content h6 {
        font-size: 14px;
    }

    .custom-control-label {
        font-size: 15px;
    }

    .mobiledevice {
        width: 320px;
        height: 540px;
        padding: 2.7em 2.1em 3em;
    }

    .mobilebuild .ui-tabs {
        margin-top: -4px;
    }

    .menuscroll {
        max-height: 240px;
    }

    .mobileinner h4 {
        font-size: 17px;
    }

    .mobileinner .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        padding: 8px 25px 11px;
    }

    .tabletdevice {
        width: 400px;
        height: 550px;
        padding: 2.7em 41px 2.7em 38px;
    }

    .tabletbuild .ui-tabs {
        margin-top: -4px;
    }

    .tabletinner {
        padding: 8% 0 26%;
    }

        .tabletinner h4 {
            font-size: 18px;
            margin-top: -6px;
        }

    .tabletdevice .tabpdng {
        padding-top: 10px !important;
    }

    .lappx-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important;
    }

    .lappr-0 {
        padding-right: .25rem !important;
    }

    .fullcolm {
        max-width: 100% !important;
    }

    .mobiledevicehold {
        height: 85%;
        overflow-y: auto;
    }

    .tabdevicehold {
        height: 85%;
        overflow-y: auto;
    }

    .card-body .modules h4 {
        font-size: 20px;
        margin-top: 6px;
    }

    .selectbox:focus + label, .selectbox.has-value + label {
        top: -8px;
        left: 7px;
        background: #fff;
        padding: 0 3px;
        color: #757575;
        font-size: 13px;
        z-index: 90;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 100%;
        overflow: hidden;
        line-height: 1;
    }

    .md-form.md-outline label {
        top: 0;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 100%;
        overflow: hidden;
    }

    /*App Home UI Start*/
    .mblpreview {
        width: 28%;
    }

    .previnner {
        border-radius: 27px;
    }

    .mobilepreview {
        width: 300px;
        height: 570px;
        margin-top: 15px;
        padding: 16px 27px 22px;
    }

    .previnnerlight {
        border-radius: 25px;
    }

        .previnnerlight .mobilebar img {
            margin-top: -6px;
        }

    .onecolumn {
        margin-left: 10px;
        margin-top: 20px;
    }

    .menuiconalign {
        padding: 10px 6.5% 12px !important;
    }

    .previnnerdark .mobilebar {
        width: 100%;
        height: 21px;
    }

    .previnnerlight .mobilebar img {
        margin-top: -7px;
    }

    .previnnerlight .mobilebar {
        width: 100%;
        height: 21px;
    }

    .previnnerdark .mobilebar img {
        margin-top: -7px;
    }

    .columnmenu {
        height: 238px;
        margin-top: 20px;
    }

    .prevlogohold {
        width: 100%;
        height: 100px;
        margin-top: 12px;
    }

    .leftarea {
        width: 71.1%;
    }

    .rightarea {
        width: 27.1%;
    }

    .prevtklogo {
        width: 80%;
        margin: 11px 0 10px;
    }

    .allmenu li {
        font-size: 9px;
        padding: 15px 5px 12px;
    }

    .allmenu i {
        font-size: 14px;
    }

    .tabpreview {
        width: 400px;
        height: 570px;
        margin-top: 10px;
        padding: 41px 13px 50px;
    }

    .tabprevinnerdark .prevlogohold {
        margin-top: 20px;
    }

    .tabprevinnerlight .prevlogohold {
        margin-top: 20px;
    }

    .tabprevinnerdark .allmenu li {
        padding: 10px 5px 12px;
    }

    .tabprevinnerdark .prevtklogo {
        margin: 23px 0 10px;
    }

    .tabprevinnerlight .prevtklogo {
        margin: 23px 0 10px;
    }

    .tabprevinnerdark .columnmenu {
        height: 120px;
        margin-top: 10px;
    }

    .previnner {
        border-radius: 27px;
    }

    .tabprevinnerlight .prevlogohold {
        width: 100%;
        height: 80px;
    }

    .tabprevinnerlight .columnmenu {
        height: 213px;
        margin-top: 10px;
    }

    .previnnerdark .prevtklogo {
        width: 100%;
        padding-right: 5px;
        padding-left: 5px;
    }
        .previnnerdark .prevtklogo img {
            width: 180px;
        }
    .previnnerlight .prevtklogo {
        width: 100%;
        padding-right: 5px;
        padding-left: 5px;
    }
        .previnnerlight .prevtklogo img {
            width: 180px;
        }
    .previnnerdark {
        border-radius: 25px;
    }
        .tableft {
            width: 61.1%;
        }

    .tabright {
        width: 37.1%;
    }

    .tabprevinnerlight .allmenu li {
        padding: 10px 4% 12px;
    }

    .tabprevinnerdark .allmenu li {
        padding: 10px 4% 12px;
    }

    .tabprevinnerdark .prevlogohold {
        width: 100%;
        height: 80px;
    }

    .tabprevinnerdark .columnmenu {
        height: 188px;
    }
    .tabprevinnerlight .columnmenu {
        height: 188px;
    }
    .mobilepvheight {
        height: 66% !important;
    }

    .tabpvheight {
        height: 68.2% !important;        
    }
    .formobilelogo {
        height: 60px !important;
    }
    .formobilecolumnmenu {
        height: 58% !important;
    }
    .fortabcolumnmenu {
        height: 59% !important;
    }
    .tabpvlogoheight {
        height: 135px !important;
    }
    /*App Home UI End*/
}

@media (min-width: 1443px) and (max-width: 1602px) {
    .menuscroll {
        max-height: 400px;
    }

    .rightmenu .applybtn {
        min-width: 145px;
        right: 13px;
    }
    .formobilelogo {
        height: 60px !important;
    }
    .formobilecolumnmenu {
        height: 58% !important;
    }
    .fortabcolumnmenu {
        height: 59% !important;
    }
}

@media (min-width: 1443px) and (max-width: 1850px) {

    .mobilepreview {
        width: 300px;
        height: 570px;
        margin-top: 15px;
        padding: 16px 27px 22px;
    }

    .previnnerlight {
        border-radius: 25px;
    }

        .previnnerlight .mobilebar img {
            margin-top: -6px;
        }

    .onecolumn {
        margin-left: 10px;
        margin-top: 20px;
    }

    .menuiconalign {
        padding: 10px 6.5% 12px !important;
    }

    .previnnerdark .mobilebar {
        width: 100%;
        height: 21px;
    }

    .previnnerlight .mobilebar img {
        margin-top: -7px;
    }

    .previnnerlight .mobilebar {
        width: 100%;
        height: 21px;
    }

    .previnnerdark .mobilebar img {
        margin-top: -7px;
    }

    .columnmenu {
        height: 238px;
        margin-top: 20px;
    }

    .prevlogohold {
        width: 100%;
        height: 100px;
        margin-top: 12px;
    }

    .leftarea {
        width: 71.1%;
    }

    .rightarea {
        width: 27.1%;
    }

    .prevtklogo {
        width: 80%;
        margin: 11px 0 10px;
    }

    .allmenu li {
        font-size: 9px;
        padding: 15px 5px 12px;
    }

    .allmenu i {
        font-size: 14px;
    }

    .tabpreview {
        width: 400px;
        height: 570px;
        margin-top: 10px;
        padding: 41px 13px 50px;
    }

    .tabprevinnerdark .prevlogohold {
        margin-top: 20px;
    }

    .tabprevinnerlight .prevlogohold {
        margin-top: 20px;
    }

    .tabprevinnerdark .allmenu li {
        padding: 10px 5px 12px;
    }

    .tabprevinnerdark .prevtklogo {
        margin: 23px 0 10px;
    }

    .tabprevinnerlight .prevtklogo {
        margin: 23px 0 10px;
    }

    .tabprevinnerdark .columnmenu {
        height: 120px;
        margin-top: 10px;
    }

    .previnner {
        border-radius: 27px;
    }

    .tabprevinnerlight .prevlogohold {
        width: 100%;
        height: 80px;
    }

    .tabprevinnerlight .columnmenu {
        height: 213px;
        margin-top: 10px;
    }

    .previnnerdark .prevtklogo {
        width: 100%;
        padding-right: 5px;
        padding-left: 5px;
    }

        .previnnerdark .prevtklogo img {
            width: 180px;
        }
    .previnnerdark {
        border-radius: 25px;
    }
    .previnnerlight .prevtklogo {
        width: 100%;
        padding-right: 5px;
        padding-left: 5px;
    }

        .previnnerlight .prevtklogo img {
            width: 180px;
        }

    .tableft {
        width: 61.1%;
    }

    .tabright {
        width: 37.1%;
    }

    .tabprevinnerlight .allmenu li {
        padding: 10px 3% 12px;
    }

    .tabprevinnerdark .allmenu li {
        padding: 10px 3% 12px;
    }

    .tabprevinnerdark .prevlogohold {
        width: 100%;
        height: 80px;
    }

    .tabprevinnerdark .columnmenu {
        height: 187px;
    }
    .tabprevinnerlight .columnmenu {
        height: 190px;
    }
    .mobilepvheight {
        height: 66% !important;
    }

    .tabpvheight {
        height: 68.2% !important;
    }
    .formobilelogo {
        height: 60px !important;
    }
    .formobilecolumnmenu {
        height: 58% !important;
    }
    .fortabcolumnmenu {
        height: 59% !important;
    }
    .tabpvlogoheight {
        height: 135px !important;
    }
}
@media (min-width: 800px) and (max-width: 1800px) {
    .mobiledevicehold {
        height: 85%;
        overflow-y: auto;
    }

    .tabdevicehold {
        height: 85%;
        overflow-y: auto;
    }
}

@media (min-width: 1442px) {
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .singleinput {
        padding-top: 3px !important;
    }

    .selectbox {
        padding: 5px 9px;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .strips .strip__content .menuicon {
        left: 45%;
    }

    .rightmenu #menuToggle {
        line-height: 29px !important;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .selectbox {
        padding-left: 10px;
    }
}

@-moz-document url-prefix() {
    .selectbox {
        padding-left: 7px;
    }
}