/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/

/*
Change Quick Sidebar Width
*/

/*
.page-quick-sidebar-wrapper {
  right: -370px;
  width: 370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
  margin-left: -370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content .page-footer {
  margin-right: 370px;
  margin-left: -370px;
}

.page-sidebar-reversed.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
  margin-right: 370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content.page-quick-sidebar-full-height .page-header {
  margin-left: -370px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-list {
  width: 370px !important;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item {
  width: 370px !important;
  margin-left: 370px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list {
  margin-left: -370px;
}
*/



body {
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
}


.page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
    padding: 10px 12px;
}

.dashboard-stat .more {
    font-size: 12px;
}

.input-sm {
    font-size: 14px;
}

.page-container-bg-solid .page-bar .page-breadcrumb > li > a, .page-container-bg-solid .page-bar .page-breadcrumb > li > span {
    color: #333;
}

.portlet.light > .portlet-title > .actions .btn-default {
    color: #333;
}

.portlet > .portlet-title > .actions > .btn, .portlet > .portlet-title > .actions > .btn.btn-sm, .portlet > .portlet-title > .actions > .btn-group > .btn, .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm {
    font-size: 14px;
}

.feeds li {
    color: #333;
}

    .feeds li .col2 > .date {
        color: #A5A5A5;
    }

.page-sidebar .page-sidebar-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a {
    font-size: 15px;
}

.page-sidebar .page-sidebar-menu .sub-menu li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a {
    font-size: 15px;
}

.page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
    font-size: 15px;
}

.page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a {
    font-size: 15px;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i, .page-sidebar .page-sidebar-menu > li > a > i {
    color: #b4bcc8;
}

    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"], .page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"], .page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {
        color: #b4bcc8;
    }

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a, .page-sidebar .page-sidebar-menu > li > a {
    border-top: 1px solid #4D5D6F;
}

.portlet.light > .portlet-title > .caption {
    color: #333;
}

    .portlet.light > .portlet-title > .caption > i {
        color: #333;
    }

.table-scrollable .font-green-seagreen, .table-scrollable .font-red-thunderbird, .table-scrollable .font-green, .table-scrollable .font-yellow, .table-scrollable font-blue, .table-scrollable .font-red, .table-scrollable .font-blue {
    font-weight: bold !important;
}

.tabbable-custom > .nav-tabs > li.active > a, .tabbable-custom > .nav-tabs > li > a {
    font-size: 15px;
    font-weight: bold;
}

.btn-arrow-link {
    font-weight: bold;
}

.profile-stat-text {
    font-size: 12px;
}

.profile-usertitle-job {
    font-size: 14px;
}

.label {
    font-size: 14px;
}

a {
    color: #2876B8;
}
/*overwrite default styles ends*/

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

.table-scrollable.margin-0 {
    margin: 0 !important;
}

.project-period {
    padding: 10px;
    display: block;
}

/*buttons & font colors*/
.dashboard-stat.green {
    background-color: #35aa47;
}

    .dashboard-stat.green .more {
        color: white;
        background-color: #309a41;
    }

.open .blue.btn.dropdown-toggle {
    color: white;
    background-color: #2977f7;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active.open > a {
    background: #4A5E79;
}

    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover, .page-sidebar .page-sidebar-menu > li.active > a:hover, .page-sidebar .page-sidebar-menu > li.active.open > a:hover {
        background: #4A5E79;
    }

/*.btn + .btn {
  margin-left: 0;
}*/

.font-green {
    color: #35aa47 !important;
}

.font-yellow {
    color: #ffb848 !important;
}

.font-red {
    color: #d84a38 !important;
}

.btn-xs > [class^="glyphicon-"], .btn-xs > [class*=" glyphicon-"], .btn-xs > i {
    font-size: 11px !important;
}

.yellow.btn {
    color: white;
    background-color: #ffb848;
}

    .yellow.btn:hover, .yellow.btn:focus, .yellow.btn:active, .yellow.btn.active {
        color: white;
        background-color: #ffaa24;
    }

.green.btn {
    color: white;
    background-color: #35aa47;
}

    .green.btn:hover, .green.btn:focus, .green.btn:active, .green.btn.active {
        color: white;
        background-color: #2d8f3c;
    }

