body {
    background-image: url(index.svg);
}

@font-face {
    font-family: 'Roboto';
    src: url(../fonts/font-roboto/../fonts/font-roboto/Roboto-Regular.eot);
    src: url(../fonts/font-roboto/Roboto-Regular.eot?#iefix) format("embedded-opentype");
    src: url(../fonts/font-roboto/Roboto-Regular.woff2) format("woff2");
    src: url(../fonts/font-roboto/Roboto-Regular.woff) format("woff");
    src: url(../fonts/font-roboto/Roboto-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url(../fonts/font-roboto/Roboto-Medium.eot);
    src: url(../fonts/font-roboto/Roboto-Medium.eot?#iefix) format("embedded-opentype");
    src: url(../fonts/font-roboto/Roboto-Medium.woff2) format("woff2");
    src: url(../fonts/font-roboto/Roboto-Medium.woff) format("woff");
    src: url(../fonts/font-roboto/Roboto-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'Roboto-LightItalic';
    src: url(../fonts/font-roboto/Roboto-LightItalic.eot);
    src: url(../fonts/font-roboto/Roboto-LightItalic.eot?#iefix) format("embedded-opentype");
    src: url(../fonts/font-roboto/Roboto-LightItalic.woff2) format("woff2");
    src: url(../fonts/font-roboto/Roboto-LightItalic.woff) format("woff");
    src: url(../fonts/font-roboto/Roboto-LightItalic.ttf) format("truetype");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: 'Roboto-Italic';
    src: url(../fonts/font-roboto/Roboto-Italic.eot);
    src: url(../fonts/font-roboto/Roboto-Italic.eot?#iefix) format("embedded-opentype");
    src: url(../fonts/font-roboto/Roboto-Italic.woff2) format("woff2");
    src: url(../fonts/font-roboto/Roboto-Italic.woff) format("woff");
    src: url(../fonts/font-roboto/Roboto-Italic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: 'Roboto-ThinItalic';
    src: url(../fonts/font-roboto/Roboto-ThinItalic.eot);
    src: url(../fonts/font-roboto/Roboto-ThinItalic.eot?#iefix) format("embedded-opentype");
    src: url(../fonts/font-roboto/Roboto-ThinItalic.woff2) format("woff2");
    src: url(../fonts/font-roboto/Roboto-ThinItalic.woff) format("woff");
    src: url(../fonts/font-roboto/Roboto-ThinItalic.ttf) format("truetype");
    font-weight: 100;
    font-style: italic
}

@font-face {
    font-family: 'Roboto-Black';
    src: url(../fonts/font-roboto/Roboto-Black.eot);
    src: url(../fonts/font-roboto/Roboto-Black.eot?#iefix) format("embedded-opentype");
    src: url(../fonts/font-roboto/Roboto-Black.woff2) format("woff2");
    src: url(../fonts/font-roboto/Roboto-Black.woff) format("woff");
    src: url(../fonts/font-roboto/Roboto-Black.ttf) format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url(../fonts/font-roboto/Roboto-Bold.eot);
    src: url(../fonts/font-roboto/Roboto-Bold.eot?#iefix) format("embedded-opentype");
    src: url(../fonts/font-roboto/Roboto-Bold.woff2) format("woff2");
    src: url(../fonts/font-roboto/Roboto-Bold.woff) format("woff");
    src: url(../fonts/font-roboto/Roboto-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Roboto-Thin';
    src: url(../fonts/font-roboto/Roboto-Thin.eot);
    src: url(../fonts/font-roboto/Roboto-Thin.eot?#iefix) format("embedded-opentype");
    src: url(../fonts/font-roboto/Roboto-Thin.woff2) format("woff2");
    src: url(../fonts/font-roboto/Roboto-Thin.woff) format("woff");
    src: url(../fonts/font-roboto/Roboto-Thin.ttf) format("truetype");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'Roboto-Light';
    src: url(../fonts/font-roboto/Roboto-Light.eot);
    src: url(../fonts/font-roboto/Roboto-Light.eot?#iefix) format("embedded-opentype");
    src: url(../fonts/font-roboto/Roboto-Light.woff2) format("woff2");
    src: url(../fonts/font-roboto/Roboto-Light.woff) format("woff");
    src: url(../fonts/font-roboto/Roboto-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Roboto-BoldItalic';
    src: url(../fonts/font-roboto/Roboto-BoldItalic.eot);
    src: url(../fonts/font-roboto/Roboto-BoldItalic.eot?#iefix) format("embedded-opentype");
    src: url(../fonts/font-roboto/Roboto-BoldItalic.woff2) format("woff2");
    src: url(../fonts/font-roboto/Roboto-BoldItalic.woff) format("woff");
    src: url(../fonts/font-roboto/Roboto-BoldItalic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: 'Roboto-MediumItalic';
    src: url(../fonts/font-roboto/Roboto-MediumItalic.eot);
    src: url(../fonts/font-roboto/Roboto-MediumItalic.eot?#iefix) format("embedded-opentype");
    src: url(../fonts/font-roboto/Roboto-MediumItalic.woff2) format("woff2");
    src: url(../fonts/font-roboto/Roboto-MediumItalic.woff) format("woff");
    src: url(../fonts/font-roboto/Roboto-MediumItalic.ttf) format("truetype");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: 'Roboto-BlackItalic';
    src: url(../fonts/font-roboto/Roboto-BlackItalic.eot);
    src: url(../fonts/font-roboto/Roboto-BlackItalic.eot?#iefix) format("embedded-opentype");
    src: url(../fonts/font-roboto/Roboto-BlackItalic.woff2) format("woff2");
    src: url(../fonts/font-roboto/Roboto-BlackItalic.woff) format("woff");
    src: url(../fonts/font-roboto/Roboto-BlackItalic.ttf) format("truetype");
    font-weight: 900;
    font-style: italic
}

body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-style: normal;
    padding-bottom: 20px
}

.default-btn:hover {
    color: #000
}

@keyframes blinkingText {
    0% {
        color: #000;
        /* background:#ec0303;*/
    }
    50% {
        color: #ec0303;
        /* background:#fff;*/
    }
    100% {
        color: #000;
        /* background:#ec0303;*/
    }
}


/*Login page */

.bg_login {
    background: #176FC1;
}

.bg_reset {
    background: url(../img/bg-resets.jpg) center center fixed;
    background-position: inherit;
}

img.gemslogo {
    width: 150px;
    margin: 0 auto;
    margin-left: 32%;
}

#openVdo {
    color: white;
}

.login-dialog {
    width: 420px;
    margin-top: 150px;
}

.modal-dialog.login-dialog {
    margin-top: 150px;
}

.modal-body.login-body {
    padding: 15px 22px
}

.modal-content.login-content {
    border-radius: 0;
    box-shadow: none;
    border: none
}

.sign-in a {
    color: #666;
    text-decoration: none;
    font-size: 16px
}

.modal-header.login-header {
    padding: 10px 22px;
    position: relative;
    border-bottom: 1px solid #bdbdbe
}

.login-body .input-lg {
    border-radius: 0;
    background-color: #ffffff;
    padding: 0px 14px;
    height: 40px;
    font-size: 13px;
/*    border: 1px solid #fff;*/
/*    outline: none!important*/
}

.btn-login:focus {
    outline: none;
    outline: none;
    outline-offset: 0;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    text-decoration: none
}

.btn-login:hover {
    color: #fff
}

.login-body .input-lg::-webkit-input-placeholder {
    color: #666
}

.login-body .input-lg:-moz-placeholder {
    color: #666
}

.login-body .input-lg:-ms-input-placeholder {
    color: #666
}

.login-body input {
    outline: none
}

.login-body .form-control:focus {
    border: none;
    border-radius: 20px;
    border: 1px solid #B0BAC9;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.login-body .form-control {
    border-radius: 20px;
    border: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #B0BAC9;
    /* border: 1px solid #000; */
/*    background-color: #ddd!important;*/
}

.pd-30 {
    padding-bottom: 30px
}

.btn-login {
    background-color: #CE0D40;
    color: #fff;
    padding: 8px 26px;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 16px;
    color: #fff
}

span.pull-right.sign-in {
    position: absolute;
    right: 24px;
    bottom: 10px
}

.login-body .form-group {
    margin-bottom: 12px
}


/*Navbar*/

nav.navbar .title {
    text-align: right;
    width: 51%;
    height: 50px;
    line-height: 50px;
    margin: 0px;
}

.nav-bar nav.navbar.navbar-default {
    background: #176FC1!important;
    color: #fff!important
}

.nav-bar a,
a.dropdown-toggle.drop-down-main {
    color: #fff!important
}

a.dropdown-toggle.drop-down-main {
    font-size: 18px
}

.my-dropdown a {
    color: #666!important
}

.roll-select select {
    width: 100%;
    height: 30px;
    font-size: 12px;
    font-weight: 500;
    color: #666;
    cursor: pointer;
}

.widget-header {
    background-color: #f1c40f;
    color: #000;
    height: 100%;
    background-color: #cbccce
}

.widget-header h3 {
    font-size: 16px;
    padding-top: 12px;
    padding-left: 10px;
    margin-top: 0;
    padding-bottom: 10px;
    margin-bottom: 0
}

.roll-select-wrapper {
    padding: 12px 24px 12px 26px
}

.roll-wrapper {
    padding: 0;
    padding-bottom: 6px
}

.roll-select {
    padding: 0 5px 0 0
}


/*roll allocator*/

.box-wrap {
    padding: 0px 3px;
}

ul.roll-ul {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow-y: scroll;
    min-height: 330px;
    max-height: 330px;
    border: 1px solid #d8c7c7
}

ul.roll-ul li {
    background-color: #f4f6f9
}

ul.roll-ul li.odd {
    background-color: #fff;
    border-left: 4px solid #1fd507
}

ul.roll-ul li.white {
    background-color: #fff
}

ul.roll-ul li.even {
    border-left: 4px solid #ec2427;
    margin-bottom: 2px
}

span.roll-select-title {
    font-weight: 700;
    padding: 0;
    margin: 0;
    margin-left: 0
}

.roll-click-eye {
    padding: 0px 6px 0px 0px;
}

.roll-select-wrapper {
    padding: 12px 22px 12px 28px;
}

.roll-click-eye span {
    margin: 0 3px;
    font-size: 12px
}

.roll-click-eye span.glyphicon {
    font-size: 16px
}

a.a-eye {
    text-decoration: none;
    color: #666
}

.bg-white th {
    background-color: #fff
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #fff;
    content: ">"!important;
    font-size: 16px
}

.breadcrumb {
    padding: 0;
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
    font-size: 14px;
    color: #fff
}

.breadcrumb li:last-child {
    font-size: 22px;
}

.breadcrumb a {
    text-decoration: underline;
    font-size: 14px
}

.navbar-nav li a span {
    font-size: 18px
}

.title {
    float: left;
    width: 58%;
    margin: 0 auto;
    text-align: right;
    font-size: 1.7em;
    margin-top: 8px;
    text-align: right;
}

.top-corner-menu:before {
    padding: 0 5px;
    color: #ccc;
    content: "|"!important;
    font-size: 16px
}

ul.corner-menu {
    list-style: none
}

ul.corner-menu li {
    display: inline-block;
    font-size: 16px;
    padding: 0;
    margin: 0;
    width: 26px
}

.top-corner-menu:before {
    padding: 0 12px;
    color: #666;
    content: "|"!important;
    font-size: 20px
}

.corner-menu {
    margin-right: 62px;
    margin-top: 10px
}

ul.corner-menu li a {
    color: #666;
    font-weight: 700
}

ul.corner-menu li a:hover {
    color: #3297db;
    text-decoration: none
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.active>a {
    background: transparent
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background: transparent
}

.top-bar {
    padding-top: 6px;
    background: #fff;
}

.roll-select select {
    background-color: #fff;
    padding: 5px;
    font-size: 12px;
    line-height: 1;
    height: 34px;
    background-repeat: no-repeat;
    background-position: right;
    background-position: 145px;
    background-size: 11px;
    border: 1px solid #c7bdbd;
    padding-right: 4px;
    background-color: #fff;
    padding: 5px;
    font-size: 12px;
    line-height: 1;
    height: 34px;
    background-repeat: no-repeat;
    background-position: right;
    background-position: 145px;
    background-size: 11px;
    border: 1px solid #c7bdbd;
    padding-right: 4px
}

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

.roll-click-eye .glyphicon {
    top: 4px
}

.no-roll-container {
    display: table;
    width: 100%;
    height: 506px;
    border: 1px solid #ecc8c8
}

.no-roll-content {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.no-roll-content h1 {
    font-size: 50px;
    font-weight: 100;
    color: #cbcbcb;
    font-weight: 300;
    color: #8e8a8a
}

.no-roll-content .roll-click-eye {
    color: #cbcbcb
}

.no-roll-content .roll-click-eye span.glyphicon {
    color: #cbcbcb
}

button.name-drop {
    background: none;
    border: none;
    margin-top: 10px
}

ul.name-list {
    list-style: none;
    width: 100%;
    text-align: right;
}

ul.name-list li {
    display: inline-block;
    margin-top: 10px
}

.logout-dropdown {
    position: relative;
    top: -9px;
    left: 10px
}

.shift-btn {
    margin-left: -98px;
    margin-top: 14px;
    border-radius: 0;
    min-width: 50px;
    padding: 0
}

.logout-btn {
    width: 100%;
    text-align: center;
    margin: 0;
    margin-top: 0!important
}

li.logout-btn a {
    padding: 10px 20px
}

.logout-dropdown .glyphicon {
    color: #666
}

span.emp_name {
    font-weight: 700;
    color: #545454
}

.right-nav li a {
    font-size: 16px;
    padding: 0px 5px;
    margin: 0px 5px;
    height: 50px;
    line-height: 50px;
}

.right-nav li a span {
    font-size: 14px;
    margin-right: 4px
}

.right-nav {
    margin-top: 0px
}

.right-nav .dropdown a {
    background: none;
    border: none;
    box-shadow: none
}

.right-nav .dropdown ul li a {
    color: #666!important
}

.roll-select select option {
    font-size: 14px
}

img.cust-glyphicon {
    margin-right: 6px;
    margin-top: -4px
}

span.emp_details {
    color: #666;
    font-size: 12px;
    font-weight: 400
}

.no-roll-content h1 {
    font-size: 29px;
    line-height: 30px;
    padding: 10px
}

.no-roll-content h1 a {
    font-size: 14px;
    font-weight: 400;
    position: relative;
    top: -4px;
    margin: 0 10px 0 5px;
    padding: 6px 9px;
}

.no-roll-container.error-pge {
    height: 605px
}

.text-bold {
    font-weight: 700
}

ul.roll-ul.fixed .select-container {
    margin: -10px 0
}


/*Dashboard*/

.scroll-table {
    position: relative;
    border: 1px solid #ddd;
    background: #fff;
    overflow: hidden
}

section.positioned {
    position: absolute;
    top: 100px;
    left: 100px;
    width: 800px;
    box-shadow: 0 0 15px #333
}

.containers {
    overflow-y: auto;
    height: 428px
}

.scroll-table table {
    border-spacing: 0;
    width: 100%
}

.scroll-table td+td {
    border-left: 1px solid #ddd
}

.scroll-table td,
th {
    border-bottom: 1px solid #ddd;
    background: #fff;
    color: #000;
    padding: 10px
}


/* .scroll-table th{height:0;line-height:0;padding-top:0;padding-bottom:0;color:transparent;border:none;white-space:nowrap} */

.scroll-table th div {
    position: absolute;
    background: transparent;
    color: #000;
    padding: 10px 8px;
    top: 0;
    margin-left: -10px;
    line-height: normal;
    border-left: 1px solid #ddd!important;
    border-bottom: 1px solid #ddd!important;
    width: 100%;
    background-color: #f2f0f1
}

.scroll-table th:first-child div {
    border: none
}

.right-nav li a:hover {
    color: #000!important
}

li.right-nav-sub ul li a i {
    font-size: 16px;
    color: #666;
    margin-right: 6px
}

.shift-btn li a span {
    margin-left: 6px
}

.box-wrap .box-no1 {
    background-color: #ec2427;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    padding: 2px 0 0;
    height: 35px
}

.box-wrap .box-no2 {
    background-color: #1ed406;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    padding: 2px 0 0;
    height: 35px
}

.box-wrap .box-no3 {
    background-color: #ddd;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    padding: 2px 0 0;
    height: 35px;
}

.box-wrap .box-content {
    font-size: 12px;
    font-weight: 500;
    padding: 0px 0 0 5px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    height: 35px;
    color: #666;
    line-height: 35px;
}

.mb-15 {
    margin-bottom: 15px
}

.roll-wrapper .sub-title {
    font-size: 12px;
    color: #666;
}

.roll-wrapper .roll-select-title {
    font-size: 14px;
    margin: 0;
    font-weight: 600
}

.roll-eye-wrapp {
    background-color: #ddd;
    width: 108px;
    text-align: center;
    padding: 4px 0px;
}

.default-btn {
    font-size: 11px;
    background: #CE0D40;
    color: #fff;
    border-radius: 0;
    text-transform: uppercase;
    padding: 10px 20px;
    font-size: 11px;
    font-weight: 400;
    border: none;
    text-decoration: none!important
}

.mr-5 {
    margin-right: 5px
}

.mtb-10 {
    margin-top: 15px;
    margin-bottom: 15px
}

.m-auto {
    margin: 0 auto
}

.mrt-5 {
    margin-right: 5px;
    margin-top: 5px
}

.shift-btn li a:hover {
    color: #000;
    background: transparent;
    font-weight: 700
}

.shift-btn li a {
    color: #666
}

.shift-btn li a:hover .glyphicon-off:before {
    content: "\e017";
    color: #000;
    font-weight: 700
}

.right-nav-sub .dropdown-menu {
    min-width: 130px;
    width: 250px;
    left: 0px;
}

.right-nav .dropdown ul li a:hover {
    background: transparent;
    font-weight: 700
}

a.roll-eye-wrapp:hover {
    text-decoration: none;
    color: #000
}

a.roll-eye-wrapp {
    text-decoration: none;
    color: #666;
    cursor: pointer;
    border: 1px solid #988d8d;
    box-sizing: border-box;
}

.right-nav li.active a {
    color: #000!important
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #555;
    background-color: transparent;
    box-shadow: none
}

.error-form-box {
    padding: 15px 34px
}

.error-form-box span {
    color: #666;
    font-weight: 500
}

.mt-15 {
    margin-top: 15px
}

textarea.form-control.mt-15 {
    resize: none;
    width: 100%;
    height: 122px;
    border-radius: 0
}

.error-form-btn {
    padding: 0 34px
}

.data-table td,
.data-table th {
    border: 1px solid #e8d3d3;
    border-left: none;
    border-bottom: none
}

.data-table {
    border-left: 1px solid #e8d3d3
}

.data-table thead th {
    background-color: #f7f7f7
}

.data-table tbody th {
    background-color: #f7f7f7
}

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
    background-color: #fff
}


/*table.dataTable tbody tr{background-color:#f9f9f9}*/

table.dataTable.display tbody tr.odd>.sorting_1,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
    background-color: transparent
}

#data-tables td:nth-child(2),
#data-tables thead th:nth-child(2) {
    text-align: left
}

table.dataTable td {
    text-align: center
}

table.dataTable td a i {
    font-size: 18px;
    color: #000
}

table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
    background-color: #f6f6f6!important
}

.dashboard-btn button {
    background: #3f3c3d;
    color: #fff;
    float: left
}

.data-table thead tr th {
    border-bottom: 4px solid #b5b5b5;
}

#performance-dashboard.data-table thead tr th {
    border-bottom: 4px solid #b5b5b5;
    white-space: nowrap;
}

.dashboard-btn select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    padding: 0 30px;
    font-size: 16px;
    line-height: 1;
    height: 40px;
    background-image: url(../img/br_down.png);
    background-repeat: no-repeat;
    background-position: right;
    -webkit-appearance: none;
    background-position: 125px;
    background-size: 14px;
    border: 1px solid #c7bdbd;
    text-align: left;
    padding: 0 40px 0 15px;
    margin: 0;
}

a.disabled {
    pointer-events: none;
    cursor: default
}

.arrow-green {
    color: #18c400
}

.c100>span {
    color: #e2220e
}

.c100.green .bar,
.c100.green .fill {
    border-color: #fd0!important
}

.col-7 {
    width: 58.33333333%;
    float: left
}

.col-5 {
    width: 41.66666667%;
    float: left
}

.grap-wrapper .title {
    font-size: 14px;
    text-align: left
}

.grap-wrapper .sub-title {
    font-size: 14px
}

.list h5 {
    font-size: 15px;
    padding-left: 10px
}

.grap-wrapper .title {
    font-size: 16px;
    text-align: left;
    font-weight: 500;
    border-bottom: 3px solid #f37124;
    height: 30px;
    padding: 0 0 0 14px
}

.grap-wrapper .sub-title {
    font-size: 14px;
    font-size: 14px;
    background-color: #f7f7f7;
    font-weight: 500;
    height: 38px;
    padding: 8px 0 0 10px;
    border-bottom: 3px solid #f37124
}

.list h5 {
    font-size: 12px;
    padding-left: 10px;
    font-weight: 700;
    color: #383737;
    font-weight: 700;
    font-family: Roboto-Bold;
}

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

.list ul li {
    padding-left: 20px;
    background-image: url(../img/list-arrow.png);
    background-repeat: no-repeat;
    background-position: 10px;
    font-weight: 600;
    font-size: 12px;
}

.list {
    background-color: #f7f7f7;
    height: 120px
}

.grap-wrapper .sub-title span {
    color: #fe1010;
    font-weight: 500
}

.shadow-wrapper {
    border: 1px solid #ddd;
    box-shadow: -6px 6px 0 #f54343
}

.mb-20 {
    margin-bottom: 30px
}

.dash-3 .box-wrap .box-content {
    border: none
}

.c100>span {
    color: #fd0
}

.c100.green:hover>span {
    color: #fd0
}

.c100 {
    background-color: #fff19e
}

.dash-9 .title h2 {
    font-size: 28px;
    font-weight: 400;
    padding: 0;
    margin: 0
}

.dash-9 .title .small {
    font-size: 14px;
    color: #666;
    font-weight: 500
}

.dash-9 .title {
    text-align: left;
    margin-top: 40px
}

.c100:after {
    background-color: #fff
}

.cohort-details h3 {
    font-size: 16px;
    text-align: center;
    background-color: #f7f7f7;
    border-left: 1px solid #e8d3d3;
    border-right: 1px solid #e8d3d3;
    height: 148px;
    padding-top: 20px;
    padding-bottom: 0;
    margin: 0
}

.cohort-details h3 .high-red {
    color: #ff0100;
    font-weight: 700
}

.cohort-details h3 .high-red mark {
    color: #ff0100;
    font-weight: 700;
    font-size: 30px;
    position: relative;
    top: 2px;
    background-color: transparent;
    left: -5px
}

.cohort-details {
    color: #666
}

.cohort-details .small {
    font-size: 12px;
    font-weight: 500;
    color: #666;
    position: relative;
    top: 8px
}

.performance-dashboard .dataTables_length,
.dataTables_filter {
    display: none
}

.performance-dashboard .performance-dashboard-table td:nth-last-child(2) {
    background-color: #f7f7f7
}

.performance-dashboard .performance-dashboard-table td:last-child {
    background-color: #f7f7f7
}

.performance-dashboard .performance-dashboard-table td:first-child {
    text-align: left
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none
}

.c100.p64.green {
    margin-top: 15px
}

ul.man-icon {
    list-style: none;
    padding: 0;
    margin: 0
}

ul.man-icon li {
    display: inline-block;
    padding: 0;
    margin: 0 2px;
    font-size: 16px
}

.bar-green {
    color: #fd0;
    font-size: 20px;
    position: relative;
    top: -5px;
}

.arrow-red {
    color: #ff0004;
    font-size: 20px
}

.arrow-green {
    color: #18c400;
    font-size: 20px
}

.achiev {
    color: #CE0D40;
}

.branch-achiev {
    color: #c081f4
}

.performance-dashboard-table td {
    padding: 0 10px!important;
    height: 40px
}

.color-one {
    color: #e68d8d
}

.color-two {
    color: #e6c18d
}

.color-three {
    color: #ded98d
}

.color-four {
    color: #a2d78d
}

.color-five {
    color: #9ec98d
}

.fill-yellow {
    color: #fd0;
    border-bottom: 2px solid #403f3f;
    font-size: 18px
}

.fill-green {
    color: #fcb145;
    border-bottom: 2px solid #403f3f;
    font-size: 18px
}

.fill-red {
    color: red;
    border-bottom: 2px solid #403f3f;
    font-size: 18px
}

.fill-pink {
    color: #fbafaf;
    border-bottom: 2px solid #403f3f;
    font-size: 18px
}

.fill-red {
    color: red;
    border-bottom: 2px solid #403f3f;
    font-size: 18px
}

.fill-other {
    color: #32ad00;
    border-bottom: 2px solid #403f3f;
    font-size: 18px
}

section.footer-links .man-icon {
    width: 46%;
    float: left
}

section.footer-links span {
    float: right;
    font-weight: 700;
    color: #666
}

section.footer-links .wrapper {
    width: 20%;
    float: left;
    text-align: center;
    display: block;
    padding: 0 5px;
    font-size: 12px;
    height: 40px;
    line-height: 40px
}

section.footer-links .wrapper span {
    float: left;
    padding-left: 10px
}

section.footer-links .wrapper div {
    float: left
}

.cust-75 {
    width: 74.75%
}

.cust-25 {
    width: 24.6%;
    padding: 0px;
    border-left: none!important;
}

.cust-42 {
    width: 42%;
    border-left: 0px;
}

.performance-dashboard .dataTables_info {
    display: none
}

.performance-dashboard .dataTables_paginate.paging_simple_numbers {
    display: none
}

section.footer-links {
    margin: 15px 0
}

.dash-3 .box-wrap .box-no1 {
    background-color: #f7f7f7;
    color: #666
}

.vcenter {
    display: flex;
    align-items: center;
    height: 130px
}

.growth-meter .c100 {
    font-size: 100px
}

.content-border-wraper {
    border: 1px solid #e8d3d3;
    background-color: #f7f7f7;
    /*min-height: 450px;*/
}

.border-left {
    border-left: 1px solid #e8d3d3;
    height: 122px
}

.border-right {
    border-right: 1px solid #e8d3d3;
    height: 122px
}

.mt-8 {
    margin-top: -8px
}

.cust-padding {
    padding: 0 0 0 15px
}

.cust-padding ul {
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0
}

.cust-padding ul li {
    width: 100%;
    padding: 0;
    font-size: 16px;
    height: 40px;
    line-height: 40px
}

.cust-padding ul li span {
    float: right;
    background-color: #f7f7f7;
    padding: 0;
    height: 40px;
    width: 54px;
    text-align: center;
    line-height: 40px;
    font-weight: 700
}

span.text-success {
    color: #faab00!important
}

span.text-danger {
    color: red!important;
    /*font-weight: bold;*/
}

.content-border-wraper h3 {
    font-weight: 700;
    font-family: Roboto-Bold;
    font-size: 18px;
    padding-bottom: 10px;
    padding-left: 15px
}

.upload-drop-zone {
    height: 200px;
    border-width: 2px;
    margin-bottom: 20px;
    height: 200px;
    border-width: 2px;
    margin-bottom: 20px
}

.upload {
    position: relative
}

.upload .alert {
    float: left;
    position: relative;
    top: -6px;
    float: left;
    position: relative;
    top: -6px;
    padding: 14px 10px;
    margin: 0;
    background: transparent;
    border: none
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #3f3c3d;
    border-color: #204d74
}

.image-preview-input {
    position: relative;
    overflow: hidden;
    margin: 0;
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.image-preview-input input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0)
}

.image-preview-input-title {
    margin-left: 2px
}

.c100.p50.red span {
    background-color: transparent;
    color: #e52815
}

.red .bar {
    border: .08em solid #e52815
}

.c100.p50.red {
    background-color: #e5c5c8
}

.vcenter h4 {
    width: 100%
}

.top-section {
    color: #666
}


/*accordions*/

.accordions .left-side {
    font-size: 15px;
    text-align: left;
    font-weight: 700;
    font-family: Roboto-Bold;
    height: 37px;
    padding: 0 0 0 14px;
    width: 58%;
    display: block;
    float: left;
    color: #666;
    line-height: 37px;
    text-transform: uppercase;
    color: #383737;
}

.accordions .right-side {
    font-size: 12px;
    background-color: #f7f7f7;
    font-weight: bold;
    padding: 0;
    text-align: right;
    width: 41.5%;
    display: block;
    float: right;
    color: #666;
    height: 37px;
    line-height: 37px;
    padding: 0 14px 0 0;
    font-weight: 700;
    color: #383737;
    font-weight: 700;
    font-family: Roboto-Bold;
}

.accordions .panel-default>.panel-heading {
    height: 37px;
    padding: 0;
    line-height: 37px
}

.right-side mark {
    background-color: transparent;
    font-weight: 700;
    font-family: Roboto-Bold;
}

.accordions .panel-default>.panel-heading {
    background-color: transparent
}

.accordions .panel-body {
    padding: 0
}

.accordions .list {
    color: #666
}

.text-red {
    color: #fe1010;
    font-weight: 500
}

.accordions .panel {
    margin-bottom: 12px;
    border-radius: 0;
    box-shadow: -5px 5px 0 #f54343;
    box-shadow: -5px 5px 0 #bbbaba;
}

.accordions .panel.panel-default.active {
    box-shadow: -5px 5px 0 #ec7a34;
}

.dashboard-btn button:hover {
    color: #fff
}

.detail-box .title {
    font-size: 16px
}

.price-left {
    height: 80px;
    padding-top: 3%!important
}

.price-right {
    height: 80px;
    padding-top: 8%!important
}

.orange-bg {
    background-color: #CE0D40;
    color: #fff;
    text-align: left
}

.grey-bg {
    background-color: #efedee;
    color: #666;
    text-align: left
}

.white-bg {
    background-color: #fff;
    color: #666;
    text-align: center
}

.detail-box .col-md-6 {
    padding: 0;
    margin: 0;
}

.orange-bg mark {
    background: transparent;
    color: #fff;
    font-size: 14px
}

.white-bg mark {
    background: transparent;
    color: #666;
    font-size: 14px
}

.detail-box h5 {
    font-size: 22px;
    padding: 0;
    margin: 0;
    text-align: center;
    height: 40px;
    position: absolute;
    bottom: 0;
    width: 100%;
    line-height: 40px;
    font-weight: 600;
}


/*Tabs*/

.resp-tab ul {
    width: 100%
}

.resp-tab ul.nav li {
    width: 50%;
    font-size: 18px;
    text-align: center;
    color: #fff;
    background-color: #bebebe;
    background-color: #f48746;
}

.resp-tab ul.nav li a {
    color: #fff;
    border-radius: 0;
    margin-right: 0px;
}


/*.resp-tab ul.nav li.active a {background-color: #fff;color: #666;}
.resp-tab ul.nav li a {color: #fff;border-radius: 0;background-color: #bebebe;}
.nav-tabs>li>a:hover {border-color: transparent;background-color: #929190 !important;color: #fff !important;}*/

.resp-tab ul.nav li.active a {
    color: #666;
    color: #383737;
}

.tab-content {
    border: 1px solid #e8d3d3;
    background: #fff;
    overflow: auto;
    padding-bottom: 20px;
}

.detail-box ul.man-icon li {
    margin: 0
}

.resp-tab ul.man-icon {
    padding-left: 8px;
    text-align: center;
}

.detail-box .top {
    background-color: #f6f4f5;
    height: 40px;
    line-height: 40px;
    font-weight: 700;
    font-family: Roboto-Bold;
}

.upload-options button {
    border-radius: 0;
    padding: 8px 16px;
    font-size: 16px
}

.upload-options ul.drtextarea.pop-up {
    resize: none;
    width: 100%;
    height: 150px;
    border: 1px solid #d6cccc
}

opdown-menu {
    top: 44px;
    left: 0;
    width: 70%;
    font-size: 14px
}

section.upload-options h5 {
    color: #666;
    padding-left: 16px
}


/*.upload .up-btn{position:absolute;right:0;top:0;border-radius:0 5px 5px 0}*/

.upload input,
.upload button {
    height: 40px
}

.image-preview-filename {
    height: 40px
}

.upload .choose {
    height: 40px
}

.image-preview-input {
    height: 40px;
    line-height: 28px
}

ul.roll-ul.fixed {
    border-bottom: none;
    overflow: hidden;
    padding-right: 18px;
    background-color: #e9ebec
}

select:disabled {
    background: #ddd;
    cursor: default;
}

.fixed-roll h5 {
    color: #666
}

ul.roll-ul.fixed li {
    background-color: #e9ebec
}

#myModal1 textarea.pop-up {
    resize: none;
    width: 100%;
    height: 150px;
    border: 1px solid #d6cccc
}

div#myModal1 .close {
    color: #CE0D40;
    opacity: .5
}

div#myModal1 .close:hover {
    opacity: 1
}

.detail-box {
    border: 1px solid #e8d3d3;
    margin-left: 7px;
    padding: 0;
    background-color: #f6f4f5;
    /*width: 238px;*/
    width: 32%;
    margin-top: 20px;
    margin-bottom: 0px;
}

.resp-tab {
    padding-bottom: 15px
}

.grey-bg {
    background-color: #efedee
}

.grey-bg mark {
    background: transparent;
    color: #666;
    font-size: 14px
}

.price-right span {
    position: absolute;
    top: 5px;
    left: 10px;
    font-size: 12px;
}

.price-left span {
    position: absolute;
    top: 5px;
    padding: 0px 5px;
    height: 40px;
    font-size: 12px;
}

.top-section {
    margin-top: -20px
}

.top-section .box {
    height: 140px;
    line-height: 140px;
    border-left: 1px solid;
    border-left: 1px solid #e8d3d3;
    overflow: hidden;
}

.top-section ul.ul-list {
    line-height: 25px;
    padding: 0;
    margin: 0;
    list-style: none
}

.top-section .bg-color {
    background-color: #fee9bd
}

.top-section .box ul-list {
    line-height: 21px
}

.mt-30 {
    margin-top: 5%
}

.top-section .box:nth-child(3) img {
    width: 75%
}

.mt-20 {
    margin-top: 20px
}

.top-section .box .top-title {
    font-weight: 400;
    color: #383737;
    /* font-size: 14px; */
    font-weight: 700;
    font-family: Roboto-Bold;
}

.top-section .box h3.top-title {
    font-weight: 400;
    color: #383737;
    font-size: 20px;
    font-weight: 700;
    font-family: Roboto-Bold;
}

.cust-10 h5 {
    font-weight: 700;
    font-family: Roboto-Bold;
}

.top-section .box .ul-list {
    font-weight: 400
}

.top-section .box .ul-list li {
    background-image: url(../img/list-arrow-org.png);
    background-repeat: no-repeat;
    background-position: 3px 8px;
    padding-left: 16px;
    color: #565656;
}

.no-bg ul li {
    background-image: none!important;
    padding-left: 0!important
}

.box .mt-8 {
    margin-top: 10px
}

.resp-tab .fade.in {
    opacity: 1
}

.resp-tab .fade {
    opacity: 1
}

.resp-tab ul.nav li:hover {
    background-color: #eee
}

font-weight:500;

/*Progress bar*/

div#performance-dashboard_wrapper .progress {
    min-width: 110px;
    border-radius: 0
}

div#performance-dashboard_wrapper .progress-bar {
    background-color: #CE0D40
}

.hide-border {
    border-right: 1px solid #f9f9f9!important
}

table#performance-dashboard .progress {
    min-width: 100px;
    margin: 0;
    background-color: #fff;
    -moz-box-shadow: inset 0 0 5px #c5afaf;
    -webkit-box-shadow: inset 0 0 5px #c5afaf;
    box-shadow: inset 0 0 5px #c5afaf;
}

table#performance-dashboard .progress-bar {
    background-color: #CE0D40
}

.upload form {
    display: inherit
}

.upload form {
    display: inherit
}

.role_error {
    color: red;
    font-size: 12px
}

.text-bold {
    font-weight: 700
}

.font-disabled {
    color: #cbcbcb;
}


/*Guide */

span.guide-breadcrum {
    font-size: 18px
}

.guide-title {
    width: 54%;
    text-align: right;
}

.guide .right-nav li.active a:hover {
    color: #fff!important;
}

.pb-15 {
    padding-bottom: 20px
}

.bootstrap-dialog.type-primary .red {
    background-color: #dc0000
}

.bootstrap-dialog.type-primary .green {
    background-color: #2adc06
}

.close:focus,
.close:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 1
}

.close,
.close {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5
}

.custom-file-upload-hidden {
    display: none;
    visibility: hidden;
    position: absolute;
    left: -9999px
}

.custom-file-upload {
    display: block;
    width: auto;
    font-size: 16px
}

.custom-file-upload label {
    display: block;
    margin-bottom: 5px
}

.file-upload-wrapper {
    position: relative;
    margin-bottom: 5px
}

.file-upload-input {
    width: 46%;
    color: #fff;
    font-size: 16px;
    padding: 11px 17px;
    background-color: #fff;
    outline: none;
    border: 1px solid #b1adad;
    color: #666;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    float: left
}

.file-upload-input:hover,
.file-upload-input:focus {
    background-color: #fff;
    outline: none;
    border: 1px solid #b1adad;
    color: #666
}

.file-upload-button {
    cursor: pointer;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 11px 20px;
    border: none;
    margin-left: -1px;
    background-color: #962d22;
    float: left;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.file-upload-wrapper {
    width: 100%;
    float: right;
}

button.btn.up-btn {
    width: 30%;
    float: left;
    border-radius: 0
}

.custom-file-upload {
    display: flex;
    width: 100%;
}

.upload-options .dropdown-menu {
    top: 45px;
    left: 10px
}

.footer-section ul li {
    display: inline-block;
    float: left;
    font-size: 12px;
    height: 10px;
    line-height: 6px
}

.footer-section ul li b {
    height: 10px;
    line-height: 18px;
    font-weight: 700;
    font-family: Roboto-Bold;
}

.footer-section ul li img {
    position: relative;
    top: -9px
}

section.legends {
    padding: 10px 0
}

.footer-section ul li i {
    font-size: 16px;
    margin: 0;
    padding: 0
}

.footer-section ul li span {
    margin-right: 20px;
    margin-left: 3px;
    position: relative;
    top: 6px
}


/*.footer-section ul li i{position:relative;top:7px;    left: -2px}*/

.top-section .box .ul-list li span {
    color: #333131;
    font-weight: 700
}


/*Pop up */

#reporting_err_modal_popup .modal-body textarea {
    width: 100%;
    resize: none;
    height: 100px;
    color: #666;
    font-size: 16px
}

#reporting_err_modal_popup .primary {
    background-color: #939192;
    color: #fff
}

#reporting_err_modal_popup .sucess {
    background-color: #CE0D40;
    color: #fff
}

#reporting_err_modal_popup .danger {
    background-color: #e41010;
    color: #fff
}

