body {
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
}

header, footer, nav, section {
    display: block;
}


/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

.m-report.half-day{
    background-color: #BB2AFF;
    color: #fff !important;
}
.m-report.late-login {
    background-color: #09B5D3 !important;
        color: #fff !important;
}
.m-report.full-day {
    background-color: #EA2F6C;
    color: #fff !important;
}
html {
    min-height: 100%;
}

body {
    /*background-image: url(../images/bg.jpg);*/
    background-repeat: no-repeat;
    background-position: inherit;
    background-size: cover;
    font-family: Segoe UI;
    font-size: 14px;
    background-size: 100% 100%;
    color: #1d1d1d;
}

.mr-0 {
    margin: 0px;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

a, a:hover, a:focus {
    outline-style: none;
    text-decoration: none;
}

.main-container {
    display: block;
    min-height: 100%;
}

.navbar-header {
    background-color: #612eae;
    border-radius: 20px 20px 0 0;
}

.navbar-brand {
    color: #fffafc;
    font-size: 26px;
    padding: 20px;
}

.nh-title {
    font-size: 26px;
    color: #fffafc;
}

.header {
    background-color: #612eae;
}

.navbar-nav.navigation > li:first-child {
    border-right: #884fde solid 1px;
}

    .navbar-nav.navigation > li:first-child + li {
        border-left: #560e96 solid 1px;
    }

.navbar-nav.navigation > li > a {
    color: #fffafc;
    font-size: 22px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-nav.navigation li a {
    color: #fffafc;
    font-size: 18px;
}

    .navbar-nav.navigation li a:focus, .navbar-nav.navigation li a:hover {
        text-decoration: none;
        background: none;
    }

.navbar-nav.navigation .open a, .navbar-nav.navigation .open a:focus, .navbar-nav.navigation .open a:hover {
    background: none;
    border-color: transparent;
}

.navbar-nav.navigation ul.dropdown-menu {
    left: auto;
    right: 0;
}

    .navbar-nav.navigation ul.dropdown-menu li a {
        color: #1d1d1d;
        font-size: 16px;
    }

.navbar-nav.navigation li img {
    margin-right: 5px;
}

.attendanceOpt {
    margin-top: 16px;
}

.attendanceCat {
    border-radius: 12px;
    background-repeat: no-repeat;
    background-position: left top;
    padding: 5px;
    padding-left: 105px;
    padding-right: 50px;
    min-height: 116px;
    background-color: #ffffff;
}

    .attendanceCat.box-1 {
        box-shadow: #ffbe9b 0 0 8px 1px;
    }

    .attendanceCat.box-2 {
        box-shadow: #9df0ff 0 0 8px 1px;
    }

    .attendanceCat.box-3 {
        box-shadow: #ff99ba 0 0 8px 1px;
    }

    .attendanceCat.box-4 {
        box-shadow: #dd95ff 0 0 8px 1px;
    }

    .attendanceCat.box-1 span {
        color: #fb8c51;
    }

    .attendanceCat.box-2 span {
        color: #09b5d3;
    }

    .attendanceCat.box-3 span {
        color: #ea2f6c;
    }

    .attendanceCat.box-4 span {
        color: #bb2aff;
    }

    .attendanceCat img {
        padding-top: 20px;
        position: absolute;
        left: 25px;
        top: 30%;
        margin-top: -40px;
    }

    .attendanceCat h3 {
        font-size: 18px;
        margin: 16px 0 0;
        text-align: center;
        color: #1d1d1d;
    }

    .attendanceCat span {
        display: block;
        padding-top: 0;
        font-size: 34px;
        text-align: center;
    }

    .attendanceCat.box-1.active {
        border: #fb8c51 solid 2px;
    }

    .attendanceCat.box-2.active {
        border: #09b5d3 solid 2px;
        ;
    }

    .attendanceCat.box-3.active {
        border: #ea2f6c solid 2px;
        ;
    }

    .attendanceCat.box-4.active {
        border: #bb2aff solid 2px;
        ;
    }

.col-lg-3 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.header a {
    color: white;
}

    .header a:hover {
        color: black;
        background-color: white;
    }

.tableheader li {
    padding-top: 15px;
    color: white;
    text-align: center;
    margin: auto;
}

.tblheader tr {
    background-color: #808080;
}

.PunchingDetails .date span.pull-left {
    display: block;
    font-size: 20px;
    color: #000;
    border-bottom: #612eae solid 4px;
    font-weight: 500;
    padding: 6px 0;
}

.PunchingTbl {
    margin-top: 12px;
}

    .PunchingTbl .table {
        border: #e3e3e3 solid 1px;
        margin: 0;
    }

.emp-tbl table tr th {
    font-weight: 700;
    font-size: 16px;
}

.PunchingTbl .table tr td, .PunchingTbl .table tr th {
    padding: 14px 20px;
    border-top-color: transparent;
}

.PunchingTbl .table tr td {
    color: #464646;
    font-size: 16px;
}

.PunchingTbl .table tr.trShadow {
    background: url(../images/price-shadow.png) no-repeat center top;
    background-size: 100% auto;
}

.PunchingTbl .table tr td.timetxt {
    font-weight: 700;
    font-size: 18px;
}

.PunchingTbl .table tr td.timetxtblue {
    font-weight: 700;
    font-size: 18px;
    color: #612eae;
}

.empSection th {
    color: white;
}

.empSection {
    border-radius: 10px;
    padding: 10px 15px 0px 15px;
    background-color: white;
}

.Admin {
    padding: 37px;
    padding-top: 10px;
}

.UserTab {
    border-bottom: #dbdbdb solid 1px;
}

    .UserTab ul.nav.nav-tabs li:before {
        background-color: #dbdbdb;
        display: block;
        content: "";
        width: 1px;
        position: absolute;
        left: 0;
        z-index: 1;
        height: 20px;
        top: 12px;
    }

    .UserTab ul.nav.nav-tabs li.active:before {
        display: none;
    }

    .UserTab ul.nav.nav-tabs li a, .UserTab ul.nav.nav-tabs li a:hover {
        color: #000;
        font-size: 16px;
        font-weight: 500;
        background-color: #ffffff !important;
        border: none;
    }

    .UserTab ul.nav.nav-tabs li.active a, .UserTab ul.nav.nav-tabs li.active a:hover {
        background-color: #612eae !important;
        color: #ffffff;
        border: none;
    }

    .UserTab span {
        padding-top: 5px;
        font-size: 20px;
        font-weight: 500;
        color: #000;
        border-bottom: #612eae solid 4px;
        display: inline-block;
        padding-bottom: 5px;
        position: relative;
    }

.date {
    border-bottom: #cccccc solid 1px;
}

.transBG {
    padding: 8px 20px;
    background-color: #ffffff;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    background-size: 100% 100%;
}

.Remember {
    font-size: 14px;
    margin-left: -101px;
    font-weight: 400;
    max-width: 172%;
}

.employetab {
    margin-bottom: 15px;
}

.UserTabDate {
    position: relative;
    padding: 12px 0;
}

    .UserTabDate span {
        display: block;
        vertical-align: middle;
        margin-top: 6px;
    }

        .UserTabDate span.text-sm {
            font-size: 18px;
            font-weight: 600;
            padding: 0px 0;
        }

    .UserTabDate .nextprevbtn a {
        text-decoration: none;
        display: inline-block;
        padding: 0;
        position: absolute;
        top: 13px;
        font-size: 16px;
        color: #612eae;
        border: #d7d7d7 solid 1px;
        line-height: 30px;
        width: 30px;
        text-align: center;
        border-radius: 100%;
        vertical-align: middle;
        height: 30px;
    }

        .UserTabDate .nextprevbtn a:hover {
            background-color: #612eae;
            border-color: #612eae;
            color: #ffffff;
        }

        .UserTabDate .nextprevbtn a.previous {
            left: 0;
        }

        .UserTabDate .nextprevbtn a.next {
            right: 0;
        }

.emp-tbl {
    margin-bottom: 30px;
}


    .emp-tbl table tr td, .emp-tbl table tr th {
        padding: 14px 20px;
        border-top-color: #e5e6f9;
    }

        .emp-tbl table tr td ul.list-inline {
            margin-bottom: 0px;
        }

    .emp-tbl table tr td {
        color: #313131;
        font-size: 16px;
    }

.attendanceOpt ul li span {
    display: block;
    padding: 6px 10px;
    font-weight: 700;
    font-size: 12px;
    background-color: #1fc2ff;
    border-left: #008ec3 solid 6px;
    border-radius: 5px;
    color: #fff;
}

    .attendanceOpt ul li span.danger {
        border-color: #ea2f6c;
        color: #ea2f6c;
        background-color: #facbda;
    }

    .attendanceOpt ul li span.primary {
        border-color: #09b5d3;
        color: #09b5d3;
        background-color: #c1ecf4;
    }

    .attendanceOpt ul li span.warning {
        border-color: #bb2aff;
        color: #bb2aff;
        background-color: #eecaff;
    }

    .attendanceOpt ul li span.success {
        border-color: #077cff;
        color: #077cff;
        background-color: #c1deff;
    }

    .attendanceOpt ul li span.holiday {
        border-color: #1fae37;
        color: #1fae37;
        background-color: #c7ebcd;
    }

    .attendanceOpt ul li span.early {
        border-color: #FF8A3D;
        color: #FF8A3D;
        background-color: #ffe2ce;
    }

    .attendanceOpt ul li span.export {
        border-color: #fff;
        color: #612eae;
        background-color: #fff;
        border: none;
        text-decoration: underline;
    }

    .attendanceOpt ul li span.set-occassion {
        border-color: #fff;
        color: #612eae;
        background-color: #fff;
        border: none;
        text-decoration: underline;
    }


.PunchingTbl .inappropriate, .PunchingTbl .inappropriate:hover, .PunchingTbl .inappropriate:active {
    background: #c1deff;
}

.attendanceOpt ul li span.disabled {
    cursor: default;
    opacity: 0.3;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.valid {
    font-size: 14px;
    padding: 0px 113px;
    color: brown;
}

.input-group-btn:last-child .btn, .input-group-btn:last-child .btn-group {
    z-index: 2;
    height: 34px;
    background-color: white;
    border-color: #612eae;
    border-left: none;
}

.input-group .form-control:focus {
    outline: none;
}

.searchbox .input-group .form-control, .searchbox .input-group .form-control:focus {
    box-shadow: none;
    border-color: #612eae;
    border-right: none;
}


.searchbox {
    position: relative;
    z-index: 2;
    width: 42%;
}

    .searchbox input {
        border-color: #612eae;
    }


.empdetails {
    border-bottom: 1px solid;
    margin: 0;
}

.empcontent span {
    padding-top: 5px;
    font-size: 20px;
    font-weight: 700;
    color: #612eae;
    border-bottom: #612eae solid 4px;
    display: inline-block;
    padding-bottom: 5px;
    position: relative;
    top: 5px;
}


.exportData {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

    .exportData th {
        color: white;
    }

.empdetails ul.nav.nav-tabs li:before {
    background-color: #dbdbdb;
    display: block;
    content: "";
    width: 1px;
    position: absolute;
    left: 0;
    z-index: 1;
    height: 20px;
    top: 12px;
}

.empdetails ul.nav.nav-tabs li.active:before {
    display: none;
}

.empdetails ul.nav.nav-tabs li a, .UserTab ul.nav.nav-tabs li a:hover {
    color: #612eae;
    font-size: 16px;
    font-weight: 500;
    background-color: #ffffff !important;
    border: none;
}

.empdetails ul.nav.nav-tabs li.active a, .UserTab ul.nav.nav-tabs li.active a:hover {
    background-color: #612eae !important;
    color: #ffffff;
    border: none;
}

.searchbox span {
    padding-top: 0px;
    display: inline-block;
    position: absolute;
    top: 0px;
    border: 0px;
    left: 0px;
}

.page-indx {
    cursor: pointer;
}

.err-msg {
    margin-left: 110px;
    color: red;
    margin-top: 16px;
    font-size: 15px;
}


.nodatafound-punch {
    line-height: 436px !important;
    text-align: center;
}

.PunchingTbl tbody {
    display: block;
    height: 498px;
    overflow: auto;
}

    .PunchingTbl thead, .PunchingTbl tbody tr, .PunchingTbl tfoot, .PunchingTbl tfoot tr {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

.PunchingTbl thead, .PunchingTbl tfoot {
    /*width: calc( 100% - 1em )*/
}

.attendanceOpt ul li span {
    display: block;
    padding: 6px 15px;
    font-weight: 700;
    font-size: 12px;
    border-radius: 5px;
    color: #fff;
    background-color: #612eae;
    border-left: 0;
}

ul.custom-popup.list-inline {
    position: absolute;
    right: 0;
    width: 240px;
    z-index: 9;
    background: #fff;
    padding: 7px 4px;
    border-radius: 5px;
    border: #dbdbdb solid 1px;
    top: 38px;
}

ul.custom-popup .form-control {
    padding: 1px 2px;
}

ul.custom-popup.list-inline li:first-child {
    width: 42%;
}

ul.custom-popup.list-inline li .btn {
    background: #612eae;
    color: #fff;
}

.fc-event-container .fc-title {
    color: #fff;
}

.hover-end {
    padding: 0;
    margin: 0;
    font-size: 75%;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    opacity: .8;
}

.notification {
    width: 100%;
    height: 51px;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.33s, opacity 0.33s linear;
    z-index: 10001;
    color: #fff;
    position: fixed;
}

    .notification.show-noti {
        visibility: visible;
        opacity: 1;
        transition-delay: 0.25s;
    }

    .notification.success {
        background-color: #00a27e;
    }

    .notification.warning {
        background-color: #ff7607;
    }

    .notification.error {
        background-color: #ea2f6c;
    }


.close-notifcation {
    float: right;
    margin-right: 12px;
    font-size: 26px;
}

.notification-msg {
    float: left;
    margin-left: 13px;
    font-size: 22px;
    margin-top: 9px;
}

.close-notifcation {
    cursor: pointer;
}

.fc-row tbody td.fc-day {
    cursor: pointer;
}

.registrationFormAlert {
    color: red;
}

.emp-header a {
    cursor: default;
}

.navbar-brand {
    cursor: pointer;
}

.empSearch {
    max-width: 320px;
}

    .empSearch .form-control {
        border-color: #612eae;
    }

    .empSearch .btn.btn-primary {
        color: #612eae;
    }

    .empSearch .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #612eae;
    }

    .empSearch .form-control::-moz-placeholder { /* Firefox 19+ */
        color: #612eae;
    }

    .empSearch .form-control:-ms-input-placeholder { /* IE 10+ */
        color: #612eae;
    }

    .empSearch .form-control:-moz-placeholder { /* Firefox 18- */
        color: #612eae;
    }

.show-me-all {
    cursor: pointer;
}

.add-control label {
    width: 90px;
}

#AddControl input {
}

#AddControl select#Type {
}

span.cerror-msg {
    display: block;
    text-align: left;
    padding-left: 0;
    color: #FF0000;
}

#AddControl input.form-control.cerror {
    border-color: #FF0000;
}

.UserTabDate .text-center.cdate {
    font-size: 20px;
    font-weight: 600;
}

.trShadow {
    float: left;
    width: 100%;
}

    .trShadow .timetxtblue.totalsporthour {
        float: right;
    }

    .trShadow .timetxtblue.totalworkinghour {
        float: right;
    }

.pull-right.open-punching-model {
    padding: 11px 0;
}

span.page-indx.disabled {
    cursor: pointer !important;
}

.User-info-tab {
    margin: 13px 0px;
    /*border-bottom: #dbdbdb solid 1px;*/
}

.category-name {
    padding-top: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #632CB5;
    border-bottom: #612eae solid 4px;
    display: inline-block;
    padding-bottom: 5px;
    position: relative;
}

.row.category-container {
    border-radius: 10px;
    padding: 1px 15px 15px 15px;
    margin: 16px 6px;
    background-color: #fff;
box-shadow: rgba(0,0,0,0.5) 0 0 10px;
}

.control-name {
    color: #632CB5;
    font-size: 12px;
}

#emp-data-structure .form-control[disabled], #emp-data-structure .form-control[readonly], #emp-data-structure .form-control {
    background-color: #FFF3FF;
    opacity: 1;
    color: #632CB5;
    border: none;
    box-shadow: none;
}

        .btn-Cross {
            color: white;
            opacity: 3.5;
        }

            .btn-Cross:hover {
                color: white;
            }

        .Header-CSS {
            color: white;
            background-color: #612eae;
        }
   
        .portal {
            font-size: 18px;
            height: 585px;
            float: left;
        }

        .LoginHead {
            padding: 30px 115px;
        }

        .form-control {
            margin: 20px;
            margin-left: -28px;
            display: block;
            width: 50%;
            height: 34px;
            padding: 6px 12px;
            font-size: 16px;
            line-height: 1.428571;
            color: #555;
            background-color: #fff;
            background-image: none;
            border: 1px solid #ccc;
            border-radius: 4px;
        }

        .portal h1 {
            top: 110px;
            text-align: center;
        }

        .aspNetHidden input {
            margin: 0px auto;
            margin-left: auto;
            margin-right: auto;
            border-color: #a8b2f7;
            color: #000;
            height: 46px;
            width: 360px;
        }

        .remember label {
            padding-left: 110px;
        }

        .remember .psw {
            padding-left: 98px;
        }

        .loginbtn button {
            background-color: #612eae;
            color: white;
            padding: 6px 0;
            margin: 0 auto;
            border: none;
            cursor: pointer;
            width: 229px;
            border-radius: 50px;
            font-size: 23px;
            font-weight: 500;
            display: block;
            outline: none;
        }



        .forgt {
            padding-right: 30px;
            padding-bottom: 10px;
        }

        .center-block {
            display: block;
            margin-right: auto;
            margin-left: auto;
        }

        .contentbox {
            background-color: white;
            /* border-radius: 20px; */
            box-shadow: rgba(0,0,0,0.1) 0 0 10px;
            height: 550px;
            /* padding: 25px 13px; */
            /* margin: 0 auto; */
            max-width: 605px;
            height: 476px;
            padding: 0px 0px;
            margin: 0 auto;
            max-width: 568px;
            position: relative;
            top: 13%;
            /* left: 30%; */
        }

        .logimg {
            padding: 30px 88px;
        }

            .logimg h2 span {
                display: inline-block;
                background: #fff;
                padding: 0 12px;
            }

            .logimg h2 {
                font-size: 24px;
                border-bottom: #072c4c solid 2px;
                color: #072c4c;
                font-weight: 600;
                height: 15px;
                margin-top: 15px;
            }
            