.red.btn {
    color: white;
    background-color: #d84a38;
}

    .red.btn:hover, .red.btn:focus, .red.btn:active, .red.btn.active {
        color: white;
        background-color: #c63927;
    }

.blue.btn {
    color: white;
    background-color: #4b8df8;
}

    .blue.btn:hover, .blue.btn:focus, .blue.btn:active, .blue.btn.active {
        color: white;
        background-color: #2977f7;
    }

.bg-green {
    border-color: #35aa47 !important;
    background-image: none !important;
    background-color: #35aa47 !important;
    color: white !important;
}

.bg-yellow {
    border-color: #ffb848 !important;
    background-image: none !important;
    background-color: #ffb848 !important;
    color: white !important;
}

.bg-red {
    border-color: #d84a38 !important;
    background-image: none !important;
    background-color: #d84a38 !important;
    color: white !important;
}

.bg-blue {
    border-color: #4b8df8 !important;
    background-image: none !important;
    background-color: #4b8df8 !important;
    color: white !important;
}
/*buttons & font colors*/

/*logo*/
.page-header.navbar .page-logo .logo-default {
    margin: 0px 0 0 0;
    overflow: hidden;
}

/*top download & period panel*/
.panel-right {
    float: right;
    margin-bottom: 5px;
}

    .panel-right .add {
        float: left;
    }

.select-period {
    float: left;
    margin: 0 5px 5px;
}

    .select-period .bootstrap-select.btn-group:not(.input-group-btn), .select-period .bootstrap-select.btn-group[class*=col-] {
        margin: 0;
    }

    .select-period .title-period {
        line-height: 34px;
    }

.panel-right .actions {
    float: right;
}


.my-kra-page .font-blue-steel {
    color: #2876B8 !important;
}

/*Waiting surveys*/
.waiting-survey-page {
}

    .waiting-survey-page .btn {
        padding: 0px 10px;
        font-size: 14px;
        line-height: 24px;
        color: #fff;
    }

    .waiting-survey-page .btn-start {
        background: #4b8df8;
    }

    .waiting-survey-page .btn-cancel {
        background: #b3b3b3;
    }

    .waiting-survey-page .table thead tr th {
        padding: 10px 8px 11px;
    }

/*My Report*/
.heading-title {
    font-weight: 600;
}

.row .krafeature:first-child {
    border: none;
}

.krafeature {
    text-align: center;
    border-left: 1px solid #eee;
}

    .krafeature h4 {
        font-size: 17px;
        font-weight: 600;
        margin-bottom: 20px;
    }

        .krafeature h4 span {
            display: block;
            font-weight: 300;
            font-size: 16px;
            margin-top: 5px;
        }

/*clickable tables*/
.clickable-table {
}

    .clickable-table tbody td {
        cursor: pointer;
    }

.clickable-table-actions tbody tr td {
    cursor: pointer;
}

    .clickable-table-actions tbody tr td:last-child {
        cursor: default;
    }

/*no border portlet*/
.no-border-porlet {
}

.portlet.light.bordered > .portlet-title.no-border-porlet-title {
    border-bottom: none;
    margin-bottom: 0px;
}

.portlet.light .portlet-body.no-border-porlet-body {
    padding-top: 0;
}

.no-border-porlet-table {
    margin: 0px 0 10px !important;
}


/*Kpi page*/
.probar-block {
}

    .probar-block .bar {
        width: 20px;
        display: block;
        height: 100%;
        min-height: 500px;
        margin: auto;
        position: relative;
    }

        .probar-block .bar .type1 {
            width: 100%;
            background: red;
            position: absolute;
        }

        .probar-block .bar .type2 {
            width: 100%;
            background: orange;
            position: absolute;
        }

        .probar-block .bar .type3 {
            width: 100%;
            background: green;
            position: absolute;
        }

.kpi-questiontbl.table > tbody > tr > td {
    vertical-align: middle;
}

.info-label .label {
    position: relative;
    font-size: 7px;
    top: -3px;
}