.guide .default-btn {
    color: #fff;
    background: #22a5f3;
    border-color: #22a5f3;
    height: 37px
}

.guide .default-btn:hover {
    color: #fff;
    background: #22a5f3;
    border-color: #22a5f3
}

.guide .img-responsive,
.thumbnail>img,
.thumbnail a>img,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    display: block;
    max-width: inherit!important;
    height: auto
}

.top-fix {
    margin-top: -18px
}

.guide .top {
    top: 9px;
    position: relative
}

.guide a.default-btn.pull-right {
    position: relative;
    left: 32px
}

.mt-custom {
    margin-top: -17px
}

a.default-btn.top.slide-1 {
    position: absolute;
    top: 14%;
    left: 36.5%;
    width: 10%;
    height: 8%;
    background-color: rgba(255, 255, 255, 0.1)
}

a.default-btn.top.slide-3 {
    position: absolute;
    top: 40%;
    left: 3%;
    width: 14%;
    height: 7%;
    background-color: rgba(255, 255, 255, 0.1);
}

a.default-btn.top.slide-4 {
    position: absolute;
    top: 44%;
    left: 3%;
    width: 13.5%;
    height: 41%;
    background-color: rgba(255, 255, 255, 0.1)
}

a.default-btn.top.slide-5 {
    position: absolute;
    top: 42%;
    left: 17%;
    width: 14.5%;
    height: 32%;
    background-color: transparent;
    position: absolute;
    top: 40%;
    left: 17%;
    width: 13.5%;
    height: 35%;
    background-color: rgba(255, 255, 255, 0.1)
}

