a.logo {
    width: 58%;
}

.logo img {
   width: auto;;
   height: 50px;
}

.powered-by {
    float: left;
    width: 100%;
    color: #29c2ab;
}


/*css for dash board display (+1) in red*/

.differentiate-time-same {
    color: red;
}

.ww-deviation-icon img {
    width: 15px !important;
    height: 15px !important;
}


/*css for dash board display (+1) in red*/

div.description.help-block {
    display: none;
}

@font-face {
    font-family: Poppins;
    src: url(/themes/wagewatcher/fonts/Poppins-Regular_0.ttf);
    font-weight: normal;
}

@font-face {
    font-family: Poppins;
    src: url(/themes/wagewatcher/fonts/Poppins-Medium_0.ttf);
    font-weight: 500;
}

@font-face {
    font-family: Poppins;
    src: url(/themes/wagewatcher/fonts/Poppins-Bold_0.ttf);
    font-weight: bold;
}

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

body {
    /* background: url('/themes/wagewatcher/bg_images/WAGEWATCHER_BG_darkened.jpg') no-repeat center center fixed; */
    /* background: url('/themes/wagewatcher/bg_images/indii_bg/indii_bg_1.png') no-repeat center center fixed; */
    background: url('/themes/wagewatcher/bg_images/indii_bg/updated_INDII_Background2.png') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family: poppins;
    /*  background-repeat: no-repeat;
  background-size: 101%;*/
}

.region-content .panel {
    background: transparent;
    border: none;
    box-shadow: none;
    width: 100%;
    float: left;
    border-radius: 5px 0 5px 5px;
}

.panel .form-item {
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.panel .control-label {
    /* color: #134774; */
    color: #2c2d2f;
    font-size: 20px;
    font-weight: 500;
    font-family: poppins;
    text-align: right;
}

.panel .select-wrapper select {
    color: #545452;
    font-size: 16px;
    font-weight: 500;
    font-family: poppins;
    height: 40px;
}

.alert-danger,
.alert.alert-danger {
    width: 87%;
    float: right;
    padding: 8px;
    text-align: center;
    font-size: 18px;
}

body.path-employeelogin .alert.alert-danger {
    width: 90%;
    padding: 8px;
    text-align: center;
    font-size: 18px;
    margin: 20px auto;
    float: none;
}

h1,
h2 {
    color: #fff;
}

.wagewatcher-login-title h2 {
    color: #fff;
}

.main-container {
    /*  position: absolute;
  margin: auto;
  left: 0px;
  right: 0px;*/
}

body.path-adminloginas .main-container ol {
    display: none;
}

.wagewatcher-homepage-form {
    text-align: center;
    margin-top: 12%;
}

header.navbar {
    margin-bottom: 0px;
}

.navbar-collapse {
    width: auto;
    float: right;
    clear: both;
    margin-top: -10px;
}

.navbar .region.region-navigation {
    width: 97%;
    float: left;
    position: relative;
}


/* navigation drop down menu custom design */

.menu-maindiv {
    position: absolute;
    right: 0;
    z-index: 1;
    top: 0;
}

.navbar-collapse ul {
    width: 100%;
    background: #fff;
    margin: -1px auto;
    text-align: center;
    border-radius: 2px;
    float: left;
}

.navbar-collapse ul li {
    clear: both;
}

.navbar-collapse ul li a {
    font-family: Ubuntu;
    font-weight: bold;
    font-size: 12px;
    color: #5a5a5f;
    text-decoration: none;
    padding: 10px 20px;
    border-bottom: 1px solid #D3D4D4;
    width: 100%;
    float: left;
}

.navbar-collapse ul li:last-child a {
    border-bottom: 0px solid;
}

body.user-logged-in li a[title="when user chooses admin / cadmin login then it shows a popup to conform"] {
    display: none;
}

.navbar-nav li a[data-drupal-link-system-path="user/login"] {
    display: none;
}


/* end custom menu design */


/* user details page css */

#simplesaml-user-details-form {
    width: 40%;
    margin-bottom: 20px;
    float: left;
    padding-left: 15px;
}

#simplesaml-user-details-form label {
    color: #fff;
}

#edit-continue-to-logout {
    width: auto;
    padding: 7px 30px;
    float: right;
}


/* end user details page css */


/* form common css for all pages */

form {
    width: 100%;
    text-align: center;
}

.form-main-title p {
    padding-top: 13px;
    color: #174075;
    padding-right: 14%;
}

.form-content-main-div {
    width: 100%;
    float: left;
    background: transparent;
    /* background: #f8f8ed; */
    padding: 2% 3%;
    color: #174075;
    border-radius: 0px 0 5px 5px;
    text-align: left;
    margin-top: -1px;
}

input[type="checkbox"] {
    opacity: 0;
}

.custom-checkbox {
    width: 60px;
    height: 50px;
    display: inline-block;
    position: relative;
    z-index: 1;
    top: 20px;
    background: url("/modules/custom/wagewatcher_admin/img/Checkbox_unselected.png") no-repeat;
}

body.path-employee-status .custom-checkbox {
    width: 60px;
    height: 50px;
    float: left;
    display: inline-block;
    position: relative;
    z-index: 1;
    top: -12px;
    background: url("/modules/custom/wagewatcher_admin/img/Checkbox_unselected.png") no-repeat;
}

body.path-employee-status .custom-checkbox.selected {
    /* background: url("/modules/custom/wagewatcher_admin/img/Checkbox_selected.png") no-repeat; */
    background: url("/modules/custom/wagewatcher_admin/img/indii_img/selected_checkbox.png") no-repeat;
}

.custom-checkbox.selected {
    /* background: url("/modules/custom/wagewatcher_admin/img/Checkbox_selected.png") no-repeat; */
    background: url("/modules/custom/wagewatcher_admin/img/indii_img/selected_checkbox.png") no-repeat;
}


/**
 * css for the create employee navigation menu with eid
 **/

nav#block-createemployee.contextual {
    display: none;
}

nav#block-createemployeewadmin ul li.disable-click {
    pointer-events: none;
}

nav#block-createemployeeweid-2 ul li.disable-click {
    pointer-events: none;
}

nav#block-createemployee ul li.disable-click {
    pointer-events: none;
}

nav#block-createemployeeweid ul li.disable-click {
    pointer-events: none;
}

nav#block-createemployeeweid h2 {
    position: relative;
    padding: 0;
    height: 0;
    text-decoration: none;
    border-left: 34px solid transparent;
    border-bottom: 45px solid transparent;
    opacity: 1;
    width: 90%;
    float: right;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-right: 14%;
    line-height: 3em;
    color: #134774;
    font-size: 24px;
    text-align: center;
    font-weight: 500;
    font-family: poppins;
}

nav#block-createemployeeweid ul.menu.nav li:first-child {
    border-radius: 5px 0 0px 0px;
}

nav#block-createemployeeweid ul.menu.nav li {
    float: left;
    width: 20%;
    text-align: center;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    position: relative;
    padding: 0;
    text-decoration: none;
    border-bottom: 0px solid transparent;
}

#block-createemployeeweid ul {
    width: 100%;
    float: left;
    background: transparent;
    counter-reset: steps;
}

#block-createemployeeweid ul li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