/*performance report tabs*/
.tabbable-custom.style1 {
}

    .tabbable-custom.style1 .nav-tabs > li.active > a, .tabbable-custom.style1 .nav-tabs > li.active > a:focus, .tabbable-custom.style1 .nav-tabs > li.active > a:hover {
        border-bottom: 1px solid #ddd;
    }

    .tabbable-custom.style1 > .nav-tabs > li.active {
        border-top: 3px solid #F3565D;
    }

    .tabbable-custom.style1 > .nav-tabs > li {
        border-top: 2px solid #ddd;
    }

        .tabbable-custom.style1 > .nav-tabs > li.active > a, .tabbable-custom.style1 > .nav-tabs > li > a {
            font-weight: bold;
            border: 1px solid #ddd;
            background-color: #fff;
            color: #555555;
        }

        .tabbable-custom.style1 > .nav-tabs > li:hover {
            border-color: #F3565D;
        }


/*survey pages*/
.bg-survey {
    background: url('../img/bg-survey.jpg') repeat;
}

.container-block {
    width: 720px;
    display: table;
    margin: 45px auto 20px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-top: none;
    box-shadow: 0 4px 4px #e0e0e0;
    border-radius: 3px;
}

.top-panel {
    text-align: center;
    float: left;
    width: 100%;
    background: #e8e8e8;
    border-bottom: 4px solid #c5c5c5;
    /*padding-top:10px;*/
}

    .top-panel h4 {
        font-size: 24px;
        margin: 10px auto 15px;
    }

    .top-panel img {
        margin-top: 10px;
        margin-bottom: 10px;
    }

.bottom-panel {
    padding: 30px;
    float: left;
    width: 100%;
    margin: 45px 0 0;
}

.performance-evaluation-page .bottom-panel p.info {
    font-size: 18px;
    text-align: center;
    line-height: 26px;
}

    .performance-evaluation-page .bottom-panel p.info span {
        font-weight: 600;
    }

.performance-evaluation-page .bottom-panel p.dateinfo {
    font-size: 18px;
    text-align: center;
    line-height: 26px;
    margin-top: 25px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 23px 0 24px;
}

    .performance-evaluation-page .bottom-panel p.dateinfo span {
        font-weight: 600;
    }