a.default-btn.top.slide-6 {
    position: absolute;
    top: 32%;
    left: 35.5%;
    width: 9.5%;
    height: 6.5%;
    background-color: rgba(255, 255, 255, 0.1)
}

a.default-btn.top.slide-9 {
    position: absolute;
    top: 86%;
    left: 33.5%;
    width: 7%;
    height: 6%;
    background-color: rgba(255, 255, 255, 0)
}

a.default-btn.top.slide-10 {
    position: absolute;
    top: 86%;
    left: 40.5%;
    width: 6.5%;
    height: 6%;
    background-color: rgba(255, 255, 255, 0)
}

a.default-btn.top.slide-12 {
    position: absolute;
    top: 86%;
    left: 40.5%;
    width: 7%;
    height: 6%;
    background-color: rgba(255, 255, 255, 0)
}

a.default-btn.top.slide-14 {
    position: absolute;
    top: 86%;
    left: 40%;
    width: 7.5%;
    height: 6%;
    background-color: rgba(255, 255, 255, 0)
}

a.default-btn.top.slide-15 {
    position: absolute;
    top: 86%;
    left: 13%;
    width: 7.5%;
    height: 6%;
    background-color: rgba(255, 255, 255, 0)
}

a.default-btn.top.slide-16 {
    position: absolute;
    top: 86%;
    left: 1%;
    width: 12%;
    height: 6%;
    background-color: rgba(255, 255, 255, 0)
}