#block-createemployeeweid ul li a:before {
    background-image: url(/modules/custom/wagewatcher_admin/img/nav_images/Steps_gc.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 65px;
    padding: 17px;
    width: 100%;
    float: left;
    content: counter(steps);
    counter-increment: steps;
    font-size: 24px;
    color: #fff;
}

nav#block-createemployeewadmin {
    position: relative;
    width: 100%;
    float: left;
}

#block-createemployeeweid hr {
    width: 88%;
    position: absolute;
    z-index: 0;
    top: 66px;
    left: 0;
    right: 0;
    border: 1px solid #c2c2c2;
    margin-left: auto;
    margin-right: auto;
}

#block-createemployeeweid ul li a.is-active:before {
    background-image: url(/modules/custom/wagewatcher_admin/img/nav_images/Steps_yc.png);
    color: #23527c;
}

#block-createemployeewadmin ul li.pre-active a:before {
    /* background-image: url(/modules/custom/wagewatcher_admin/img/nav_images/Steps_bc.png); */
    background-image: url(/modules/custom/wagewatcher_admin/img/indii_img/Steps_completed.png);
    background-repeat: no-repeat;
}

#block-createemployeewadmin-2 ul li.pre-active a:before {
    background-image: url(/modules/custom/wagewatcher_admin/img/nav_images/Steps_bc.png);
}

#block-createemployeeweid ul li.pre-active a:before {
    background-image: url(/modules/custom/wagewatcher_admin/img/nav_images/Steps_bc.png);
}

#block-createemployeeweid ul li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

#block-createemployeeweid ul li a {
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    font-family: poppins;
    color: #545452;
}

#block-createemployeeweid ul li a.is-active,
#block-createemployeeweid ul li.pre-active a {
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    font-family: poppins;
    color: #134774;
}


/**  
* end css for the create employee with eid navigation menu
**/


/* css for the create employee navigation menu */

nav#block-createemployee.contextual {
    display: none;
}

nav#block-createemployee h2 {
    font-size: 24px;
    text-align: center;
    font-weight: 500;
    font-family: poppins;
    position: relative;
    padding: 0;
    height: 0;
    text-decoration: none;
    border-left: 34px solid transparent;
    border-bottom: 45px solid transparent;
    opacity: 1;
    width: 90%;
    float: right;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #134774;
    padding-right: 14%;
    line-height: 3em;
}

nav#block-createemployee ul.menu.nav li:first-child {
    border-radius: 5px 0 0px 0px;
}

nav#block-createemployee ul.menu.nav li {
    float: left;
    width: 25%;
    text-align: center;
    font-size: 18px;
}

#block-createemployee ul {
    width: 100%;
    float: left;
    background: transparent;
    counter-reset: steps;
}

#block-createemployee ul li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

#block-createemployee ul li a {
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    font-family: poppins;
    color: #545452;
}

#block-createemployee ul li a.is-active,
#block-createemployee ul li.pre-active a {
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    font-family: poppins;
    color: #134774;
}

#block-createemployee ul li a:before {
    background-image: url(/modules/custom/wagewatcher_admin/img/nav_images/Steps_gc.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 65px;
    padding: 17px;
    width: 100%;
    float: left;
    content: counter(steps);
    counter-increment: steps;
    font-size: 24px;
    color: #fff;
}

#block-createemployee hr {
    width: 88%;
    position: absolute;
    z-index: 0;
    top: 66px;
    left: 0;
    right: 0;
    border: 1px solid #c2c2c2;
    margin-left: auto;
    margin-right: auto;
}

#block-createemployee ul li a.is-active:before {
    background-image: url(/modules/custom/wagewatcher_admin/img/nav_images/Steps_yc.png);
    color: #134774;
}

#block-createemployee ul li.pre-active a:before {
    background-image: url(/modules/custom/wagewatcher_admin/img/nav_images/Steps_bc.png);
}

nav#block-createemployeewadmin h2 {
    font-size: 24px;
    text-align: center;
    font-weight: 500;
    font-family: poppins;
    position: relative;
    padding: 0;
    height: 0;
    text-decoration: none;
    border-left: 34px solid transparent;
    border-bottom: 45px solid transparent;
    /* border-bottom: 45px solid #f8f8ed; */
    opacity: 1;
    width: 90%;
    float: right;
    margin-top: 0px;
    margin-bottom: 0px;
    /* color: #134774; */
    /* color: #181717; */
    color: #003f54;
    padding-right: 14%;
    line-height: 3em;
}

nav#block-createemployeewadmin ul.menu.nav li:first-child {
    border-radius: 5px 0 0px 0px;
}

nav#block-createemployeewadmin ul.menu.nav li {
    float: left;
    width: 20%;
    text-align: center;
    font-size: 18px;
}

#block-createemployeewadmin ul {
    width: 100%;
    float: left;
    background: transparent;
    /* background: #f8f8ed; */
    counter-reset: steps;
}

#block-createemployeewadmin ul li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

#block-createemployeewadmin ul li a {
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    font-family: poppins;
    color: #545452;
}

#block-createemployeewadmin ul li a.is-active,
#block-createemployeewadmin ul li.pre-active a {
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    font-family: poppins;
    /* color: #134774; */
    /* color: #545452; */
    color: #003f54;
}

#block-createemployeewadmin ul li a:before {
    background-image: url(/modules/custom/wagewatcher_admin/img/nav_images/Steps_gc.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 65px;
    padding: 17px;
    width: 100%;
    float: left;
    content: counter(steps);
    counter-increment: steps;
    font-size: 24px;
    color: #fff;
}

#block-createemployeewadmin hr {
    width: 91%;
    position: absolute;
    z-index: 0;
    top: 66px;
    left: 0;
    right: 0;
    border: 1px solid #c2c2c2;
    margin-left: auto;
    margin-right: auto;
}

#block-createemployeewadmin ul li a.is-active:before {
    /* background-image: url(/modules/custom/wagewatcher_admin/img/nav_images/Steps_yc.png); */
    background-image: url(/themes/wagewatcher/bg_images/nav_images_active.png);
    /* color: #134774; */
    color: #fff;
}

nav#block-createemployeeweid-2 h2 {
    font-size: 24px;
    text-align: center;
    font-weight: 500;
    font-family: poppins;
    position: relative;
    padding: 0;
    height: 0;
    text-decoration: none;
    border-left: 34px solid transparent;
    border-bottom: 45px solid transparent;
    /* border-bottom: 45px solid #f8f8ed; */
    opacity: 1;
    width: 90%;
    float: right;
    margin-top: 0px;
    margin-bottom: 0px;
    /* color: #134774; */
    /* color:#181717; */
    color: #003f54;
    padding-right: 14%;
    line-height: 3em;
}

nav#block-createemployeeweid-2 ul.menu.nav li:first-child {
    border-radius: 5px 0 0px 0px;
}

nav#block-createemployeeweid-2 ul.menu.nav li {
    float: left;
    width: 16.4%;
    text-align: center;
    font-size: 18px;
}

#block-createemployeeweid-2 ul {
    width: 100%;
    float: left;
    background: transparent;
    /* background:  #f8f8ed; */
    counter-reset: steps;
}

#block-createemployeeweid-2 ul li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

#block-createemployeeweid-2 ul li a {
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    font-family: poppins;
    color: #545452;
}

#block-createemployeeweid-2 ul li a.is-active,
#block-createemployeeweid-2 ul li.pre-active a {
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    font-family: poppins;
    /* color: #134774; */
    /* color: #545452; */
    color: #003f54;
}

