html, body {
    width: 100%;
    height: 100%;
}



body {
    bucket-transaction-content font-family: 'Roboto', sans-serif;
    background: #f3ede3;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 12px;
    overflow: hidden;
    /*font-size: 2vh;*/
}

.float-left {
    float: left;
}

.toggle-menu-btn {
    margin: 1px 15px;
}
.float-right {
    float: right;
}

* {
    margin: 0px;
    padding: 0px;
}

.padL {
    padding-left: 0;
}

.padR {
    padding-right: 0;
}

.mrgT5 {
    margin-top: 5px;
}

input, button, select, textarea {
    outline: none;
}

span.k-widget {
    width: 100%;
}

.Utilities-sec span.k-widget {
    width: 100%;
}

.dvEmployer select.employer {
    width: 100%;
    padding: 3px 0;
    height: 27px;
}

.dvMember span.employeename {
    margin-right: 10px;
    float: left;
    width: 60%;
}

.dvMember button.btnchoosemember {
    float: right;
}

#work-content input#btnShowAddEmployer {
    margin: 10px 0px 0;
}
#work-content input#btnTerminationLetter {
    margin: 10px 0px 0;
}

#work-content .align-right {
    padding: 0;
}

.localinfo_members_Searchbtn {
    margin-right: 10px;
}

    .localinfo_members_Searchbtn #btnSearchFilters {
        font-weight: bold;
    }

#member-tabs-content #LocalDocumentsContent {
    margin: 10px 0px;
}
#member-tabs-content #EventDocumentsContent {
    margin: 10px 0px;
}

#container-body {
    background-color: #fff;
    width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0 0 0px 0;
}

label.walkin-label {
    display: block;
    font-size: 14px !important;
}

.popup-bx-wdth {
    width: 650px;
}

.clr_both {
    clear: both;
}

/*************************Common CSS********************/
.primaryColor {
    background: #3977d4;
}

.btn-fringecolor {
     background: #3977d4;
}
.btn-fringecolor:hover, .btn-fringecolor:active, .btn-fringecolor.active,
.btn-fringecolor:focus, .btn-fringecolor.focus {
    background: #3977d4;
 
}

.primaryColor-dark {
    background: #3977d4 !important;
}

.secondaryColor {
    background: #16a085;
}

.btn-primaryColor {
    background: #e05d6f;
}

.whitebg {
    background: #ffffff;
}

.btn-primaryColor:hover, .btn-primaryColor:active, .btn-primaryColor.active,
.btn-primaryColor:focus, .btn-primaryColor.focus {
    background: #e74e63;
    color: #fff;
}

.font-lightColor {
    color: #fff;
}

.highlightColor {
    background: #2baf95;
}

.pd10 {
    padding: 10px !important;
}

.pd10-right-left {
    padding-left: 10px;
    padding-right: 10px;
}

.mg0 {
    margin: 0px !important;
}

.mrt0 {
    margin-right: 0px;
}

.mt10 {
    margin-top: 10px;
}

.pdrt0 {
    padding-right: 0px;
}

.pd-top-10 {
    padding-top: 10px;
}

.box-shadow0 {
    box-shadow: 0px;
}

/******************common Buttons*******************/
.red-btn {
    background: #e05d6f;
    color: #fff;
    border: 0px;
    padding: 3px 8px;
}

    .red-btn:hover, .red-btn:active, .red-btn.active, .red-btn:focus, .red-btn.focus {
        background: #e74e63;
        color: #fff;
    }

.green-btn {
    background: #2BAF95;
    color: #fff;
    border: 0px;
    padding: 3px 8px;
}

    .green-btn:hover, .green-btn:active, .green-btn.active, .green-btn:focus, .green-btn.focus {
        background: #21aa8f;
        color: #fff;
    }

.generate-checkoff-btn-box .green-btn {
    padding: 3px 6px;
}
/* #Header section
================================================== */
/*.header-container {
    position: fixed;
    width: 100%;
    z-index: 1001;
    font-family: 'Roboto Condensed', sans-serif;
}*/
.header-container {
    position: fixed;
    width: 100%;
    z-index: 1001;
    font-family: 'Roboto Condensed', sans-serif;
    height: auto;
    left: 0px;
    right: 0px;
    top: 0px;
    display: table;
    background: #3977d4 !important;
}


.union-logo {
    /*width: 9%;*/
    min-height: 72px;
    height: auto;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 72px;
    padding: 0;
    display: table-cell;
    float: none;
}

    .union-logo img {
        margin-top: 0;
    }

.logo-left {
    width: 100%;
    display: block;
    float: none;
    vertical-align: top;
    background: #3977d4 !important;
}

.top-label {
    width: 100%;
    font-size: 13px;
    width: 200px;
    float: right;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    color: #fff;
    padding: 5px 0px;
    height: 30px;
}

    .top-label .change-pwd {
        float: left;
        line-height: 20px;
    }

        .top-label .change-pwd img, .top-label .logout img {
            float: left;
            margin-top: 3px;
            margin-right: 5px;
        }

    .top-label .logout {
        float: left;
        margin-left: 30px;
        line-height: 20px;
    }

        .top-label .change-pwd a, .top-label .logout a {
            color: #ecebec;
            text-decoration: none;
            text-shadow: 0px 1px 0px #0C42B1;
        }

            .top-label .change-pwd a:hover, .top-label .logout a:hover {
                color: #fff;
            }

.switchtop {
    display: none;
}

.switchformobile {
    display: none;
}

.navigation-panel {
    /*height: 42px;*/
    /*box-shadow: 0px 1px 1px #ccc;
    background: #fff;*/
}

.navbar-toggle-btn {
    padding: 0px;
    margin: 5px 0px 0px;
    border: 0px;
    background: none;
    position: relative;
}

    .navbar-toggle-btn .icon-bar {
        background-color: #000;
        border-radius: 1px;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        display: block;
        height: 3px;
        width: 30px;
        margin: 6px 0px;
    }

.btn-default.welcomemessage, .btn-default.welcomemessage:hover, .btn-default.welcomemessage:focus,
.btn-default.welcomemessage.focus, .btn-default.welcomemessage:active, .btn-default.welcomemessage.active,
.open > .dropdown-toggle.btn-default.welcomemessage {
    background: #2baf95;
    border-radius: 0px;
    border: none;
    text-shadow: none;
    color: #fff;
    box-shadow: none;
    padding: 8px 0px 0px;
    outline: none;
    width: auto;
}

.welcomemessage {
    background: #2baf95;
}

    .welcomemessage label {
        font-weight: bold;
        font-size: 13px;
        line-height: 13px;
        text-align: left;
        width: 92%;
        margin-left: 10px;
        padding-right: 20px;
    }

        .welcomemessage label span {
            font-size: 18px;
            text-transform: capitalize;
        }

.btn .caret {
    position: absolute;
    margin-top: 15px;
    margin-left: -18px;
}

/*.dropdown-menu.main-menu {
    left: -118px;
}*/

.dropdown-menu > li {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #333;
    white-space: nowrap;
}

    .dropdown-menu > li > a {
        display: block;
        padding: 0px 0px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857;
        color: #333;
        white-space: nowrap;
    }

    .dropdown-menu > li:hover {
        background: #16a085;
        color: #fff;
        cursor: pointer;
    }

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        color: #fff;
        text-decoration: none;
        background-color: none !important;
    }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: none;
    outline: 0;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background: none;
    color: #fff;
}

/*************top menu*************/
.top-menu {
    float: left;
    margin: 0px;
    font-family: 'Roboto', sans-serif;
    display: none;
}

    .top-menu ul {
        margin: 0px;
        padding: 0px;
    }

        .top-menu ul li {
            list-style: none;
            display: inline-block;
        }

            .top-menu ul li a {
                font-weight: bold;
                color: #fff;
                padding: 14px 9px 14px;
                text-transform: uppercase;
                text-decoration: none;
                font-size: 16px;
                line-height: normal;
            }

            .top-menu ul li.active-cclass {
                color: #3977d4;
                background: #fff;
                padding: 10px 10px;
            }

                .top-menu ul li.active-cclass a {
                    color: #3977d4;
                    padding: 0px;
                }

            .top-menu ul li a.active {
                color: #3977d4;
                background: #fff;
            }

            .top-menu ul li a:hover {
                color: #3977d4;
                background: #fff;
            }

/********sidebar**********/
.prizm-logo {
    width: 100%;
    height: 72px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 72px;
    font-family: 'Roboto Condensed', sans-serif;
    position: absolute;
    bottom: 72px;
    color: #fff;
}

.toggle-nav-arrow {
    margin-left: -1px;
    position: fixed;
    top: 50%;
    width: 17px;
    height: 36px;
    z-index: 99;
    display: none;
    border-radius: 0 5px 5px 0;
    background: #1d62ca; /* Old browsers */
    background: -moz-linear-gradient(left, #1d62ca 0%, #3977d4 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #1d62ca 0%,#3977d4 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #1d62ca 0%,#3977d4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d62ca', endColorstr='#3977d4',GradientType=1 ); /* IE6-9 */
}

/*******************************Table*******************************/
.table-responsive table thead, .k-header,
.k-grid-header th.k-header > .k-link {
    background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(233,233,233,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(100%, rgba(233,233,233,1)));
    background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(233,233,233,1) 100%);
    background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(233,233,233,1) 100%);
    background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(233,233,233,1) 100%);
    background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(233,233,233,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e9e9e9', GradientType=0 );
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    /*font-size: 2vh;*/
    font-weight: bold;
}

.employermembers-grid .k-grid-header th.k-header, .k-filter-row th {
    background: #EBEBEB;
}

.table-responsive table td, th {
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    /*font-size: 2vh;*/
    white-space: nowrap;
    padding: 2px 10px;
}

.table-hover > tbody > tr:hover {
    background-color: #2baf95;
    color: #fff;
    cursor: pointer;
}

.table-active {
    background-color: #2baf95;
    color: #fff;
}

.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight,
.k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover,
.k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected,
.k-marquee-color {
    background-color: #2baf95 !important;
    color: #fff;
}

    .k-state-selected button, .k-state-selected:link button, .k-state-selected:visited button, .k-list > .k-state-selected button,
    .k-list > .k-state-highlight button, .k-panel > .k-state-selected button, .k-ghost-splitbar-vertical button, .k-ghost-splitbar-horizontal button,
    .k-draghandle.k-state-selected:hover button, .k-scheduler .k-scheduler-toolbar .k-state-selected button, .k-scheduler .k-today.k-state-selected button,
    .k-marquee-color button {
        color: #2e2e2e !important;
    }

.k-selectable tr {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.k-pager-wrap, .k-widget {
    color: #4e4949;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 13px;
}

    .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap {
        background: #fff none repeat scroll 0 0;
        padding: 10px;
    }

.k-pager-info.k-label {
    padding: 0px;
    color: #000;
    font-family: "Roboto Condensed",sans-serif;
}

.k-pager-numbers .k-state-selected {
    border-color: #999999;
}

/*******************************Filter Section***************/
.filter-container {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 1px 1px #ccc;
    font-family: "Roboto",sans-serif;
    padding: 0 5px;
    float: left;
}

.member-filter {
    background: #fff;
    padding: 0px 5px;
    box-shadow: 0px 1px 1px #ccc;
    font-family: 'Roboto', sans-serif;
}

    .member-filter .section-filter {
    }

        .member-filter .section-filter label, .EmployerContent label {
            font-size: 14px;
            font-weight: bold;
            text-transform: capitalize;
            color: #000;
            margin-bottom: 0px;
            /*font-size: 2vh;*/
        }

        .member-filter .section-filter select {
            font-size: 14px;
            width: 100%;
            background: #fdfcfc;
            border: #dfdfde solid 1px;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            height: 27px;
            padding: 0px;
            color: #000;
        }

        .member-filter .section-filter .textbox, .EmployerContent .form-control {
            font-size: 12px;
            font-weight: normal;
            width: 100%;
            background: transparent;
            border: #dfdfde solid 1px;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            height: 27px;
            padding: 0% 2%;
            color: #000;
        }

        .member-filter .section-filter button {
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            width: 150px;
            text-align: center;
            color: #fff;
            font-size: 14px;
            border: 0px;
            padding: 5px 8px;
            margin-top: 14px;
            float: right;
            margin-right: 0px;
        }

            .member-filter .section-filter button i {
                font-size: 11px;
                margin-right: 5px;
            }

.section-filter-button {
}

.member-filter .section-filter-button button i {
    font-size: 11px;
    /*font-size: 1.5vh;*/
}

.member-filter .section-filter-button button {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 13px;
    /*font-size: 2vh;*/
    border: 0px;
    padding: 3px 8px;
    margin-top: 9.5%;
    float: right;
    margin-right: 0px;
}

.employers-filter {
    background: #fff;
    padding: 15px;
    box-shadow: 0px 1px 1px #ccc;
    font-family: 'Roboto', sans-serif;
}

.employers-filtersummary {
    background: #fff;
    padding: 15px;
    font-family: 'Roboto', sans-serif;
}

.employers-filter .inner-section-filter {
    width: 22%;
    float: left;
    margin-right: 15px;
}

    /*.section-filter > div:nth-child(2) {
    margin-top: 5px;
}*/

    .employers-filter .inner-section-filter label {
        font-size: 14px;
        font-weight: bold;
        text-transform: capitalize;
        color: #000;
    }

    .employers-filter .inner-section-filter select {
        width: 100%;
        background: #fdfcfc;
        border: #dfdfde solid 1px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        height: 23px;
        padding: 0px;
        color: #000;
    }

    .employers-filter .inner-section-filter .textbox {
        width: 100%;
        background: #fdfcfc;
        border: #dfdfde solid 1px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        height: 23px;
        padding: 0% 2%;
        color: #000;
    }

    .employers-filter .inner-section-filter button {
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        width: 150px;
        text-align: center;
        color: #fff;
        font-size: 13px;
        border: 0px;
        padding: 8px;
        margin-top: 18px;
        float: right;
        margin-right: 5px;
    }

        .employers-filter .inner-section-filter button i {
            font-size: 11px;
            margin-right: 5px;
            width: 100%;
        }

.employerstab-filter {
    background: #fff;
    padding: 0 15px;
    font-family: 'Roboto', sans-serif;
}

    .employerstab-filter .inner-section-filter {
    }

        .employerstab-filter .inner-section-filter label {
            font-size: 14px;
            font-weight: bold;
            text-transform: capitalize;
            color: #000;
        }

        .employerstab-filter .inner-section-filter select {
            width: 100%;
            font-size: 14px;
            background: #fdfcfc;
            border: #dfdfde solid 1px;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            height: 27px;
            padding: 0px;
            color: #000;
        }

        .employerstab-filter .inner-section-filter .textbox {
            width: 100%;
            font-size: 14px;
            background: #fdfcfc;
            border: #dfdfde solid 1px;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            height: 27px;
            padding: 0% 2%;
            color: #000;
        }

        .employerstab-filter .inner-section-filter button {
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            width: 150px;
            text-align: center;
            color: #fff;
            font-size: 13px;
            border: 0px;
            padding: 8px;
            margin-top: 18px;
            float: right;
            margin-right: 5px;
        }

            .employerstab-filter .inner-section-filter button i {
                font-size: 11px;
                margin-right: 5px;
                width: 100%;
            }

.memberstab-filter {
    background: #fff;
    padding: 0 15px;
    font-family: 'Roboto', sans-serif;
}

    .memberstab-filter .inner-section-filter {
    }

        .memberstab-filter .inner-section-filter label {
            font-size: 14px;
            font-weight: bold;
            text-transform: capitalize;
            color: #000;
        }

        .memberstab-filter .inner-section-filter select {
            width: 100%;
            font-size: 14px;
            background: #fdfcfc;
            border: #dfdfde solid 1px;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            height: 22px;
            padding: 0px;
            color: #000;
            font-size: 14px;
        }

        .memberstab-filter .inner-section-filter .textbox {
            width: 100%;
            font-size: 14px;
            background: #fdfcfc;
            border: #dfdfde solid 1px;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            height: 22px;
            padding: 0% 2%;
            color: #000;
            font-size: 14px;
        }

        .memberstab-filter .inner-section-filter button {
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            width: 150px;
            text-align: center;
            color: #fff;
            font-size: 14px;
            border: 0px;
            padding: 8px;
            margin-top: 18px;
            float: right;
            margin-right: 5px;
        }

            .memberstab-filter .inner-section-filter button i {
                font-size: 11px;
                margin-right: 5px;
                width: 100%;
            }

.employerdetailsNotes {
    margin-top: 10px;
}

    .employerdetailsNotes textarea {
        height: 100px;
        font-size: 14px;
        width: 100%;
    }

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

.add-member-box {
    text-align: right;
    max-width: 1410px;
    margin: 0 auto;
    float: none;
    padding: 0px;
}

#btnClearFilters {
    color: #fff;
}