.btn-panel {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

    .btn-panel .btn-green {
        background: #1ab65c;
        border-bottom: 4px solid #0e9f4c;
        min-width: 250px;
        text-align: center;
        line-height: 49px;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        text-decoration: none;
        display: inline-block;
        margin: 9px;
        border-radius: 2px;
    }

        .btn-panel .btn-green:hover {
            background: #0e9f4c;
        }

    .btn-panel .btn-grey {
        background: #c5c5c5;
        border-bottom: 4px solid #b1b1b1;
        min-width: 250px;
        text-align: center;
        line-height: 49px;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        text-decoration: none;
        display: inline-block;
        margin: 9px;
        border-radius: 2px;
    }

        .btn-panel .btn-grey:hover {
            background: #b1b1b1;
        }

.waiting-surveys-page {
}

.survey-box {
    background: #f7f7f7;
    float: left;
    width: 100%;
    margin-bottom: 23px;
}

    .survey-box .top {
        position: relative;
        padding: 15px 20px;
    }

    .survey-box .employee-detail {
        font-size: 18px;
        line-height: 26px;
    }

        .survey-box .employee-detail span {
            font-weight: 600;
        }

    .survey-box .type {
        font-size: 16px;
        line-height: 26px;
        margin: 0;
    }

    .survey-box .cancel-survey {
        position: absolute;
        top: 10px;
        right: 10px;
        color: #c5c5c5;
    }

    .survey-box .link {
        background: #e5e5e5;
        float: left;
        width: 100%;
        padding: 0 0 0 20px;
    }

    .survey-box .requested {
        font-size: 15px;
        line-height: 36px;
        float: left;
        margin: 0;
    }

        .survey-box .requested span {
            font-weight: 600;
        }

    .survey-box .link a {
        float: right;
        font-size: 16px;
        color: #fff;
        font-weight: 600;
        text-decoration: none;
        background: #1ebefa;
        line-height: 36px;
        min-width: 93px;
        text-align: center;
    }

        .survey-box .link a .fa {
            font-size: 12px;
            font-weight: normal;
        }

.survey-submission-page {
}

    .survey-submission-page .bottom-panel.type1 {
        margin: 0;
    }

    .survey-submission-page .top-header {
        float: left;
        width: 100%;
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 25px;
    }

    .survey-submission-page span {
        font-weight: bold;
    }

    .survey-submission-page .employee-info {
        float: left;
    }

    .survey-submission-page .project-name {
        float: right;
    }

    .survey-submission-page .surevey-panel {
        float: left;
        width: 100%;
    }

        .survey-submission-page .surevey-panel .top {
            position: relative;
            padding: 0 40px;
            background: #1ab65c;
            text-align: center;
            font-size: 18px;
            color: #fff;
            font-weight: 600;
            line-height: 50px;
            border-radius: 3px;
        }

            .survey-submission-page .surevey-panel .top:after {
                content: "";
                display: block;
                width: 0;
                height: 0;
                border-left: 20px solid transparent;
                border-right: 20px solid transparent;
                border-top: 17px solid #1ab65c;
                position: absolute;
                bottom: -10px;
                left: 46%;
            }

    .survey-submission-page .right-arrow.disabled .fa, .survey-submission-page .left-arrow.disabled .fa {
        color: #83d09d;
    }

    .survey-submission-page .left-arrow.disabled, .survey-submission-page .right-arrow.disabled {
        color: #83d09d;
    }

    .survey-submission-page .left-arrow:hover, .survey-submission-page .right-arrow:hover {
        text-decoration: none;
    }

    .survey-submission-page .left-arrow {
        position: absolute;
        left: 20px;
        color: #fff;
        text-decoration: none;
    }

        .survey-submission-page .left-arrow .fa {
            font-size: 16px;
        }

    .survey-submission-page .right-arrow {
        position: absolute;
        right: 20px;
        color: #fff;
        text-decoration: none;
    }

        .survey-submission-page .right-arrow .fa {
            font-size: 16px;
        }

    .survey-submission-page .surevey-panel .question {
        text-align: center;
        font-size: 17px;
        line-height: 26px;
        font-weight: 600;
        margin: 25px 0;
    }

    .survey-submission-page .answer-block {
        border-bottom: 1px solid #e0e0e0;
    }

        .survey-submission-page .answer-block a {
            font-size: 17px;
            color: #333;
            font-weight: 600;
            padding: 11px 20px 12px 12px;
            border-top: 1px solid #e0e0e0;
            text-decoration: none;
            display: block;
            position: relative;
        }

            .survey-submission-page .answer-block a:after {
                content: "\f054";
                font: normal normal normal 14px/1 FontAwesome;
                display: block;
                position: absolute;
                right: 15px;
                top: 35%;
            }

.survey-thank-page {
}

    .survey-thank-page .thank-panel {
        margin: 100px auto 233px;
    }

    .survey-thank-page .info {
        text-align: center;
        font-size: 18px;
        font-weight: 600;
    }

        .survey-thank-page .info span {
            font-size: 16px;
            font-weight: normal;
            display: block;
            margin-top: 5px;
        }

    .survey-thank-page .btn-panel {
        margin-top: 10px;
    }

        .survey-thank-page .btn-panel .btn-green {
            font-weight: normal;
            padding: 0 30px;
        }

            .survey-thank-page .btn-panel .btn-green span {
                font-weight: 600;
            }

            .survey-thank-page .btn-panel .btn-green .fa {
            }

/*Employee page*/
.timesheet-block {
}

.filter-panel {
    position: relative;
    padding: 0px;
    line-height: 34px;
    text-align: right;
}

    .filter-panel .prev {
        font-weight: 600;
    }

    .filter-panel .next {
        font-weight: 600;
    }

    .filter-panel .input-group {
        float: left;
        margin: 0 5px 5px 0;
    }

    .filter-panel .btn {
        margin-bottom: 5px;
    }

    .filter-panel .cmonth {
        font-weight: bold;
        font-size: 18px;
        display: inline-block;
        margin: 0 15px;
    }

.timesheet {
    padding: 0px;
}

    .timesheet .table > thead > tr > th.pname {
        vertical-align: middle;
        min-width: 175px;
    }

    .timesheet .table > thead > tr > th.dname {
        text-align: center;
    }

        .timesheet .table > thead > tr > th.dname .dates {
            display: block;
        }
    /*.timesheet .table>thead>tr>th.dname.current-date{ color:#4b8df8;}*/
    .timesheet .table-striped > tbody > tr:nth-of-type(odd) .current-date {
        background: #E4EDF5;
    }
    /*background: #DFE8F9;*/
    .timesheet .table-striped > tbody > tr:nth-of-type(even) .current-date {
        background: #F1F7FD;
    }
    /*background: #F1F6FF;*/
    .timesheet .table > thead > tr > th.dname.current-date {
        background: #2876B8;
        vertical-align: middle;
        color: #fff;
    }

    .timesheet .table td.pname {
        vertical-align: middle;
        min-width: 150px;
    }

    .timesheet .table td .startdate {
        display: block;
        font-weight: 600;
        color: #4B8DF8;
        font-size: 13px;
    }

.valignmdl {
    vertical-align: middle !important;
}

.timesheet .dname .form-control {
    min-width: 60px;
}

.timesheet .note-info {
    font-weight: 600;
}

.timesheet .search-fields input {
    max-width: 250px;
    float: left;
    margin: 0 5px 10px 0;
}

.timesheet .filter-submit {
    float: left;
}

.timesheetSearchProject {
    max-width: 250px;
    float: left;
    margin: 0 5px 10px 0;
}



.sucess-failure-block.style2 .col-md-6 {
    margin-bottom: 10px;
}

.sucess-failure-block.style2 .profile-sidebar-portlet {
    padding: 0px 0 0 0 !important;
    text-align: center;
}

    .sucess-failure-block.style2 .profile-sidebar-portlet .profile-usertitle {
        margin-top: 5px;
    }

    .sucess-failure-block.style2 .profile-sidebar-portlet .profile-usertitle-name {
        color: #000;
        font-size: 20px;
        /*font-weight: 600;*/
        margin-bottom: 7px;
    }

    .sucess-failure-block.style2 .profile-sidebar-portlet .profile-usertitle-job {
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
        margin-bottom: 7px;
        color: #2876B8;
    }

.keybox4-sm {
}

    .keybox4-sm .krafeature {
    }

/*top search panel starts*/
.top-search-panel {
    margin-bottom: 5px;
}

    .top-search-panel .title-field {
        width: 200px;
        display: inline-block;
        margin: 0px 6px 10px 0;
    }

    .top-search-panel .search-select-field {
        width: auto;
        display: inline-block;
        margin: 0px 6px 10px 0;
    }

    .top-search-panel .input-icon {
        width: 120px;
        display: inline-block;
        margin: 0px 6px 10px 0;
    }

        .top-search-panel .input-icon > i {
            margin: 7px 2px 4px 10px;
        }

    .top-search-panel .filter-submit {
        margin: 0;
    }

.signup-page .page-title {
    margin: 22px 0px 20px 0px;
}

    .signup-page .page-title h2 {
        margin: 0 0 25px;
        padding-top: 25px;
        border-top: 1px solid #dedede;
    }

.signup-form select, .signup-form input {
    border: 1px solid #dedede;
}

.signup-page .sub-heading {
    text-align: center;
    font-size: 27px;
    text-align: center;
    font-weight: normal;
    margin: 0 0 35px;
}

.signup-page .subtxt a {
    text-decoration: underline;
}

.custom-ckeck-box {
    position: relative;
    margin-bottom: 30px;
    display: block;
}

    .custom-ckeck-box label {
        text-align: center;
        border: 1px solid #dedede;
        display: block;
        border-radius: 2px !important;
        padding: 10px;
        position: relative;
        cursor: pointer;
    }

        .custom-ckeck-box label span {
            display: block;
            font-size: 18px;
            margin-bottom: 15px;
        }

.signup-page .custom-ckeck-box img {
    margin: 40px 0 30px;
    cursor: pointer;
}

.signup-page .custom-ckeck-box i {
    font-size: 25px;
    color: #dedede;
    position: absolute;
    left: 10px;
    top: 10px;
    color: #dedede;
    position: absolute;
    border: 1px solid #dedede;
    border-radius: 25px;
    height: 35px;
    width: 35px;
    line-height: 35px;
}

.signup-page .custom-ckeck-box input[type=checkbox]:checked ~ label {
    border-color: #51ba00;
    background: #f2f7ed;
}

    .signup-page .custom-ckeck-box input[type=checkbox]:checked ~ label i {
        color: #fff;
        background: #51ba00;
        border-color: #51ba00;
    }

.custom-ckeck-box label span.plantype {
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 13px;
}

.custom-ckeck-box label span {
    margin-bottom: 8px;
}

.signup-page .custom-ckeck-box img {
    margin: 20px 0 15px;
}

.signup-page .custom-ckeck-box i {
    font-size: 20px;
    color: #dedede;
    position: absolute;
    left: 8px;
    top: 7px;
    color: #dedede;
    position: absolute;
    border: 1px solid #dedede;
    border-radius: 25px;
    height: 30px;
    width: 30px;
    line-height: 28px;
}

/*top search panel ends*/

/*Google translation start*/

.google-trans-menu .google-trans button {
    background: #4c78bf !important;
    margin: 5px;
    font-weight: 300;
}

    .google-trans-menu .google-trans button:hover {
        background: #4572b6;
    }

    .google-trans-menu .google-trans button i {
        margin-right: 5px;
    }

.page-translated button#btnGoogleTtanslator {
    display: none !important;
}