#block-createemployeeweid-2 ul li a:before {
    background-image: url(/modules/custom/wagewatcher_admin/img/nav_images/Steps_gc.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 65px;
    padding: 17px;
    width: 100%;
    float: left;
    content: counter(steps);
    counter-increment: steps;
    font-size: 24px;
    color: #fff;
}

#block-createemployeeweid-2 hr {
    width: 88%;
    position: absolute;
    z-index: 0;
    top: 66px;
    left: 0;
    right: 0;
    border: 1px solid #c2c2c2;
    margin-left: auto;
    margin-right: auto;
}

#block-createemployeeweid-2 ul li a.is-active:before {
    /* background-image: url(/modules/custom/wagewatcher_admin/img/nav_images/Steps_yc.png);
    color: #134774; */
    background-image: url(/themes/wagewatcher/bg_images/nav_images_active.png);
    color: #fff;
}


/**
 * END - css for the create employee navigation menu
 **/


/**
 * css for the custom block that displaying the user name of the logged in user
 **/

section#block-loggedinusername {
    float: right;
    margin-right: 2%;
    margin-top: 1.7%;
    font-size: 20px;
    font-weight: bold;
}

.links li {
    display: inline-block;
    margin-left: 9px;
    border-right: 1px solid;
    padding-right: 9px;
}

.language-link.is-active {
    font-weight: bold;
    text-decoration: underline;
}

section#block-languageswitcher {
    float: right;
    margin-right: 2%;
    margin-top: 2%;
    font-size: 14px;
}

.links li:last-child {
    border-right: 0px;
}

nav#block-wagewatcher-account-menu .navbar-nav>li {
    float: left;
    width: 100%;
}

nav#block-wagewatcher-account-menu:before {
    border-top: 0px solid transparent;
    border-left: 14px solid transparent;
    border-bottom: 14px solid #fff;
    float: right;
    margin-right: 10px;
    content: '';
}


/**
 * END - css for the custom block that displaying the user name of the logged in user
 **/

section#block-homeicon-2 {
    float: right;
}

section#block-homeicon-2 div#default-home-icon a {
    /* background: url(/modules/custom/wagewatcher_admin/img/home_button.png) no-repeat; */
    /* background: url(/themes/wagewatcher/bg_images/home.png) no-repeat; */
    background: url(/modules/custom/wagewatcher_admin/img/home_icon_1.png) no-repeat;
    width: 50px;
    height: 34px;
    float: left;
    margin-top: 9px;
    background-size: 83%;
}

.navbar-header {
    float: left;
    width: 19% !important;
    margin-top: 1% !important;
}

.navbar .region.region-navigation>section#block-dashboardicon,
.navbar .region.region-navigation>section#block-partnericonblock,
.navbar .region.region-navigation>section#block-homeicon-2 {
    margin-top: 1%;
    z-index: 2;
}

section#block-partnericonblock {
    float: left;
}

section#block-partnericonblock h5 {
    float: left;
    color: #29c2ab;
    margin-top: 60px;
}

section#block-dashboardicon {
    float: right;
}

section#block-dashboardicon div#default-dashboard-icon a {
    /* background: url(/modules/custom/wagewatcher_admin/img/dashboard.png) no-repeat;  */
    /* background: url(/modules/custom/wagewatcher_admin/img/indii_img/dashboard_icon_1.png) no-repeat;  */
    background: url(/modules/custom/wagewatcher_admin/img/dashboard_icon_1.png) no-repeat;
    /* width: 50px;
    height: 34px; */
    width: 38px;
    /* height: 77px; */
    height: 94px;
    float: left;
    /* margin-top: 9px; */
    margin-top: 10px;
    background-size: 83%;
}

section#block-homeicon-2 div.contextual {}


/**
 * END - css for the custom block that displaying a home icon at top
 **/


/**
 * css for the custom block that displaying the admin login witheid and manual
 **/

section#block-witheidadminloggin {
    float: left;
    width: 45%;
    margin-top: 2%;
}

#admin-witheid-login-outer .admin-login-witdeid-content {
    float: left;
    width: 100%;
    clear: both;
}

#block-witheidadminloggin div#admin-witheid-login-outer .admin-login-witdeid-content {
    /* background: linear-gradient(#fdee00, #fdd100); */
    background: #003f54;
    border: 0px;
    border-radius: 0 0 10px 10px;
    /* color: #183f76; */
    color: #183f76;
    float: left;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    width: 100%;
    padding: 5%;
}

.admin-login-witdeid-content a.admin-login-witdeid-button {
    font-size: 20px;
    font-family: poppins;
    /* color: #134774; */
    color: #f4fcf3;
    font-weight: 600;
}

#block-admincustomloginblock a:focus,
#block-admincustomloginblock a:hover,
#block-witheidadminloggin a.admin-login-witdeid-button:hover {
    text-decoration: none;
}

section#block-admincustomloginblock {
    float: left;
    width: 45%;
    margin-top: 2%;
}

section#block-witheidadminloggin .admin-login-witdeid-content-image {
    /* padding: 7% 5%; */
    padding: 11% 5%;
    text-align: center;
    border-radius: 5px;
    background: url(/modules/custom/wagewatcher_admin/img/Transparentbg_1.png);
}

section#block-witheidadminloggin .admin-login-witdeid-content-image img {
    width: 90%;
}

section#block-admincusstomloginortag {
    float: left;
    width: 10%;
}

#adminloginas-or-tag {
    font-size: 24px;
    font-family: poppins;
    color: #fefefe;
    font-weight: 500;
}

body.path-adminloginas h1.page-header {
    padding-bottom: 0;
    margin: 40px 0 20px;
    border-bottom: 0px solid #eee;
    text-align: center;
    font-size: 24px;
    font-family: poppins;
    /* color: #fefefe; */
    color: #1a1717;
    font-weight: 500;
    width: 100%;
    float: left;
}

#adminloginas-or-tag {
    font-size: 24px;
    font-family: poppins;
    /* color: #fefefe; */
    color: #1a1717;
    font-weight: 500;
}

#admin-login-manual-form .form-group {
    margin: 6% 0;
    float: left;
}

#admin-login-manual-form input.form-control {
    /* height: 45px;
    font-size: 16px;
    color: #0c2840 !important;
    font-weight: 500;
    background-color: #efede2 !important; */
    height: 45px;
    font-size: 16px;
    color: #5f7d86 !important;
    font-weight: 500;
    /* background-color: #d5f6f1 !important; */
    background-color: #ebf9f7 !important;
}

#admin-login-manual-form .form-type-password {
    margin-bottom: 10px;
}

a#edit-forgot-password {
    float: left;
    width: 100%;
    color: #fff;
    text-align: left;
}

form#admin-login-manual-form .ww-empployee-login-manually-outer-div {
    /* background: radial-gradient( #167dc2, #1163ad); */
    /* background: radial-gradient(#017775, #007272); */
    background: radial-gradient(#003f51, #003f54);
    margin-bottom: 10px;
}

body.path-employeelogin #admin-login-manual-form .form-type-password {
    margin-bottom: 10px;
    margin-top: 0;
}

body.path-employeelogin a#edit-forgot-password {
    float: left;
    width: 100%;
    color: #fff;
    text-align: left;
    margin-bottom: 6%;
}