/********************************Modal Box**********************************/
.modal-header {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    padding: 10px 15px;
}

    .modal-header h4 label {
        font-family: 'Roboto', sans-serif;
        font-size: 18px;
    }

.modal-body p {
    font-size: 12px;
}

.modal-body label {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
    text-transform: capitalize;
}

.modal-body .form-control {
    background: #fdfcfc none repeat scroll 0 0;
    border: 1px solid #dfdfde;
    border-radius: 3px;
    height: 27px;
    padding: 0 2%;
    width: 100%;
}

.modal-body textarea.form-control {
    height: auto;
}

.modal-footer {
    border-top: 1px solid #e5e5e5;
    padding: 10px 15px;
    text-align: right;
}

.popup-content-scrollbar .modal-body {
    padding-top: 0px;
}

.inputgroup-form .form-control {
    border-radius: 3px !important;
    height: 28px;
}

.inputgroup-form .btn {
    padding: 4px 6px;
}

.inputgroup-form
/*.fade.in {
    background:rgba(0, 0, 0, 0.52) none repeat scroll 0 0;
}
.modal-backdrop.in {
    display:none;
}*/
.modal {
    overflow-x: hidden;
    overflow-y: scroll;
}


/************************Login Page**************/
#loginModal {
    overflow: hidden;
}

.custom-header-top-box {
    background: #3977d4;
    border-radius: 0px;
    border: medium none;
}

.navbar-header {
    background: none;
}

    .navbar-header .logo-text {
        color: #fff;
        font-weight: bold;
        margin-left: 10px;
        font-size: 12px;
    }

#loginModal .modal-dialog {
    width: 399px;
    margin: 30px auto;
}

.loginM .modal-content {
    box-shadow: 0 0px 2px rgba(102, 94, 94, 0.5);
}

.loginM .modal-header {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}

.loginM .modal-footer {
    border: 0px;
}

.loginM .modal-body .form-control {
    width: 100%;
    height: 40px;
}

.loginM .modal-body .label-prepend-checkbox.checkbox-text {
    margin-left: 20px;
}

.loginM .checkbox.bootstrap-checkbox > input {
    margin-left: 0px;
}

.checkbox-text {
    font-weight: bold;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 13px;
}

.register-now {
    font-family: "Roboto Condensed",sans-serif;
    font-size: 12px;
}

.login-jaystarlogo {
    margin-top: 16px;
    width: 88px;
    float: right;
    margin-right: 15px;
}

.login-prizmlogo {
    float: left;
    width: 210px;
    height: 72px;
    bottom: 72px;
}

    .login-prizmlogo img {
        width: 100%;
        height: 100%;
    }

.login-footer {
    bottom: 0;
    position: fixed;
    height: 72px;
    width: 100%;
}

.register-footer {
    bottom: 0;
    position: fixed;
    height: 65px;
    width: 100%;
}

.register-success .modal-header h1 {
    font-size: 16px;
    font-weight: bold;
}

.register-success .modal-body p {
    font-size: 14px;
}

.register-success .modal-body label {
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
}

.register-success .modal-dialog {
    margin: 105px auto !important;
}

/***************************LANDING PAGE***************************/
.outer-union-logo {
    width: 200px;
    height: 72px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 72px;
    padding: 0;
    float: left;
}

.top-login {
    font-family: "Roboto Condensed",sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 77px;
    color: #ecebec;
    text-decoration: none;
    text-shadow: 0 1px 0 #0c42b1;
    margin-right: 15px;
}

    .top-login a {
        color: #ecebec;
        text-decoration: none;
    }

        .top-login a:hover {
            color: #ffffff;
            text-decoration: none;
        }

.login-footer-landing {
    bottom: 0;
    position: fixed;
    height: 65px;
    width: 100%;
}

/***************************************Register PAge*********************/
.registerM {
    float: left;
    margin-top: 10px;
    width: 100%;
}

.registerModal .modal-header {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}

.registerModal .modal-content {
    box-shadow: 0 0 2px rgba(102, 94, 94, 0.5);
}

.registerModal .modal-body label {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

.registerM .form-control {
    width: 100%;
}

.registerModal .modal-footer {
    border: 0px;
}

.register-jaystarlogo {
    padding-top: 40px;
    width: 88px;
    margin: 0px auto;
}

/***************Members tab section********************/
.members-tab-section {
    width: 100%;
    float: left;
    margin-top: 10px;
    background: #ffffff;
    margin-bottom: 0px;
}

.nav-tabs {
    font-family: /*Verdana, Geneva,*/ "Roboto",​sans-serif;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}

    .nav-tabs > li > a {
        color: #fff;
        border-right: 2px solid #fff;
        border-radius: 0px;
        height: 50px;
        text-align: center;
        margin-right: 0px;
        font-weight: bold;
    }

    .nav-tabs > li.active > a:hover {
        padding: 5px 5px 5px;
    }

    .nav-tabs > li.active > a.tab-box:hover {
        padding: 16px 5px 16px;
    }

.nav > li > a {
    padding: 5px 5px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border-top: 3px solid #3977d4;
    border-right: 0px;
    color: #3977d4;
    margin: 0px;
}

.nav-tabs > li > a:hover {
    border-top: 3px solid #3977d4;
    border-right: 2px solid #fff;
    color: #fff;
    padding: 3px 5px 5px;
    background: #3987fb;
}

.nav-tabs > li:last-child > a {
    border-right: 0px;
}

.nav-tabs > li > a.tab-box {
    padding: 16px 5px;
}

    .nav-tabs > li > a.tab-box:hover {
        padding: 14px 5px 16px;
    }

div#myTabContent {
    background: #fff;
    border: #ccc solid 1px;
    padding: 10px;
    border-top: 0px;
}

/**********work tab***********/
.employer-main-content-box label {
    font-weight: bold;
    margin-bottom: 0px;
    font-size: 14px;
}

.employer-main-content-box .form-control {
    border-radius: 3px;
    height: 27px;
    color: #000;
    background: #FDFCFC;
    margin-top: 0px;
    padding-right: 0px;
    margin-bottom: 10px;
}

#txtDocumentFileName.form-control {
    padding-left: 0;
}

.k-ff input.k-textbox {
    height: 2.2em;
    font-size: 14px;
}

.employer-main-content-box .txtarea {
    height: 46px !important;
}

.adjustmentamt .k-formatted-value.k-input {
}

/*************************Members Summary*************/
.membersummary-content {
}

    .membersummary-content span:nth-child(2), .membersummary-content label:nth-child(2) {
    }

.membersummary .namebtn {
    color: #fff;
    padding: 3px 10px;
    width: 100%;
    font-size: 13px;
    text-transform: uppercase;
}

.membersummary label {
    color: #333;
    font-weight: bold;
    font-size: 14px;
}

.membersummary span {
    font-family: "Roboto",​sans-serif;
    font-size: 14px;
    text-align: left;
}

.membersummary .refreshbtn {
    color: #fff;
    padding: 3px 25px;
    float: right;
    font-size: 13px;
    text-transform: uppercase;
    margin-top: 8px;
}

/****************************Employers************************/
.innerNotes {
    width: 100%;
    height: 48px;
    font-size: 14px;
}

#txtSkills.innerNotes, #txtCertifications.innerNotes {
    padding: 10px 0px 10px 10px;
}
#txtParagraph1,#txtParagraph2 {
    width: 100%;
    /*height: 48px;*/
    font-size: 14px;
}
/*#ModifySkillModal .k-grid-content, #ModifyCertificationModal .k-grid-content {
    height: 350px;
}*/

/*.employercontacts-grid .k-grid-content {
    min-height: 248px;
}*/

.k-pager-wrap.k-grid-pager.k-widget.k-floatwrap {
    padding: 5px 10px;
}

button i {
    padding-right: 5px;
}

.btn {
    font-size: 13px;
}


#skill-certification-content {
    border: 1px solid #ccc;
    margin: 0px 15px;
}

.choosememberr-btn .btn {
    width: 100%;
}

#dvDeleteContact td {
    font-size: 14px;
    font-weight: bold;
}

    #dvDeleteContact td label {
        font-size: 14px;
        font-weight: normal;
    }

#deleteDocumentModel .modal-body, .modal-body #confirm-message {
    font-size: 14px;
}

#DetailsContent {
    padding-bottom: 20px;
}

/************************Members Work***************************/
.form-control {
    padding-left: 5px;
    color: #000000;
}

#txtWorkHireDate, #txtWorkEditedDate, #txtWorkTermination, #txtWorkPAC, #txtWorkHourlyRate, #txtWorkHireDate, #txtWorkTermination, #txtWorkEditedDate {
    height: 21px;
    font-family: "Roboto",​sans-serif;
}

#txtReportingOn, #txtTime, #txtInitiationDate {
    height: 18px;
    font-size: 14px;
    padding-left: 5px;
    font-weight: normal;
    font-family: "Roboto",​sans-serif;
}

    #txtReportingOn .k-picker-wrap, #txtTime .k-picker-wrap, #txtSuretySignDate .k-picker-wrap, #txtInitiationDate .k-picker-wrap {
        height: 1em;
        font-size: 14px;
        padding-left: 5px;
        font-family: "Roboto",​sans-serif;
    }

#txtAddContactDate, #txtAddContactTime, #txtAddContactListDate, #txtAddContactListTime, #txtAddContactLayoffDate, #txtAddMemberStatusEffectiveDate,
#txtAddMemberStatusNoticeDate, #txtAddMemberTypeEffectiveDate, #txtAddMemberTypeNoticeDate, #txtAddPoliticalPAC1,
#txtAddPoliticalPAC2, #txtAddRoleStartDate, #txtAddRoleEndDate, #txtAddRoleRemoveDate, #txtBirthDate, #txtSeniorityDate, #txtLocalElectionDate, #txtLocalDate,
#txtWalkinsPostDate, #txtWalkinsEndDate, #txtBankReceiptStartDateFilter, #txtBankReceiptEndDateFilter, #txtNewWalkinDueDate, #txtNewWalkinOverridePaidThroughDate,
#txtNewWalkinPOSPaymentDate, #txtCardSignDate, #txtAdjustedPaidThroughDate, #txtGenerateDuesPeriod, #txtAddMemberInitiationDate, txtMemberStatusEffectiveDate,
#txtAddBankDepositDate, #txtRegistrationDate, #txtSuspendPaidThroughDate, #txtPersonifyStartDate, #txtPersonifyEndDate, #txtDispatchContactDate, #txtDispatchContactTime,
#txtDispatchStartDate {
    height: 21px;
    font-size: 14px;
    padding-left: 5px;
    font-family: "Roboto",​sans-serif;
}

#txtSuretySignDate {
    height: 21px;
    font-size: 14px;
    font-family: "Roboto",​sans-serif;
}

#contractFilters .NewContractDatePicker .k-picker-wrap.k-state-default {
    height: 26px;
    font-size: 14px;
    font-family: "Roboto",​sans-serif;
}

    #contractFilters .NewContractDatePicker .k-picker-wrap.k-state-default .k-select {
        line-height: 22px;
        font-size: 14px;
        font-family: "Roboto",​sans-serif;
    }

#ShopContractDetails-Container .contracteditdatepicker .k-picker-wrap.k-state-default .k-select {
    line-height: 24px;
    font-size: 14px;
    font-family: "Roboto",​sans-serif;
}

#txtFStartDate, #txtFEndDate, #txtFNoticeDate, #txtFReopenerDate {
    height: 17px;
    font-size: 14px;
    font-family: "Roboto",​sans-serif;
}

#NewContractModel .NewContractDatePicker .k-picker-wrap.k-state-default {
    height: 2em;
    font-size: 14px;
    font-family: "Roboto",​sans-serif;
}

#ShopContractDetails-Container #txtEndDate, #ShopContractDetails-Container #txtStartDate, #ShopContractDetails-Container #txtNoticeDate, #ShopContractDetails-Container #txtReopenerDate {
    height: 24px;
    font-size: 14px;
    padding-left: 0px;
}

#txtEndDate, #txtStartDate, #txtNoticeDate, #txtReopenerDate {
    height: 21px;
    font-size: 14px;
    padding-left: 0px;
    font-family: "Roboto",​sans-serif;
}

#txtWageIncrease3DatePicker, txtWageIncrease4DatePicker, #txtWageIncrease2DatePicker, #txtwageIncrease1DatePicker {
    height: 27px;
    font-size: 14px;
    padding-left: 5px;
    font-family: "Roboto",​sans-serif;
}

#NewContractModel #txtWageIncrease3DatePicker, txtWageIncrease4DatePicker, #NewContractModel #txtWageIncrease2DatePicker, #NewContractModel #txtwageIncrease1DatePicker {
    height: 20px;
    font-size: 14px;
    font-family: "Roboto",​sans-serif;
    padding-left: 5px;
}