.shift-up {
    position: relative;
    top: 3px!important
}

.avg-ticket-size .detail-box {
    height: 158px;
    float: left
}

.avg-ticket-chart .container-speed {
    padding: 0;
    margin: 0
}

.avg-ticket-chart {
    padding: 0 8px;
    background-color: #fff
}

.avg-ticket-chart rect.highcharts-background {
    fill: transparent;
    width: 100%!important
}


/*.circle-wrapper .chart-wrap{position:relative;left:-15px}*/

.avg-ticket-title {
    font-size: 14px;
}

.cust-mp {
    padding: 0 15px
}

a.default-btn.top.slide-1 {
    position: absolute;
    top: 13%;
    left: 36%;
    width: 9%;
    height: 7%;
    background-color: transparent
}

.navigation {
    position: relative
}

.fixed-width {
    width: 100%!important;
    margin: 0 auto;
    overflow-x: auto
}

.fixed-width .container {
    width: 1170px!important
}

.top-section {
    margin-top: -20px!important
}

.datepick {
    color: #666;
    background-color: transparent;
    color: #fff;
    padding: 0 0 0 5px;
    width: 78px;
    border: transparent;
    cursor: pointer;
    height: 40px;
    line-height: 40px
}

.datepick:hover {
    color: #000
}

.navbar-default .navbar-nav>li>a:hover {
    color: #000!important
}

body.performance-dashboard .title {
    width: 46%
}

body.performance-dashboard .main-title {
    width: 57%
}

.growth-meter.mt-20 {
    margin: 10px 0 0;
    padding: 0
}

.ui-widget-header .ui-icon {
    background-image: url(../img/ui-icons_444444_256x240.png)
}

#top-container text.highcharts-axis-title {
    display: none
}

#top-container rect.highcharts-background {
    height: auto
}

.cust-10 {
    padding: 0 0 0 10px;
    margin-top: 15px
}

.circle-wrapper {
    width: 100%!important
}

.select-container optgroup {
    font-weight: 400;
    font-size: 15px
}

.footer-shift {
    width: 60%
}

.nav-tabs .full-width {
    width: 100%!important;
    text-align: left!important
}