body.user-logged-in .main-container {
    margin-top: -25px;
}

.employee-manual-login {
    cursor: pointer;
    background: #61bfb5;
    height: auto;
    border-radius: 3px;
    vertical-align: middle;
    display: table-cell;
    /* width: 100%; */
    width: 15%;
    margin-bottom: 10px;
    float: left;
    padding: 10px;
}

a#employee-manual-login-button:hover {
    color: #fff !important;
    text-decoration: none;
}

button#edit-login-button:hover,
button#edit-login-button:focus {
    background-image: url("/modules/custom/wagewatcher_admin/img/indii_img/card_reader_transparent_bg.png") !important;
    /* border-radius: 23px; */
    outline: none;
    background-color: transparent !important;
}

.employee-manual-login a#employee-manual-login-button {
    font-size: 20px;
    font-weight: 500;
    /* color: #134774; */
    color: #fff;
}

section#block-witheidadminloggin h2,
section#block-admincustomloginblock h2 {
    display: none;
}


/* to hide default login button */

section#block-admincustomloginblock form#admin-login-manual-form div#edit-actions {
    display: none;
}

section#block-admincustomloginblock form#admin-login-manual-form label.control-label.js-form-required.form-required {
    display: none;
}

section#block-admincustomloginblock form#admin-login-manual-form span.form-required {
    display: none;
}

section#block-admincustomloginblock .admin-manual-login {
    /* background: linear-gradient(#1970b7, #154f81); */
    /* background: linear-gradient( #007272,  #007272); */
    background: #003f54;
    border: 0px;
    border-radius: 0 0 10px 10px;
    /* color: #183f76; */
    color: #e6eaef;
    float: left;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    width: 100%;
    padding: 5%;
}

.admin-manual-login a#adminloginas-manual-login-button {
    font-size: 20px;
    font-family: poppins;
    color: #fff;
    font-weight: 600;
}


/**
 * END - css for the custom block that displaying the admin login witheid and manual
 **/

#block-admincustomloginblock form#admin-login-manual-form {
    padding: 8% 10% 6%;
    text-align: center;
    border-radius: 5px;
    background: url(/modules/custom/wagewatcher_admin/img/Transparentbg_1.png);
    float: left;
    width: 100%;
}

body.path-adminloginas section.col-sm-12 {
    text-align: center;
    width: 70%;
    margin: 0 auto;
    float: none;
}

.login-or-content {
    float: left;
    padding: 0 5%;
}


/* END  admin login witheid and manual */


/* css for try with other card*/

form#weid-redirect-form {
    width: 100%;
    float: left;
    background: transparent;
    padding: 3% 10px;
    color: #174075;
    border-radius: 5px;
}

#weid-redirect-form .user-already-exist p {
    font-size: 24px;
    color: #545452;
    width: 49%;
    margin: 0 auto;
}


/* end css for try with other card*/

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

#loggedin-username {
    font-size: 20px;
    font-family: poppins;
    font-weight: 500;
    /* color: #fff; */
    color: #181717;
}

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

body.path-create-employee ul li a {
    /*   font-size: 18px;*/
    font-weight: 400;
    color: #134774;
}

body.path-emp-stop-work .reasons-to-stop-employee #edit-reasons {
    width: 80%;
    max-height: 195px;
    overflow: auto;
}

body.path-emp-stop-work .main-container {
    margin-top: -25px;
}

body.path-planning .region-header ol.breadcrumb {
    display: none!important;
}


/* auto login employee auto login page design */

body.path-auto-login .region-content #auto-login-form {
    width: 100%;
    float: left;
    background: transparent;
    padding: 3% 10px;
    color: #174075;
    border-radius: 5px;
    margin-top: 11%;
}

body.path-auto-login .region-content #auto-login-form .weid-not-exits {
    font-size: 24px;
    color: #545452;
    width: 49%;
    margin: 0 auto;
}

body.path-empauto-login .region-content .auto-login-form {
    width: 100%;
    float: left;
    background: transparent;
    padding: 3% 10px;
    color: #174075;
    border-radius: 5px;
    margin-top: 11%;
}

body.path-empauto-login .region-content .auto-login-form .weid-not-exits {
    font-size: 24px;
    color: #545452;
    width: 49%;
    margin: 0 auto;
}


/* Manage parameters new */

body.path-ifo #parameters-form .js-form-item #edit-company-select {
    width: 45%;
    height: 35px;
}

#drupal-modal div.modal-content {
    /* color: #545452 !important; */
    color: #fff !important;
    font-size: 16px;
}


/*div#drupal-modal {
      margin-top: 12.4% !important;
      pointer-events: none;
}*/

#drupal-modal .modal-body {
    float: left;
    width: 100%;
    pointer-events: auto;
    background: transparent;
    border-radius: 0px 0px 5px 5px;
}

#drupal-modal .modal-dialog {
    pointer-events: auto;
    pointer-events: auto;
    min-height: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0;
}

body.path-planning.modal-content.modal-body {
    width: 101%;
    /* height: 350px; */
}

#drupal-modal .table-striped>tbody>tr {
    background-color: #fff !important;
}

#drupal-modal .modal-header {
    /* background-color: #f7cf00; */
    /* background-color: #007272; */
    background-color: #61bfb5;
    border-radius: 4px 4px 0 0;
    text-align: center;
}

#drupal-modal .modal-body table {
    color: #545452 !important;
    font-size: 16px;
}

#drupal-modal .popup-close-class .table-striped>tbody>tr>td:last-child {
    display: none;
}

#drupal-modal .popup-close-class .table-striped>thead>tr>th:last-child {
    display: none;
}


/* common custom radio button */

span.custom-radio.disabled {
    /* background: url(/themes/wagewatcher/images/Radio_button.png); */
    background: url(/modules/custom/wagewatcher_admin/img/indii_img/unselected_radio_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    float: left;
    width: 40px;
    height: 30px;
    background-size: 25px 25px;
    /*margin-top: -1.5%;
    margin-left: -2%;*/
}

span.custom-radio.selected {
    /* background: url(/themes/wagewatcher/images/Radio_button_selected.png); */
    background: url(/modules/custom/wagewatcher_admin/img/indii_img/radio_buttons.png);
    background-repeat: no-repeat;
    background-position: left center;
    float: left;
    width: 40px;
    height: 30px;
    background-size: 25px 25px;
    /*margin-top: -1.5%;
    margin-left: -2%;*/
}

input.form-radio {
    display: none;
}


/* end  */


/* error message design*/

body.path-adminloginas .alert.alert-danger {
    width: 82%;
    float: none;
    margin: 0 auto;
    padding: 8px;
    text-align: center;
    font-size: 18px;
}

ul.menu a.is-active {
    text-decoration: underline;
}


/* forgot password css */

body.path-forgot-password .main-container {
    padding: 0 3%;
    text-align: center;
    border-radius: 5px;
    background: url(/modules/custom/wagewatcher_admin/img/Transparentbg_1.png);
    width: 40%;
}

body.path-forgot-password h1.page-header {
    text-align: center;
    font-size: 24px;
    font-family: poppins;
    color: #fefefe;
    font-weight: 500;
    margin: 22px;
    border: 0px;
}

body.path-forgot-password label.control-label {
    float: left;
    font-family: poppins;
    color: #fefefe;
    font-weight: 500;
}

body.path-forgot-password input.form-control {
    height: 40px;
    font-size: 16px;
    color: #0c2840 !important;
    font-weight: 500;
    background-color: #efede2 !important;
}

body.path-forgot-password .button_proceed {
    margin: 10px 0 20px;
    width: 100%;
    float: left;
}

body.path-create-new-password .main-container {
    padding: 2% 3%;
    text-align: center;
    border-radius: 5px;
    background: url(/modules/custom/wagewatcher_admin/img/Transparentbg_1.png);
    float: left;
    width: 40%;
}

#user-change-password-form .submit-buttons {
    margin-top: 10px;
    width: 100%;
    float: left;
}