.page-translated button#btnGoogleTtanslator1 {
    display: inline-block;
}

.google-trans-menu .google-trans button {
    display: none;
}

body {
    top: 0 !important;
}

    body > .skiptranslate {
        display: none;
    }

.small-copyright .google-trans-menu {
    margin-bottom: 10px;
}

/*Google translation end*/


/*media queries*/
@media only screen and ( max-width:1199px) {

    .keybox4-sm .krafeature:nth-child(2n+1) {
        clear: left;
        border: none;
    }

    .keybox4-full .krafeature:nth-child(2n+1) {
        clear: left;
        border: none;
    }
}

@media (max-width: 768px) {

    /*Employee page*/
    .filter-panel .input-large {
        width: 280px !important;
    }
}

@media only screen and (max-width: 767px) {
    /*My Report*/
    .krafeature h4 {
        margin-top: 30px;
    }

    .row .krafeature:first-child h4 {
        margin-top: 10px;
    }

    .krafeature {
        width: 50%;
        float: left;
    }

    .tabbable-custom.style1 > .nav-tabs > li {
        width: 100%;
    }

    /*survey pages*/
    .container-block {
        max-width: 480px;
        width: 100%;
    }

    .bottom-panel {
        padding: 30px 15px;
    }

    .btn-panel .btn-green, .btn-panel .btn-grey {
        width: 100%;
        margin: 9px auto;
    }

    .survey-submission-page .employee-info, .survey-submission-page .project-name {
        width: 100%;
        text-align: center;
    }

    /*dept performance*/
    .col-lg-6 .sucess-failure-block .portlet-body .col-md-4 {
        width: 50%;
        float: left;
    }

        .col-lg-6 .sucess-failure-block .portlet-body .col-md-4:nth-child(2n+1) {
            clear: left;
        }
}