.home-box {
    background-color: #fff;
    color: #1b4a98;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 12px 17px;
    margin: 10px 0;
    min-height: 75px;
    border-radius: 7px;
}

.home-box h3 {
    font-size: 30px;
    font-weight: 400;
    text-transform: capitalize;
}

.home-bg {
    background-color: #f4f6fc;
    margin-top: -20px;
    padding: 118px 0;
    height: 82vh;
    background-size: cover;
    background-size: 110%;
    background-position: 52% 0
}

.home-bg .col-sm-4 {
    padding-bottom: 10px;
}

.home-bg a img {
    display: inline-block;
    width: 45px;
}

.home-bg a span {
    font-size: 40px;
    display: inline-block;
}

.home-bg a i {
    font-size: 40px!important;
    display: inline-block;
}

.home-bg a h3 {
    display: inline-block;
    font-size: 22px;
    margin: 0;
    text-align: left;
    padding-left: 9px;
    text-transform: capitalize;
}

.title span {
    visibility: hidden;
}

.home-box:hover {
    border-left: 10px solid #CE0D40;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    color: #CE0D40;
    box-shadow: 3px 3px 11px #b4b4b4;
}

select {
    padding: 10px
}


/*option{height:20px;margin:20px;line-height:20px;padding:20px}*/

.w3-content ul {
    padding: 0;
    margin: 0;
    padding-bottom: 3px;
    padding-bottom: 3px
}

.w3-content img {
    width: 100%
}

.multi-level .dropdown-submenu {
    position: relative
}

.multi-level .dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px
}

.multi-level .dropdown-submenu:hover>.dropdown-menu {
    display: block
}

.multi-level .dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px
}

.multi-level .dropdown-submenu:hover>a:after {
    border-left-color: #fff
}

.multi-level .dropdown-submenu.pull-left {
    float: none
}

.multi-level .dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px
}

.submenu {
    color: #fff;
    background-color: #3f3c3d!important;
    border-color: #3f3c3d!important
}

ul.roll-ul.fixed {
    border-bottom: none;
    overflow: hidden;
    padding-right: 18px;
    background-color: #e9ebec;
    max-height: 82px;
    min-height: 82px
}

.tab-pane .title {
    float: left;
    width: 50%;
    margin: 0 auto;
    text-align: right;
    font-size: 15px;
    margin-top: 0;
    text-align: left;
    font-weight: 600;
    color: #666;
    padding-left: 5px
}

#data-tables_length select {
    padding: 0;
    margin: 0;
    height: 45px;
    line-height: 45px;
    width: 40%
}

#data-tables_length select option {
    padding: 0 25px;
    margin: 0;
    height: 40px;
    line-height: 40px
}

#data-tables_length select {
    padding: 0;
    margin: 0;
    height: 45px;
    line-height: 45px;
    width: 40%
}

#data-tables_length select option {
    padding: 12px 25px 0 10px;
    margin: 0;
    height: 40px;
    line-height: 40px
}

span.guide-breadcrum,
span.out_of {
    font-size: 18px
}


/*#top-container rect{width:100%!important}*/

.submenu {
    color: #fff;
    background-color: #3f3c3d!important;
    border-color: #3f3c3d!important
}

ul.roll-ul.fixed {
    border-bottom: none;
    overflow: hidden;
    padding-right: 18px;
    background-color: #e9ebec;
    max-height: 82px;
    min-height: 82px
}

ul.roll-ul li.grey {
    background-color: #fff;
    border-left: 4px solid #ddd
}

.select-container optgroup {
    font-size: 15px
}

.select-container optgroup[label=""] {
    font-size: 4px
}

.select-container optgroup[xyz="123"] {
    font-size: 1px
}

.hide-calendar .ui-datepicker-calendar {
    display: none
}

button.ui-datepicker-current {
    display: none
}

.multi-level .dropdown-submenu {
    position: relative
}

.multi-level .dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px
}

.multi-level .dropdown-submenu:hover>.dropdown-menu {
    display: block
}

.multi-level .dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px
}

.multi-level .dropdown-submenu:hover>a:after {
    border-left-color: #fff
}

.multi-level .dropdown-submenu.pull-left {
    float: none
}

.multi-level .dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px
}

.submenu {
    color: #fff;
    background-color: #3f3c3d!important;
    border-color: #3f3c3d!important
}

.dropdown {
    position: relative;
    /*width:95px;*/
    float: left
}

.right-nav .dropdown a {
    background: none;
    border: none;
    box-shadow: none;
    background-color: rgba(2, 1, 1, 0)!important
}

.multi-level .dropdown-submenu>a:after {
    display: none;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #939192;
    margin-top: 5px;
    margin-right: -3px
}

.multi-level .dropdown-submenu {
    position: relative;
    height: 36px;
    line-height: 36px
}

.right-nav .dropdown ul li a {
    color: #666!important;
    height: 36px;
    line-height: 36px
}

.upload input,
.upload button {
    height: 40px;
    font-size: 14px;
    text-transform: uppercase
}

.dashboard-btn button {
    background: #176FC1;
    color: #fff;
    float: left;
    height: 40px;
    font-size: 14px
}

#data-tables_length select {
    padding: 0;
    margin: 0;
    height: 45px;
    line-height: 45px;
    width: 40%
}

#data-tables_length select option {
    padding: 12px 25px 0 10px;
    margin: 0;
    height: 40px;
    line-height: 40px
}

.tab-pane .title {
    float: left;
    width: 50%;
    margin: 0 auto;
    text-align: right;
    font-size: 14px;
    margin-top: 0;
    text-align: left;
    padding-left: 10px;
    color: #383737;
    font-weight: 700;
    font-family: Roboto-Bold;
}

.show_datepicker {
    display: none
}

.show_datepicker .date-label {
    padding: 5px 0 5px 15px
}

.show_datepicker .date-display {
    padding: 5px 0 5px 15px
}

.modal-body {
    width: 100%;
    float: left;
    background-color: #fff
}

.modal-footer {
    width: 100%;
    float: left;
    background-color: #fff;
    border-radius: 10px;
}

.show_datepicker .date-label {
    padding: 10px 0 0 2px;
    width: 35%;
    float: left;
    margin-top: 20px
}

.show_datepicker .date-display {
    padding: 0 0 0 15px;
    width: 100%;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    /*border:1px solid #ddd;*/
    border-radius: 5px;
    /*background-color:#f3eded;*/
    width: 64%;
    float: right;
    margin-top: 20px
}

.modal-body {
    width: 100%;
    float: left;
    background-color: #fff
}

.modal-footer {
    width: 100%;
    float: left;
    background-color: #fff;
    border-radius: 10px;
}

.upload_log_btn {
    box-shadow: none;
    border: none;
    cursor: inherit;
    padding: 4px 10px;
    font-weight: 500;
    color: #fff!important;
    font-size: 14px;
    width: 100px
}

.btn-success.upload_log_btn {
    background: #0bab09
}

.btn-danger.upload_log_btn {
    background: #d11600
}

#data-tables_length select {
    padding: 0;
    margin: 0;
    margin-bottom: 0;
    height: 40px;
    line-height: 40px;
    width: 40%;
    margin-bottom: 5px
}

.resp-tab ul {
    border-bottom: none
}

.custom_dropdown {
    position: relative;
    width: 95px;
    float: left;
    height: 50px;
    line-height: 50px
}

select::-ms-expand {
    display: block
}

option:active,
option:hover,
option:focus {
    outline: none!important;
    background: none!important
}

option:checked {
    background: none;
    font-weight: 400;
    text-shadow: none;
    color: #666
}

.navbar-default .navbar-nav>li>a:hover input {
    color: #000!important
}

.panel.panel-default.disabled {
    box-shadow: -5px 5px 0 #bbbaba;
    cursor: default
}

.panel.panel-default.disabled * {
    cursor: default
}

.col-7.graph h3 {
    line-height: 60px;
    color: #666
}

.box .mt-8 {
    margin-top: 10px;
    margin-left: -10px
}

.datepick {
    height: 50px;
    line-height: 50px;
    color: #fff!important
}

.list ul li {
    padding-left: 20px;
    background-image: url(../img/list-arrow.png);
    background-repeat: no-repeat;
    background-position: 8px 3px;
    font-weight: 500;
    font-size: 12px;
    padding-right: 5px;
    color: #464545;
}

.custom_dropdown {
    position: relative;
    width: 95px;
    float: left;
    height: 50px;
    line-height: 50px;
}

.custom_dropdown {
    position: relative;
    width: 95px;
    float: left;
    height: 50px;
    line-height: 50px
}

.role_updatelog label {
    width: 7.8%;
    text-align: center;
    padding-left: 5px;
}

.role_updatelog input {
    width: 34%;
    padding: 0 0 0 10px;
    color: #3e3c3c;
    border: 1px solid #cecece;
    border-radius: 5px;
    height: 36px;
    line-height: 36px
}

.role_updatelog {
    padding: 15px 0 0;
    color: #666
}

input.btn.download {
    background: #3f3c3d;
    color: #fff;
    float: right;
    height: 40px;
    font-size: 14px
}

.role_update_log_popup .modal-header {
    background-color: #3f3c3d;
    color: #fff
}

.resp-tab ul {
    border-bottom: none;
    list-style: none
}

select {
    -webkit-appearance: menulist
}

.custom_dropdown {
    position: relative;
    width: 95px;
    float: left;
    height: 40px;
    line-height: 40px
}

.date-display .datepick {
    color: #000!important
}

input:required:invalid {
    outline: none
}

.dash-9 {
    padding-left: 10px
}

.fixed-footer {
    height: 40px;
    line-height: 40px;
    background-color: #939192;
    color: #fff;
    font-size: 14px;
    text-align: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0
}

.fixed-footer a {
    color: #fff
}

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

.navbar-nav>li:last-child {
    padding-right: 0;
    margin-right: 0;
}

.navbar-nav>li a:last-child {
    padding-right: 0;
    margin-right: 0
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    background-color: #939192!important
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a input {
    padding-right: 0;
    margin-right: 0
}

.text-red {
    color: red
}

.text-pink {
    color: #f88686
}

.text-yellow {
    color: #fd0
}

.text-green {
    color: #46f100
}

.text-darkgreen {
    color: #31a302
}

.big-box {
    border: 1px solid #ddd;
    box-sizing: border-box;
    margin: 15px 10px;
    width: 46%;
    padding: 0
}

.big-box .avg-ticket-title {
    width: 100%;
    padding: 8px 15px;
    width: 100%;
    padding: 8px 15px;
    background-color: #f7f7f7
}

.big-box .list h5 {
    font-size: 14px;
    font-weight: 500
}

.casa-list {
    padding: 5px 0;
    height: 138px
}

.big-box ul {
    padding-left: 6px
}

.big-box ul li {
    line-height: 22px;
    font-weight: 500
}

.big-box .avg-ticket-chart {
    padding: 0;
    background-color: #fff
}

.big-box span {
    padding-left: 15px;
    font-size: 10px
}

table#performance-dashboard .progress-bar {
    background-color: #CE0D40;
    box-shadow: none;
    border-radius: 0px;
    /* border: 1px solid #ddd; */
}