.change-password-div .form-item label {
    font-size: 16px;
    font-family: poppins;
    font-weight: 500;
    text-align: left;
    float: left;
    color: #fff;
}

.change-password-div input.form-control {
    margin-bottom: 15px;
    height: 38px;
    float: left;
}

.change-password-div {
    padding: 4% 5%;
    text-align: center;
    border-radius: 5px;
    background: url(/modules/custom/wagewatcher_admin/img/Transparentbg_1.png);
    width: 100%;
    float: left;
}

#user-change-password-form {
    width: 45%;
    margin: 0 auto;
}


/* end forgot password css*/


/* common css changes for all the pages */

.title-for-page {
    position: relative;
    height: 0;
    text-decoration: none;
    border-left: 34px solid transparent;
    border-bottom: 42px solid transparent;
    width: 90%;
    float: right;
    padding-right: 8%;
    border-radius: 0 5px 0 0;
    text-align: center;
}

.title-for-page h2 {
    font-size: 24px;
    text-align: center;
    font-weight: 500;
    font-family: poppins;
    /* color: #134774; */
    /* color: #181717; */
    color: #003f54;
    line-height: 1.4em;
}

[id*="edit-title"] h2 {
    font-size: 24px;
    text-align: center;
    font-weight: 500;
    font-family: poppins;
    /* color: #134774; */
    /* color: #181717; */
    color: #003f54;
    line-height: 1.4em;
    margin: 0;
    position: relative;
    top: -22px;
}

.title-for-page [id*="edit-title"] h2 {
    position: static;
    margin-top: 15px;
}

.main-div-for-page {
    background: transparent;
    width: 100%;
    float: left;
    border-radius: 5px 0 5px 5px;
    padding: 6% 3% 3%;
}

.form-item label {
    font-size: 16px;
    font-family: Poppins;
    /* color: #134774; */
    color: #2c2d2f;
    font-weight: 500;
}

.form-type-checkbox.checkbox label,
.radio label {
    font-size: 16px;
    font-family: Poppins;
    /* color: #134774; */
    font-weight: 500;
    padding: 0;
}

.form-item input,
.form-item select {
    font-size: 16px;
    font-family: Poppins;
    color: #7d7d75;
    background: #e8f8f3 !important;
    padding-top: 3px;
}


/**
 * Show password css starts
 */

body.path-employeelogin .custom-checkbox,
body.path-user .custom-checkbox,
body.path-adminloginas .custom-checkbox {
    width: 15px;
    height: 15px;
    display: inline-block;
    position: relative;
    z-index: 1;
    background: url("/modules/custom/wagewatcher_admin/img/Checkbox_unselected.png") no-repeat;
    top: 3px;
    margin: 2px;
    border-radius: 3px;
}

body.path-employeelogin .custom-checkbox.selected,
body.path-user .custom-checkbox.selected,
body.path-adminloginas .custom-checkbox.selected {
    /* background: url("/modules/custom/wagewatcher_admin/img/Checkbox_selected.png") no-repeat; */
    background: url("/modules/custom/wagewatcher_admin/img/indii_img/selected_checkbox.png") no-repeat;
    background-size: 15px;
}

body.path-employeelogin .form-type-checkbox.checkbox label,
.radio label,
body.path-adminloginas .form-type-checkbox.checkbox label,
.radio label {
    color: #fefefe;
    font-weight: normal;
    font-size: 12px;
    float: left;
    margin-bottom: 1px;
}


/**
 * Show password css ends
 */

a:hover {
    text-decoration: none;
}

a.btn-yellow:hover {
    text-decoration: none;
}

.sign-contract-buttons a:focus,
.sign-contract-buttons a:hover,
button.btn-edit-employee-blue:hover,
button.btn-edit-employee-blue:focus,
.btn.focus,
.btn:focus,
.btn:hover {
    color: #fefefe !important;
    text-decoration: none;
    background: #47d6c1 !important;
    /* background: #003f54  !important; */
}

button#edit-previous-date.btn:focus,
button#edit-next-date.btn:focus,
button#edit-previous-date.btn:active,
button#edit-next-date.btn:active {
    background: none !important;
    outline: none;
    box-shadow: none;
}

.planning-date-previous .btn:hover,
.planning-date-next .btn:hover,
.dashboard-date-previous .btn:hover,
.dashboard-date-next .btn:hover,
.dashboard-date-previous .btn:focus,
.dashboard-date-next .btn:focus,
.dashboard-date-previous.btn:active,
.dashboard-date-next.btn:active {
    background: none !important;
    box-shadow: none;
    color: #61bfb5 !important;
}

a:focus,
a:hover {
    color: #61bfb5 !important;
    text-decoration: underline;
}

a.ui-datepicker-prev.ui-corner-all:hover,
a.ui-datepicker-next.ui-corner-all:hover,
a.ui-datepicker-prev.ui-corner-all:focus,
a.ui-datepicker-next.ui-corner-all:focus {
    color: #003f54 !important;
    text-decoration: none;
    outline: none;
}

button.btn-edit-employee-blue {
    /* background: radial-gradient( #1970b7, #154f81); */
    background: #003f54 !important;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    margin: 2px auto;
    word-break: break-all;
    white-space: normal;
    float: none;
    padding: 10px;
}

button.btn-yellow {
    height: 40px;
    width: auto;
    border: 0px;
    float: right;
    font-size: 18px;
    font-weight: 500;
    /* background: linear-gradient(#fded01, #fed201); */
    background: #003f54;
    /* color: #134774; */
    color: #fff;
    min-width: 150px;
    text-transform: uppercase;
    text-align: center;
    border-radius: 4px;
}

a.btn-yellow {
    cursor: pointer;
    background: #003f54;
    /* color: #134774; */
    color: #fff;
    height: auto;
    border-radius: 4px;
    vertical-align: middle;
    display: table-cell;
    width: auto;
    margin-bottom: 10px;
    float: right;
    padding: 8px;
    font-size: 18px;
    font-weight: 500;
    min-width: 150px;
    text-transform: uppercase;
    text-align: center;
    height: 40px;
}

button.btn-blue {
    /* background: radial-gradient( #1970b7, #154f81); */
    /* background: radial-gradient( #003f54, #003f54); */
    background: #003f54;
    color: #fff;
    /* border: 1px solid #1577be; */
    /* border: 1px solid #003f54; */
    border: none;
    height: 40px;
    width: auto;
    float: right;
    font-size: 18px;
    font-weight: 500;
    min-width: 150px;
    text-transform: uppercase;
    text-align: center;
    margin-left: 2%;
}