#txtReportingOn .k-i-calendar {
    background-position: -33px -177px;
}

.alertvalidation ul {
    list-style: initial;
    margin-top: 10px;
    padding-left: 15px;
}

    .alertvalidation ul li {
        margin-left: 5px;
    }

.modal-body > .alertvalidation > ul {
    margin-top: 0;
}

#txtWorkHourlyRate .k-formatted-value.k-input, #txtWorkPAC .k-formatted-value.k-input, .numberPickeer .k-formatted-value.k-input {
    height: 1.6em;
    padding-left: 0px;
    font-family: "Roboto",​sans-serif;
    font-size: 14px;
}

/*********************************footer************************/
/*.footer {
    width: 87%;
    position: fixed;
    bottom: 0;
    background: #f3ede3;
    z-index: 9;
}*/

.footer {
    position: fixed;
    bottom: 0;
    background: #f3ede3;
    z-index: 9;
    height: 50px;
    left: 0px;
    right: 0px;
}


    .footer .add-btn {
        margin-right: 10px;
    }
    /*08-11-2017*/
.wrapper-container.toggled .footer {
    width: 100%;
}

.add-btn {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    min-width: 150px;
    text-align: center;
    color: #FFF;
    font-size: 13px;
    /*font-size: 2vh;*/
    border: 0px none;
    padding: 3px 8px;
    margin-top: 15px;
}

.jaystar-logo {
    margin-top: 15px;
    margin-left: 10px;
}
/*.main-body-container {padding-bottom:36px; position:relative;}
.innermain-body-container {z-index:999;}
.membersmain-body-container {padding-bottom:36px; position:relative; z-index:999;}*/

/******************************************Grids*****************************/
/*#gridBankReceiptList .k-grid-content {
    min-height: 270px;
}*/

/*#topGenerateGrid .k-grid-content {
    height: 85px;
}*/

/*#gridImportChoosePayments, #gridImportTotalAmount {
    min-height: 255px;
}

    #gridImportChoosePayments .k-grid-content, #gridImportTotalAmount .k-grid-content {
        min-height: 225px !important;
    }*/

/*#topGenerateGrid {
    min-height: 135px;
}*/

/*#gridGenerateChoosePayments, #gridGenerateTotalAmount {
    min-height: 170px;
}

    #gridGenerateChoosePayments .k-grid-content, #gridGenerateTotalAmount .k-grid-content {
        min-height: 139px;
    }*/

/*#localMembership-container #grid{ margin-bottom:5px;}
#localMembership-container #grid .k-grid-content{ height:89%;}*/

/*.memberminht {
    padding-bottom: 35px;
}*/
.memberminht {
    padding-bottom: 0px;
}

.badletterfile {
    font-size: 14px;
}

.membersub-searchbtn {
    margin-top: 20px;
}

.employerprizmid {
    margin-top: 20px;
}

/*.local-info-tab #LocalDocumentsGrid {
    min-height: 341px;
}*/


/*#ShopContractDetails-Container #LocalDocumentsGrid {
    min-height: 209px;
}*/


/*#Contract-container .k-grid-header, #gridWalkins .k-grid-header, #gridBankReceiptList .k-grid-header, #dvLocalEmployers .k-grid-header, #dvOfficersRoleGrid .k-grid-header,
#LocalDocumentsGrid .k-grid-header, #dvMemberGrid .k-grid-header, #openJobListGrid .k-grid-header, #topGenerateGrid*/ .k-grid-header {
    width: 100%;
    padding-right: 0px !important;
}

.k-state-selected .disable-link {
    color: #ccc;
}

table {
    font-family: "Roboto",​sans-serif;
    font-size: 14px;
}

.k-filter-menu.k-popup.k-group.k-reset.k-state-border-up, .k-filter-menu.k-popup.k-group.k-reset.k-state-border-down {
    font-weight: normal !important;
}

.k-grid-header th.k-header, .k-filter-row th {
    font-weight: bold;
}

.checkbox-ontainer.k-widget.k-listview input {
    margin-left: 5px;
    margin-right: 10px;
}

.k-filter-menu.k-popup.k-group.k-reset.k-state-border-up input, .k-filter-menu.k-popup.k-group.k-reset.k-state-border-down input {
    margin-right: 10px;
}

.k-filter-menu.k-popup.k-group .k-filter-menu .k-widget, k-filter-menu.k-popup.k-group .k-filter-menu .k-textbox {
    margin: 0.4em 0 0;
}

.k-filter-menu.k-popup .k-textbox {
    margin-top: 5px;
}

.k-grid-content tr {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

/******Accounting Tab*****/

#AddNewWalkinWindow .modal-body {
    max-height: 500px;
    overflow: auto;
}

#AddNewWalkinWindow .modal-footer {
    margin-top: 10px;
}

.adjustchoosemember {
    padding: 4px 10px;
}

.adjustmentamt .k-formatted-value.k-input, .adjustmentoverage .k-formatted-value.k-input {
    height: 1.6em;
}

#gridAddBankReceipt table td:nth-child(3), #gridAddBankReceipt table th:nth-child(3) {
    width: 0px;
    padding: 0px;
    border: 0px;
}

#gridAddBankReceipt table td input[type="text"] {
    width: 100%;
}

#gridAddBankReceipt table td:first-child select {
    height: 22px;
    width: 100%;
}

#gridAddBankReceipt table td .checkdate.k-input {
    height: 21px;
}

.k-formatted-value.checkamount.k-input {
    height: 1.6em;
}

.importcheckoff-btn {
    margin-top: 15px;
}

    .importcheckoff-btn .btn {
        margin-right: 20px;
    }

        .importcheckoff-btn .btn:last-child {
            margin-right: 0px;
        }

/*#gridBankReceiptList .k-grid-content {
    min-height: 248px;
}*/

/*#gridWalkins .k-grid-content {
    min-height: 243px;
}*/

.k-selectable tr > td > input[type="button"] {
    color: #000;
}

#grid div.k-grid-header, #grid div.k-grid-footer, #gridWalkins div.k-grid-header, #gridWalkins div.k-grid-footer { /*padding-right:0px !important;*/
}
/*#gridWalkins .k-selectable, #gridWalkins .k-grid-header, #gridWalkins .k-grid-header-wrap > table {table-layout:auto;}*/
#ChooseMemberModel .form-group div {
    margin-bottom: 10px;
}

.adjustment-content .form-group {
    margin-bottom: 0px;
}

/*****Hiring Hall Tab*****/
.filter-container .hiringFilter label {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    text-transform: capitalize;
}

/*.filter-container .hiringFilter select {
    background: #fdfcfc none repeat scroll 0 0;
    border: 1px solid #dfdfde;
    border-radius: 3px;
    color: #000;
    height: 24px;
    padding: 0 2%;
    width: 100%;
}*/

.content-hiring-container {
    padding-bottom: 10px;
}

#dvMemberGrid td span.disable-link span {
    float: left;
    margin-left: 20px;
    margin-top: -16px;
}

    #dvMemberGrid td span.disable-link span input[type="checkbox"] {
        float: left;
        margin-left: -21px;
        position: absolute;
    }

#dvDispatch .form-group h4 {
    margin: 0;
}

#dvDispatch h4 {
    font-size: 17px;
}

/********Utilities Tab********/
.Utilities-sec {
    background: #fff;
    min-height: 500px;
}

    .Utilities-sec label {
        color: #000;
        font-size: 14px;
        font-weight: bold;
        text-transform: capitalize;
        margin: 0px;
    }

        .Utilities-sec label.control-red-label {
            color: red;
            margin: 0 0px 0 0;
        }

.registration-box p {
    margin: 10px 0 5px;
}

.registration-box .textbox {
    background: #fdfcfc none repeat scroll 0 0;
    border: 1px solid #dfdfde;
    border-radius: 3px;
    color: #000;
    height: 27px;
    padding: 0 2%;
    width: 100%;
}

.registration-box input.utilities-form-control {
    width: 100%;
    display: inline-block;
}

.utilities-btn-box {
    text-align: left;
    padding: 10px 0% 0px;
}

#UtilitiesValidation {
    background-image: none;
}

.Utilities-sec h4, .Utilities-sec p {
    color: #000;
    font-size: 14px;
}

.utilities-content h4 {
    color: #000;
}

.switchformobile {
    display: none;
}

/****Contract Tab*****/

.addnewcontract-field div {
    margin-bottom: 10px;
}

#panelbar li .k-link.k-header {
    padding: 0px;
}

.panelbar-header > .panelbar-label {
    margin-top: -4px;
}

.panelbar-header > label {
    margin: 0px;
}

/*#ShopContractDetails-Container {
    padding-bottom: 39px;
}*/

.k-filter-menu .k-dropdown-wrap.k-state-default {
    height: 24px;
}

.k-filter-menu .k-widget.k-dropdown.k-header {
    height: 24px;
}

.k-filter-menu .k-picker-wrap.k-state-default {
    height: 24px;
    margin-top: 5px;
}

.k-filter-menu > .k-textbox > input, .k-filter-menu > .k-autocomplete .k-input, .k-filter-menu > .k-picker-wrap .k-input, .k-filter-menu > .k-numeric-wrap .k-input, .k-filter-menu > .k-dropdown-wrap .k-input, .k-selectbox .k-input {
    height: 24px;
    margin-top: 5px;
}

.k-filter-menu .k-picker-wrap .k-input {
    height: 19px !important;
}

.k-filter-menu .k-primary, .k-filter-menu .k-overflow-container .k-primary {
    background: #2BAF95 !important;
    color: #fff;
    border: 0px;
}

    .k-filter-menu .k-primary:hover, .k-filter-menu .k-overflow-container .k-primary:hover,
    .k-filter-menu .k-primary:active, .k-filter-menu .k-overflow-container .k-primary:active .k-filter-menu .k-primary.active, .k-filter-menu .k-overflow-container .k-primary.active .k-filter-menu .k-primary:focus, .k-filter-menu .k-overflow-container .k-primary:focus .k-filter-menu .k-primary.focus, .k-filter-menu .k-overflow-container .k-primary.focus {
        background: #21aa8f !important;
        color: #fff;
    }

.k-filter-menu .k-button {
    background: #e05d6f;
    color: #fff;
    border: 0px;
}

    .k-filter-menu .k-button:hover, .k-filter-menu .k-button:active, .k-filter-menu .k-button.active, .k-filter-menu .k-button:focus,
    .k-filter-menu .k-button.focus {
        background: #e74e63;
        color: #fff;
    }

.green-btn {
    background: #2BAF95;
    color: #fff;
    border: 0px;
    border-radius: 2px;
}

    .green-btn:hover, .green-btn:active, .green-btn.active, .green-btn:focus, .green-btn.focus {
        background: #21aa8f;
        color: #fff;
    }

.contractFilter {
    margin-top: 5px;
}

/************************************************************/

.navbar-brand, .navbar-nav > li > a {
    text-shadow: 0 0 0 rgba(255, 255, 255, 0.25);
}

.navbar-nav > li > a {
    padding: 5px 15px;
}

.navbar-nav > li > a {
    line-height: 20px;
}

.local-id-box-left {
    color: #fff;
}

.local-id-box-right {
    color: #fff;
    padding: 0 0 10px;
    text-align: right;
}

.left-panel-box {
    padding: 0 0 10px;
    color: #fff;
}

    .left-panel-box p {
        margin: 10px 0 0;
    }

.refresh-btn {
    text-align: right;
    padding: 0 15px;
}

.navbar-brand {
    padding: 5px;
    margin-left: 5px !important;
}
/*.container-fluid {max-width: 95%;}*/
.custom-body-container {
    background: #fff;
}
/* Login Style */
nav.navbar {
    margin-bottom: 0;
}

.panel-bg {
    background: #aaa;
    color: #fff;
}

.panel {
    margin-bottom: 0px;
    border-radius: 0px;
    border: none;
    padding: 0px;
}

.section-panel {
    margin-right: 23px;
    padding: 5px;
}

    .section-panel li {
        list-style: none;
        display: inline;
        padding: 0px 11px;
        color: #fff;
        border-right: 1px solid #fff;
    }

        .section-panel li:last-child {
            border-right: none;
        }

        .section-panel li a {
            color: #fff;
            text-decoration: none;
        }

.local-filter-box {
}

    .local-filter-box p {
        font-weight: 700;
    }

    .local-filter-box input[type="submit"] {
        width: 60%;
        color: #000;
        margin-left: 15%;
        font-weight: bold;
    }

.filter-btn-box input[type="submit"] {
    color: #000;
}

.filter-btn-box {
    text-align: right;
}

.employer-main-content-box {
    padding: 0px 0 10px;
}

.adjustment-box {
    background: #fff;
    padding: 10px;
}

.adjustment-label label {
    color: #333 !important;
    display: block;
}


.adjustment-label-required label {
    color: red !important;
    display: block;
}

.adjustment-content {
    /*border: 1px solid #ccc;
    color: #333;
    padding: 0 10px;*/
    margin: 0 0 10px;
}

.note-container-box {
}