table#performance-dashboard .progress {
    min-width: 100px;
    margin: 0;
    background-color: #fff;
    -moz-box-shadow: inset 0 0 5px #c5afaf;
    -webkit-box-shadow: inset 0 0 5px #c5afaf;
    box-shadow: inset 0 0 5px #c5afaf;
    box-shadow: none;
    border-radius: 0px;
    border: 1px solid #ddd;
}

span.highlight-arrow {
    font-size: 20px;
}

.shift-up {
    position: relative;
    top: -5px!important;
}

table.dataTable thead th,
table.dataTable thead td {
    padding: 10px 8px;
    border-bottom: 1px solid #e8d3d3;
}

.fixed-width {
    overflow-x: inherit;
}

.fixed-width {
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 22px;
}

table#performance-dashboard {
    border: 1px solid #e8d3d3;
}

table#performance-dashboard th {
    border-bottom: 4px solid #b5b5b5;
    padding: 10px 8px;
    background-color: #f7f7f7;
    border-left: 1px solid #e8d3d3;
    white-space: nowrap;
}

table#performance-dashboard td {
    border-left: 1px solid #e8d3d3;
}

table#performance-dashboard th,
table#performance-dashboard td {
    font-size: 14px;
}

.resp-tab ul.nav li.active {
    border: none;
    border-bottom: 1px solid #fff;
}

.resp-tab ul.nav li.active a {
    color: #666;
    color: #383737;
    font-weight: 700;
    font-family: Roboto-Bold;
}

.resp-tab ul.nav li a {
    color: rgba(56, 55, 55, 0.6);
    border-radius: 0;
    margin-right: 0px;
}

.resp-tab ul.nav li {
    width: 50%;
    font-size: 18px;
    text-align: center;
    color: #fff;
    background: none;
    border-top: 1px solid #d4d2d2;
    border-left: 1px solid #d4d2d2;
    border-right: 1px solid #d4d2d2;
    color: #;
}

.homebody {
    padding: 0px;
    background-size: cover;
    /* background-image: url(../img/imgpsh_fullsize.jpeg); */
}

.multi-level .dropdown-submenu {
    position: relative;
    height: 36px;
    line-height: 36px;
    background-image: url(img/list-arrow.png);
    background-repeat: no-repeat;
    background-position: 94% 13px;
}

.right-nav .dropdown ul li a:hover {
    font-family: Roboto-Bold;
}

table.dataTable tbody th,
table.dataTable tbody td {
    padding: 8px 10px;
    font-size: 14px;
}

#data-tables_length select {
    padding: 0;
    margin: 0;
    margin-bottom: 0;
    height: 40px;
    line-height: 40px;
    width: 80%;
    margin-bottom: 5px;
    position: absolute;
    left: 110%;
    top: 17%;
}

table.dataTable label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    width: 100%;
    float: left;
}

div#data-tables_length {
    position: relative;
    padding: 20px 0px;
}

table.dataTable tbody th,
table.dataTable tbody td {
    padding: 6px 10px;
    font-size: 14px;
}

.admin .dropdown {
    background: #3f3c3d;
    color: #fff;
    float: left;
    / height: 40px;
    /font-size: 14px;
    text-transform: uppercase;
    padding: 5px 5px 5px 5px;
    text-align: left;
}

.admin .dropdown-menu>li>a:hover,
.admin .dropdown-menu>li>a:focus {
    color: #262626;
    text-decoration: none;
    background-color: transparent;
    font-family: Roboto-Bold;
    text-transform: initial;
}

.admin .dropdown-menu>li>a,
.admin .dropdown-menu>li>a {
    color: #262626;
    text-decoration: none;
    background-color: transparent;
    text-transform: initial;
}


/*.ui-datepicker-calendar{display:none;}*/

label button {
    background: #3f3c3d!important;
    padding: 12px 20px!important;
    font-size: 14px!important;
}

.home-box:link,
.home-box:visited,
.home-box:hover,
.home-box:active {
    color: #1b4a98;
    text-decoration: inherit;
}


/*Header*/

.navbar-brand {
    float: left;
    height: 40px;
    padding: 12px 15px;
    font-size: 18px;
    line-height: 0px;
}

nav.navbar .title {
    text-align: right;
    width: 65%;
    height: 40px;
    line-height: 44px;
    margin: 0px;
    text-align: center;
    font-size: 19px;
}

.right-nav li a {
    height: 40px;
    line-height: 40px;
}

.datepick {
    height: 40px;
    line-height: 40px;
    color: #fff !important;
}

.navbar {
    position: relative;
    min-height: 40px;
    border-radius: 0;
    margin-top: 10px;
}

nav.navbar .title {
    text-align: right;
}

.complaint-box h1 {
    text-align: center;
    padding-bottom: 20px;
}

.complaint-box .submit_btn {
    background: #CE0D40;
}

.complaint-box .submit_btn:hover {
    color: white;
}


/*unified_bank_review start here*/


/*.bg_color{
	background: #f36c31;
	margin-top: 30px;
}
.select2-container{
    margin: 10px 0;
}
.bg_color .roll-select{
	width: 80%;
	margin-top: 15px;
}
.bg_color select{
	margin: 10px 0;
}
.roll-select .select2-container {
    margin: 10px 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    display: none;
}

.bg_color .radio {
    height: 34px;
    color: #fff;
}
.bg_color .col-md-4.text-center .roll-select {
    padding-top: 8%;
   float: right;
}
.bg_color .border {
    position: relative;
}
.bg_color .border:before {
   content: "\61";
    position: absolute;
    font-family: "untitled-font-2" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 223px;
    top: -25px;
    line-height: 1;
    left: -110px;
}
.bg_color .border:after {
   content: "\61";
    position: absolute;
    font-family: "untitled-font-2" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 223px;
    top: -25px;
    line-height: 1;
    right: -110px;
}
.btn-yellow{

    background: #ffc000;
    color: #fff;
    border-radius: 0;
    text-transform: uppercase;
    padding: 10px 20px;
   font-size: 15px;
    font-weight: 400;
    border: none;
    text-decoration: none!important;

}
.unified_bank_review{
	margin-top: 30px;
}
.unified_bank_review thead tr th{
	color: #fff;
	background: #8a3008;
	font-size: 18px;
	padding-left: 15px;
    padding-right: 15px;
}
.unified_bank_review table.table{
	table-layout: fixed;
}
.unified_bank_review .table-striped>tbody>tr td{
	font-size: 17px;
	padding-left: 15px;
    padding-right: 15px;
    text-align: left;
}
.unified_bank_review .table-striped>tbody>tr:nth-child(odd) {
    background-color: #dacdcc;
}
.unified_bank_review .table-striped>tbody>tr:nth-child(even){
    background-color: #ede8e7;
}
.unified_bank_review .table-hover>tbody>tr:hover {
    background-color: #aca7a7;
}*/


/*unified_bank_review end here*/


/*select_category start here*/

.select_cat_box {
    background: #176FC1;
    color: #fff;
    padding: 20px;
    display: block;
    font-size: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    transition: all 0.5s ease-in-out;
    text-align: center;
    margin-bottom: 30px;
}

a.select_cat_box:hover {
    background: #CE0D40;
    color: #fff;
    text-decoration: none;
    -webkit-box-shadow: 1px 2px 8px 1px #cac9c9;
    -moz-box-shadow: 1px 2px 8px 1px #cac9c9;
    -ms-box-shadow: 1px 2px 8px 1px #cac9c9;
    -o-box-shadow: 1px 2px 8px 1px #cac9c9;
    box-shadow: 1px 2px 8px 1px #cac9c9;
}

a.select_cat_box:focus {
    background: #176FC1;
    text-decoration: none;
    color: #fff;
    -webkit-box-shadow: 1px 2px 8px 1px #cac9c9;
    -moz-box-shadow: 1px 2px 8px 1px #cac9c9;
    -ms-box-shadow: 1px 2px 8px 1px #cac9c9;
    -o-box-shadow: 1px 2px 8px 1px #cac9c9;
    box-shadow: 1px 2px 8px 1px #cac9c9;
}

.icon_wrap {
    font-size: 120px;
    display: block;
    line-height: 1;
}

.text_wrap {
    font-family: 'Roboto-Thin';
    font-size: 25px;
}

.select_category {
    margin-top: 30px;
}

span.appraisal_heading {
    font-size: 25px;
    color: #5b5656;
    border-bottom: 1px solid #5b5656;
    margin-bottom: 40px;
    display: inline-block;
}


/*select_category end here*/


/*self_aprisel start here*/

h2.heading {
    color: #615953;
    font-size: 27px;
    margin-top: 35px;
}

.wraper_white {
    width: 100%;
    background: #fff;
    margin: 15px;
    display: flex;
}