.vertical-center {
    min-height: 80%;
    min-height: 80vh;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.col-centered {
    float: none !important;
    margin: 0 auto;
}

.panel .form-item-company-select {
    float: left;
    width: 100%;
    margin-bottom: 0;
    padding: 8% 0;
}

.form-item.panel {
    background: transparent;
    border: none;
    box-shadow: none;
    width: 100%;
    float: left;
    border-radius: 5px 0 5px 5px;
}

.panel .control-label {
    /* color: #134774; */
    color: #2c2d2f;
    font-size: 20px;
    font-weight: 500;
    font-family: poppins;
    text-align: right;
}

.panel .panel-heading {
    background: transparent;
    border: 0px;
    padding: 0;
}

.panel-heading .panel-title {
    font-size: 20px;
    font-family: Poppins;
    /* color: #134774; */
    color: #2c2d2f;
    font-weight: 500;
    width: 100%;
    float: left;
    text-align: left;
}

.panel .select-wrapper #edit-company-select {
    color: #545452;
    font-size: 16px;
    font-weight: 500;
    font-family: poppins;
    height: 40px;
    min-width: 250px;
}

#select-company-form .No_locations_available {
    float: left;
    width: 100%;
    font-size: 18px;
    color: #545452;
    margin: 7% 0 3%;
}

#select-employee-location-form {
    width: 100%;
    float: left;
    background: transparent;
    /* background: #f8f8ed; */
    padding: 2%;
}

#edit-company-name {
    width: 100%;
    float: left;
    padding: 0 15px 15px;
}

#edit-userinfo-edit .form-type-checkbox,
#edit-weekdays .form-type-checkbox {
    min-width: 23%;
    float: left;
    padding-right: 1%;
    text-align: left;
    margin: 10px;
    width: auto;
}

.select-all-or-none {
    float: left;
    width: 100%;
    /* background: radial-gradient(#1970b7, #154f81); */
    /* background: radial-gradient(#007272, #007272); */
    background: #003f54;
}

#edit-userinfo-edit .select-all-or-none .form-type-checkbox {
    min-width: 23%;
    float: left;
    padding-right: 1%;
    text-align: left;
    margin: 2px 10px 6px;
    width: auto;
}

.select-all-or-none .form-type-checkbox.checkbox label {
    color: #fff;
}

#edit-userinfo-edit span.form-required {
    display: none;
}

.employee_about_me,
.employee_my_contracts {
    width: 100%;
    float: left;
    background: transparent;
    padding: 2%;
    color: #174075;
    border-radius: 0px 0 5px 5px;
    text-align: left;
}

.my-account-about-me-class,
.my-account-my-contracts-class {
    text-align: center;
    padding-top: 20px;
    font-size: 24px;
    color: #545452;
    width: 50%;
    margin: 0 auto;
    min-height: 150px;
}


/*.employee_my_contracts {
    width: 100%;
    float: left;
    background: transparent;
    padding-top: 2%;
    color: #174075;
    border-radius: 0px 0 5px 5px;
    text-align: left;
}
.my-account-my-contracts-class {
    text-align: center;
    padding-top: 20px;
    font-size: 24px;
    color: #545452;
    width: 50%;
    margin: 0 auto;
}*/

.admin-home-page-buttons-main-div button {
    color: #fff;
    background: #003f54;
    border: 0;
    min-height: 125px;
    margin: 2%;
    font-size: 24px;
    font-weight: 500;
    white-space: normal;
    border-radius: 10px;
    word-wrap: break-word;
    padding: 0 3%;
}

.admin-home-page-buttons-main-div button:hover {
    /* background: linear-gradient(#fded01, #fed201);
    color: #134774; */
    background: #47d6c1;
    color: #f1f5f9;
}

span.glyphicon-pencil,
span.glyphicon-cog {
    display: none
}

body.path-ifo ul.tips,
div.description,
.form-item .description {
    display: none !important;
}

body.path-ifo .filter-help a {
    display: none !important;
}

.create-employee-summary-page-main {
    width: 100%;
    float: left;
    background: transparent;
    /* background: #f8f8ed; */
    padding: 3% 0;
    color: #174075;
    border-radius: 0px 0 5px 5px;
    text-align: center;
}

body.path-create-employee-summary .create-employee-summary-message {
    font-size: 24px;
    font-family: Poppins;
    color: #545452;
    margin-bottom: 10px;
}

.create-employee-summary-page-ok-button button:hover {
    /* background: linear-gradient(#fded01, #fed201); */
    background: #47d6c1;
    /* color: #134774; */
    color: #fff;
    border: 0;
}


/* wagewatcher first page  design*/

.default-home-page-div {
    /* background: linear-gradient(#1970b7, #154f81); */
    background: #003f54;
    /* background: linear-gradient(#003f51, #003f54); */
    width: 100%;
    margin-bottom: 20px;
}

.default-home-page-par1 {
    text-align: left;
    font-size: 24px;
    font-weight: 500;
    font-family: poppins;
}

.default-home-page-par2 {
    text-align: left;
    /* color: #fcec01; */
    color: #47d6c1;
    font-size: 16px;
    line-height: 2em;
    font-weight: 500;
}

.default-home-page-withouteid-link-div span {
    margin-right: 15px;
    font-size: 16px;
    font-weight: 500;
    /* color: #fcec01; */
    color: #47d6c1;
}

.default-home-page-withouteid-link-div {
    border-top-style: dashed;
    border-top-width: 0.5px;
    border-color: #ccc;
    width: 95%;
    padding-top: 25px;
    padding-bottom: 20px;
    float: left;
}

.withouteid-anchor-tag {
    color: #fff;
    font-weight: 500;
    font-family: poppins;
    font-size: 16px;
    text-decoration: none;
}

.withouteid-anchor-tag:hover {
    color: #fff;
    text-decoration: none;
}


/* wagewatcher first page  design*/


/* change password form css */

.user-change-password-form {
    width: 45%;
    margin: 0 auto;
}

#edit-password-title {
    float: left;
    width: 100%;
    text-align: center;
}

#edit-password-title label {
    font-size: 24px;
    text-align: center;
    float: none;
    color: #fff;
}

span.icon.glyphicon.glyphicon-ok {
    display: none;
}

body.path-forgot-password .breadcrumb {
    display: none;
}

body.user-logged-in .col-sm-12 .region-header .alert-dismissible {
    float: left;
    width: 87%;
    border: 1px solid;
    text-align: center;
    font-size: 18px;
    margin-left: 13%;
}

body.user-logged-in .col-sm-12 .region-header .alert-.alert-dismissible {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}


/* end change password form css  */

.export-data-view-page {
    background: transparent;
    border: none;
    box-shadow: none;
    width: 100%;
    float: left;
    border-radius: 5px 0 5px 5px;
    padding: 2% 1.5% 1.5%;
}

.export-data-view-page button,
.export-data-view-page a {
    margin-top: 20px;
}


/* To hide the bread crumb in the select legal entity page */

body.path-export-att-data .breadcrumb {
    display: none;
}


/* dash board design*/

body.path-frontpage form#dashboard-form table tr td.status-flag-not_ok {
    background: url(/modules/custom/wagewatcher_dimona/img/Icons/red.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    overflow: hidden;
    color: transparent;
    cursor: default;
    min-width: 60px;
}