.save-btn-container {
    text-align: right;
}

    .save-btn-container button {
        background-image: -webkit-linear-gradient(top, #428bca 0%, #2d6ca2 100%) !important;
        background-image: -o-linear-gradient(top, #428bca 0%, #2d6ca2 100%) !important;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#2d6ca2)) !important;
        background-image: linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important;
        background-repeat: repeat-x !important;
        border-color: #2b669a !important;
        box-shadow: none !important;
    }

.adjustment-label.save-btn-container {
    text-align: left;
}

.adjustment-content p {
    color: #333 !important;
}

.adjustment-content h4 {
    color: #333 !important;
}

.check-box-container {
    text-align: left;
}

.check-box-employer-container {
    text-align: right;
}

input[type="checkbox"] {
    vertical-align: sub;
}

.container-active-member-box {
    text-align: left;
}

.check-box-container span {
}

.employer-details-footer-btn {
    text-align: right;
    margin-bottom: 6px;
    margin-top: 13px;
    padding-right: 0;
}

.employer-filter-box {
}

    .employer-filter-box h5 {
        font-weight: bold;
        padding: 0 15px;
    }

.employer-filter-checkbox {
    text-align: right;
}

.employer-filter-btn-box {
    text-align: right;
    margin: 5px 0 10px;
}

.container-active-member-box input[type="checkbox"] {
    margin: 5px 0 0 0 !important;
    vertical-align: sub;
}

.member-id-box label {
    width: 100%;
    font-size: 12px;
    margin: 0 10px 0 0;
}

.member-id-box input[type="text"] {
    width: 100%;
}

.generate-checkoff-btn-box {
    padding: 20px 15px 0;
}

.table-box table tr td {
    border-top: none;
}

.table-box table tr th {
    border-top: none;
}

.table-style {
    margin: 0px;
    padding: 0px;
}

.local-id-box-left p {
    margin: 5px 0;
}

.paging-box {
    position: relative;
    border: 0px solid #000;
}

.filter-btn-box input.btn-style {
    color: #fff;
}

.textshowing_entries {
    margin: 7px 0;
}

ul.pagination_fotterGrid {
    margin: 0;
}

.login-container {
    margin: 130px 0 0 0;
}

.modal-dialog {
    margin: 30px auto;
}

.choose-member-form-popup {
    margin: 10px 0;
}

    .choose-member-form-popup input[type="text"] {
    }

.member-tab-container {
    text-align: left;
}

.nav-tabs.skill-certification-nav-tabs {
    padding: 0 0px;
}

.current-sub-content-box {
    padding: 0 0 10px;
}

.skill-Certification-footer-box {
    margin: 0 0 10px;
    text-align: right;
}

.skill-certification-gap {
    margin: 0 0 10px;
}

.form-inline {
    margin: 10px 0;
}

.work-history-container .k-grid-content {
    min-height: 100px;
}

.work-history-container {
    margin: 10px 0;
}

.payment-tab-container {
    margin: 10px 0;
}

.status-type-container {
    margin: 10px 0;
}

.current-status-grid {
    margin-bottom: 10px;
}

    .current-status-grid .k-grid-content {
        height: 100px;
    }

.status-type-footer {
    text-align: right;
}

/*.grid-employee-shop-box .k-grid-content {
    min-height: 242px;
}*/

.change-history-content-box {
    margin: 10px 0;
}

.change-history-content-area {
    margin: 0 0 10px;
}


.effective-date-box {
}

    .effective-date-box span {
    }

.role-btn {
    text-align: right;
    margin: 10px 0;
}

span.k-widget {
    width: 100%;
}

#documents-history-content .k-grid-content {
    min-height: 100px;
}

.add-note-btn {
    text-align: right;
    margin: 10px 0;
}

.my-iframe-div {
    margin: 10px 0;
}

.add-document-btn {
    text-align: right;
    margin: 10px 0;
}

.dependents-btn-area {
    margin: 10px 0;
    text-align: right;
}

.deposit-label1 {
    margin-top: 20px;
}

input.dependent-input {
    width: 100%;
}

input.check-box {
    vertical-align: sub;
}

.political-last-section {
}

    .political-last-section h5 {
        padding: 0 15px;
    }

.employer-popup .form-group {
    margin: 0;
}

.member-tab-gap {
    margin: 0 0 7px;
}

.member-tab-btn-gap {
    margin: 7px 0 10px;
}

.member-popup-form {
}

    .member-popup-form .form-group {
        margin: 10px 0;
    }

    .member-popup-form label {
        display: block;
    }

.employer-date-box span {
}

.employer-date-box input {
    width: 100%;
}

.new-employer-tab-gap {
    margin: 7px 0;
    display: block;
}

.member-tab-gap input[type="text"] {
    width: 100%;
}

.grid-phone-box {
    height: 112px;
    overflow: auto;
    border: 1px solid #ccc;
}

.iscall-checkbox {
    text-align: left;
}

.calender-box span.form-control {
    height: auto;
    width: 100%;
}

.modal-dialog-wth {
    margin: 30px auto;
    width: 800px !important;
}

.login-container .cnt-wrapper {
    width: 548px;
    height: 440px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

    .login-container .cnt-wrapper .main-area {
        width: 450px;
        height: 300px;
        background: #fff;
        margin: 80px 0 0 0;
        vertical-align: bottom;
        border: 2px solid #93b2cb;
        box-shadow: 5px 5px #0d2d49;
        border-radius: 10px;
    }

        .login-container .cnt-wrapper .main-area .login-header {
            font-size: 14px;
            height: 30px;
            text-align: left;
            text-indent: 5px;
            margin: 0px 0 0 0;
            padding: 5px;
            font-weight: bold;
            border-radius: 10px 10px 0 0;
            background: -moz-linear-gradient(top, #fbfbfb 0%, #dadee2 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#dadee2)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #fbfbfb 0%,#dadee2 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #fbfbfb 0%,#dadee2 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #fbfbfb 0%,#dadee2 100%); /* IE10+ */
            background: linear-gradient(to bottom, #fbfbfb 0%,#dadee2 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#dadee2',GradientType=0 ); /* IE6-9 */
        }

.modal-header-snd {
    padding: 1px 7px;
}

h1.text-center-snd {
    font-size: 24px;
}

.form-control-snd {
    font-size: 16px;
    height: 40px;
}

.form-cust div.form-group {
    margin: 0;
}

.member-tab-checkbox {
    text-align: left;
}

.member-tab-label-gap {
    margin: 7px 0;
    text-align: left;
    display: block;
}

.member-tab-kendo-gap input {
    width: 100%;
}

.fluid-container-box {
    padding: 0;
}

.alternate-number-popup {
}

    .alternate-number-popup label.control-label {
        display: block;
    }

    .alternate-number-popup input.form-control {
        width: 100%;
        font-size: 14px;
        padding-left: 5px;
    }

.add-member-box input {
    margin: 10px 0px;
}

.login-container-snd {
    margin: 55px 0 0;
}

.register-container-snd {
    margin: 110px 0 0;
}

.form-control-snd {
    font-size: 16px;
    height: 40px;
    color: #999;
    padding: 6px 13px;
}

label {
    font-weight: bold;
    white-space: nowrap;
}

.select-style {
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    background: #fff url("http://www.scottgood.com/jsg/blog.nsf/images/arrowdown.gif") no-repeat 95% 50%;
}

.select-style-reg {
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    background: #fff url("http://www.scottgood.com/jsg/blog.nsf/images/arrowdown.gif") no-repeat 98% 50%;
}

.select-style select {
    padding: 5px 8px;
    width: 100%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .select-style select:focus {
        outline: none;
    }

.option-box {
    max-width: 100px;
    float: right;
}

.modal-body {
    padding: 15px 15px 5px 15px;
}

.modal-body-box {
    padding: 15px 0px 1px 0px;
}
/*.modal-footer{padding: 0px 15px 15px 15px !important;}*/
.form-group-snd {
    margin-bottom: 10px !important;
}

.row-filter-container {
    background: #67658c;
    color: #fff;
    padding: 10px;
    top: -9px;
    position: relative;
}

.control-label-snd {
    margin: 0 10px 0 0;
    font-size: 14px;
    width: 11%;
}

.select-style-snd {
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    background: #fff url("http://www.scottgood.com/jsg/blog.nsf/images/arrowdown.gif") no-repeat 95% 50%;
    height: 25px;
}

.select-style-box {
    padding: 0;
    margin: 0;
    width: 97%;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    background: #fff url("http://www.scottgood.com/jsg/blog.nsf/images/arrowdown.gif") no-repeat 95% 50%;
}

.phn-fax-box {
    width: 98%;
}

.local-box {
    margin: 10px 0;
}

.member-select {
    padding: 0 0px;
}

.member-rate-select {
    padding: 0 0 0 10px;
}

.select-style-snd select {
    padding: 1px 3px;
    width: 100%;
    height: 25px;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select-style select:focus {
    outline: none;
}

.form-group-snd label {
    top: 2px;
    font-weight: bold;
}

.form-group-snd .input-cnt {
    top: 10px;
}

.nav-text-right {
    text-align: right;
    right: 20px;
}

.nav-wrap {
    margin: 5px 0;
    padding: 0 5px;
}

.control-label-cnt {
    width: 25%;
}

.form-group-cnt {
    margin-bottom: 10px;
}

    .form-group-cnt label {
        top: 9px;
        font-weight: bold;
        text-align: left;
    }

.glyphicon {
    right: 7px !important;
}

.input-group-addon {
    padding: 9px 12px;
}

.active-employer {
    width: 150px;
    padding-left: 0px !important;
    text-align: left;
    top: 9px;
}

label.surety-date {
    float: left;
    width: 130px;
}

.surety-sign-form {
    float: left;
}

.checkbox {
    margin-bottom: 20px;
}

.check-box-margin {
    margin-bottom: 20px;
}

#input-wrap {
    margin-left: 18px;
}

.form-horizontal .control-label {
    margin-bottom: 0;
    padding-top: 0px !important;
    text-align: left;
    font-weight: bold;
}

.button-style-btm {
    margin: 10px 0 5px 0;
    padding: 0;
}

.btn-new {
    margin-left: 0px;
    width: 100% !important;
}

.form-group-cnt.form-group-cnt-popup label, .form-group-cnt-popup .form-group {
    margin-bottom: 0px;
    font-weight: normal;
}

.label-text {
    margin-bottom: 20px;
    word-wrap: break-word;
}

.new-employer-box {
    padding: 10px 0;
    text-align: right;
}

.work-content-box {
    padding: 10px 0 0;
}

.body-container-wrapper {
    margin: 0 0 10px;
}

.text-wrap {
    white-space: normal;
}

.customfield textarea.form-control {
    height: 50px;
}

.customfield textarea.text-area {
    width: 95%;
    float: right;
}
/*Contact CSS */
.contact-fluid {
    margin-top: 10px;
    margin-left: 28px;
    margin-right: 28px;
    width: auto;
}

.contact-tab-container {
}

.mem-info {
    background: #67658c;
    color: #fff;
}

    .mem-info .mem-info-txt {
        color: #fff;
        padding: 5px;
    }
/*.total-amount-box {height: 400px; overflow: auto; background: #fff;  border: 1px solid #ccc;  padding: 0;}*/
.payment-container {
    margin-bottom: 20px;
}

.left-box, .right-box {
    width: 48%;
}

.mid-box {
    width: 4%;
}

.choose-payment-box {
    height: 200px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 0;
}

.mid-box {
    height: 236px;
    position: relative;
}

.arrow-icons {
    position: absolute;
    top: 50%;
}

.mgn-R-20 {
    margin-right: 20px;
}

.date-icon {
    width: 160px;
}

.mgn-L-10 {
    margin-left: 10px;
}

.menuButton {
    width: 200px;
}

/********************Maintenance-Sec-Start************************/
.Maintenance-sec {
    background: #fff;
    /*min-height: 500px;*/
}

#maintenanceTabs li, #maintenanceTabs li a {
    height: 51px;
    width: 150px;
}

/*ul#AddMaintUserValidation li {
    margin: 0 25px;
}*/

#dvUpdateMaintUser {
    display: none;
    width: 100%;
}

#dvAddMaintUser {
    display: inline-block;
    width: 100%;
}

.dvUpdateMaintUser-label {
    margin-right: 5px;
    float: left;
}

.maint-main-tab-content > .tab-pane {
    margin-left: 15px;
    margin-right: 15px;
}

    .maint-main-tab-content > .tab-pane > .tab-content {
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

#dvUpdateMaintUser .form-group .btn {
    width: 100%;
}

.k-multicheck-wrap .k-item {
    line-height: 0em !important;
}
/*********************Maintenance-sec-end********************/

/********************Contract-Sec-Start************************/
clearFilters-btn-box {
    text-align: left !important;
}

.ShopContractDetails-alert-danger {
    color: #a94442;
    background-color: #f2dede;
}

#NewContractModal left-panel-box {
    background: #ffffff;
}

.NewContract-local-id select {
    height: 30px;
    margin: 0 0 10px;
    width: 70%;
}

.NewContract-employer-id select {
    height: 30px;
    margin: 0 0 10px;
    width: 70%;
}

.NewContractDatePicker-box {
    padding: 5px 0px;
}

.NewContract-Modal {
    width: 75%;
}

#ContractWagesContent p {
    margin: 10px 0 5px;
}

.tab-content div.clearfix {
    margin: 0px 0px;
}

.filter-container .contractFilter label {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
    text-transform: capitalize;
}

.filter-container .contractFilter select {
    background: #fdfcfc none repeat scroll 0 0;
    font-size: 14px;
    border: 1px solid #dfdfde;
    border-radius: 3px;
    color: #000;
    height: 22px;
    padding: 0%;
    width: 100%;
    margin: 0px;
}


#ShopContractDetails-Container .filter-container .contractFilter select {
    height: 27px;
    font-size: 14px;
}

.filter-container .contractFilter button {
    width: 100%;
    margin-top: 20px;
}
/*.contract-select-box select {padding: 3px 0px; margin-top: 5px; color: #000; font-size: 12px; width: 100%; background-color: #fff; border: 1px solid #ccc; border-radius: 5px; height: 33px;}*/
.contract-check-box-container {
    float: right;
}

.contractFilters-label {
    width: 15%;
}

.add-contract-box {
    text-align: right;
    max-width: 1410px;
    margin: 0 auto;
    float: none;
    padding: 0 14px;
}

.Wages-datepicker > span:first-child {
    width: 100%;
}

div.Wages-datepicker .NewContractDatePicker {
    height: 21px;
}

.ContentEmployerDetails {
    text-align: right;
    color: white;
}

    .ContentEmployerDetails div.clearfix {
        margin: 3px 0px;
    }

#panelbar.wide {
    width: 80%;
}

#panelbar .EmployerContent {
    padding: 1em;
}

.visibleWhenWide {
    color: #f00;
    display: none;
}

.wide .visibleWhenWide {
    display: block;
}

.wide span.visibleWhenWide {
    display: inline;
}

.payment-column {
    margin: 10px 0;
}

.override-check {
    vertical-align: sub;
}

#gridPhone .k-grid-content, #gridRegion .k-grid-content {
    height: 112px;
}

.add-deposite-btn {
    margin: 10px 0 0;
    text-align: right;
}

.deposit-date-box {
    margin: 10px 0;
}

    .deposit-date-box label {
        display: block;
    }

.EditContract-Sec .nav > li.active > a, .Contract-Sec .nav > li.active > a {
}

.NewContract-header-field label {
    color: red;
}

.NewContract-header-label {
    color: black !important;
}

.NewContract-header-field select, .NewContract-header-field input[type*='text'] {
    height: 27px;
    margin: 0 0 10px;
    width: 100%;
}

.ShopContractDetails-Header-Fields div {
    margin-top: 10px;
}

.contracteditdatepicker div {
    margin-top: 10px;
}


/********************Contract-Sec-End************************/
.mt10px {
    margin-top: 10px;
}

.mt16px {
    margin-top: 16px;
}

.mt20px {
    margin-top: 20px;
}

.ml20px {
    margin-left: 20px;
}

.ml26px {
    margin-top: 26px;
}

.ml10px {
    margin-left: 10px;
}
.m-t-b-10 {
    margin-top:10px;
    margin-bottom:10px;
}
.NewContractDatePicker-box span.k-picker-wrap.k-state-default {
    width: 100%;
}

.contracteditdatepicker span.k-widget.k-datepicker.contral_box.k-input {
    padding: 0px;
    border: 0px;
    background: none;
}

#txtLocalPhone, #ddlFStatus, #txtAddLocalPhone, #txtAddLocalFax {
    width: 100%;
}