.grey_bg {
    background: #f5f5f5;
    display: inline-block;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.emp_com {
    background: #fafafa;
}

input.input_emp {
    border: 1px solid #f5580c;
    padding: 5px 2px;
    text-align: center;
}

input.input_emp.full {
    width: 100%;
}

ul.head_info {
    margin: 0;
    padding: 20px 0;
    display: table;
    width: 100%;
}

ul.head_info li {
    display: inline-block;
    list-style-type: none;
    padding: 0 5px;
    position: relative;
    display: table-cell;
}

ul.head_info li span.lab {
    color: #bcb6b1;
    font-size: 14px;
}

ul.head_info li span.text {
    color: #ffffff;
    font-size: 18px;
    border: 1px solid #817a75;
    padding: 5px;
    text-align: center;
}

ul.head_info li span.lab,
ul.head_info li span.text {
    display: block;
}

h4.que {
    background: #CE0D40;
    padding: 15px 0px 15px 20px;
    color: #fff;
    margin-bottom: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.que_ans_wrap {
    margin: 0 0 30px 0;
}

textarea.ans {
    resize: none;
    width: 100%;
    height: 150px;
    padding: 10px 20px;
    border: 1px solid #b8b8b8;
    font-size: 14px;
    color: #978f89;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.container-fluid.self_appraisal {
    background: #CE0D40;
    margin-top: -20px;
}


/*self_aprisel end here*/


/*My Appraisal Dashboard start here*/

span.flag {
    width: 30%;
    display: block;
    margin: 10px auto;
}

.head_wrap {
    background: #CE0D40;
    color: #fff;
    margin: 0 15px;
    display: flex;
    margin-bottom: 5px;
    border-radius: 5px 5px 0 0;
    text-align: center;
}

.border_gray {
    border-left: 1px solid #d9d9d9;
}

.head_wrap>* {
    padding: 15px 0;
}

.head_wrap .clearfix {
    padding: 0;
}

.wraper {
    margin: 0 15px;
    background: #f2f2f2;
    display: flex;
    border-radius: 5px;
    margin-bottom: 20px;
    transition: all 0.5s ease-in-out;
}

.employee-appraissal-review .text_small {
    font-size: 15px;
    color: #615953;
    font-family: 'Roboto';
    margin: 5px 0;
}

.employee-appraissal-review .yellow {
    color: #f9c938;
}

.employee-appraissal-review .wraper {
    margin-bottom: 0;
    border-radius: 0;
    background: #f5f5f5;
}

.employee-appraissal-review.border-bottom .wraper {
    border-bottom: 1px solid #c8c8c8;
}

.comment_heading_emp {
    color: #615953;
    font-family: 'Roboto-Medium';
    font-size: 15px;
}

.wraper.white,
.wraper.white .border_gray {
    background: #fff;
    /*border: transparent;*/
}

.employee-appraissal-review .wraper.gray {
    background: #706964;
    color: #fff;
    border-radius: 0 0 5px 5px;
}

.circle_text {
    border: 1px solid;
    border-radius: 50%;
    height: 30px !important;
    width: 30px;
}

.gray_text {
    color: #bebaba;
}

input.score_edit {
    display: inline-block;
    width: 50px;
    padding: 5px;
}

.text {
    /* height: 0;
    overflow: hidden;
    transition: all 0.5s ease-in-out;*/
    display: none;
}

.show {
    height: auto;
    transition: all 0.5s ease-in-out;
}

.gray_bg {
    background: #f5f5f5;
    padding: 30px;
}

.comment_wrap {
    background: #fff;
    padding: 20px;
    border: 1px solid #bfbfbf;
    position: relative;
}

h5.gray_heading {
    color: #858080;
    font-size: 16px;
}

.comment_wrap p {
    margin-bottom: 40px;
    color: #423d3d;
}

.comments_heading {
    color: #423d3d;
}

textarea.comment_box {
    resize: none;
    width: 100%;
    height: 100px;
    padding: 10px;
    border: 1px solid #d1d1d1;
}

img.close_btn {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}

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

ul.marks li {
    list-style: none;
    display: inline-block;
    margin-bottom: 25px;
}

.radio_holder {
    width: 50px;
}

.text_holder {
    width: 90%;
    border-left: 1px solid #b8b5b3;
    padding: 0 0 0 20px;
    color: #858080;
    font-size: 14px;
}

h5.small_grey_heading {
    color: #858080;
    font-size: 16px;
    font-weight: normal;
    margin-top: 15px;
    margin-bottom: 5px;
}

p.text_small {
    color: #423d3d;
    font-size: 15px;
}

textarea.small_comment_box {
    resize: none;
    height: 100px;
    width: 100%;
    border: 1px solid #d1d1d1;
    padding: 10px;
}

.marks .cust_radio [type="radio"]:checked+label,
.marks .cust_radio [type="radio"]:not(:checked)+label {
    font-size: 30px;
}


/*.employee-appraissal-review .wraper:hover{
    background: #dcd9d9;
}*/

.employee-appraissal-review .head_wrap .vertival_middle {
    font-size: 16px;
}

.employee-appraissal-review .head_wrap {
    margin-bottom: 0;
}

.employee-appraissal-review .head_wrap>* {
    padding: 0;
}

.employee-appraissal-review .vertival_middle {
    padding: 15px 0;
    font-size: 14px;
}

.employee-appraissal-review .vertival_middle.half {
    width: 50%;
}

.employee-appraissal-review .vertival_middle.text-left.heading-md {
    font-size: 19px;
}

.employee-appraissal-review .vertival_middle.text-left {
    text-align: left;
}

.employee-appraissal-review .wraper.gray .heading-md {
    color: #fff;
    font-size: 20px;
}

.employee-appraissal-review .wraper.gray .vertival_middle {
    font-size: 20px;
}

.employee-appraissal-review .border_gray {
    border-left: 1px solid #c8c8c8;
}

.btn.btn_orange,
.btn.btn_gray {
    background: #CE0D40;
    font-size: 18px;
    color: #fff;
    padding: 10px 20px;
    margin-top: 25px;
}

.border_gray .vertival_middle .btn.btn_orange {
    margin-top: 0;
    font-size: 15px;
}

.wraper .vertival_middle .btn.btn_orange,
.wraper .vertival_middle .btn.btn_gray {
    margin: 10px 0;
    font-size: 18px;
}

.btn.btn_gray {
    background: #1b4a98;
    margin-left: 10px;
}

.btn.btn_gray.small {
    font-size: 15px;
    padding: 5px;
    float: left;
    /*margin: 23px 10px;*/
    margin: 32px 10px;
}

h2.emp_name {
    font-size: 27px;
    font-family: 'Roboto-Medium';
    color: #615953;
}

h2.emp_name span {
    font-family: 'Roboto-Light';
}

.wraper .col-md-4.col-sm-12,
.wraper .col-md-2.col-sm-12 {
    flex-direction: column;
}

.small_heading {
    color: #a3a2a2;
    display: block;
    font-size: 13px;
}

.small_heading.rep {
    font-size: 15px;
}

.heading-lg,
.heading-md,
.heading-sm,
.heading-xs {
    color: #615953;
    display: block;
}

.heading-lg {
    font-size: 25px;
}

.heading-md {
    font-size: 19px;
}

.heading-sm {
    font-size: 17px;
}

.heading-xs {
    font-size: 15px;
}

.vertival_middle {
    font-size: 19px;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.roll_wrapper,
.reporting_wrap {
    padding: 20px 0;
}

.green {
    border-left: 5px solid #71c21a;
}

.red {
    border-left: 5px solid #f00;
}

.green_text {
    color: #71c21a;
}

.orange_text {
    color: #CE0D40;
}

.red_text {
    color: #f16365;
}

.btn_round {
    border-radius: 3px;
    font-size: 14px;
    margin-top: 10px;
    padding: 10px 20px;
    background-color: #CE0D40;
}

.btn_round:hover {
    color: white;
    filter: brightness(0.8);
}

.btn_border {
    border: 1px solid #f45e21;
    background: transparent;
    color: #f45e21;
    margin-bottom: 20px;
}

.btn_border_dis {
    border: 1px solid #c1c1c1;
    background: transparent;
    color: #b8b5b3;
    margin-bottom: 20px;
    padding: 10px;
}

.small_heading.orange_text {
    font-size: 20px;
}

.inline {
    display: inline-block;
}

.adj {
    word-break: break-word;
    font-size: 13px;
}

.tele_wrape {
    margin-top: 100%;
}

.margin_top_20 {
    margin-top: 20px;
}

p.table_description {
    color: #615953;
    margin-top: 20px;
}


/*My Appraisal Dashboard end here*/

@media screen and (max-width:600px) {
    .bg_login .modal-dialog.login-dialog {
        margin: 40px auto;
        padding: 10px;
    }
}

@media screen and (max-width:480px) {
    .login-dialog {
        width: 100%;
    }
}

.admin-menu {
    line-height: 50px;
    font-size: 25px;
}

.admin-breadcrumb li a {
    text-decoration: none;
    padding-right: 7px
}

.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #EEEEEE;
    border-bottom: 1px solid #a9a6a6;
    box-shadow: 1px 1px 1px #908686;
}

.common_modal .modal-header {
    background-color: #CE0D40;
}

.common_modal label {
    font-weight: normal;
    font-size: 16px;
}

.common_modal .modal-header h4 {
    font-size: 18px;
    font-family: Roboto-Bold;
    color: #fff;
}

.common_modal textarea {
    resize: none;
}

.common_modal .modal_btn {
    background-color: #CE0D40;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    width: 133px;
    background-image: none;
}

.common_modal .modal-footer {
    border: none;
}

.common_modal input {
    outline: none;
}

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

.common_modal .modal-footer {
    border: none;
    padding: 0px 15px 15px 15px;
}

.hide_element {
    display: none !important;
}


/*#preloader{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(254,254,254,0.81);z-index:999999;display:none;overflow:hidden!important;height:120vh;}
*/

#preloader {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    /*background: #222222;*/
    z-index: 1000;
    display: none;
    overflow: hidden!important;
    background-color: rgba(254, 254, 254, 0.81);
}

#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 42%;
    background-image: url(index.svg);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
    display: none;
}

.selected-emp-gems {
    font-style: italic;
}

.default-text {
    text-transform: capitalize;
}

.date-display .datepick {
    color: #000!important;
}

.datepick {
    color: #666;
    background-color: transparent;
    color: #fff;
    padding: 0 0 0 5px;
    width: 65px;
    border: transparent;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    font-size: 13px!important;
}

.datepick:hover {
    color: #000;
}

.hide-calendar .ui-datepicker-calendar {
    display: none
}

button.ui-datepicker-current {
    display: none
}


/*unified_bank_review start here*/

.chart_wraper {
    margin: 25px 0 0 0;
}

.bg_color {
    margin-top: 10px;
}

.col-md-4.col-sm-4.text-center {
    flex-direction: column;
}

.bg_color select {
    margin: 10px 0;
}

.cust_select {
    position: relative;
}

.cust_select select,
.cust_select .select2 {
    border: 1px solid #c1c1c1;
    height: 45px;
    background: url('../img/select_icon.png');
    background-repeat: no-repeat;
    background-position: 96% center;
    padding: 0;
    width: 100% !important;
    margin-bottom: 15px;
    font-size: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.cust_select .select2-container--default .select2-selection--single {
    background-color: transparent !important;
    border: transparent !important;
    border-radius: 0;
    -webkit-apperance: none;
    apperance: none;
}

.cust_select .select2-container .select2-selection--single {
    height: 45px;
    outline: none;
}

.cust_select .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.cust_select .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45px;
    text-align: left;
}

.legent_color.red,
.legent_color.yellow,
.legent_color.green,
.legent_color.grey {
    height: 12px;
    width: 15px;
    border-radius: 3px;
    border: transparent;
    display: inline-block;
}

.legent_color.red {
    background: #ed1c24;
}

.legent_color.yellow {
    background: #edc714;
}

.legent_color.green {
    background: #58bb1d;
}

.legent_color.grey {
    background: #777;
}

.legend_text {
    font-size: 14px;
}

.bar_chart {
    width: 100%;
    background: #f2f2f2;
    padding: 10px 30px;
}

.bar {
    float: left;
}

.bar span {
    display: block;
    width: 100%;
    text-align: center;
}

.red_bar,
.yellow_bar,
.green_bar,
.grey_bar {
    height: 25px;
    width: 100%
}


/*.red-block{
 width: 20%;
}
.yellow-block{
 width: 50%
}
.green-block{
 width: 30%
}*/

.red-block,
.yellow-block,
.green-block,
.grey-block {
    position: relative;
}

.red-block:after,
.yellow-block:after,
.green-block:after,
.grey-block:after {
    content: "";
    position: absolute;
    top: 1px;
    right: -6px;
    /*background: url(../img/icon/bar_chart.gif);*/
    height: 100%;
    width: 15px;
    background-repeat: no-repeat;
    background-position: top right;
    z-index: 9;
}

h4.record_result_count {
    font-size: 17px;
    text-transform: uppercase;
    margin: 23px 0;
}

.red_bar {
    background: #ff5050;
}

.yellow_bar {
    background: yellow;
}

.green_bar {
    background: #36d250;
}

.grey_bar {
    background: #777;
}

.record_count {
    font-family: 'Roboto-Medium';
    font-size: 15px;
}

.width {
    font-size: 15px;
    font-family: 'Roboto-Bold';
}

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

ul.legend li {
    list-style-type: none;
    float: left;
    margin: 0 15px 0 0px;
}

.cust_select select:focus {
    outline: none;
}