body.path-frontpage form#dashboard-form table tr td.status-flag-ok {
    background: url(/modules/custom/wagewatcher_dimona/img/Icons/green_circle.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    overflow: hidden;
    color: transparent;
    cursor: default;
    min-width: 100px;
}
/* pause button */
body.path-frontpage form#dashboard-form table tr td.status-flag-pause {
    background: url(/modules/custom/wagewatcher_planning/images/pause-button.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    overflow: hidden;
    color: transparent;
    cursor: default;
    min-width: 100px;
}

body.path-frontpage form#dashboard-form table tr td.status-flag-pending {
    background: url(/modules/custom/wagewatcher_dimona/img/Icons/amber.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    overflow: hidden;
    color: transparent;
    cursor: default;
    min-width: 100px;
}

body.path-frontpage form#dashboard-form {
    width: 100%;
    text-align: center;
    border-radius: 5px;
    background: #eeeeee;
    padding: 10px;
    position: relative;
    float: left;
}

body.path-frontpage .dashboard-details {
    padding: 16px;
    border-radius: 5px;
    /* background: #134e7f; */
    /* background:#02283a; */
    background: #003f54;
    /* background:#47d6c1; */
    width: 100%;
    float: left;
    /* border: 2px solid #042a49; */
    border: 2px solid #042a49;
}

body.path-frontpage div#edit-location {
    float: left;
    width: auto;
    margin: 0;
}

body.path-frontpage div#edit-location label {
    font-size: 17px;
    font-weight: 500;
    font-family: poppins;
    color: #fff;
    float: left;
}

@media screen and (min-width: 768px) and (max-width: 1025px) {
    body.path-dashboard .dashboard-details-left {
        float: left;
        width: 24%;
    }
    body.path-dashboard div#edit-location label,
    body.path-dashboard form#dashboard-form button#edit-tody {
        font-size: 13px !important;
    }
    body.path-dashboard .dashboard_title label {
        font-size: 40px !important;
    }
    body.path-dashboard .dashboard_title {
        width: 46%;
        margin: auto;
    }
    body.path-dashboard div#dashboard-flip-timer {
        width: 30%;
    }
    body.path-dashboard .flip-clock-wrapper ul {
        font-size: 25px !important;
    }
    body.path-dashboard table tbody tr {
        word-wrap: break-word;
        word-break: break-all;
    }
    body.path-dashboard .planning-emp-type {
        margin: 0px 5px !important;
        width: 100%;
        float: left;
    }
    body.path-dashboard .planning-emp-type img {
        float: left;
        width: 30px;
        height: 30px;
    }
    body.path-dashboard .planning-emp-type span.emp-name {
        padding-left: 5px;
    }
    body.path-dashboard table th {
        white-space: nowrap;
    }
    /* body.path-dashboard .flip:nth-child(5) {
  display: none;
 }
 body.path-dashboard .flip:last-child{
/*  display: none; 
 }
*/
}

body.path-frontpage form#dashboard-form button {
    font-size: 20px;
    font-weight: 500;
    font-family: poppins;
    color: #fff;
    float: left;
    text-transform: capitalize;
    cursor: pointer;
    background: none;
    border: 0;
    padding: 0;
}

body.path-frontpage .dashboard-details-left {
    float: left;
    width: 33%;
}

body.path-frontpage .dashboard_title {
    float: left;
    width: 30%
}

body.path-frontpage .dashboard_title label {
    color: #fff;
    font-size: 50px;
}

body.path-frontpage .dashboard-qr-code-div {
  height: 50%;
  width: 40%;
  float: right;
  color: #fff; 
}

body.path-frontpage .dashboard-qr-code-div img {
  max-width:100%;
  max-height: 100%;
}
body.path-dashboard div#edit-time {
    float: right !important;
    width: 7% !important;
}

body.path-frontpage div#edit-time {
    text-align: left !important;
    float: right !important;
    width: 100% !important;
    max-height: 100%;
}

body.path-frontpage div#dashboard-time-server-icon{
    width: 50%;
    float: left;
    padding: 0px 0px 0px 65px;
    margin: 20px 0px;
}
body.path-frontpage .dashboard-right {
    float: left;
    width: 33%;
}

body.path-frontpage  .hide-div {
   display:none;
}

body.path-frontpage  .show-div {
   display:block;
}


body.path-frontpage #edit-time label {
    color: #fefefe;
    text-align:center;
    font-size: 30px;
    max-width: 100%;
}

body.path-frontpage form#dashboard-form .js-form-item-mullocation label.control-label {
    /* color: #fed201 !important; */
    color: #fff !important;
}

body.path-frontpage form#dashboard-form .js-form-item-mullocation {
    width: 58%;
    float: left;
}

body.path-frontpage form#dashboard-form button#edit-loadnew {
    font-size: 12px;
    margin-left: 2px;
    margin-top: 8.5%;
}

body.path-frontpage form#dashboard-form button#edit-tody {
    clear: both;
    /* background: linear-gradient(#fded01, #fed201); */
    /* background: #007272; */
    background: #61bfb5;
    color: #fff;
    /* color: #134774; */
    padding: 5px 10px 3px;
    font-size: 17px;
}

body.path-frontpage div#dashboard-flip-timer {
    z-index: 0;
    position: absolute;
    right: 0;
    width: 25%;
    top: 15px;
}

body.path-frontpage .flip-clock-divider:first-child {
    width: 0;
}

body.path-frontpage .flip-clock-divider {
    float: left;
    display: inline-block;
    position: relative;
    width: 20px;
    height: 62px;
}

body.path-frontpage .flip-clock-dot.top {
    top: 15px;
}

body.path-frontpage .flip-clock-dot {
    display: block;
    background: #fff;
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    left: 5px;
}

body.path-frontpage .flip-clock-dot.bottom {
    bottom: 9px;
}

body.path-frontpage .flip-clock-wrapper ul {
    position: relative;
    float: left;
    margin: 5px;
    width: 28px;
    height: 45px;
    font-size: 31px;
    font-weight: bold;
    line-height: 0;
    border-radius: 6px;
    background: #3e6b91;
}

body.path-frontpage .flip-clock-wrapper ul li {
    line-height: 45px;
}

body.path-frontpage .flip-clock-wrapper ul li a div {
    z-index: 1;
    position: absolute;
    left: 0;
    width: 100%;
    height: 49%;
    font-size: 26px;
    overflow: hidden;
    outline: 1px solid transparent;
}

body.path-frontpage .flip-clock-wrapper ul li a div div.inn {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 200%;
    color: #134e7f;
    text-shadow: none;
    text-align: center;
    background-color: #fff;
    border-radius: 6px;
    font-size: 24px;
}

body.path-frontpage .flip-clock-divider {
    float: left;
    display: inline-block;
    position: relative;
    width: 20px;
    height: 50px;
}

body.path-frontpage form#dashboard-form button.previous {
    float: right;
    font-size: 20px;
    font-weight: 500;
    font-family: poppins;
    /* color: #134e7f; */
    color: #181717;
    margin-top: 19px;
    text-transform: uppercase;
    min-width: 180px;
    outline: none;
}

body.path-frontpage form#dashboard-form button.next {
    float: right;
    font-size: 20px;
    font-weight: 500;
    font-family: poppins;
    /* color: #134e7f; */
    color: #181717;
    margin-top: 19px;
    outline: none;
}