.localinfo_members_clearbtn {
    color: #000;
    font-weight: bold;
}

.localinfo_members label, .localinfo_members input {
    width: 100%;
}

.clear-local-filter {
    border-radius: 0;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    margin-top: 16px;
    padding: 0;
    width: 100%;
}

.addtransaction-row {
    padding: 4px 9px;
}

#ShopContractDetails-Container .k-animation-container, #ShopContractDetails-Container .k-widget, #ShopContractDetails-Container .k-widget *, #ShopContractDetails-Container.k-animation-container *,
#ShopContractDetails-Container .k-widget *::before, #ShopContractDetails-Container.k-animation-container *::after, #ShopContractDetails-Container.k-block .k-header,
#ShopContractDetails-Container.k-list-container {
    box-sizing: border-box;
}

.employerPhpnebox {
    width: 100% !important;
}

.accountingFilter {
    padding: 10px 0 0;
}

.local-select-box .btn-group {
    width: 100%;
}

    .local-select-box .btn-group button.multiselect.dropdown-toggle.btn.btn-default {
        width: 100%;
        background: #fdfcfc;
        border: #dfdfde solid 1px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        height: 22px;
        padding: 0px 0px 0px 5px;
        color: #000;
        box-shadow: none;
        margin-top: 0;
        font-size: 14px;
    }

        .local-select-box .btn-group button.multiselect.dropdown-toggle.btn.btn-default span.multiselect-selected-text {
            float: left;
            width: 100%;
            text-align: left;
        }

        .local-select-box .btn-group button.multiselect.dropdown-toggle.btn.btn-default b.caret {
            float: right;
            margin-right: 5px;
            margin-top: 8px;
            position: relative;
        }

    .local-select-box .btn-group ul.multiselect-container.dropdown-menu {
        width: 100%;
        max-height: 350px;
        overflow-y: scroll;
    }

    .local-select-box .btn-group ul li a label.checkbox {
        padding-left: 32px !important;
        font-size: 12px;
        font-weight: normal;
    }

        .local-select-box .btn-group ul li a label.checkbox input[type="checkbox"] {
            margin-left: -20px;
            margin-top: 2px;
        }

.local-select-box select {
    height: 20px;
}

.local-select-box .dropdown-menu > .active > a {
    background: #fff;
    color: #000;
}

.multiselect-container > li > a > label:hover {
    background: #3977d4;
    color: #fff;
}

.multiselect-all > a > label {
    font-weight: bold;
}

.local-select-box1 .btn-group button.multiselect.dropdown-toggle.btn.btn-default {
    background: #fff;
    border-radius: 0px;
    height: 28px;
    line-height: 6px;
    padding: 0 5px;
    width: 100%;
}

    .local-select-box1 .btn-group button.multiselect.dropdown-toggle.btn.btn-default span.multiselect-selected-text {
        float: left;
    }

    .local-select-box1 .btn-group button.multiselect.dropdown-toggle.btn.btn-default b.caret {
        float: right;
    }

.local-select-box1 .btn-group ul.multiselect-container.dropdown-menu {
    width: 100%;
    max-height: 210px;
    overflow-y: scroll;
}

.local-select-box1 .btn-group ul li a label.checkbox {
    padding-left: 32px !important;
}

    .local-select-box1 .btn-group ul li a label.checkbox input[type="checkbox"] {
        margin-left: -20px;
    }

.local-select-box1 select {
    height: 20px;
}

.local-select-box1 .dropdown-menu > .active > a {
    background: #fff;
    color: #000;
}

.k-picker-wrap .k-input {
    height: 19px;
}

.modal-content {
    height: auto;
    overflow: hidden;
}
#SelectInviteeModel .modal-content {
    overflow: visible;
}

/*.modal-dialog {
    height: auto;
    overflow: hidden;
}
.modal-content {    
    height: 90%;
}
.modal-body {
    max-height: calc(100% - 30px);
    overflow-x: hidden;
    overflow-y:auto;
}*/

.form-control.form-cnt {
    width: 100%;
}

.mgn-T-15 {
    margin-top: 15px;
}

.mgn-B-15 {
    margin-bottom: 15px;
}

.mgn-B-10 {
    margin-bottom: 10px;
}

/*********************emplyoer-sec-start********************/
.emplyoer-sec label {
    color: #fff;
    margin-bottom: 0;
}

.emplyoer-sec .form-control {
    height: 24px;
    line-height: 24px;
}

.walkins-date span {
    height: auto !important;
}

.emplyoer-sec h4, .emplyoer-sec p {
    color: #fff;
    font-size: 14px;
}
/*.total-amount-box {height: 330px; overflow: auto; background: #fff; border: 1px solid #ccc; padding: 0;}*/
.payment-container {
    margin-bottom: 20px;
}

.left-box, .right-box {
    width: 48%;
}

.choose-payment-box {
    height: 200px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 0;
}

#importCheckoffContent .mid-box {
    height: 289px;
    position: relative;
    width: 4%;
}

.mid-box {
    height: 200px;
    position: relative;
    width: 4%;
}

.arrow-icons {
    position: absolute;
    top: 50%;
}

.end-label {
    display: block;
}

.mgn-R-20 {
    margin-right: 20px;
}

.date-icon {
    width: 160px;
}

.mgn-L-10 {
    margin-left: 10px;
}

.menuButton {
    width: 200px;
}

/*===tabbing===secction*/
.tabbing-clor {
    background: #003964;
}

#menu-toggle-arrow .fa {
    color: #fff;
    font-size: 18px;
    margin-top: 10px;
    text-align: center;
    margin-left: 2px;
}

#AddNewWalkinWindow .alertvalidation ul, #AddNewWalkinWindow .alertvalidation ul {
    margin: 0px 0px 10px;
}

.k-select {
    background: #eee;
}

#MemberContent #btnClearFilters {
    margin-top: 24px;
}

#NewContractModel .tab-content {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.addnew-address-btn {
    width: 200px;
    margin: 5px;
    padding: 3px;
    background: #2BAF95;
    border: 0;
    color: #fff;
    border-radius: 2px;
}

.add-date-section .input-group-addon {
    padding: 4px 9px;
}

.edit-name label {
    padding: 3px 15px;
    border: 1px solid #ccc;
    font-weight: 100;
}

/* text yellow*/

input.yellow {
    background-color: yellow;
}

ul.verticalCol {
    -webkit-columns: 6 150px;
    -moz-columns: 6 150px;
    columns: 6 150px;
    -moz-column-fill: auto;
    column-fill: auto;
    height: 350px;
    overflow: hidden;
    overflow-y: auto;
}

    ul.verticalCol li {
        border: 1px solid #fff;
        
    }

        ul.verticalCol li a {
            padding: 8px 10px;
            width: 100%;
            background: #3977d4;
            color: #fff;
            overflow: hidden;
            white-space: pre-line;
            text-decoration: none;
            text-transform: uppercase;
            font-size: 1.2em;
        }

ul#FringeChildsSubTabs li a.primaryColor {
    margin-bottom:3px;
}
ul#UploadsDynamicButton li a.primaryColor {
    margin-bottom:3px;
}
ul#FringeExportChildsSubTabs li a.primaryColor {
    margin-bottom:3px;
}
            ul.verticalCol li a:hover {
                border: 1px solid #3977d4;
                background: #fff;
                color: #3977d4;
            }

.td-Btm-gap {
    padding-bottom: 4px;
}

#memberFilter {
}


    #memberFilter input[type="text"], #memberFilter input[type="password"] {
        max-width: 100%;
    }

.Over_grievance_H {
    overflow: hidden;
}
.incre-wid{width:33.3%;}


#txtWebsite {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    background-color: white;
    background-color: -moz-field;
    border: 1px solid darkgray;
    box-shadow: 1px 1px 1px 0 lightgray inset;  
    font: -moz-field;
    font: -webkit-small-control;
    margin-top: 0px;
    padding: 2px 3px;
    width: 300px;
    height:27px;    
}


/* #Media Queries
================================================== */
@media (min-width: 992px) {
    .prizm-logo img {
        width: 100%;
        height: 100%;
    }

    .k-link.k-pager-nav {
        margin-left: 7px;
    }

    .modal-lg {
        width: 1000px;
    }

    .modal-exlg {
        width: 1400px;
    }

    #gridAddBankReceipt .k-grid-content {
        height: 200px;
    }

    #AddNewBankDepositWindow .modal-dialog.modal-lg {
        width: 1000px;
    }

    #AddNewWalkinWindow .modal-dialog.modal-lg {
        width: 1205px;
    }

    ul.verticalCol {
        -webkit-columns: 6 150px;
        -moz-columns: 6 150px;
        columns: 6 150px;
        -moz-column-fill: auto;
        column-fill: auto;
    }
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 1024px) {
    .top-menu ul li a {
        color: #fff;
        font-size: 13px;
    }
     #gridPhone input[type="button"],#gridRegion input[type="button"]{
   padding:3px 5px;
    font-size: 15px;
         }
}
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
    .top-menu ul li a {
        color: #fff;
        font-size: 16px;
    }

    .form-group-cnt label {
        top: 0px;
        font-weight: bold;
        text-align: left;
    }

    .select-style {
        height: 37px;
        margin: 0 0 10px;
    }

    .form-group-cnt {
        margin-bottom: 10px;
    }

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

    .form-control {
        margin-bottom: 10px;
    }

    .checkbox {
        margin-bottom: 20px;
        margin-left: 0px;
    }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    .nav-tabs > li {
        width: 50%;
    }

    .nav > li > a {
        width: 100%;
    }

    .k-pager-numbers .k-current-page {
        margin-left: 7px !important;
    }

    .refresh-btn {
        margin: 5px 0;
    }

    .active-employer {
        margin-left: 14px;
    }

    .check-box-margin {
        padding: 0 13px;
    }

    label.surety-date {
        float: none;
        width: auto;
    }

    .surety-sign-form {
        float: none;
    }

    .show-employer-box {
        padding: 0 29px;
    }

    .col-sm-6.registration-box {
        width: 100%;
    }

    .nav-text-right {
        text-align: left;
        right: -13px;
        margin: 5px 0 0;
    }

    .local-select-box select {
        width: 100%;
    }

    .check-box-container {
        text-align: left;
        padding: 0 0 0;
    }

    .local-select-box input[type="checkbox"] {
        margin: 0px;
    }

    .option-box {
        max-width: 100%;
        float: none;
    }

    .bucket-member-box ul li {
        display: block !important;
    }

    .local-status-box label {
        width: 50%;
    }

    .local-status-box select {
        width: 100%;
        float: none;
    }

    .local-filter-memberid-box {
        padding: 5px 0;
    }

    .member-id-box label {
        width: 100%;
    }

    .member-id-box input[type="text"] {
        width: 100%;
        float: none;
    }

    .choose-member-form-popup input[type="text"] {
        width: 100%;
    }

    .skill-certification-gap {
        margin: 0 0 10px;
    }

    .member-tab-container {
        text-align: left;
        padding: 0;
    }

    label.member-tab-gap {
        display: block;
        padding: 0 30px;
    }

    label.new-employer-tab-gap {
        display: block;
    }

    .status-type-footer {
        text-align: left;
    }

        .status-type-footer input {
            margin: 5px 0;
        }

    .NewContractDatePicker-box span.k-widget.k-datepicker.NewContractDatePicker.contral_box {
        width: 90%;
    }

    .addnewcontract-field span.k-widget.k-datepicker.NewContractDatePicker.contral_box {
        width: 100%;
    }

    ul.verticalCol {
        -webkit-columns: 4 150px;
        -moz-columns: 4 150px;
        columns: 4 150px;
        -moz-column-fill: auto;
        column-fill: auto;
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    .contractFilter #btnClearFilters {
        margin-top: 10px;
    }

    .filter-container .contractFilter button {
        margin-top: 0;
    }

    #MemberContent #btnClearFilters {
        margin-top: 10px;
    }

    .union-logo img {
        margin-top: 10px;
        width: 100%;
    }

    #btnNewWalkinChooseMember {
        margin-bottom: 10px;
    }

    .mid-box {
        height: 20px;
        margin-bottom: 20px;
    }

    .left-box, .right-box {
        width: 100%;
    }

    #BankReceipt-Content .k-widget.k-datepicker {
        margin-bottom: 10px;
    }

    #adjustments-content .adjustmentamt {
        margin-bottom: 10px;
    }

    #dvSkillList, #dvCertificatesList {
        margin-bottom: 10px;
    }

    #txtNewWalkinNotes1, #txtNewWalkinNotes2, #txtNewWalkinNotes3, #txtNewWalkinNotes4, #txtNewWalkinNotes5 {
        margin-top: 10px;
    }

    #dvSkillList, #dvCertificatesList {
        margin-bottom: 10px;
    }

    .employerstab-filter .inner-section-filter {
        margin-bottom: 10px;
    }

    .section-filter-button {
        width: 100%;
    }

    .member-filter .section-filter-button button {
        float: left;
        width: 98%;
    }

    .section-filter-button #btnClearFilters {
        margin-left: 5px;
    }

    /*.navigation-panel {
        background: #fff !important;
    }*/

    #ContactsContent .modal-body .form-group, #JobsContent .modal-body .form-group, #exampleModal1 .modal-body .form-group {
        margin: 0;
    }

    #NewMemberModel .modal-body .form-group {
        margin-bottom: 0;
        margin-top: 0;
    }

    .member-filter .section-filter div:first-child {
        margin-top: 5px;
    }

    .toggle-nav-arrow {
        display: block;
        top: 50%;
    }

    .switchtop, .switchtotopleft, .switchleft, #topMenuLayout {
        display: none !important;
    }

    employerprizmid {
        margin-top: 0px;
    }

    .footer {
        width: 97%;
    }

    #wrapper {
        padding-top: 72px;
    }

    .employers-filter .inner-section-filter {
        width: 100%;
    }

    .employers-filter {
        float: left;
        width: 100%;
    }

    .member-filter .section-filter:nth-child(2n) {
        margin-right: 0px;
    }

    .register-container-snd {
        margin: 0;
        position: relative;
    }

    .modal-dialog-wth {
        margin: 30px auto;
        width: 300px !important;
    }

    .register-footer {
        bottom: 0;
        height: 72px;
        position: relative;
        width: 100%;
    }

    .logo-left {
        float: right;
    }

    .union-logo {
        float: left;
    }

    .sidemenu {
        margin-top: 0px;
    }

    #btnSearchFilters {
        margin-right: 5px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 27%;
    }

    #wrapper.toggled {
        padding-left: 27%;
    }

    .prizm-logo {
        position: relative;
        bottom: 72px;
    }

    ul.sidebar-nav {
        height: 435px;
    }

    .login-footer {
        position: relative;
    }

    .login-container {
        margin: 4px 0 0 0;
        position: relative;
    }

    #loginModal .modal-dialog {
        top: 0px;
    }

    .membersummary-content {
    }

    /*.logo-left {
        width: 73%;
    }*/

    /*.union-logo {
        width: 27%;
    }*/

    .switchformobile {
        display: block;
    }

    .membersub-searchbtn {
        margin-top: 10px;
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media screen and (min-width: 768px) and (max-width: 991px) {

    #utilitiesTabs .tab-box1 {
        padding: 16px 5px;
    }

    #restoreUnregisterdMembersContent #btnSubmitRestore, #suspendMembersContent #btnSubmitSuspend, #suspendMembersContent #btnCancelSuspend {
        margin-top: 20px;
    }

    #removeUnregisteredMemberContent label, #restoreUnregisterdMembersContent label, #suspendMembersContent label {
        margin-top: 10px;
    }

    #ChooseMemberModel .form-group div {
        margin-bottom: 0;
    }

    .wrapper-container.toggled .footer {
        width: 98%;
    }

    .ShopContractDetails-Header-Fields div {
        margin-top: 10px;
    }

    .contracteditdatepicker .contractFilter {
        margin-top: 10px;
    }

    .contractFilter #btnClearFilters {
        margin-top: 10px;
    }

    .filter-container .contractFilter button {
        margin-top: 0;
    }

    #MemberContent #btnClearFilters {
        margin-top: 10px;
    }

    #dvSkillList, #dvCertificatesList {
        margin-bottom: 10px;
    }

    .employerstab-filter .inner-section-filter {
        margin-bottom: 10px;
    }

    .section-filter-button #btnClearFilters {
        margin-left: 5px;
    }

    .member-filter .section-filter-button button {
        width: 98%;
        float: left;
    }

    /*.navigation-panel {
        background: #fff !important;
    }*/

    .toggle-nav-arrow {
        display: block;
        top: 364px;
    }

    .prizm-logo {
        bottom: 96px;
    }

    .contracteditdatepicker div {
        margin-top: 0px;
    }

    #LocalInformationTabs > li > a {
        height: 68px;
        padding: 14px 5px;
    }

        #LocalInformationTabs > li > a:hover {
            padding: 12px 5px;
        }

    #LocalInformationTabs > li.active > a:hover {
        padding: 14px 5px;
    }

    #LocalInformationTabs > li > a.tab-box:hover {
        padding: 24px 5px;
    }

    #LocalInformationTabs > li > a.tab-box {
        padding: 26px 5px;
    }

    .switchtotopleft, .switchtop, .switchleft {
        display: none !important;
    }

    .switchformobile {
        display: block;
    }

    .left-box, .right-box {
        width: 100%;
    }

    .mid-box {
        height: 67px;
    }

    .importcheckoff-btn {
        margin-top: 20px;
        float: right;
    }

    #AccountingTabs > li {
        width: 133px;
    }

    .membersub-searchbtn {
        margin-top: 10px;
    }

    .status-type-footer {
        margin: 0 0 5px;
    }

    #utilitiesTabs {
        height: 70px;
    }

        #utilitiesTabs li, #utilitiesTabs li a {
            height: 70px;
            width: 112px;
        }

    .footer {
        width: 73.5%;
    }

    .top-menu {
        display: none !important;
    }

    .wrapper-container.toggled .footer {
        width: 98%;
    }

    .contracteditdatepicker div {
        margin-top: 0px;
    }

    .content-hiring-container .select-box-wdt {
        margin-bottom: 0px;
    }

    #ContractTabs > li > a.tab-box1 {
        padding-top: 12px;
    }

    #ContractTabs > li > a.tab-box {
        padding: 23px 5px;
    }

    #ContractTabs > li > a {
        height: 65px;
    }

    .union-logo {
        width: 22%;
    }

        .union-logo img {
            margin-top: 0px;
        }

    /*.logo-left {
        width: 76%;
    }*/

    #wrapper {
        padding-left: 24%;
    }

    #sidebar-wrapper {
        width: 24%;
        left: 28%;
        margin-left: -28%;
    }

    .k-link.k-pager-nav {
        margin-left: 7px;
    }

    .local-id-box-left input {
        margin: 0 5px 0 0;
    }

    .refresh-btn {
        margin: 5px 0;
    }

    .navbar-nav > li > a {
        padding: 5px 6px;
    }

    .footer-btn button.save-btn {
        margin: 5px 0;
    }

    .navbar-nav > li {
        border-right: none;
    }

    .label-heading-box {
    }

        .label-heading-box span {
        }

    .option-box {
        max-width: 100%;
        float: none;
    }

    .form-horizontal .control-label {
        margin-bottom: 5px;
    }

    .col-md-6.active-employer-area {
        padding: 0 30px;
    }

    .active-employer {
        width: 28%;
        margin: 0;
    }

    label.surety-date {
        width: 25.5%;
    }

    .input-group-box {
        padding-top: 10px;
    }

    .select-style-box {
        width: 100%;
    }

    .member-rate-select {
        padding: 10px 0 0 0;
    }

    .member-select {
        padding: 10px 0 0 0;
    }

    .phn-fax-box {
        width: 100%;
    }

    .local-select-box select {
        width: 58%;
        min-width: 50%;
    }

    .local-select-box label {
        width: 27%;
    }

    .local-status-box select {
        width: 65%;
    }

    .member-id-box input[type="text"] {
        width: 100%;
        float: none;
    }

    .member-id-box label {
        width: 100%;
        font-size: 12px;
    }

    .membersummary-content {
    }

    .nav > li {
        margin: 0px;
    }

    .employers-filter .inner-section-filter {
        width: 47%;
    }

    .employerstab-filter .inner-section-filter {
    }

    .modal-dialog-wth {
        width: 600px !important;
    }

    .employerprizmid {
        margin-top: 0px;
    }
    /* 12 sep */

}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .navbar-nav > li > a {
        padding: 5px 10px;
    }

    .member-id-box input[type="text"] {
        width: 25%;
    }

    .member-id-box label {
        font-size: 11px;
    }

    .employers-filter .inner-section-filter {
        width: 31%;
    }

    #sidebar-wrapper {
        width: 15%;
    }

    #wrapper {
        padding-left: 15%;
    }

    .union-logo {
        width: 15%;
    }



    .footer {
        width: 84%;
    }
}