.cust_radio [type="radio"]:checked,
.cust_radio [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.cust_radio [type="radio"]:checked+label,
.cust_radio [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
    font-size: 18px;
    font-weight: normal;
    font-family: 'Roboto-Medium';
}

.cust_radio [type="radio"]:checked+label:before,
.cust_radio [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

.cust_radio [type="radio"]:checked+label:after,
.cust_radio [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #CE0D40;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.cust_radio [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.cust_radio [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.bg_color select:last-child {
    margin-bottom: 0;
}

.border-box {
    border: 1px solid #8b8b8b;
    min-height: 210px;
}

.border-box .roll-select {
    padding: 25px 30px 4px 30px;
}

i.fa.fa-arrow-circle-right,
i.fa.fa-plus-circle.drilldown {
    font-size: 24px;
}

span.abc {
    font-weight: bold;
}

h4.select_heading {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    bottom: -11px;
    background: #fff;
    padding: 0 10px;
}

.bg_color .radio {
    height: 34px;
    color: #4b4746;
}

.border {
    /* border-left: 2px solid #fff;
 border-right: 2px solid #fff;*/
    position: relative;
}

.btn-yellow {
    background: #ffc000;
    color: #fff;
    border-radius: 0;
    text-transform: uppercase;
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 400;
    border: none;
    text-decoration: none!important;
}

.unified_bank_review {
    margin-top: 30px;
}

.unified_bank_review thead tr th {
    color: #000;
    background: #ededed;
    font-size: 15px;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
    font-family: 'Roboto-Medium';
    font-weight: normal;
    border: 1px solid #ddd;
    border-bottom: transparent;
    text-align: center;
}

.unified_bank_review table.table {
    /*table-layout: fixed;*/
}

.table.table-hover.table-striped.gemsScoreTable.no-footer.nowrap.dataTable.dtr-inline.collapsed {
    width: 100% !important;
}

.unified_bank_review .table-striped>tbody>tr td {
    font-size: 15px;
    padding: 6px 15px;
    vertical-align: middle;
    border: 1px solid #ddd;
    /*background: #fff;*/
    text-align: center;
}

.gemsScoreTable {
    width: 100% !important;
}

table.unified_bank_review.hover tbody tr:hover,
table.unified_bank_review.display tbody tr:hover {
    background-color: #f6f6f6!important;
}

.acvmnt_bar {
    background: #cccccc;
    text-align: left;
}

.acvmnt_bar span {
    color: #000;
    text-align: center;
    display: inline-block;
}

.acvmnt_bar span.fill {
    max-width: 100% !important;
}

.acvmnt_bar span.green {
    background: #36d250;
}

.acvmnt_bar span.red {
    background: #ff5050;
}

.acvmnt_bar span.yellow {
    background: #faec31;
}

input.score {
    width: 100%;
    padding: 0 5px;
    border: transparent;
    background: #f45e21;
    color: #fff;
}

.gem_score {
    padding: 5px 15px;
    border: transparent;
    background: #f45e21;
    color: #fff;
    width: 100px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}

.gem_score:hover {
    text-decoration: none;
    background: #706964;
    color: #fff;
}

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

ul.cohort>li {
    list-style-type: none;
    float: left;
    color: #918c88;
    font-size: 29px;
    width: 14px;
}

ul.cohort>li.active {
    color: #f9c939;
    font-size: 29px;
    position: relative;
    transform: scale(1.5, 1.5);
    left: -4px;
}

ul.circle_line {
    text-align: justify;
    position: relative;
    overflow: hidden;
}

ul.circle_line:before {
    content: '';
    width: 100%;
    border: 2px solid #f16021;
    position: absolute;
    top: 1em;
    margin-top: -2px;
    z-index: -1;
}

ul.circle_line:after {
    content: "";
    display: inline-block;
    width: 100%;
}

ul.circle_line>li {
    width: 2em;
    height: 2em;
    text-align: center;
    line-height: 2em;
    border-radius: 50%;
    background: #f16021;
    margin: 0;
    display: inline-block;
    color: white;
}

.unified_bank_review thead tr>th:first-child,
.unified_bank_review tbody tr>td:first-child {
    width: 7%;
}

.unified_bank_review thead tr>th:nth-child(9),
.unified_bank_review tbody tr>td:nth-child(9) {
    width: 10% !important;
}

.unified_bank_review thead tr>th:last-child,
.unified_bank_review tbody tr>td:last-child {
    width: 8% !important;
}

.unified_bank_review .table-striped>tbody>tr:nth-child(odd) {
    /* background-color: #dacdcc;*/
}

.unified_bank_review .table-striped>tbody>tr:nth-child(even) {
    /*background-color: #aca7a7;*/
}

.unified_bank_review .table-hover>tbody>tr:hover {
    background-color: #f6f6f6!important;
}

.search_wrap {
    display: inline-block;
    border: 1px solid #c3c3c3;
    border-radius: 9px;
    overflow: hidden;
}

input.search {
    border: transparent;
    padding: 0 0 0 10px;
}

input.search:focus,
button.search_icon:focus {
    outline: none;
}

button.search_icon {
    background: transparent;
    border: none;
    text-indent: -999999px;
    background: url('../img/search_icon.gif');
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-position: center center;
}

.btn.btn_orange,
.btn.btn_gray {
    background: #CE0D40;
    font-size: 18px;
    color: #fff;
    padding: 10px 20px;
    margin-top: 25px;
}

.btn.btn_gray {
    background: #1b4a98;
    margin-left: 10px;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    display: none;
}

.unified_bank_review .dataTables_filter {
    display: block;
}

.drilldown {
    cursor: pointer;
}

.unified-td {
    text-align: left !important;
    word-wrap: break-word !important;
    white-space: normal !important;
}

.unified-td-font-14 {
    text-align: left !important;
    word-wrap: break-word !important;
    white-space: normal !important;
    font-size: 14px !important;
}

.unified-word-wrap {
    word-wrap: break-word !important;
    white-space: normal !important;
}


/*unified_bank_review end here*/

.thDrilldown {
    width: 8% !important;
}

th.thDrilldown.unified-word-wrap.sorting {
    width: 8% !important;
}


/*role start here*/


}
.role .table.middle {
    /*table-layout: fixed;*/
}
.role .btn.btn_orange {
    margin-top: 0;
}
.role .margin_top {
    margin-top: 25px;
}
.role .table.middle>thead>tr>th {
    vertical-align: middle;
}
.role .btn.btn_gray {
    margin-left: 0;
}
@media only screen and (max-width: 800px) {
    /* Force table to not be like tables anymore */
    
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    
    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    #no-more-tables tr {
        border: 1px solid #ccc;
    }
    
    #no-more-tables td {
        /* Behave like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
    }
    
    #no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }
    /*
 Label the data
 */
    
    #no-more-tables td:before {
        content: attr(data-title);
    }
}

/*role end here*/

/*role_assignment_history start here*/
.role_assignment_history button.btn.btn_gray,
.role_assignment_history button.btn.btn_orange {
    width: 450px;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    font-weight: bold;
}
.role_assignment_history button.btn.btn_gray {
    background: #f11414;
}
.role_assignment_history button.btn.btn_orange {
    background: #CE0D40;
}
.role_assignment_history button.btn.btn_orange {
    margin-left: 20px;
}
.role_assignment_history .table-bordered>thead>tr>th,
.role_assignment_history .table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th {
    border: 1px solid #ddd;
    background: #ededed;
    color: #000;
    vertical-align: middle;
    text-align: center;
    font-weight: normal;
}

/*.role_assignment_history .table>thead>tr>th:first-child{
 border-radius: 15px 0px 0px 0px;
}
.role_assignment_history .table>thead>tr>th:last-child{
 border-radius: 0px 15px 0px 0px; 
}*/
.role_assignment_history p.text-danger.heading-md,
.role_assignment_history p.text-danger.heading-lg {
    color: #ec0303;
}
.role_assignment_history p.heading-md {
    color: #000;
}
.blinking {
    animation: blinkingText 1.3s infinite;
}

/*role_assignment_history end here*/

/*CSS for popup */
.showcenter {
    display: block;
    text-align: center;
    font-size: 26px;
    color: #5bab15;
    font-weight: bold;
}
.sucesstext {
    text-align: center;
    display: block;
}
#sudcesspopup .modal_btn {
    display: block;
    vertical-align: c;
    margin: 0px auto;
    padding: 8px;
    margin-bottom: 6%;
}
#sudcesspopup .aletmsg {
    vertical-align: c;
    margin: 0px auto;
    padding: 8px;
    margin-bottom: 6%;
}
.incentive-home-image {
    width: 133px;
}

/*
Author: Karan Pawar
Description: This css is added for Login Page when i have used BS4. This changes was given by prathamesh for Login Page.
Login Credentials: co_admin
Page Name: Login Page - 
Start Point
*/
.error-msg p {
    margin-top: .4rem;
}
.login-invalid {
    color: #CE0D40;
}

/*Login Page End Point*/

/*Upload Page TS Css Start Point*/
.resetbtn button {
    border-radius: 6px;
    border: solid 1px #CE0D40;
    color: #CE0D40;
    padding: 10px 47.5px;
    background: none;
}
.resetbtn button:hover {
    color: #CE0D40;
}
.upload-srno {
    font-weight: 700;
}
.upload_successbtn {
    background: none;
    color: #119f5a;
    font-weight: bold;
    border: none;
    box-shadow: none;
}
.custom-file-upload form {
    border: 1px solid #ccc;
    padding: 5px 5px 0;
    width: 55%;
    background: #dee1e8;
    border-radius: 10px;
}
.custom-file-upload .file-upload-input {
    display: none;
}
.custom-file-upload .up-btn {
    width: 50% !important;
    background: none !important;
    border: 0 !important;
    color: #2e384d !important;
    box-shadow: none;
}
.file-upload-wrapper .file-upload-button {
    width: 14em;
    background: #a0a1a3;
    border-radius: 6px;
}
.download--btn {
    border: 1px solid #CE0D40;
    border-radius: 3px;
    padding: 5px 5px 0 5px;
}
.download--btn i {
    color: #CE0D40 !important;
}

/*Table Css Start Point*/
.ta-sum__table {
    border-collapse: separate;
    border-spacing: 0 1em !important;
    width: 100%;
}
.ta-sum__table tr {
    padding: 13.9px 63.5px 14.8px 48.7px;
    box-shadow: 0 0 6px 0 rgb(0 0 0 / 8%);
    background-color: #ffffff;
}
.thead--dark th {
    background-color: #1b4a98;
    color: #fff;
    border: none !important;
    text-align: center;
    padding: 12px 17px 12px 17px;
    text-transform: capitalize;
    letter-spacing: normal;
    font-size: 16px;
    font-weight: 100;
}
.thead--dark th:first-child {
    border-top-left-radius: 10px;
}
.thead--dark th:last-child {
    border-top-right-radius: 10px;
}

/*Table Css End Point*/

/* Datatables Pagination Css Start Point */
.dataTables_paginate .paginate_button.current,
.dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    border: 1px solid #979797 !important;
    border-radius: 5px !important;
    padding: 3px 10px 3px 10px !important;
    background-color: #1b4a98 !important;
}
.dataTables_info {
    width: 74%;
    text-align: right;
    padding-top: 1.2rem !important;
    padding-right: 10px;
}

/* Datatables Pagination Css Start Point */

/*Upload Page TS Css End Point*/