body.path-frontpage #dashboard-form div#edit-date {
    margin: 15px 0 0;
    color: #eee;
    font-size: 20px;
    width: auto;
    float: left;
    /* background: #134e7f; */
    /* background: #02283a; */
    background: #003f54;
    padding: 5px 12px;
    border: 2px solid #042a49;
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
}

body.path-frontpage #dashboard-form div#edit-date label {
    font-size: 15px;
    font-weight: 500;
    font-family: poppins;
    color: #fff;
    margin: 0;
}

body.path-frontpage .dashboard-empty {
    width: 100%;
    float: left;
    border: 2px solid #042a49;
    min-height: 150px;
    /* color: #134774; */
    color: #2c2d2f;
    padding-top: 50px;
    font-size: 17px;
}

body.path-frontpage form#dashboard-form table {
    border: 2px solid #042a49;
    border-radius: 5px;
    width: 100%;
    margin: 0 auto;
    background: #eee;
}

body.path-frontpage form#dashboard-form table tr th {
    height: 40px;
    padding: 5px;
    text-align: center;
    /* background: #134e7f; */
    /* background: #02283a; */
    background: #003f54;
    border: 2px solid #042a49;
    font-weight: 500;
    color: #fff;
}

body.path-frontpage form#dashboard-form table tr td {
    height: 40px;
    padding: 5px;
    border-left: 2px solid #042a49;
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    font-family: poppins;
    /* color: #134e7f; */
    color: #2c2d2f;
    border-right: 2px solid #042a49;
}

body.path-frontpage .planning-emp-type {
    width: auto;
    float: left;
    display: flex;
    align-items: center;
    margin-left: 20px;
}

body.path-frontpage .planning-emp-type span.emp-name {
    padding-left: 15px;
    text-align: left;
}

body.path-frontpage .planning-emp-type:hover .popup_error_code {
    visibility: visible;
}

body.path-frontpage .popup_error_code {
    float: left;
    width: 200px;
    position: absolute;
    z-index: 1000;
    visibility: hidden;
    text-align: center;
    margin-top: 45px;
    margin-left: -85px;
}

body.path-frontpage td[class^="status-flag"] .popup_error_code {
    float: left;
    width: 200px;
    position: absolute;
    z-index: 1000;
    visibility: hidden;
    text-align: center;
    margin-top: -15px;
    margin-left: -55px;
}

body.path-frontpage .popup_error_code::before {
    content: '';
    background: transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    /* border-bottom: 10px solid rgb(35, 92, 170); */
    border-bottom: 10px solid rgb(0, 63, 84);
    position: relative;
    top: -11px;
}

body.path-frontpage .Employee_types_main {
    background: #fff;
    /* border: 1px solid rgb(35, 92, 170); */
    border: 1px solid rgb(0, 63, 84);
}

body.path-frontpage .Employee_types_main h3 {
    font-size: 14px;
    margin: 10px;
    /* color: rgb(35, 92, 170); */
    color: #2c2d2f;
}

body.path-frontpage .Employee_types_main ul {
    list-style: none;
    padding-left: 0;
}

body.path-frontpage .Employee_types_main ul li {
    font-size: 14px;
    margin: 10px;
    color: #000;
}

body.path-frontpage form#dashboard-form table tr td.status-flag-not_ok div:hover .popup_error_code,
body.path-frontpage form#dashboard-form table tr td.status-flag-ok div:hover .popup_error_code,
body.path-frontpage form#dashboard-form table tr td.status-flag-pending div:hover .popup_error_code {
    visibility: visible;
}

body.path-frontpage td.status-flag-not_ok .popup_error_code {
    float: left;
    width: 180px;
    position: absolute;
    z-index: 1000;
    visibility: hidden;
    text-align: center;
    margin-top: -9px;
    margin-left: -80px;
}

body.path-frontpage form#dashboard-form table tr td.status-flag-not_ok div.falg-popup {
    width: 20px;
    margin: 0 auto;
}

.planning-back-page {
    float: right;
    margin: 10px 29px;
}

.fs8px {
    font-size: 9px !important;
}


/* align the * to left for radio buttons*/

body.path-employee-creation span.form-required {
    float: left;
}

body.path-export-reports .page-header,
body.path-employee-creation .page-header,
body.path-add-leave-request .page-header,
body.path-backend-request-leave .page-header,
body.path-planning-request-leave .page-header,
body.path-manage-approved-leave .page-header,
body.path-edit-leave-request .page-header,
body.path-planning .page-header {
    padding-bottom: 9px;
    margin: 0;
    border-bottom: 1px solid #61bfb5;
    color: #2c2d2f;
    text-align: center;
}

.status-flag-not-ok {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    border-color: #fff;
    border-width: 1px;
    background: red;
    display: inline-block;
    cursor: pointer;
}


/*
.form-item.js-form-item.form-type-textfield.js-form-type-textfield.form-item-field-leave-request-applied-date-value.js-form-item-field-leave-request-applied-date-value.form-group {
    padding-top: 20px;
    width: 41%;
    float: left;
}

.form-item.js-form-item.form-type-textfield.js-form-type-textfield.form-item-field-leave-request-employe-name-value.js-form-item-field-leave-request-employe-name-value.form-group {
    margin-left: 15px;
    padding-bottom: 13px;
    margin-top: 23px;
}

.form-item.js-form-item.form-type-textfield.js-form-type-textfield.form-item-field-leave-request-from-date-value.js-form-item-field-leave-request-from-date-value.form-group {
    width: 43%;
    float: left;
}
*/


/* button#edit-submit-manage-leave {
    margin-left: 1016px;
} */

.path-manage-leave .views-exposed-form .form-type-textfield,
.path-approved-leave .views-exposed-form .form-type-textfield,
.path-rejected-leave .views-exposed-form .form-type-textfield,
.path-cancelled-leave .views-exposed-form .form-type-textfield {
    float: left;
    width: 20%;
    margin: 0 1%;
}

.path-manage-leave .views-exposed-form .form-type-textfield input,
.path-approved-leave .views-exposed-form .form-type-textfield input,
.path-rejected-leave .views-exposed-form .form-type-textfield input,
.path-cancelled-leave .views-exposed-form .form-type-textfield input {
    width: 100% !important;
}

.path-manage-leave .views-exposed-form #edit-submit-manage-leave,
.path-approved-leave .views-exposed-form #edit-submit-manage-leave,
.path-rejected-leave .views-exposed-form #edit-submit-manage-leave,
.path-cancelled-leave .views-exposed-form #edit-submit-manage-leave {
    padding: 6px 25px;
    background-color: #003f54;
}

button#edit-add-leave {
    margin-right: 30px;
}

.path-manage-leave #edit-actions,
.path-approved-leave #edit-actions,
.path-rejected-leave #edit-actions,
.path-cancelled-leave #edit-actions {
    margin: 1.8% 0 !important;
}

.path-manage-leave .approve-manage-leave-link {
    text-decoration: underline;
}

.path-approved-leave .manage-leave-cancel-link {
    text-decoration: underline;
}
.final-margin-class-submit {
    margin: 30px;
}

.dashboard-qr-code-div {
  height: 20%;
  width: 10%;
  float: left;
}

.dashboard-qr-code-div img {
  max-width:100%;
  max-height: 100%;
}
body.path-employee-creation span.form-required {
    display: none;
}

a.btn {
    background: #003f54 !important;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    margin: 2px auto;
    word-break: break-all;
    white-space: normal;
    float: none;
    padding: 10px;
}