@media only screen and (max-width: 480px) {
    /*survey pages*/
    .container-block {
        margin: auto;
    }

    .survey-submission-page .surevey-panel .top:after {
        left: 43%;
    }

    .survey-thank-page .thank-panel {
        margin: 70px auto 250px;
    }

    .survey-thank-page .btn-panel .btn-green {
        line-height: 26px;
        padding: 10px 20px;
    }
    /*Employee page*/
    .filter-panel .input-large {
        max-width: 460px;
    }

    .filter-panel .input-group .input-group-addon {
        position: relative;
        display: table;
        margin: 5px auto;
    }

    .filter-panel .input-group {
        float: left;
        width: 100% !important;
    }

        .filter-panel .input-group .input-icon {
            display: table;
            width: 100%;
        }

            .filter-panel .input-group .input-icon > .form-control {
                display: table-caption;
            }

    .filter-panel {
        padding-bottom: 30px;
    }

        .filter-panel .next {
            position: absolute;
            top: 35px;
            right: 15px;
        }

        .filter-panel .prev {
            position: absolute;
            top: 35px;
            left: 15px;
        }
    /*dept performance*/
    .col-lg-6 .sucess-failure-block .portlet-body .col-md-4 {
        width: 100%;
    }

        .col-lg-6 .sucess-failure-block .portlet-body .col-md-4:nth-child(2n+1) {
            clear: none;
        }

    .krafeature {
        width: 100%;
        border-left: none;
        border-top: 1px solid #eee;
    }

    .keybox4-sm .krafeature:nth-child(2n+1) {
        clear: none;
        border-top: 1px solid #eee;
    }

    .keybox4-full .krafeature:nth-child(2n+1) {
        clear: none;
        border-top: 1px solid #eee;
    }
}