html {
    min-height: 100%;
}

body {
    /*background-image: url(../images/bg.jpg);*/
    background-repeat: no-repeat;
    background-position: inherit;
    background-size: cover;
    font-family: Segoe UI;
    font-size: 14px;
    background-size: 100% 100%;
    color: #1d1d1d;
}

.mr-0 {
    margin: 0px;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

a, a:hover, a:focus {
    outline-style: none;
    text-decoration: none;
}

.main-container {
    display: block;
    min-height: 100%;
}

.navbar-header {
    background-color: #612eae;
    border-radius: 20px 20px 0 0;
}

.navbar-brand {
    color: #fffafc;
    font-size: 26px;
    padding: 20px;
}

.nh-title {
    font-size: 26px;
    color: #fffafc;
}

.header {
    background-color: #612eae;
}

.navbar-nav.navigation > li:first-child {
    border-right: #884fde solid 1px;
}

    .navbar-nav.navigation > li:first-child + li {
        border-left: #560e96 solid 1px;
    }

.navbar-nav.navigation > li > a {
    color: #fffafc;
    font-size: 22px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-nav.navigation li a {
    color: #fffafc;
    font-size: 18px;
}

    .navbar-nav.navigation li a:focus, .navbar-nav.navigation li a:hover {
        text-decoration: none;
        background: none;
    }

.navbar-nav.navigation .open a, .navbar-nav.navigation .open a:focus, .navbar-nav.navigation .open a:hover {
    background: none;
    border-color: transparent;
}

.navbar-nav.navigation ul.dropdown-menu {
    left: auto;
    right: 0;
}

    .navbar-nav.navigation ul.dropdown-menu li a {
        color: #1d1d1d;
        font-size: 16px;
    }

.navbar-nav.navigation li img {
    margin-right: 5px;
}

.attendanceOpt {
    margin-top: 16px;
}

.attendanceCat {
    border-radius: 12px;
    background-repeat: no-repeat;
    background-position: left top;
    padding: 5px;
    padding-left: 105px;
    padding-right: 50px;
    min-height: 116px;
    background-color: #ffffff;
}

    .attendanceCat.box-1 {
        box-shadow: #ffbe9b 0 0 8px 1px;
    }

    .attendanceCat.box-2 {
        box-shadow: #9df0ff 0 0 8px 1px;
    }

    .attendanceCat.box-3 {
        box-shadow: #ff99ba 0 0 8px 1px;
    }

    .attendanceCat.box-4 {
        box-shadow: #dd95ff 0 0 8px 1px;
    }

    .attendanceCat.box-1 span {
        color: #fb8c51;
    }

    .attendanceCat.box-2 span {
        color: #09b5d3;
    }

    .attendanceCat.box-3 span {
        color: #ea2f6c;
    }

    .attendanceCat.box-4 span {
        color: #bb2aff;
    }

    .attendanceCat img {
        padding-top: 20px;
        position: absolute;
        left: 25px;
        top: 30%;
        margin-top: -40px;
    }

    .attendanceCat h3 {
        font-size: 18px;
        margin: 16px 0 0;
        text-align: center;
        color: #1d1d1d;
    }

    .attendanceCat span {
        display: block;
        padding-top: 0;
        font-size: 34px;
        text-align: center;
    }

    .attendanceCat.box-1.active {
        border: #fb8c51 solid 2px;
    }

    .attendanceCat.box-2.active {
        border: #09b5d3 solid 2px;
        ;
    }

    .attendanceCat.box-3.active {
        border: #ea2f6c solid 2px;
        ;
    }

    .attendanceCat.box-4.active {
        border: #bb2aff solid 2px;
        ;
    }

.col-lg-3 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.header a {
    color: white;
}

    .header a:hover {
        color: black;
        background-color: white;
    }

.tableheader li {
    padding-top: 15px;
    color: white;
    text-align: center;
    margin: auto;
}

.tblheader tr {
    background-color: #808080;
}

.PunchingDetails .date span.pull-left {
    display: block;
    font-size: 20px;
    color: #000;
    border-bottom: #612eae solid 4px;
    font-weight: 500;
    padding: 6px 0;
}

.PunchingTbl {
    margin-top: 12px;
}

    .PunchingTbl .table {
        border: #e3e3e3 solid 1px;
        margin: 0;
    }

.emp-tbl table tr th {
    font-weight: 700;
    font-size: 16px;
}

.PunchingTbl .table tr td, .PunchingTbl .table tr th {
    padding: 14px 20px;
    border-top-color: transparent;
}

.PunchingTbl .table tr td {
    color: #464646;
    font-size: 16px;
}

.PunchingTbl .table tr.trShadow {
    background: url(../images/price-shadow.png) no-repeat center top;
    background-size: 100% auto;
}

.PunchingTbl .table tr td.timetxt {
    font-weight: 700;
    font-size: 18px;
}

.PunchingTbl .table tr td.timetxtblue {
    font-weight: 700;
    font-size: 18px;
    color: #612eae;
}

.empSection th {
    color: white;
}

.empSection {
    border-radius: 10px;
    padding: 10px 15px 0px 15px;
    background-color: white;
}

.Admin {
    padding: 37px;
    padding-top: 10px;
}

.UserTab {
    border-bottom: #dbdbdb solid 1px;
}

    .UserTab ul.nav.nav-tabs li:before {
        background-color: #dbdbdb;
        display: block;
        content: "";
        width: 1px;
        position: absolute;
        left: 0;
        z-index: 1;
        height: 20px;
        top: 12px;
    }

    .UserTab ul.nav.nav-tabs li.active:before {
        display: none;
    }

    .UserTab ul.nav.nav-tabs li a, .UserTab ul.nav.nav-tabs li a:hover {
        color: #000;
        font-size: 16px;
        font-weight: 500;
        background-color: #ffffff !important;
        border: none;
    }

    .UserTab ul.nav.nav-tabs li.active a, .UserTab ul.nav.nav-tabs li.active a:hover {
        background-color: #612eae !important;
        color: #ffffff;
        border: none;
    }

    .UserTab span {
        padding-top: 5px;
        font-size: 20px;
        font-weight: 500;
        color: #000;
        border-bottom: #612eae solid 4px;
        display: inline-block;
        padding-bottom: 5px;
        position: relative;
    }

.date {
    border-bottom: #cccccc solid 1px;
}

.transBG {
    padding: 8px 20px;
    background-color: #ffffff;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    background-size: 100% 100%;
}

.Remember {
    font-size: 14px;
    margin-left: -101px;
    font-weight: 400;
    max-width: 172%;
}

.employetab {
    margin-bottom: 15px;
}

.UserTabDate {
    position: relative;
    padding: 12px 0;
}

    .UserTabDate span {
        display: block;
        vertical-align: middle;
        margin-top: 6px;
    }

        .UserTabDate span.text-sm {
            font-size: 18px;
            font-weight: 600;
            padding: 0px 0;
        }

    .UserTabDate .nextprevbtn a {
        text-decoration: none;
        display: inline-block;
        padding: 0;
        position: absolute;
        top: 13px;
        font-size: 16px;
        color: #612eae;
        border: #d7d7d7 solid 1px;
        line-height: 30px;
        width: 30px;
        text-align: center;
        border-radius: 100%;
        vertical-align: middle;
        height: 30px;
    }

        .UserTabDate .nextprevbtn a:hover {
            background-color: #612eae;
            border-color: #612eae;
            color: #ffffff;
        }

        .UserTabDate .nextprevbtn a.previous {
            left: 0;
        }

        .UserTabDate .nextprevbtn a.next {
            right: 0;
        }

.emp-tbl {
    margin-bottom: 30px;
}


    .emp-tbl table tr td, .emp-tbl table tr th {
        padding: 14px 20px;
        border-top-color: #e5e6f9;
    }

        .emp-tbl table tr td ul.list-inline {
            margin-bottom: 0px;
        }

    .emp-tbl table tr td {
        color: #313131;
        font-size: 16px;
    }

.attendanceOpt ul li span {
    display: block;
    padding: 6px 10px;
    font-weight: 700;
    font-size: 12px;
    background-color: #1fc2ff;
    border-left: #008ec3 solid 6px;
    border-radius: 5px;
    color: #fff;
}

    .attendanceOpt ul li span.danger {
        border-color: #ea2f6c;
        color: #ea2f6c;
        background-color: #facbda;
    }

    .attendanceOpt ul li span.primary {
        border-color: #09b5d3;
        color: #09b5d3;
        background-color: #c1ecf4;
    }

    .attendanceOpt ul li span.warning {
        border-color: #bb2aff;
        color: #bb2aff;
        background-color: #eecaff;
    }

    .attendanceOpt ul li span.success {
        border-color: #077cff;
        color: #077cff;
        background-color: #c1deff;
    }

    .attendanceOpt ul li span.holiday {
        border-color: #1fae37;
        color: #1fae37;
        background-color: #c7ebcd;
    }

    .attendanceOpt ul li span.early {
        border-color: #FF8A3D;
        color: #FF8A3D;
        background-color: #ffe2ce;
    }

    .attendanceOpt ul li span.export {
        border-color: #fff;
        color: #612eae;
        background-color: #fff;
        border: none;
        text-decoration: underline;
    }

    .attendanceOpt ul li span.set-occassion {
        border-color: #fff;
        color: #612eae;
        background-color: #fff;
        border: none;
        text-decoration: underline;
    }


.PunchingTbl .inappropriate, .PunchingTbl .inappropriate:hover, .PunchingTbl .inappropriate:active {
    background: #c1deff;
}

.attendanceOpt ul li span.disabled {
    cursor: default;
    opacity: 0.3;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.input-group-btn:last-child .btn, .input-group-btn:last-child .btn-group {
    z-index: 2;
    height: 34px;
    background-color: white;
    border-color: #612eae;
    border-left: none;
}

.input-group .form-control:focus {
    outline: none;
}

.searchbox .input-group .form-control, .searchbox .input-group .form-control:focus {
    box-shadow: none;
    border-color: #612eae;
    border-right: none;
}


.searchbox {
    position: relative;
    z-index: 2;
    width: 42%;
}

    .searchbox input {
        border-color: #612eae;
    }


.empdetails {
    border-bottom: 1px solid;
    margin: 0;
}

.empcontent span {
    padding-top: 5px;
    font-size: 20px;
    font-weight: 700;
    color: #612eae;
    border-bottom: #612eae solid 4px;
    display: inline-block;
    padding-bottom: 5px;
    position: relative;
    top: 5px;
}


.exportData {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

    .exportData th {
        color: white;
    }

.empdetails ul.nav.nav-tabs li:before {
    background-color: #dbdbdb;
    display: block;
    content: "";
    width: 1px;
    position: absolute;
    left: 0;
    z-index: 1;
    height: 20px;
    top: 12px;
}

.empdetails ul.nav.nav-tabs li.active:before {
    display: none;
}

.empdetails ul.nav.nav-tabs li a, .UserTab ul.nav.nav-tabs li a:hover {
    color: #612eae;
    font-size: 16px;
    font-weight: 500;
    background-color: #ffffff !important;
    border: none;
}

.empdetails ul.nav.nav-tabs li.active a, .UserTab ul.nav.nav-tabs li.active a:hover {
    background-color: #612eae !important;
    color: #ffffff;
    border: none;
}

.searchbox span {
    padding-top: 0px;
    display: inline-block;
    position: absolute;
    top: 0px;
    border: 0px;
    left: 0px;
}

.page-indx {
    cursor: pointer;
}

.err-msg {
    margin-left: 110px;
    color: red;
    margin-top: 16px;
    font-size: 15px;
}


.nodatafound-punch {
    line-height: 436px !important;
    text-align: center;
}

.PunchingTbl tbody {
    display: block;
    height: 498px;
    overflow: auto;
}

    .PunchingTbl thead, .PunchingTbl tbody tr, .PunchingTbl tfoot, .PunchingTbl tfoot tr {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

.PunchingTbl thead, .PunchingTbl tfoot {
    /*width: calc( 100% - 1em )*/
}

.attendanceOpt ul li span {
    display: block;
    padding: 6px 15px;
    font-weight: 700;
    font-size: 12px;
    border-radius: 5px;
    color: #fff;
    background-color: #612eae;
    border-left: 0;
}

ul.custom-popup.list-inline {
    position: absolute;
    right: 0;
    width: 240px;
    z-index: 9;
    background: #fff;
    padding: 7px 4px;
    border-radius: 5px;
    border: #dbdbdb solid 1px;
    top: 38px;
}

ul.custom-popup .form-control {
    padding: 1px 2px;
}

ul.custom-popup.list-inline li:first-child {
    width: 42%;
}

ul.custom-popup.list-inline li .btn {
    background: #612eae;
    color: #fff;
}

.fc-event-container .fc-title {
    color: #fff;
}

.hover-end {
    padding: 0;
    margin: 0;
    font-size: 75%;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    opacity: .8;
}

.notification {
    width: 100%;
    height: 51px;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.33s, opacity 0.33s linear;
    z-index: 10001;
    color: #fff;
    position: fixed;
}

    .notification.show-noti {
        visibility: visible;
        opacity: 1;
        transition-delay: 0.25s;
    }

    .notification.success {
        background-color: #00a27e;
    }

    .notification.warning {
        background-color: #ff7607;
    }

    .notification.error {
        background-color: #ea2f6c;
    }


.close-notifcation {
    float: right;
    margin-right: 12px;
    font-size: 26px;
}

.notification-msg {
    float: left;
    margin-left: 13px;
    font-size: 22px;
    margin-top: 9px;
}

.close-notifcation {
    cursor: pointer;
}

.fc-row tbody td.fc-day {
    cursor: pointer;
}

.registrationFormAlert {
    color: red;
}

.emp-header a {
    cursor: default;
}

.navbar-brand {
    cursor: pointer;
}

.empSearch {
    max-width: 320px;
}

    .empSearch .form-control {
        border-color: #612eae;
    }

    .empSearch .btn.btn-primary {
        color: #612eae;
    }

    .empSearch .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #612eae;
    }

    .empSearch .form-control::-moz-placeholder { /* Firefox 19+ */
        color: #612eae;
    }

    .empSearch .form-control:-ms-input-placeholder { /* IE 10+ */
        color: #612eae;
    }

    .empSearch .form-control:-moz-placeholder { /* Firefox 18- */
        color: #612eae;
    }

.show-me-all {
    cursor: pointer;
}

.add-control label {
    width: 90px;
}

#AddControl input {
}

#AddControl select#Type {
}

span.cerror-msg {
    display: block;
    text-align: left;
    padding-left: 0;
    color: #FF0000;
}

#AddControl input.form-control.cerror {
    border-color: #FF0000;
}

.UserTabDate .text-center.cdate {
    font-size: 20px;
    font-weight: 600;
}

.trShadow {
    float: left;
    width: 100%;
}

    .trShadow .timetxtblue.totalsporthour {
        float: right;
    }

    .trShadow .timetxtblue.totalworkinghour {
        float: right;
    }

.pull-right.open-punching-model {
    padding: 11px 0;
}

span.page-indx.disabled {
    cursor: pointer !important;
}

.User-info-tab {
    margin: 13px 0px;
    /*border-bottom: #dbdbdb solid 1px;*/
}

.category-name {
    padding-top: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #632CB5;
    border-bottom: #612eae solid 4px;
    display: inline-block;
    padding-bottom: 5px;
    position: relative;
}

.row.category-container {
    border-radius: 10px;
    padding: 1px 15px 15px 15px;
    margin: 16px 6px;
    background-color: #fff;
box-shadow: rgba(0,0,0,0.5) 0 0 10px;
}

.control-name {
    color: #632CB5;
    font-size: 12px;
}

#emp-data-structure .form-control[disabled], #emp-data-structure .form-control[readonly], #emp-data-structure .form-control {
    background-color: #FFF3FF;
    opacity: 1;
    color: #632CB5;
    border: none;
    box-shadow: none;
}

        /*.transBG{
                min-height: 100vh;
            }*/