@media screen and (max-width: 500px) {
    .left-panel-box {
        width: 100%;
        margin: 0px 0 5px;
    }

    .local-id-box-right {
        width: 100%;
        margin: 0px 0 5px;
        text-align: left;
    }

    .refresh-btn {
        text-align: left;
        padding: 0;
    }

    .label-heading-box {
        padding: 0;
    }

    ul.verticalCol {
        -webkit-columns: 3 150px;
        -moz-columns: 3 150px;
        columns: 3 150px;
        -moz-column-fill: auto;
        column-fill: auto;
    }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

    .contractFilter #btnClearFilters {
        margin-top: 10px;
    }

    .filter-container .contractFilter button {
        margin-top: 0;
    }

    #MemberContent #btnClearFilters {
        margin-top: 10px;
    }

    #btnNewWalkinChooseMember {
        margin-bottom: 10px;
    }

    #txtNewWalkinNotes1, #txtNewWalkinNotes2, #txtNewWalkinNotes3, #txtNewWalkinNotes4, #txtNewWalkinNotes5 {
        margin-top: 10px;
    }

    .mid-box {
        height: 35px;
        margin-bottom: 20px;
    }

    .left-box, .right-box {
        width: 100%;
    }

    #BankReceipt-Content .k-widget.k-datepicker {
        margin-bottom: 10px;
    }

    #adjustments-content .adjustmentamt {
        margin-bottom: 10px;
    }

    #dvSkillList, #dvCertificatesList {
        margin-bottom: 10px;
    }

    /*.navigation-panel {
        background: #fff !important;
    }*/

    #removeUnregisteredMemberContent label, #restoreUnregisterdMembersContent label, #suspendMembersContent label {
        margin-top: 10px;
    }

    #ContactsContent .modal-body .form-group, #JobsContent .modal-body .form-group /*, #exampleModal1 .modal-body .form-group, #NewMemberModel .modal-body .form-group*/ {
        margin: 0;
    }

    .toggle-nav-arrow {
        display: block;
        top: 271px;
    }

    .generate-checkoff-btn-box {
        padding: 0px 15px;
    }

        .generate-checkoff-btn-box .btn {
            margin-top: 10px;
        }

    .member-filter .section-filter div:first-child {
        margin-top: 10px;
    }

    .membersub-searchbtn {
        margin-top: 10px;
    }

    .login-prizmlogo {
        float: left;
        width: 150px;
        height: 72px;
        bottom: 72px;
    }

    .employerprizmid {
        margin-top: 0px;
    }

    #ContractTabs > li:last-child > a {
        border-bottom: 0 none;
    }

    #utilitiesTabs > li > a.tab-box1:hover, #utilitiesTabs > li > a.tab-box2:hover {
        padding: 14px 5px;
    }

    #utilitiesTabs > li > a.tab-box1, #utilitiesTabs > li > a.tab-box2 {
        padding: 16px 5px;
    }

    #LocalInformationTabs > li:last-child > a, #AccountingTabs > li:last-child > a, #utilitiesTabs > li:last-child > a {
        border-right: 0px;
        border-bottom: 0px;
    }


    .switchtop {
        display: none !important;
    }

    .switchleft {
        display: none !important;
    }

    .switchformobile {
        display: block !important;
    }

    .switchtotopleft {
        display: none !important;
    }

    .footer {
        width: 94%;
    }

    #utilitiesTabs li a {
        height: 68px;
        width: 100%;
    }

    .section-panel li {
        padding: 0 8px;
    }

    .modal-dialog {
        margin: 30px auto;
        width: 300px;
    }

    .modal-dialog-wth {
        margin: 30px auto;
        width: 300px !important;
    }

    .form-group-cnt {
        margin-bottom: 10px;
    }

        .form-group-cnt label {
            margin-bottom: 20px;
            top: 9px;
            font-weight: bold;
            text-align: left;
        }

    #input-wrap {
        margin-left: 40%;
    }

    .form-control {
        margin-bottom: 10px;
    }

    .select-style {
        height: 37px;
        margin: 0 0 10px;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .form-group-cnt {
        margin-bottom: 0px !important;
    }

    .btn-new {
        margin-left: 0px;
        width: 100% !important;
    }

    .checkbox {
        margin-bottom: 20px;
        margin-left: 0px;
    }

    .form-group-cnt.form-group-cnt-popup label, .form-group-cnt-popup .form-group {
        margin-bottom: 0px;
    }

    .left-panel-box {
        width: 100%;
    }

    .local-id-box-right {
        width: 100%;
    }

    .local-id-box-left p {
        float: right;
    }

    .container-active-member-box {
        padding: 0px;
        margin: 0px 0px;
    }

        .container-active-member-box label {
            display: none;
        }

    .filter-btn-box {
        margin-top: 10px;
    }

    .employer-details-footer-btn .btn.btn-primary {
        font-size: 12px;
        padding: 3px;
    }

    .employer-details-footer-btn button {
        font-size: 13px;
        padding: 7px;
    }

    .employer-details-footer-btn {
        float: left;
    }

    .member-tab-btn-gap .btn:nth-child(4), .member-tab-btn-gap .btn:nth-child(3) {
        margin-top: 10px;
    }

    .accountingfooterbtn .btn.btn-primary {
        font-size: 12px;
        padding: 5px;
    }

    /**************new Design Css************/
    .top-menu {
        display: none !important;
    }
    /*.modal-dialog {top: 54px;}*/
    #loginModal .modal-dialog {
        width: 299px;
        margin: 8px auto;
        top: 0;
    }

    .union-logo {
        width: 30%;
        float: left;
    }

        .union-logo img {
            margin-top: 18px;
            min-width: 90px;
        }

    .logo-left {
        /*width: 70%;*/
        float: right;
    }

    .k-current-page {
        margin-left: 7px;
    }

    .loginM .modal-header {
        padding: 0px 15px;
    }

    .login-container {
        margin: 74px 0 0;
    }

    .register-container-snd {
        margin: 0px 0 0;
        position: relative;
    }

    .register-footer {
        bottom: 0;
        position: relative;
        height: 72px;
        width: 100%;
    }

        .register-footer .login-prizmlogo img {
            height: 65px;
        }

    .member-filter .section-filter {
        width: 100%;
    }

    .member-filter .section-filter-button {
        width: 100%;
    }

        .member-filter .section-filter-button button {
            width: 92%;
            float: left;
        }

    .section-filter-button #btnClearFilters {
        margin-left: 11px;
    }

    .sidemenu {
        margin-top: 73px;
    }

    .prizm-logo {
        float: left;
        bottom: 88px;
    }

    .sidebar-nav li a {
        padding: 12px;
    }

    #ContractTabs > li > a {
        width: 100%;
    }

    .nav-tabs > li > a {
        width: 100%;
        border-bottom: 2px solid #fff;
    }

    .sidebar-nav li a {
        width: 100%;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 160px;
    }

    #wrapper.toggled {
        padding-left: 160px;
    }

    #switchtotop {
        display: none;
    }

    .sidebar-nav {
        position: relative;
    }

    .top-menu {
        display: none;
    }
    /*#addmemberpopup .modal-dialog {top: 140px;}*/

    /*********employers filter*****/
    .employers-filter .inner-section-filter {
        width: 100%;
    }

    .employers-filter {
        float: left;
        width: 100%;
    }

    .employerstab-filter .inner-section-filter {
        width: 100%;
        margin-bottom: 10px;
    }

    .topmar10 {
        margin-top: 10px;
    }

    ul.verticalCol {
        -webkit-columns: 2 150px;
        -moz-columns: 2 150px;
        columns: 2 150px;
        -moz-column-fill: auto;
        column-fill: auto;
    }
}

@media (min-width: 768px) {
    /*#grid .k-grid-content{height:200px;}*/
}


@media only screen and (min-width: 1360px) and (max-width: 1366px), screen (min-height: 767px) and (max-height: 768px) {
    .union-logo img {
        margin-top: 10px;
    }
    /*#localMembership-container .k-grid-content {height:333px;}*/

    /*#grid .k-grid-content{min-height:100%; height:auto; *height:200px;}*/


    /*.local-info-tab #LocalDocumentsGrid {
        min-height: 341px;
    }*/

    /*.local-info-tab #LocalDocumentsGrid .k-grid-content {
        height: 257px;
    }*/

    /*#ShopContractDetails-Container #LocalDocumentsGrid {
        height: 209px;
    }*/

    .grid-employee-shop-box .k-grid-content {
        height: 242px;
    }


    #gridWalkins .k-grid-content {
        height: 248px;
    }

    /*#gridBankReceiptList .k-grid-content {
        height: 248px;
    }*/

    /*#gridImportChoosePayments, #gridImportTotalAmount {
        height: 255px;
    }

        #gridImportChoosePayments .k-grid-content, #gridImportTotalAmount .k-grid-content {
            height: 225px !important;
        }*/

    #topGenerateGrid {
    }

    /*#gridGenerateChoosePayments, #gridGenerateTotalAmount {
        height: 170px;
    }

        #gridGenerateChoosePayments .k-grid-content, #gridGenerateTotalAmount .k-grid-content {
            height: 139px;
        }*/

    #MaintBankAccountGrid .k-grid-content {
        height: 254px;
    }
}