@media only screen and (min-width: 768px) {
    /*My Report*/
    .krafeature {
        margin-bottom: 10px;
    }
    /*dept performance*/
    .col-lg-6 .sucess-failure-block .portlet-body .col-md-4:nth-child(2n+1) {
        clear: left;
    }
}

@media only screen and (min-width: 992px) {
    /*dept performance*/
    .col-lg-6 .sucess-failure-block .portlet-body .col-md-4:nth-child(2n+1) {
        clear: none;
    }

    .col-lg-6 .sucess-failure-block .portlet-body .col-md-4:nth-child(3n+1) {
        clear: left;
    }

    .keybox4-full .krafeature:nth-child(2n+1) {
        clear: left;
        border: none;
    }
}

@media only screen and (min-width: 1200px) {
    /*My Report*/
    .krafeature {
        margin-bottom: 0px;
        width: 25%;
    }

    .keybox4-sm {
    }

        .keybox4-sm .krafeature {
            width: 33.33%;
        }

            .keybox4-sm .krafeature:nth-child(3n+1) {
                clear: left;
                border: none;
            }
    /*dept performance*/
    .col-lg-6 .sucess-failure-block .portlet-body .col-md-4 {
        width: 50%;
    }

        .col-lg-6 .sucess-failure-block .portlet-body .col-md-4:nth-child(2n+1) {
            clear: left;
        }

        .col-lg-6 .sucess-failure-block .portlet-body .col-md-4:nth-child(3n+1) {
            clear: none;
        }

    .keybox4-full .krafeature:nth-child(2n+1) {
        clear: none;
        border-left: 1px solid #eee;
    }

    .keybox4-full .krafeature:nth-child(4n+1) {
        clear: left;
        border: none;
    }
}

@media only screen and (min-width: 1500px) {
    /*My Report*/
    .keybox4-sm {
    }

        .keybox4-sm .krafeature {
            width: 25%;
        }

            .keybox4-sm .krafeature:nth-child(4n+1) {
                clear: left;
                border: none;
            }

            .keybox4-sm .krafeature:nth-child(3n+1) {
                clear: none;
                border-left: 1px solid #eee;
            }

            .keybox4-sm .krafeature:first-child {
                clear: left;
                border: none;
            }
    /*dept performance*/
    .col-lg-6 .sucess-failure-block .portlet-body .col-md-4 {
        width: 33.33%;
    }

        .col-lg-6 .sucess-failure-block .portlet-body .col-md-4:nth-child(2n+1) {
            clear: none;
        }

        .col-lg-6 .sucess-failure-block .portlet-body .col-md-4:nth-child(3n+1) {
            clear: left;
        }
}


.signuptoplinks {
    float: right;
}

@media (max-width: 479px) {
    .signuptoplinks {
        clear: both;
    }
}


@media only screen and (max-width: 767px) {
    .check-data .col-xs-4 {
        width: 50%;
    }
}

@media only screen and (max-width: 480px) {
    .check-data .col-xs-4 {
        width: 100%;
    }
}