.contral_box {
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}

.ovelay {
    background-color: black;
    opacity: 0.7;
    position: absolute;
    height: 100%;
    z-index: 9999999;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.lodingimage {
    position: absolute;
    width: 40%;
    height: 70%;
    left: 50%;
    top: 30%;
    color: white;
}
/*.form-control {border-radius: 0px !important;}*/
.readonlyTextArea {
    background-color: #EEE;
    color: #666;
    cursor: pointer;
}

.alert-danger {
    background-color: transparent !important;
    border: none !important;
}

.alert-success {
    background-color: transparent !important;
    border: none !important;
}
/*.form-group {margin-bottom: 8px !important;}*/
.form-cust .control-label {
    text-align: right;
}

.tableWhite {
    background-color: #fff;
}

.tablescrool {
    height: 150px;
    max-height: 150px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 15px;
}

.h-error {
    border-color: #a94442 !important;
}

.d-btn-width {
    width: 100%;
}

.active-cclass {
    text-decoration: none;
    color: #3977d4 !important;
    background: #fff;
}

.sidebar-nav li.active-cclass a {
    color: #3977d4;
}

/*----------Login Custome --------------*/
.login-cust {
    font-size: 20px;
    text-align: left;
    padding-left: 17px;
}

.login-m-header {
    padding: 0 5px;
}

.input-lg-cust {
    height: 30px;
    font-size: 13px;
}

.label-padd {
    padding: 10px !important;
}

.bluetxt, bluetxt a {
    color: #53AFFF;
}

.footer-cust {
    padding: 0px;
}

.position_form {
    padding: 10px 0;
    position: relative;
    z-index: 9;
    float: left;
}

.align-right {
    text-align: right;
}

.no-padding {
    padding: 0;
}

.padding-l0 {
    padding-left: 0;
}

.padding-r0 {
    padding-right: 0;
}

.padding-lr0 {
    padding-right: 0;
    padding-left: 0;
}

.margin-104 {
    margin-bottom: 83px;
}

.padd20 {
    padding-top: 20px;
}

.cheeckbox li {
    list-style-type: none;
    display: inline-block;
    margin-right: 10px;
}

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

    .cheeckbox input[type="checkbox"] {
        padding-top: 10px;
    }

.border-all-side {
    border: 1px solid #ccc;
    padding: 11px;
    margin: 0px 5px 10px 5px;
}

.checkbox-align {
    height: 10px;
}

.disable-link {
    pointer-events: none;
    cursor: default;
    color: gray;
}

.disable-deleteCheckoff {
    display: none;
}

.mandatory-field {
    color: red !important;
}

.checkbox-ontainer {
    max-height: 200px;
    overflow: auto;
}
/* CSS for Hiring Hall */
/*for First Design */
.clear-filter-butns {
    margin: 10px 0 0;
}

.add-jobs-btn-margin {
    margin: 0 5px 0 25px;
}

.grid-box-design {
    /*height: 300px;*/
    background: #fff;
    margin: 10px 0;
}

.listing-checkbox ul {
    margin: 0;
    padding: 16px 0 0 0;
}

    .listing-checkbox ul li {
        list-style: none;
        float: none;
        width: 100%;
        line-height: 18px;
        color: #000;
    }

        .listing-checkbox ul li > input[type="checkbox"] {
            float: none;
        }

.content-hiring-container .row-filter-container-cnt {
    top: 0;
}

.content-hiring-container .select-box-wdt {
    width: 100%;
}

.list-job-skills { /*width: 262px;*/
    height: 80px;
    background-color: #fff;
    padding: 3px;
    overflow-y: scroll;
    overflow-x: scroll;
    border: 1px solid #ccc;
}

    .list-job-skills ul {
        margin: 0px;
        padding: 0px 0px 0px 12px;
        margin-left: 4px;
    }

#dvContactHistory {
    margin-left: 0px;
    margin-right: 0px;
}

.tab-info-frm {
    background-color: #fff;
    padding: 10px 0;
}

.tab-info-tab { /*background-color:#212155;*/
    border-bottom: 0;
}

/*===tabbing===secction*/
.tabbing-clor {
    background: #003964;
}

.tab-info-tab li {
    margin: 0;
    padding: 0;
    border-width: 0;
}

    .tab-info-tab li a { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,d1d6db+100 */
        background: #fefefe; /* Old browsers */
        background: -moz-linear-gradient(top, #fefefe 0%, #d1d6db 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#d1d6db)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #fefefe 0%,#d1d6db 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #fefefe 0%,#d1d6db 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #fefefe 0%,#d1d6db 100%); /* IE10+ */
        background: linear-gradient(to bottom, #fefefe 0%,#d1d6db 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d1d6db',GradientType=0 ); /* IE6-9 */
        border: 0;
        color: #000;
        border-width: 0;
    }

.tab-info-tab > li.active a {
    background-image: none;
}

.tab-info-tab > li.active > a, .tab-info-tab > li.active > a:hover, .tab-info-tab > li.active > a:focus {
    border-width: 0;
}

.transaction-type-box {
    margin-bottom: 5px;
}

.print-member-card-box input[type="checkbox"] {
    vertical-align: sub;
}

.pd-top-10 {
    padding-top: 10px;
}

.tab-info-heading-txt {
    font-weight: bolder;
}

.add-local-popup-box { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f6f7+0,e2e5e8+100 */
    background: #f4f6f7; /* Old browsers */
    background: -moz-linear-gradient(top, #f4f6f7 0%, #e2e5e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f6f7), color-stop(100%,#e2e5e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f4f6f7 0%,#e2e5e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f4f6f7 0%,#e2e5e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f4f6f7 0%,#e2e5e8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f4f6f7 0%,#e2e5e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f6f7', endColorstr='#e2e5e8',GradientType=0 ); /* IE6-9 */
    padding: 10px;
}

.clr-both {
    clear: both;
}

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

#skill-certification-content .container {
    width: 100%;
}

.pd-remove {
    padding: 0;
}

.popup-content-scrollbar {
    overflow-y: auto;
    overflow-x: hidden;
    height: 500px;
    padding-bottom: 20px;
}

.r-space {
    margin-right: 15px;
}

.contentDetail-top table tr td {
    vertical-align: top;
}

.bucket-member-box {
}

    .bucket-member-box ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .bucket-member-box ul li {
            display: inline-block;
        }

.margin {
    margin: 10px 0;
}

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

.form-horizontal .control-label-box {
    padding-top: 0px;
    font-weight: bold;
    vertical-align: top;
}

.Choose-Member-popup {
    z-index: 1041;
}
.add-Member-popup {
    z-index: 1060;
}

/*For Import config*/
.well .form-control {
    height: 34px;
    padding: 6px 12px;
}

.well .input-group .input-group-addon {
    padding: 6px 12px;
    font-size: 18px;
    font-weight: bold;
}
/*For End Import config*/
.btn-bottom {
    position: fixed;
    z-index: 99;
    bottom: 10px;
    right: 27px;
}

.k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input {
    height: 1.5em !important;
}

/*.k-input {
    height:0em !important;
    padding:0px !important;
    
}*/
#gridBankReceiptList [data-title=Amount] {
    text-align: right;
}
/*.theadCustom {
    padding-right:17px !important;
    width:98.6%;
}*/
.grid-border-none {
    border-right: none !important;
}

.theadCustom {
    width: calc(100% - 17px);
}

.right-lbl {
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
}

.non-mandatory-field {
    color: black;
}


.lbl-cus {
    margin-top: 10px!important;
}

#panelbar span.k-state-selected {
    color: #000;
    background-color: #ccc !important;
}

#gridWalkins th[data-title=Amount] {
    text-align: right;
}

#gridImportChoosePayments th[data-title=Amount], #gridGenerateChoosePayments th[data-title=Amount], #gridGenerateTotalAmount th[data-title=Amount], #gridGenerateTotalAmount th[data-title="Write off"], #gridImportTotalAmount th[data-title="Write off"], #duesRateGrid th[data-title="Current<br></th>Amount"] {
    text-align: right;
}

#gridImportTotalAmount th[data-title=Amount], #topGenerateGrid th[data-title=Dues], #topGenerateGrid th[data-title="Suppl Dues"], #topGenerateGrid th[data-title="Bank Fees"] {
    text-align: right;
}

    #gridImportTotalAmount th[data-title=Amount] a, #topGenerateGrid th[data-title=Dues] a, #topGenerateGrid th[data-title="Suppl Dues"] a, #topGenerateGrid th[data-title="Bank Fees"] a, #gridGenerateTotalAmount th[data-title=Amount] a, #gridGenerateTotalAmount th[data-title="Write off"] a, #gridImportTotalAmount th[data-title="Write off"] a {
        margin-left: 0px;
    }

.local-info-tab #MemberContent #dvFilters .btn-group {
    margin-left: 5px;
}

.local-info-tab #MemberContent #dvFilters div.btn-group button.multiselect {
    height: 27px;
}

#validationAddBucketTransaction {
    padding-left: 20px;
}

#gridBargainingUnit .k-grid-content {
    height: 75px;
}

#duesRateGrid .k-grid-header th.k-header {
    vertical-align: top;
}

#contactResponseGrid .k-grid-header th.k-header {
    vertical-align: top;
}

#gridModifyCertification .k-grid-header-wrap, #gridModifySkill .k-grid-header-wrap {
    width: calc(100% - 17px);
}

.label-bold {
    font-weight: bold;
    font-size: 14px;
}

.required-c {
    color: red;
}

.mt30px {
    margin-top: 30px;
}
/*--- Start 27-5-16---*/
.mar-rem {
    margin-top: 19px !important;
}

.mart10 {
    margin-top: 10px;
}
/*--- End 27-5-16---*/

.marb10 {
    margin-bottom: 10px;
}

/*#member-tabs-content {
    height: 246px;
}*/


/**Start Dropdowon Menu Filter 23/05/16 **/

.k-filter-menu.k-popup.k-group.k-reset.k-state-border-up {
    max-height: 326px;
    overflow-y: auto;
    overflow-x: hidden;
}

/**End Dropdowon Menu Filter 23/05/16 **/

.pos-relative {
    position: relative;
}

.pos-btn-right {
    position: absolute;
    right: 10px;
    top: 0px;
    padding: 4px 5px 2px 10px;
}
a.btn.toggleSign{
    padding: 4px 10px 2px 10px;
}


.scrolldiv, .scrollWalkin, .scrolldivAddJob,.scrolldivVenue {
    width: 100%;
    height: auto;
    /*max-height: 324px;*/
    overflow: hidden;
    overflow-y: auto;
    clear: both;
}
.scrolldivVenue {
    width: 100%;
    height: auto;
    max-height: 430px;
    overflow: hidden;
    overflow-y: auto;
    clear: both;
}

.shopContractsPopup {
    width: 100%;
    height: auto;
    /*max-height: 324px;*/
    overflow: hidden;
    overflow-y: auto;
    clear: both;
}

.scrollWalkin {
    max-height: 360px;
    margin-bottom: 10px;
}

/*.content-tabing {
    background-color: #fff;
    height: 143px;
    overflow: hidden;
    overflow: auto;
}*/

.tab-width {
    width: 60px;
}

.tabing-padding {
    padding: 0px;
}

#AddNewMemberGridPopup .k-grid-content {
    height: 280px;
}

/*#AddUnionContactGrievanceGridPopup .k-grid-content {
    height: 250px;
}*/

/*.cont-height {
    height: 200px;
}*/

/*.cont-graviant-height {
    height: 420px;
}*/

.pop-greenbtn {
    position: relative;
    left: 129px;
    padding: 3px 33px;
}

@media only screen and (max-width: 1366px) {
    .tab-info-frm {
        background-color: #fff;
        padding: 10px 10px;
    }
    #gridPhone input[type="button"],#gridRegion input[type="button"]{
   padding:3px;
    font-size: 12px;
         }
}

.massUpdatePadd {
    padding-bottom: 15px;
}

.wordwrapgrid {
    white-space: pre-line !important;
}

.gridbox1 {
    /*height: 120px;*/
    overflow: auto;
}

#divJobSiteDetailsContent {
    height: auto;
    overflow: auto;
}

.members-tab-section {
    position: relative;
}

.btn-grievance {
    position: absolute;
    bottom: 10px;
    right: 20px;
}

 .btn-grievance1 {
    position: absolute;
    bottom: -23px;
    right: 14px;
}


#divEmpMembersAboveGridlbl i.fa-refresh {
    width: 7%;
}

#divEmpMembersAboveGridlbl .inner-section-filter button {
    margin: 0;
    float: left;
    padding: 0;
}


.wid-100 {
    width: 100%;
}
/*#divJobSiteDetailsContent {
    height: auto;
    min-height: 360px;
}*/
/*#addresssubcontentJobSite .gridbox1 {
    height: 145px;
}*/

.over-flow-ht {
    max-height: 495px;
    overflow: auto;
}

#jobsiteCommentGrid .k-grid-content {
    height: 198px;
}

#ddlEmployerId {
}

.k-autocomplete.k-state-default, .k-picker-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-dropdown-wrap.k-state-default {
    background-color: #fff !important;
}

.k-animation-container div {
    background: #fff;
    font-weight: normal;
}

select.ht26 {
    height: 26px !important;
}

.employers-filter .form-inline {
    margin: 0px;
}

textarea {
    resize: none;
}

.htcontrol {
    height: 45px !important;
}

/*css for Job skills and certifications popup*/
.jobSkillsBtnposition {
    /*position: absolute;*/
    bottom: 5px;
    right: 15px;
}

button.btn.red-btn.btnposclose {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.paddingForJobSkills {
    padding-top: 26px 0 !important;
}
/* 14 SEp */
.employers-filter .btn-inner-section {
    width: 12%;
    padding-top: 5px;
}

    .employers-filter .btn-inner-section button {
        padding: 6px;
    }

.k-autocomplete .k-input {
    display: block;
    font-weight: normal;
    background: transparent;
}

.employerprizmid {
    margin-top: 27px;
}












/* 12 sep */
.addalternate.modal-body textarea.form-control, .addalternate.modal-body .form-control {
    height: 27px;
}

.marginT {
    margin-bottom: 20px;
}

.paddingT {
    padding-top: 13px;
}
/* 21 SEP */
.btn-griev1 {
    right: 5px;
    padding: 0;
}

.btn-min-width {
    min-width: 120.5px;
}

.margin-right5 {
    margin-right: 5px;
}


.DuesRateVisible {
    display: none;
}
/* 21 SEP */

#WalkinsContent .toggleSign {
    position: relative;
    top: -26px;
}

.padding-right70 {
    padding-right: 70px;
}

.hideIt {
    display: none !important;
}

#ChooseEmployerModel .local-select-box .btn-group button.multiselect.dropdown-toggle.btn.btn-default {
    height: 27px;
}
/* 23 SEP */
.new-model-body p {
    font-size: 14px;
    padding-top: 0px !important;
}

.new-model-body {
    font-size: 14px;
}

    .new-model-body input, select {
        font-size: 14px !important;
    }

.dynamic-checkbox-control, input[type=checkbox] {
    height: 16px;
    width: 16px;
    margin-left: 5px;
}

#Contract399contractPeriodGrid .k-tooltip-validation {
    display: none !important;
}

#dvEditPhone .modal-body span {
    font-size: 14px;
}

.memberSSN {
    font-size: 14px !important;
    width: 100% !important;
}

.font14px {
    font-size: 14px !important;
}


.m-t-15 {
    margin-top: 15px;
}
/* summary panel startes */

.inline-control-left {
    width: 100%;
    position: relative;
    padding-right: 170px;
    clear: both;
    height: auto;
    display: block;
}

.inline-control-right {
    width: 170px;
    position: absolute;
    right: 10px;
    height: auto;
}

.inline-inner-block {
    width: auto;
    float: left;
    margin-right: 10px;
    display: inline-block;
        min-height: 42px;
}

    .inline-inner-block .form-group {
        margin-bottom: 10px;
        display: block;
    }

        .inline-inner-block .form-group label {
            text-align: right;
            margin-right: 5px;
        }
/* summary panel end */


/* Payment V2 group header start */

#gridPaymentsv2 tr.k-grouping-row td:first-child {
    width: auto;
    display: table-header-group;
    padding: 11px;
    line-height: 31px;
}

#gridPaymentsv2 tr.k-grouping-row ~ p {
    display: none;
}

/* Payment V2 group header end */

.local-select-box.slect-text-sec-wdith .btn-group {
    width: 95%;
}

.date-sec-text span.k-widget.k-datepicker.contral_box.textbox {
    width: 56% !important;
}

.local-select-box.local-select-box .btn-group button.multiselect.dropdown-toggle.btn.btn-default {
    height: 29px;
}

.update-sec-btn {
    width: 100%;
    display: inline-block;
    text-align: right;
    margin: 15px auto;
}

.update-btm-sec-btn {
}

.padding-top-30 {
    padding-top: 30px;
}

.padding-top-42 {
    padding-top: 42px;
}

.btn-section {
    float: right;
    margin-top: 5px;
    margin-right: 0;
    padding-right: 0;
}

.btn-section-1 {
    float: right;
}

.btn-section-2 {
    float: right;
    margin-right: 5px;
}

.custom-border-less tr td {
    border-top: 0 !important;
}

.mrgn-top-23 {
    margin-top: 23px;
}

.col-sm-12.alertvalidation {
    margin-top: -10px;
    margin-bottom: -14px;
}

.margin-left-0 {
    padding-left: 0;
}

.pull-right.margin-top-5 {
    margin-top: 17px;
}

.padding-top {
    padding-top: 41px;
}

div#MassPaidThroughDateContent {
    margin-top: -16px;
}

.new-employer-tab-gap.control-label.label-height {
    height: 20px;
}

#addUserLocalSecurityWindow .modal-content {
    overflow: visible;
}

/*28-01-2017*/
.left-padd {
    padding-left: 0;
}

.padd-no {
    padding: 0px;
}

.lbl-heighsec {
    height: 32px;
}

.employer-main-content-box .form-control.input-emplyr-text-sec {
    width: 100%;
    margin-left: 0px;
    padding-left: 5px;
    font-size: 12px;
    padding-top: 1px;
    background: transparent;
    box-shadow: none;
}

span.k-widget.k-autocomplete.k-header.font14px.k-input.input-emplyr-text-sec.k-state-default {
    height: 27px;
    padding-top: 0px;
    width: 97%;
}
#gridPhone input[type="button"], #gridRegion input[type="button"] {
    padding: 3px 4px;
}
.relative {
    position: relative;
}

.right-btn-pos {
    position: absolute;
    right: 0;
    top: -6px;
    z-index: 999999;
}


.customPanelHeading {
    padding: 0px;
    background: transparent!important;
}

    .customPanelHeading a {
        position: relative;
        background: #fff;
    }

        .customPanelHeading a[aria-expanded="false"]:before, .customPanelHeading a:before {
            content: "\f067";
            font-family: 'FontAwesome';
            font-size: 14px;
        }

        .customPanelHeading a[aria-expanded="true"]:before {
            content: "\f068";
        }

.m-b-0.panel-group {
    margin-bottom: 0px;
}

.panel.no-bg {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background: transparent;
}

#filtersContainer {
    overflow-x: hidden;
    overflow-y: auto;
}

#filtercriteria, #filtercriteria:focus {
    background: #fff!important;
    background-color: #fff!important;
}

.side-pad-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.m-r-0 {
    margin-right: 0px !important;
}
.m-l-10 {
    margin-left: 10px;
}
.m-l-r-5 {
    margin-left: 5px;
    margin-right: 5px;
}

#attendanceContent input[type="button"] {
    margin-left:5px;
}
#ChooseEmployerModel .modal-lg {
    width: 1200px;
}
.flag-inner-sec {
    float: right;
}
/********  Grievance Static bar section CSS *********/
.grievance-staticbar {
    background: #fff;
    padding: 0px 5px;
    box-shadow: 0px 1px 1px #ccc;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

    .grievance-staticbar label {
        font-weight: bold;
        margin-right: 5px;
    }

    .grievance-staticbar span {
        font-weight: normal;
    }




.top-head-label {
    width: 90px;
    text-align: right;
}

.inline-inner-block-2 {
    width: auto;
    float: left;
    margin-right: 10px;
    display: inline-block;
}

top-main-inner-sec {
    display: inline-block;
}


@media (max-width: 992px) {
    .grievance-staticbar label {
        width: 70px;
    }
}
/******** End Grievance Static bar section CSS *********/
.remove-top-down-padding {
    padding: 0px 15px;
}


.emply-sec-inner {}
.member-filter .section-filter .emply-sec-inner .green-btn{width:100%}
button#btnSearchFilters {width: 100%;}
button#btnClearFilters{width:100%}
.sub-inner-sec-btn .green-btn {
    background: #2BAF95;
    color: #fff;
    border: 0px;
    border-radius: 2px;
    width: 100%;
    margin-top: 19px;
    padding: 4px;
}


.modal-footer {
    border-top: 1px solid #e5e5e5;
    padding: 10px 15px;
    text-align: right;
    display: inline-block;
    margin-top: 10px;
    width: 100%;
}
.btm-side-btn-pop .green-btn, button.btn.red-btn.col-md-6.btm-side-btn-pop{width:100%;}
.col-sm-2.btm-side-btn-pop, button.btn.red-btn.col-md-6.btm-side-btn-pop { margin-top: 21px;}
/*#Contract399DetailsGrid .k-grid-header table, #Contract399DetailsGrid .k-grid-content table, #Contract399DetailsGrid .k-grid-footer table, #Contract399DetailsGrid .k-grid-content-locked > table {
    table-layout: auto;
}*/

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

    .lg-w-66x {
        width:450px !important;
    }
    .form-inline {
        margin:5px 0 !important;
    }
    .lg-w-65x {
        width:250px !important;
    }
}

@media (min-width:1367px) {
    .table-responsive table td.tablethwidth, th.tablethwidth {
        width:77px;
    }
    .table-responsive table td.tableheadwidth, th.tableheadwidth {
        width: 174px;
    }
    .table-responsive table td.tableheadconwidth, th.tableheadconwidth  {

        width:174px;
    }
    #Contract399contractPeriodGrid table th:last-child {
        width: 177px;
    }
     #gridPhone input[type="button"],#gridRegion input[type="button"]{
   padding:3px;
    font-size: 12px;
         }
}
/*abhishek css*/


.table > tbody > tr > td.paddingletfright {
    padding: 0px 8px;
        border-top: 0px solid #ddd;
}
.table > thead > tr > th.paddingletfright {
       width: 20%;
        border-bottom: 0px solid #ddd;
}

.linespace {
    margin-top: 9px;
    margin-bottom: 0px;
}
.inline-inner-block .form-group.rmovebott {
    margin-bottom: -5px;
    display: block;
}
.removebottom {
    margin-bottom: 5px;
}
.text-normal,
.modal-body label.text-normal {
    font-weight: normal;
    line-height: 24px;
}
.bottom-btn {
    position:absolute;
    right:15px;
    bottom:10px;
}
.Eventbottom-btn {
    position:absolute;
    right:10px;
    bottom:137px;
}

.employer-main-content-box textarea.form-control {
    height:auto;
}

#divInviteBottom {
    display: none;
    position:relative;
}
.close-btn {    
    line-height: 24px;
    text-align: center;
    color: #000;
    position: absolute;
    right: 8px;
    top: 10px;
    cursor: pointer;    
    padding:0px 5px;
    z-index: 1;
    opacity:0.2;
    font-size: 14px;
}
    .close-btn:hover {
        opacity:0.5;
    }
.websited {
    color: #428bca;
    text-decoration: none;
     cursor: pointer;

}

    .choose-employer-btn {
        background: #2BAF95;
        color: #fff;
        border: 0px;
        border-radius: 2px;
        border-radius: 3px;
        margin-top: 0px;
        padding-right: 0px;
        margin-bottom: 10px;
        width: 100%;
        height: 27px;
    }
.show {
    display: block !important;
}
/* PRIZM QUERY UI CHANGE START */

.container-fluid #main {
    width:auto;
    padding-left:15px;
    padding-right:15px;
}

.container-fluid .result-panel {
    width:100%;
}

/* PRIZM QUERY UI CHANGE END */

.validateoutset {border-style: groove;}

.validatelabel {
    font-weight: normal !important;
}
.validatelabeltd {font-weight:bold}


/*PhonePayment Start*/

.bg-white {
    background-color: #fff;
}
form.payment {
    font-size:14px;
}
form.payment label{
    font-weight:bold;
}
.space-padtop60 {
    padding-top: 60px;
}
.PhonePymentscroll {
    width: 100%;
    height: auto;
    /*max-height: 324px;*/
    overflow: hidden;
    overflow-y: auto;
    clear: both;
    margin-bottom:50px;
}
.paddingt10 {
    padding-top:10px;
}
.paddingT15 {
    padding: 10px 15px;
}
.content-spacing {
    padding: 0px 0px 10px;
}
.check-lt {
    float: left;
    padding-right: 6px;
}
.check-lt .radio-inline {
        padding-top: 0px;
    }

#paymentConfirmationPopup table tr th {
    padding: 2px 0px;
}
input[name="optradio"] {
    margin: 2px 0px 0px;
}


 .phonepaymnetamount-align-right {
        text-align: right !important;
        padding-right: 2px;
}
 .readonly-sec{
    background: #ddd !important;
    color:#000;
    font-weight:normal;
        min-height: 23px;
}
 /*PhonePayment Start*/
.custom-info {
    overflow:hidden;
}
.custom-table-height .k-grid-content {
    height: 100px !important;
}
.custom-input-size input.amount-align-right, .custom-input-size input#txtGenCheckoffPaymentDate{
    width:100%;
}
.custom-input-size .green-btn {
    margin-top:24px;
}
.mb5px {
    margin-bottom:5px;
}

/*25.04.18*/
#member, #member1 {
    width:100%;
    float:left;
    padding:0px 20px;
}
    #member h5, #member .input label, #member1 h5, #member1 .input label {
        font-size: 14px;
        font-weight: 600;
        margin:0;
    }

    #member .green-btn, #member .red-btn, #member1 .green-btn, #member1 .red-btn {
    padding:4px 25px;
    font-size:15px; margin-left:10px ;
    }
    #member .input, #member1 .input {
        margin:8px 0;
    }
    #member .input label, #member1 .input label {
    }
 #member .input input[type="text"], #member1 .input input[type="text"] {
     width:165px; 
     height:29px;
     background:none; 
     /*border:1px solid #929292;*/
     border-radius:3px;
     padding:0px 5px;
}
#member1 {
    padding-top:20px
}
#member {
   padding-bottom:15px;
   border-bottom:1px solid #b9b9b9;
}
#member1 .float-right {
    float:right; 
   margin:4px  0 0 0 ;
}
#member .grid, #member1 .grid {
    /*border:1px solid gray;*/
    /*overflow-Y:auto;
    height:100px;*/
}
.no-padding {
    padding:0px;
}

/*03.05.18*/
.left-padding {
    padding: 0 0 0 20px;
}
.text {
height:25px;
padding:0px 5px;
margin-top:5px;
width:100%;}
.margin-0 {
    margin:0;
}
.padding-36 {
    padding:4px 36px;
}
.margin-top {
    margin-top:15px;
}
    .margin-top label {

    }
#grid {
    min-height:30px;
}
#grid2 {
    min-height:30px;
}
.border{box-sizing:border-box !important;
}

.m-l-2x {
    margin-left:20px;
}
/*10 may 2018*/
#importContent .space-bottom {
    margin-bottom:0;
}
#importContent .padding-36 {
    padding:4px 15px;
}
.custom-file label {
    margin-top: 27px;
    float: left;
    margin-left: 10px;
}
.custom-file button {
    float: left;
    margin-top:25px;
}
.custum-colum {
    width:10%;
}
.custum-culum2 {
    width: 31%;
}
.custum-culum1 {
    width: 15%;
}
.col-custum1 {
    width:11%;
}
.col-custum2 {
    width:10%;
}
#btnContractSearchFilters{
    width:100%;
    margin-top:23px;
}
#btnClearFilters {
    width:100%; 
}
.no-padding {
    padding:0;
}
.form-control.k-widget {
    border:1px solid #fff;
}

.import-status-filter {
    box-shadow: none;
}
.mt4px {
    margin-top: 4px;
}

/*22.06.18*/

.heading {
    font-size: 16px;
    font-weight: 600;
}

.divider {
    padding:0px 0px;
    margin:5px 0px;
    border-bottom:1px solid #e6e6e6;
}
.no-label {
    margin-top:20px;
}
.over-hiden {
    overflow-y:auto;
}
.margin-top {
    margin-top:20px;
}
#AddNewEmployerModal input[type=text] {
    font-size: 14px;
}
.right {
    display:inline-block;
    float:none;    
}
#call-tab label {
        display: inline-block;
    max-width: 100%;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom:0px;
}

.bgYellow {
    background-color:yellow;
}
.html2canvas-container {min-height: 1200px !important; }

.accordion-btn {
    padding: 4px 5px 2px 10px;
}