/**
     * Start Vanilla CSS 1.0.2
     */
    body {
        font-family: "Gotham SSm A", "Gotham SSm B",arial,sans-serif;
        font-weight: 000;
        font-size: 16px;
        line-height: 18px;
        margin:0px;
        padding:0px;
        min-width:800px;
        max-width: 1920px;
        color:#4D4D4D;
    }

    pre, code, tt {
        font: 16px/1.5em 'arial', 'sans-serif';
    }
    h1, h2, h3, h4, h5, h6,{
        font-weight: normal;
    }
    h1{
        font-size: 33px;
        font-weight: 500;
        color:#005480;
    }

    h2{
        font-size: 24px;
        font-weight: 500;
        color:#fff;

    }

    h3{
        font-size: 20px;
        color:#fff;
    }
    h4{
        font-size: 16px;
        font-weight: 400;
        color:#005480;
        letter-spacing: -.02em;
    }
    h5{
        font-size: 13px;
        letter-spacing: -.02em;
    }


    b, strong {
        font-weight: 500;
    }
    em, i, dfn {
        font-style: italic;
    }
    dfn {font-weight:bold;}
    p{
        margin:0px;
        padding:0px;
        font-size: .875em;
        color:#4D4D4D;
        font-weight: 400;
    }
    code, pre, kbd {
        margin:0 0 1.5em 0;
    }
    blockquote {
        margin:0 1.5em 1.5em 1.5em;
    }
    cite {
        font-style: italic;
    }
    li ul, li ol {
        margin:0px;
        padding:0px;
    }
    ul, ol {
        margin:0px;
        padding:0px;
    }
    ul {list-style-type:disc;}
    ol {list-style-type:decimal;}
    ol ol {
        list-style: upper-alpha;
    }
    ol ol ol {
        list-style: lower-roman;
    }
    ol ol ol ol {
        list-style: lower-alpha;
    }
    dl {
        margin:0px;
        padding:0px;
    }
    dl dt {font-weight:bold;}
    dd {margin-left:1.5em;}
    button{
        cursor: pointer;
    }
    button:focus, button:active{
        outline: none;
    }
    table {
        margin:0px;
        padding:0px;
        width:100%;
    }
    th {font-weight:bold;}
    th, td, caption {padding:0px;}
    tfoot {font-style:italic;}
    sup, sub {line-height:0;}
    abbr, acronym {
        border-bottom: 1px dotted;
    }
    address {
        margin:0 0 1.5em;
        font-style:italic;
    }
    del {
        text-decoration: line-through;
    }
    pre {
        margin:1.5em 0;
        white-space:pre;
    }
    img.centered, .aligncenter, div.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    img.alignright {
        display: inline;
    }
    img.alignleft {
        display: inline;
    }
    .alignright {
        float: right;
        margin-left: 0px;
    }
    .text-left{
        text-align: left !important;
    }
    .text-center{
        text-align: center !important;
    }
    .text-right{
        text-align: right !important;
    }
    .alignleft {
        float: left;
        margin-right: 0px;
    }
    img {
        max-width: 100%;
    }
    *{
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz: border-box;

    }
    html{
         text-rendering: optimizeLegibility !important;
        -webkit-font-smoothing: antialiased !important;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    }
    * html .clearfix {
        height: 1%;

    }
    * + html .clearfix {
        display: inline-block;
    }
    select{
        -webkit-border-radius:0px;
        border-radius:0px;
        -webkit-appearance:menu-item;
         -moz-appearance:menu-item;
        border:solid 1px #a9a9a9;
        line-height: 30px;
    }
    .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    .hide{
        display: none;
    }
    * html .group {
        height: 1%;

    }
    * + html .group {
        display: inline-block;
    }
    .pdb0{
        padding-bottom: 0px !important;
    }
    .pdr0{
        padding-right: 0px !important;
    }
    .pdl0{
        padding-left: 0px !important;
    }
    .pdt0{
        padding-top: 0px !important;
    }
    .pd10{
        padding-top: 10px !important;
    }
    .red-text{color:#c1272d;}

    .pull-left{
        float: left !important;
    }
    .pull-right{
        float: right !important;
    }
    .pull-none{
        float: none !important;
    }

    .pg-icon:after{
        background-image: url(../templateimages/sprite3.png);
        background-position: 0px 0px;
        background-repeat: no-repeat;
    }
    .pg-fo-star {
        color: #c1272d;
    }

    /*Global Shadow*/
    .co-shadow {
        -webkit-box-shadow: 0px 0px 5px 3px rgba(92,92,92,0.25);
        -moz-box-shadow: 0px 0px 5px 3px rgba(92,92,92,0.25);
        box-shadow: 0px 0px 5px 3px rgba(92,92,92,0.25);
    }
    .co-margin{
        margin-bottom: 15px;
    }
    .co-box{
        background: #fff;
        margin-bottom: 15px;
        padding: 30px;
        overflow: hidden;
        -webkit-box-shadow: 0px 0px 5px 3px rgba(92,92,92,0.25);
        -moz-box-shadow: 0px 0px 5px 3px rgba(92,92,92,0.25);
        box-shadow: 0px 0px 5px 3px rgba(92,92,92,0.25);
    }

    .co-box-heding {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 15px;
        color:#005480;
    }

    .co-box.pg-weeks.homepage-logins {
        height: 387px;
    }

    .co-box-heding span {
        font-size: 14px;
        font-weight: 400;
    }

    .co-button-group {
        margin: 10px 0px;
    }


    .co-button {
        text-decoration: none;
        background-color: #DADADA;
        color: #666666;
        font-weight: 400;
        display: inline-block;
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        font-size: 16px;
        width: 150px;
        height: 30px;
        line-height: 30px;
        text-align:center;
        text-transform: uppercase;
        margin-right: 5px;
        padding:0;
        cursor: pointer;
    }
    .co-button a {
        display: block;
    }



    .co-delete {
        background-color: #fdbd45;
        color: #fff;
    }
    .co-delete:hover {
        background-color: #f7931e;
    }

    .co-primary {
        background-color: #005480;
        color: #fff;
    }
    .co-primary:hover{
        background-color: #26A9E0;
    }
    .co-cancel{
        background-color: #666666;
        color: #fff;
    }

    .group:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    .co-fl{
        width: 100%;
        padding-left: 30px;
        padding-right:30px;
    }

    .co-fl:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    /**
    * End Vanilla CSS
    */

    /*=== Login Header ===*/

    .pg-logo-login {
        float: left;
    }

    .pg-heading-login {
        float: left;
        font-size: 24px;
        color: #005480;
        padding-left: 35px;
        padding-top: 27px;
        font-weight: 600;
    }

    .pg-login-header {
        padding-top: 17px;
        padding-bottom: 20px;
    }

    .pg-login-wrapper{
        background:url(../templateimages/login-bg.jpg) center center no-repeat #ffbc35;
        background-size: cover;
        position: absolute;
        left:0px;
        right: 0px;
        bottom: 0px;
        top:100px;
        width:100%;
    }

    .pg-login-container {
        width: 420px;
        margin: auto;
        background-color: #fff;
        margin-left: -210px;
        margin-top:-127px;
        position: absolute;
        left: 50%;
        top: 50%;
    }

    .pg-lo-header {
        height: 44px;
        background-color: #08567e;
        font-weight: 400;
        font-style: normal;
        font-size: 18px;
        color: #FFFFFF;
        line-height: 44px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .pg-lo-body {
        padding: 20px;
        overflow: hidden;
    }

    .pg-sing-lable {
        font-size: 14px;
        color: #534741;
        margin-bottom: 20px;
    }

    .pg-lo-input {
        margin-bottom: 15px;
    }

    .pg-lo-input input {
        width: 100%;
        height: 30px;
        padding:0px 7px;
    }

    .pg-logo-pass {
        float: left;
        line-height: 38px;
    }

    .pg-logo-pass a {
        text-decoration: none;
        color: #01557E;
    }

    .pg-log-btn {
        float: right;
    }

    .pg-lb {
        background-color: #005480;
        border: none;
        color: #fff;
        padding: 12px 23px 12px 24px;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 400;
        cursor: pointer;
    }

    .pg-lo-btngroup {
        overflow: hidden;
    }

    .pg-logo-pass a:hover {
        text-decoration: underline;
    }

    /*Left navigation*/

    .left-navigation ul a {
        display: block;
        padding: 10px 20px;
        text-decoration: none;
        color: #333;
        border-bottom: solid 1px #C7C7C7;
        font-weight: 500;
    }

    .left-navigation {
        float: left;
        width: 160px;
        background-color: #DEDEDE;
        position: absolute;
        bottom: 0px;
        top: 85px;
    }

    .left-navigation ul li:last-child a {
        border-bottom: none;
    }

    .left-navigation {
        float: left;
        width: 160px;
        background-color: #DEDEDE;
        position: absolute;
        bottom: 0px;
        top: 85px;
    }

    /*Left section start*/
    .pg-bg{
        background-color: #f2f2f2;
    }
    .pg-main-wrapper{
        position: relative;
        overflow: hidden;
    }
    .pg-left-wrapper {
        float: left;
        width: 200px;
        background-color: #fff;
        position: absolute;
        top:0px;
        bottom:0px;
        -webkit-box-shadow: 0px 0px 10px 5px rgba(179,179,179,0.75);
        -moz-box-shadow: 0px 0px 10px 5px rgba(179,179,179,0.75);
        box-shadow: 0px 0px 10px 5px rgba(179,179,179,0.75)
    }
    .pg-left-logo {
        padding:17px 24px 14px 24px;
        text-align: center;
    }
    .pg-left-logo img {
        width: 144px;
    }

    .pg-left-board {
        background: url(../templateimages/badge-main-bg.jpg) left top no-repeat;
        width: 100%;
        background-size: 100% 140px;
        padding: 36px 24px 36px 24px;
        font-size: 16px;
        font-weight: 500;
        color: #fff;
        text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
        -webkit-text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
        line-height: 1.25em;

    }

    .pg-left-nav li a {
        font-weight: 600;
        font-style: normal;
        font-size: 16px;
        line-height: 1.25em;
        color: #005480;
        text-align: left;
        text-decoration: none;
        display: block;
        padding: 8px 24px 8px 24px;
        transition: 0.5s;
    }

    .pg-left-nav li {
        border-bottom: solid 1px #cccccc;
    }

    .pg-left-nav li a:hover {
        color: #26A9E0;
    }

    .pg-left-nav li.active a {
        color: #26A9E0;
    }
    /*Loged in details*/

    .pg-login-info {
        padding: 36px 22px;
    }

    .pg-login-head span {
        margin-top: 20px;
    }

    .pg-login-info span {
        display: block;
    }

    .pg-login-head {
        margin-bottom: 2px;
        font-size: 14px;
        line-height: 16px;
        color: #4D4D4D;
    }

    .pg-log-details {
        margin-bottom: 20px;
        font-size: 12px;
        line-height: 14px;
    }

    .pg-log-details span {
        font-weight: 500;
    }

    .pg-log-details li {
        list-style: none;
    }

    .pg-login-head a {
        color: #26a9e0;
        font-size: 12px;
        line-height: 14px;
        font-weight: 500;
    }
    .pg-log-out a {
        font-weight: 500;
        font-style: normal;
        color: #05537E;
        text-decoration: none;
        font-size: 16px;
    }

    .pg-search-top.pg-search-expand {
        width: 200px;
        height: auto;
        transition:0.5s;
        cursor: inherit;
    }

    .pg-search-top.pg-search-expand input {
        width: 100%;
        height: 35px;
        border: solid 1px #BDBDBD;
        padding: 10px;

    }

    .pg-search-top.pg-search-expand input:focus {
        outline: none;
    }

    /*Home page*/

    .pg-right-wrapper {
        width: 100%;
        padding-left: 220px !important;
        float: right;
        padding: 22px 30px 15px 30px;
    }

    .pg-title-top {
        font-size: 28px;
        float: left;
        color: #005480;
        font-weight: 500;
        padding-left: 30px;
        line-height: 35px;
        letter-spacing: -.02em;
    }

    .pg-title-top h1{
        font-size: 24px;
        margin: 0px;
        padding: 0px;
    }
    .pg-icons{
        background-image:url(../templateimages/sprite3.png);
        background-position: 0px 0px;
        background-repeat: no-repeat;
    }
    .pg-search-top {
        float: right;
        width: 23px;
        height: 22px;
        cursor: pointer;
    }
    .pg-search-top.pg-icons{
        background-image: url(../templateimages/search2.png);
    }


    /*Top banners*/
    .pg-title-search {
        overflow: hidden;
        margin-bottom: 22px;
        margin-top: 1px;
    }

    .pg-baner-left {
        float: left;
        width: 43%;
        width: -webkit-calc(100% - 650px);
        width: -moz-calc(100% - 650px);
        width: calc(100% - 650px);
        padding: 30px;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
    }

    .pg-banner-logo {
        float: right;
        padding-top: 59px;
    }
    .pg-banner-logo img{
        width: 100px;
    }

    .pg-banner-right {
        float: right;
    }

    .pg-banner-wrapper {
        background-color: #fff;
        overflow: hidden;
    }


    .pg-banner-right img {
        margin: 0px;
        padding: 0px;
        vertical-align: bottom;
    }

    /*Recent Messages*/
    .pg-recent-msg {
        background-color: #fedea2;
        padding: 30px;
        position: relative;
    }

    .pg-wi-title {
        font-size: 16px;
        color: #005480;
        float: left;
        font-weight: 400;
    }

    .pg-widget-header {
        font-size: 16px;
        overflow: hidden;
    }

    .pg-wi-close {
        font-size: 28px;
        font-weight: 600;
        color: #4d4d4d;
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: 10px;
    }

    .pg-rem-body ul li {
        margin: 0px 0px 20px 0px;
        padding: 0px;
        list-style: none;
        overflow: hidden;
        font-size: 14px;
    }


    .pg-rem-body ul li .pg-rem-close {
        float: left;
        margin-right: 15px;
        font-size: 28px;
        font-weight: 500;
        color: #4d4d4d;
        cursor: pointer;
    }

    .pg-rem-body {
        padding-top: 20px;
    }

    .pg-rem-update {
        float: left;
        color: #005480;
    }

    .pg-rem-meg {
        float: left;
        padding-right: 5px;
    }

    .pg-rem-update a {
        text-decoration: none;
        padding-left: 2px;
        font-weight: 600;
        font-style: normal;
        color: #005480;
    }
     .pg-rem-update a:hover{
        text-decoration: underline;
     }

    /*Work flow*/
    .pg-wor-title {
        height: 56px;
        background-color: #26a9e0;
        font-size: 20px;
        color: #FFFFFF;
        padding: 0px 30px;
        line-height: 55px;
    }

    .pg-wor-body {
        background-color: #fff;
        padding: 30px;
        min-height: 335px;
    }


    /*Jeson files*/
    /* Platforms and Software */
    .add-button {
        width: 180px;
        height: 30px;
        line-height: 30px;
        background: #005480;
        color: #FFFFFF;
        float: right;
    }
    .add-button.large{
        width: auto;
        padding-left: 20px;
        padding-right: 20px;
    }
    .add-button.multi-line {
    	padding: 5px 20px;
        line-height: 20px;
        height: auto;
        width: auto;
        max-width: 180px;
    }

    .add-button a {
        color: #fff;
        text-decoration: none;
        text-align: center;
        display: block;
        font-weight: 400;
    }

    .tab-header {
        background: #FFF;
        padding: 20px 35px;
        min-height: 20px;
        line-height: 20px;
        overflow: hidden;
    }
    .tab-header .add-button {
        float:right;
        margin-left: 10px;
    }

    .tabs {
        height: 30px;
        background: #FFF;
        width: 100%;
        padding-left: 0;
        position: relative;
        background: #FFFFFF;
        z-index:2;
        list-style: none;
    }
    .tabs .tab {
        float:left;
        width: 120px;
        height: 30px;
        text-align:center;
        padding: 0;
        font-size: 16px;
        line-height: 30px;
        margin-right: 8px;
        background: #999;
        color: #FFFFFF;
    }
    .tabs .tab:hover {
        background: #CCC;
        color: #08567e;
    }
    .tabs .tab a {
        display: block;
        text-decoration: none;
        color: inherit;
        font-weight: 400;
        line-height: 32px;
    }
    .tabs .tab.active {
        width: 150px;
        font-weight: 500;  /* Should be medium bold*/
        background: #005480;
        color: #FFFFFF;
    }
    .tabs .tab.active a {
        line-height: 36px;
    }
    .pg-tabs-head ul li.active a {
        line-height: 36px;
    }

    .tab-content {
        border-top: 5px solid #005480;
        padding: 0;
        position: relative;
        background: #FFF;
        z-index:1;
    }
    .pg-manage-clients.pg-grid:after {
        clear: both;
        content: "";
        display: block;
        height: 1px;
    }
    .platform-form {
        padding-top: 20px;
    }
    .platform-form .errorMsg {
        display: none;
        color: #c1272d;
        padding: 5px 30px;
    }
    .platform-form .row {
        padding: 10px 30px;
    }
    .platform-form .row.error:after {
        content: "Please fill in the required field";
        display: block;
        color: #c1272d;
        font-size: 12px;
        padding-left: 150px;
    }
    .platform-form .row:nth-child(2n+1) {
        background-color: #F2F2F2;
    }
    .platform-form label {
        display: block;
        float:left;
        width: 150px;
    }
    .platform-form input[type=text] {
        width: calc(100% - 150px);
    }
    .platform-form h3 {
        padding: 0 30px;
        color: #4d4d4d;
        margin: 0;
    }
    .platform-form h5 {
        background: #005480;
        color: #FFF;
        width: 100%;
        font-size:1.25em;
        padding: 0 30px;
        height: 50px;
        line-height: 50px;
        margin: 0;
        cursor: pointer;
    }
    .platform-form .sop_group {
        max-height: 50px;
        margin-bottom: 2px;
        overflow: hidden;
    }
    .platform-form .sop_group.open {
        max-height: 2000px;
    }
    .platform-form .sop_list {
        display: table;
        width: 90%;
        width: calc(100% - 60px);
        margin: 0 30px;
    }
    .platform-form .sop_row {
        display: table-row;
    }
    .platform-form .sop_row > div {
        border-bottom: 1px solid #CCC;
        padding: 10px 0;
    }
    .platform-form .sop_row:last-child > div {
        border-bottom: none;
    }
    .platform-form .sop_row .sop_title {
        display: table-cell;
        width: auto;
        font-size: 1.25em;
        line-height: 16px;
        color: #005480;
    }
    .platform-form .sop_row .sop_updated {
        display: table-cell;
        width: 150px;
        font-size: 0.75em;
        line-height: 16px;
        color: #CCCCCC;
    }
    .platform-form .sop_row .sop_checkbox {
        display:table-cell;
        width: 50px;
        text-align:right;
    }
    #edit_supply_form .delete-btn,
    .platform-form .delete-btn {
        cursor: pointer;
        background-color: #fdbd45;
        height: 30px;
        line-height: 30px;
        float: right;
        width: 150px;
        text-align: center;
        transition:0.5s;
        -webkit-transition:0.5s;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
    }
    .platform-form .delete-btn {
        margin: 20px 0 0 20px;
    }
    #edit_supply_form .delete-btn:hover,
    .platform-form .delete-btn:hover{
        background-color: #f7931e;
    }
    .platform-form .cancel-btn {
        cursor: pointer;
        background-color: #666666;
        height: 30px;
        line-height: 30px;
        float: right;
        width: 150px;
        margin: 20px 0 0 0;
        text-align: center;
        transition:0.5s;
        -webkit-transition:0.5s;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
    }
    .platform-form .cancel-btn:hover{
        background-color: #CCCCCC;
    }
    .platform-form .update-btn {
        cursor: pointer;
        background-color: #005480;
        height: 30px;
        line-height: 30px;
        float: right;
        width: 150px;
        margin: 20px 0 0 20px;
        text-align: center;
        transition:0.5s;
        -webkit-transition:0.5s;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        cursor:pointer;
    }
    .platform-form .update-btn input {
        background: transparent;
        border: none;
        box-shadow: none;
        color: inherit;
        font-family: inherit;
        font-size: inherit;
        font-weight: inherit;
        width: 100%;
        height: 100%;
        cursor:pointer;
        text-transform: uppercase;
    }
    .platform-form .update-btn:hover{
        background-color: #26A9E0;
    }
	.cancel-yes-btn,
    .delete-yes-btn {
        cursor: pointer;
        background-color: #c1272d;
        height: 30px;
        line-height: 30px;
        float: right;
        width: 140px;
        margin-left: 20px;
        text-align: center;
        transition:0.5s;
        -webkit-transition:0.5s;
        color: #fff;
        text-decoration: none;
    }
    .delete-yes-btn:hover{
        background-color: #f7931e;
    }
    .cancel-yes-btn {
    	background-color: #005480;
    }
	.cancel-yes-btn:hover {
    	background-color: #26A9E0;
    }
	.cancel-no-btn,
    .delete-no-btn {
        cursor: pointer;
        background-color: #808080;
        height: 30px;
        line-height: 30px;
        float: right;
        width: 140px;
        margin-left: 20px;
        text-align: center;
        transition:0.5s;
        -webkit-transition:0.5s;
        color: #fff;
        text-decoration: none;
    }
	.cancel-no-btn:hover,
    .delete-no-btn:hover{
        background-color: #CCCCCC;
    }

    /* Data Table */
    .data-table {
        width: 100%;
    }
    .data-table thead th {
        background: #cccccc;
        color: #4d4d4d;
        height: 50px;
        line-height: 50px;
        vertical-align:middle;
        font-weight: 500;
    }
    .data-table thead th.sortable {cursor:pointer;}
    .data-table thead th.left {
        text-align:left;
        padding-left: 20px;
        line-height: 20px;
    }
    .data-table tbody tr {
        cursor: pointer;
    }
    .data-table tbody td {
        padding: 5px;
        height: 50px;
        vertical-align:middle;
        line-height: 20px;
        position: relative;
        font-weight: 400;
    }
    .data-table tbody td.disclaimer {
        cursor: default;
    }
    .data-table thead th,
    .data-table thead th.left,
    .data-table tbody td {
        padding-left: 35px;
        font-size: 14px;
    }
    .data-table thead th{
        cursor: pointer;
    }
    .data-table thead th.sorttable_nosort{
        cursor: default;
    }
    .data-table thead th:first-child, .data-table tbody td:first-child{
        padding-left: 35px;
    }

    .data-table tbody tr:nth-child(2n+1) td {
        background: #FFF;
    }
    .data-table tbody tr:nth-child(2n) td {
        background: #F2F2F2;
    }
    .data-table tbody tr:hover td:not(.disclaimer) {
            background: rgba(38,169,224,0.1);
    }

    .data-table td.disclaimer {
        padding-left: 20px;
        color: #808080;
    }
    /*.data-table td.status,
    .data-table td.entry-date{text-align:center;}*/
    .data-table td a {
        color: #005480;
        text-decoration: none;
    }

    .data-table td a:hover {
        text-decoration: underline;
    }


    /*Admin Styles */
    .pg-left-board.pg-admin{
        background:url(../templateimages/badge-admin-bg.jpg) left top no-repeat;
    }

    .pg-usage-stats {
        padding-right: 15px;
        width: 45%;
        font-weight: 400;
        font-size: 13px;
        float: left;

    }
    .pg-usage-stats .co-box{
        min-height: 600px;
        overflow: auto;
    }

    .pg-usage-stats .co-box li {
        list-style: none;
        overflow: hidden;
        padding: 20px 0px;
        border-bottom: dotted 1px #cccccc;

    }

    .pg-usage-stats .co-box li .pg-us-lable {
        float: left;
        width: 50%;
        padding-right:20px;
    }

    .pg-usage-stats .pg-us-number {
        width: 50%;
        float: left;
        font-weight: 600;
    }

    .pg-usage-stats .co-box li:last-child{
        border-bottom:none;
        padding-bottom:0px;
    }

    .pg-logins-right {
        float: left;
        width: 50%;
    }
    .pg-logins-right .pg-weeks-body{
        text-align: center;
        max-width: 400px;
        margin: 0 auto;
    }

    .pg-logins-right .pg-weeks-body .bar-wrapper,
    .pg-logins-right .pg-weeks-body .date-wrapper{
        position: relative;
    }
    .pg-logins-right .pg-weeks-body .week1,
    .pg-logins-right .pg-weeks-body .week2,
    .pg-logins-right .pg-weeks-body .week3,
    .pg-logins-right .pg-weeks-body .week4{
        position: relative;
        float:left;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    .pg-logins-right .pg-weeks-body .bar-wrapper .week1,
    .pg-logins-right .pg-weeks-body .bar-wrapper .week2,
    .pg-logins-right .pg-weeks-body .bar-wrapper .week3,
    .pg-logins-right .pg-weeks-body .bar-wrapper .week4 {
        width: 22%;
    }
    .pg-logins-right .pg-weeks-body .date-wrapper .week1,
    .pg-logins-right .pg-weeks-body .date-wrapper .week2,
    .pg-logins-right .pg-weeks-body .date-wrapper .week3,
    .pg-logins-right .pg-weeks-body .date-wrapper .week4 {
        width: 22%;
    }
    .pg-logins-right .pg-weeks-body .bar-wrapper {
        height: 250px;
    }
    .pg-logins-right .pg-weeks-body .bar-wrapper > div {
        background: #0099CC;
        color: #FFF;
        min-height: 1px;
        position: absolute;
        bottom: 0;
    }
    .pg-logins-right .pg-weeks-body .bar-wrapper > div.week4 {
        left: 0;
    }
    .pg-logins-right .pg-weeks-body .bar-wrapper > div.week3 {
        left: 26%;
    }
    .pg-logins-right .pg-weeks-body .bar-wrapper > div.week2 {
        left: 52%;
    }
    .pg-logins-right .pg-weeks-body .bar-wrapper > div.week1 {
        left: 78%;
    }
    .pg-logins-right .pg-weeks-body .bar-wrapper > div span {
        display:block;
        position: absolute;
        top: 0.5em;
        left: 0;
        width: 100%;
        height: 100%;
        font-size: 0.875em;
        font-weight: 500;
        line-height: 16px;
        text-align:center;
    }
    .pg-logins-right .pg-weeks-body .bar-wrapper > div.zero-results {
        background: transparent;
    }
    .pg-logins-right .pg-weeks-body .bar-wrapper > div.zero-results span,
    .pg-logins-right .pg-weeks-body .bar-wrapper > div.low-results span {
        color: #000;
        top:-16px;
    }
    .pg-logins-right .pg-weeks-body .separator-bar {
        font-size: 8px;
        height: 8px;
        background: #005480;
    }
    .pg-logins-right .pg-weeks-body .date-wrapper {
        height: 1.5em;
    }
    .pg-logins-right .pg-weeks-body .date-wrapper > div {
        font-size: 0.875em;
        line-height: 16px;
        position: absolute;
        top: 5px;
    }
    .pg-logins-right .pg-weeks-body .date-wrapper > div.week4 {
        left: 0;
    }
    .pg-logins-right .pg-weeks-body .date-wrapper > div.week3 {
        left: 26%;
    }
    .pg-logins-right .pg-weeks-body .date-wrapper > div.week2 {
        left: 52%;
    }
    .pg-logins-right .pg-weeks-body .date-wrapper > div.week1 {
        left: 78%;
    }

    .pg-message-center .co-button-group {
        text-align: center;
        margin-bottom: 0;
        margin-top: 20px;
    }
    .pg-message-center .co-box{
        height: 198px;
    }

    /*Add clients styles*/
    .pg-grid-date{
        width: 150px;
    }
    .pg-manage-clients.pg-grid {
        background-color: #fff;
        padding-bottom: 20px;
    /*    overflow: hidden;*/
    }

    .pg-grind-info {
        float: left;
        font-weight: 400;
        padding-top: 7px;
    }

    .pg-tabs-head {
        border-bottom: solid 10px #005480;
        overflow: hidden;
    }
    .pg-tabs-head ul{
        overflow: hidden;
    }

    .pg-tabs-head li {
        list-style: none;
        float: left;
        background-color: #808080;
        /* padding: 0px 30px; */
        height: 30px;
        margin-right: 3px;
        transition: 0.5s;
    }

    .pg-tabs-head li a {
        text-decoration: none;
        color: #fff;
        line-height: 30px;
        font-size: 14px;
        display: block;
        font-weight: 400;
        padding: 0px 30px;
    }

    .pg-tabs-head li:last-child {
        margin-right: 0px;
    }

    .pg-tabs-head li.active {
        background-color: #005480;
        display: block;
        /* line-height: 30px; */
    }

    .pg-tabs-wrapper ul li {
        list-style: none;
        padding: 10px 35px;
        min-height: 50px;
    }

    .pg-tabs-head li:hover {
        background-color: #005480;
    }

    .po-fo-1 {
        float: left;
        width: 10%;
    }
    .po-fo-2 {
        float: left;
        width: 20%;
    }
    .po-fo-3 {
        float: left;
        width: 30%;
    }
    .po-fo-4 {
        float: left;
        width: 40%;
    }
    .po-fo-5 {
        float: left;
        width: 50%;
    }
    .po-fo-6 {
        float: left;
        width: 60%;
    }
    .po-fo-7 {
        float: left;
        width: 70%;
    }
    .po-fo-8 {
        float: left;
        width: 80%;
    }
    .po-fo-9 {
        float: left;
        width: 90%;
    }

    .po-fo-10 {
        float: left;
        width: 100%;
    }





    .pg-tabs-wrapper ul li:nth-child(2n) {
        background-color: #F2F2F2;
    }

    .pg-fo-lable {
        float: left;
        width: 150px;
        color: #4d4d4d;
        font-size: 14px;
        font-weight: 500;
        line-height: 30px;
    }
    .pg-fo-input{
        float: left;
    }

    .form-control {
        height: 30px;
        width: 220px;
        padding:0px 5px;
    }
    .full-width{
        width: 100% !important;
    }
    .po-full-input{
        width: calc(100% - 150px);
    }
    .po-full-input input{
        width: 100%;
    }
    .form-control:focus{
        outline: none;
    }
    .pg-fo-textarea textarea {
        height: 100px;
		resize: none;
    }
    .tab-sub-header {
        font-weight: 600;
        font-style: normal;
        font-size: 18px;
        color: #4d4d4d;
        min-height: 70px;
        padding-left: 35px;
        padding-right: 35px;
        padding-top: 20px;
    }

    .pg-fo-input.input-mid input {
        width: 140px;
    }
    .pg-fo-input.input-mid select{
        width: 110px;
    }
    .input-mid2 input {
        width: 110px;
    }


    .pg-fo-input.input-mid {
        margin-right: 10px;
    }

    .mid-label {
        width: 29px;
        margin-right: 5px;
    }

    .pg-fo-input.input-small input {
        width: 36px;
        text-align: center;
    }

    .pg-fo-checkbox {
        float: left;
        width: 100%;
        max-width: 218px;
        max-height: 205px;
        overflow: auto;
        background-color: #F2F2F2;
    }
    .po-popup-body .pg-fo-checkbox {
        width: 100% !important;
    }

    li.pg-large {
        height: auto;
        overflow: hidden;
    }

    .pg-fo-checkbox label,
    .pg-fo-checkbox > a,
    .pg-fo-checkbox .row > a{
        display: block;
        line-height: 19px;
        position: relative;
        font-size: 13px;
        cursor: pointer;
        padding: 7px 5px 7px 45px;
        margin-bottom: 0px;
    }
    .pg-fo-checkbox > a,
    .pg-fo-checkbox .row a{
        background: url(/templateimages/u44.png?v=1441706819) center left no-repeat transparent;
    }
    .pg-fo-checkbox label:hover{
        background-color: rgba(38,169,224,0.1) !important;
    }

    .pg-fo-checkbox label:first-child,
    .pg-fo-checkbox > a:first-child {
        padding-top: 9px;
    }

    .pg-fo-checkbox label:first-child input[type="checkbox"]{top:7px}
    .pg-fo-checkbox label:first-child input[type="radio"]{top:10px}


    .pg-fo-checkbox label:nth-child(2n),
    .pg-fo-checkbox > a:nth-child(2n){
        background-color: #fff;
    }

    .pg-bottom-buttons.co-button-group {
        text-align: right;
        padding-right: 35px;
        padding-left: 25px;
        padding-top: 10px;
        margin-top: 0px;
        border-top: dotted 1px #D6D6D6;
    }

    .pg-fo-required {
        padding: 10px 20px 20px 35px;
        margin: 0px;
        font-size: 14px;
        font-weight: 400;
    }

    .pg-bottom-buttons.co-button-group a {
        margin-right: 4px;
        width: 150px;
        text-align: center;
    }
    .pg-left-relative{
        position: relative;
    }
    .pg-form-left{
        position: relative;
    }
    .pg-red-text {
        line-height: 18px !important;
        color: #c1272d;
        position: absolute;
        left: 0px;
        top: 31px;
        width: 150px;
        font-size: 13px;
    }
    .no-hover tr:hover td{
        background-color: none !important;
    }
    .data-table.no-hover tbody tr:hover td:before{
        display: none !important;
    }
    .data-table.no-cursor tbody tr{
       cursor: initial;
    }

    /*Custom check box*/
    .pg-fo-checkbox input[type="checkbox"] {
        border: solid 2px #333;
        border: solid 2px #333;
        -webkit-appearance: none;
        -moz-appearance: none;
        width: 16px;
        height: 16px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        position: absolute;
        left: 15px;
        top: 5px;
    }
    .pg-fo-checkbox > a > input[type="checkbox"],
    .pg-fo-checkbox > .row > a > input[type="checkbox"]{
        position: absolute;
        left: -10000px;
    }

    .pg-fo-checkbox input:checked {
        background: url(../templateimages/check-bg.png) 1px 1px no-repeat ;
        outline: none;
        background-size: 10px;
    }

    .pg-fo-checkbox label input[type="radio"] {
        position: absolute;
        left: 20px;
        top: 8px;
    }
    #grid_div_sop_worksheets .pg-fo-checkbox .row > a {
        background-color: transparent!important;
        padding-left: 0;
        background-image: none;
    }
    #grid_div_sop_worksheets .pg-fo-checkbox .row {
        background: transparent;
        height:33px;
        line-height: 33px;
        clear:left;
        margin: 5px 0;
        border-bottom: 1px dotted #CCCCCC;
    }
    #grid_div_sop_worksheets .pg-fo-checkbox .row:last-child {
        border-bottom: none;
    }
    #grid_div_sop_worksheets .pg-fo-checkbox .row img {
        display: block;
    }
    #grid_div_sop_worksheets .pg-fo-checkbox .row > a.download-link {
        padding: 0;
    }
    #grid_div_sop_worksheets .pg-fo-checkbox .row > a.pgd-popup {
        width: 480px;
        width: calc(100% - 30px);
        padding: 5px 0 5px 10px;
    }

    /*tool tip*/
    .tooltip-label {
        float: left;
    }

    .info-tooltip {
        display: inline-block;
        float: left;
        margin-left: 12px;
        padding-top: 0px;
        position: relative;
        line-height: 18px;
        font-size: 12px;
        font-weight: 300;
    }

    .info-tooltip img {
        margin-top: 17px;
        cursor: pointer;
    }

    .info-toolip-wrapper {
        display: none;
        position: absolute;
        background-color: #fff;
        z-index: 100;
        right: -25px;
        width: 250px;
        padding: 10px;
        border-radius: 5px;
        border: solid 1px #cccccc;
        top:50px;
    }
    .info-tooltip.active .info-toolip-wrapper {
        display: block;
    }

    .tool-hed {
        font-size: 16px;
        margin-bottom: 7px;
        font-weight: 400;
    }
    .info-toolip-wrapper:after, .info-toolip-wrapper:before {
        bottom: 100%;
        right: 20px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .info-toolip-wrapper:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 13px;
        margin-left: -13px;
    }

    .info-toolip-wrapper:before {
        border-color: rgba(204, 204, 204, 0);
        border-bottom-color: #cccccc;
        border-width: 13px;
        margin-left: -13px;
    }
    .po-price-list {
        padding-right: 60px;
    }

    .po-price-list a {
        color: #005480;
        text-decoration: none;
    }
    .po-price-list a:hover{
        text-decoration: underline;
    }


    /*Popup*/
    .po-popup {
        position: fixed;
        top: 50%;
        background-color: #fff;
        z-index: 1000;
        left: 50%;
        border: solid 4px #005480;
        width: 395px;
        border-radius: 5px;
        padding: 20px;
        display: none;
    }
    .po-popup.profile_update {
    	width: 800px !important;
    }

    .po-popup-head {
        position: relative;
        font-size: 18px;
        margin-bottom: 10px;
        font-weight: 600;
    }

    .po-popup-close {
        position: absolute;
        right: -10px;
        top: -12px;
        font-size: 21px;
        cursor: pointer;
    }

    .po-popup-body p {
        margin-bottom: 22px;
    }

    .po-popup-btns {
        background-color: #005480;
        height: 30px;
        line-height: 30px;
        float: right;
        width: 140px;
        margin-left: 20px;
        margin-top: 20px;
        text-align: center;
        transition:0.5s;
        -webkit-transition:0.5s;
        text-transform:uppercase;
    }

    .po-popup-btns:hover{
        background-color: #26A9E0;
    }
    .po-popup-btns.small {
        width: 100px;
    }

    .po-popup-btns a {
        display: block;
        color: #fff;
        text-decoration: none;
    }
    .po-popup-btns.grey {
        background-color: #666666;
    }
    .po-popup .blue-list {
        list-style-type: none;
    }
    .po-popup .blue-list li {
        color: #005480;
        margin: 0 0 5px 0;
    }

    /*Notifications buttons*/

    .po-notify-btns .po-popup-btns {
        width: auto !important;
        padding-left: 11px;
        padding-right: 11px;
        margin-left: 0px;
        margin-right: 10px;
    }
    .po-notify-btns .po-popup-btns:last-child{
        margin-right: 0px;
    }

    .po-notify-btns .po-popup-btns a {
        font-size: 12px;
    }
    .popup-notifi .po-popup-head{
        margin-bottom: 20px;
    }


    /*Delete buttons*/
    .po-alert-btns{
        text-align: right;
    }
    .po-alert-btns .po-popup-btns{
        width: 100px;
        font-size: 13px;
        float: none;
        display: inline-block;
        margin-left: 10px;
    }
    .po-alert-btns .po-popup-btns.po-yes{
        background-color: #c1272d;
    }
    .po-alert-btns .po-popup-btns.po-no{
        background-color: #666666;
    }


    /*Delete buttons end*/

    /*Validations*/

    .pg-fo-error {
        font-size: 12px;
        color: #c1272d;
        display: none;
        clear:left;
    }

    .pg-has-error .form-control {
      border:solid 1px #c1272d;
    }



    /*Notifications buttons End */
    .popup-overlay{
        background-color:rgb(212,212,212);
        background-color:rgba(212,212,212,0.5);
        position: fixed;
        left:0px;
        right:0px;
        top:0px;
        bottom:0px;
        width: 100%;
        height: 100%;
        z-index:99;
    }

    /*Assign popup*/
    .assign-popup {
        position: absolute;
        width: 180px;
        height: 250px;
        z-index: 100;
        background-color: #fff;
        border: solid 4px #005480;
        display: none;
        padding: 10px;
        right: 10px;
    }

    .assign-popup ul li {
        height: auto;
        min-height: initial;
        padding: 0px;
    }

    .assign-popup ul {
        padding: 0px;
    }

    .assign-body {
        overflow: auto;
        height: 189px;
    }

    .assing-btn {
        margin-top: 15px;
        margin-left: 20px;
    }

    .assign-body.pg-fo-checkbox {
        width: 100%;
        background-color: transparent;
        float: none;
    }
    .assign-body.pg-fo-checkbox ul li:nth-child(2n){
        background-color: #fff;
    }
    .assign-body.pg-fo-checkbox ul li:nth-child(odd){
        background-color: #F2F2F2;
    }
    .manage-users-top {
        padding: 20px 30px 15px 30px;
    }

    .manage-top-left {
        font-size: 14px;
        color: #666666;
        line-height: 22px;
        max-width: 70%;
    }
    .pg-manage-edit td{
        cursor: pointer;
    }

    .pg-manage-edit:hover td{
        background-color:#eaf7fc !important;
    }

    /*Edit Sop*/

    .pg-eso-top {
        overflow: hidden;
        padding: 25px 35px 15px 35px;
        border-bottom: solid 10px #01557e;
    }

    .pg-eso-heading {
        font-size: 18px;
        color: #666666;
        font-weight: 500;
        float: left;
    }

    /*custom input file*/
    .custom-file-upload-hidden {
        display: none;
        visibility: hidden;
        position: absolute;
        left: -9999px;
        width: 100px !important;
    }
    .custom-file-upload {
        display: block;
        width: auto;
        font-size: 16px;
        margin-top: 0px;
    }
        label {
            display: block;
            margin-bottom: 5px;
        }

    .file-upload-wrapper {
        position: relative;
        margin-bottom: 5px;
        border: none;
    }
    .file-upload-input {
        color: #4d4d4d;
        font-size: 16px;
        padding: 11px 0px;
        border: none;
        background-color: transparent;
        float: left;
        outline: none;
        font-size: 14px;
        width: calc(100% - 100px) !important;
    }
    .file-upload-input:hover, .file-upload-input:hover:focus {

            outline: none;
    }

    .file-upload-button {
        cursor: pointer;
        display: inline-block;
        color: #333;
        font-size: 13px;
        text-transform: initial;
        padding: 8px 0px;
        margin-left: -1px;
        background-color: #fff;
        float: none;
        font-family: 'Arial';
        font-weight: 400;
        font-style: normal;
        border-radius: 5px;
        border: solid 1px #333;
        width: 100px;
        transition:0.5s;
    }
    .file-upload-button:hover{
        color:#fff;
        background-color:#26A9E0;
    }


    /*Custom input styles end*/

    .pg-eso-updated {
        float: left;
        margin-left: 35px;
        font-size: 14px;
        color: #595959;
        font-weight: 300;
    }

    .pg-eso-clients {
        float: right;
        font-size: 14px;
        width: 225px;
        text-align: right;
    }

    .pg-eso-clients a {
        color: #005480;
        text-decoration: none;
        line-height: 18px;
        font-weight: 300;
    }
    .pg-fo-version {
        line-height: 28px;
        font-size: 14px;
        color: #595959;
        font-weight: 500;
    }
    .pg-fo-select {
        /*width: calc(100% - 150px);*/
        float: left;
    }

    .pg-acco-left{
        float: left;
        width: calc(100% - 150px);
    }
    .pg-acco-left .add-worksheet {
        color: #005480;
        font-size: 14px;
        text-decoration: none;
    }
    .pg-acco-left .add-worksheet:hover {
        color: #26A9E0;
    }
    .pg-fo-accordation {
        padding: 20px 0px;
        border-bottom: dotted 1px #cccccc;
    }

    .pg-fo-acc-head {
        color: #005480;
        line-height: 18px;
        position: relative;
        padding-left: 33px;
        cursor: pointer;
    }

    .pg-fo-accordation:first-child {
        padding-top: 10px;
    }

    .pg-fo-acc-head.pg-icon:after {
        content: "";
        width: 24px;
        height: 24px;
        position: absolute;
        background-position: -160px -54px;
        left: 0px;
    }
    .pg-fo-accordation {

    }

    .pg-fo-acc-body {
        background-color: #fff;
        margin-top: 15px;
        padding: 10px;
        display: none;
    }

    .pg-acc-form-row {
        overflow: hidden;
        margin-bottom: 15px;
    }

    .pg-fo-info {
        font-size: 12px;
        color: #000000;
    }

    .pg-fo-acc-body .po-ac-file {
        width: calc(100% - 150px);
    }


    .acc-btn a, .acc-btn {
        color: #color: #005480;
        color: #005480;
        font-size: 14px;
        font-weight: 300;
        text-decoration: none;
    }

    .acc-btn.acc-delete {
        float: left;
    }

    .acc-btn-group {
        float: right;
    }

    .pg-acc-btns {
        overflow: hidden;
        padding-bottom: 8px;
    }
    .acc-btn-group .acc-btn{
       padding-right: 15px;
       border-right: solid 1px #848484;
       float: left;
       line-height: 12px;
       font-weight: 400;
    }
    .acc-btn-group .acc-btn:last-child{
        padding-right: 10px;
        padding-left:15px;
        border-right:none;
    }
    .active .pg-fo-acc-head {
        border-bottom: dotted 1px #cccccc;
        padding-bottom: 20px;
        font-weight: 400;
    }

    .pg-fo-accordation.active {
        padding-bottom: 15px;
    }

    .acc-cancel.acc-btn {
        color: #999999;
    }
    .acc-btn:hover {
        text-decoration: underline;
    }
    .pg-fo-accordation .pg-fo-lable {
        width: 50px;
    }

    .pg-fo-accordation .po-full-input {
        width:calc(100% - 50px);
    }
    .acc-add{
        display: block;
    }
    .active > .acc-add{
        display: none;
    }
    .active > .acc-add + .pg-fo-acc-body{
        margin-top: 0px !important;
    }

    .edit-sops-btns {
        overflow: hidden;
        padding: 0px 10px;
    }




    .pg-info-groups {
        overflow: hidden;
        width: 100%;
    }

    .pg-fo-history {
        color: #333;
        font-size: 12px;
    }

    .pg-fo-history a {
        color: #333;
    }

    .po-popup.po-large {
        width: 765px;
    }

    .po-large .po-popup-head {
        font-weight: 600;
        font-style: normal;
        font-size: 18px;
        color: #666666;
        margin-bottom: 15px;
    }

    .po-large .po-sub-hed {
        font-weight: 600;
        font-style: normal;
        font-size: 16px;
        color: #01557E;
        margin-bottom: 30px;
    }

    .pg-view-sops{
        margin-right: 10px;
    }
    .pg-view-sops a {
        font-weight: 600;
        font-style: normal;
        color: #005480;
        font-size: 14px;
        text-decoration: none;
    }
    .pg-view-sops a:hover{text-decoration:underline;}

    .pop-filename{
        width: 307px;
    }

    th.so-version {
        width: 139px;
    }

    th.so-date {
        width: 111px;
    }

    .sop-history{
        height: 310px;
        overflow: auto;
        padding-right: 30px;
        margin-bottom: 20px;
    }

    .sop-history tr th {
        padding-bottom: 10px;
        font-size: 14px;
        color: #333333;
        font-weight: 600;
        border-bottom: dotted 1px #808080;
    }
    .so-name-td {
        padding-right: 10px !important;
    }

    .po-popup-body tr td {
        font-size: 14px;
        color: #808080;
        font-weight: 400;
        border-bottom: dotted 1px #808080;
        padding: 15px 30px 13px 0px;
    }

    .pg-icons2{
        background-image:url(../templateimages/sprite3.png);
        background-position: 0px 0px;
        background-repeat: no-repeat;
    }
    .pg-soicon {
        width: 24px;
        height: 24px;
        background-position: -161px -118px;
        left: 0px;
        display: block;
        float: left;
    }
    .so-file-name{
        float: left;
        padding-left: 10px;
        width: calc(100% - 24px);
    }

    /*Filter start*/
    .pg-filter-button {
        width: 120px;
        height: 30px;
        line-height: 27px;
        background:url(../templateimages/arrows-sprite.png) right 9px no-repeat #f2f2f2;
        padding-left:10px;
        border: solid 2px #cccccc;
        margin-right: 15px;
        font-size: 13px;
        font-weight: 500;
        cursor: pointer;
    }

    .pg-filter-wrapper {
        float: left;
        width: 120px;
        margin-right: 15px;
    }


    /*Filter by popup*/

    .manage-users-top {
        position: relative;
    }

    .pg-filter-popup {
        position: absolute;
        left: 0px;
        right: 0px;
        z-index: 10;
        top:69px;
        background-color: #fff;
        border-top: solid 2px #cccccc;
        margin-top: -3px;
        padding: 30px 20px 20px 20px;
        border-bottom: solid 5px #999999;
        display: none;
    }

    .manage-users-top:after {
        content: "";
        clear:both;
        display: block;
    }

    .pg-fi-section {
        float: left;
        width: 40%;
    }

    .pg-fi-label {
        float: left;
        margin-right: 30px;
        font-weight: 600;
        font-size: 14px;
        color: #333333;
        width: 125px;
    }
    .pg-fi-category .pg-fi-label {
        margin-right: 5px;
    }

    .pg-tabs {
        padding-top: 5px;
    }

    .pg-filter-button.active {
        height: 49px;
        border-bottom-color: #fff;
        position: relative;
        background-position: right -32px;
        background-color:#fff;
        z-index: 11;
        line-height: 29px;

    }

    .pg-fi-platform.pg-fi-su {
        height: 180px;
    }

    .pg-fi-category .pg-fo-checkbox {
        height: auto;
    }

    .pg-fi-category .pg-fo-checkbox {
        background: #fff !important;
    }

    .pg-fi-category .pg-fo-checkbox label {
        font-size: 14px;
    }

    .pg-fi-platform .pg-fo-checkbox {
        height: 180px;
    }

    .pg-fi-platform.pg-fi-su:first-child {
        margin-bottom: 35px;
    }

    .pg-fi-platform .pg-fo-checkbox label {
        font-size: 14px;
    }

    .pg-clear-all a {
        color: #26A9E0;
        text-decoration: none;
        font-size: 14px;
        color: #26A9E0;
    }

    .pg-fi-btn {
        position: absolute;
        right: 20px;
        bottom: 20px;
    }

    .pg-fi-right {
        float: right;
    }

    .pg-clear-all {
        text-align: right;
    }

    /*Sort orders*/
    .pg-sort-hed {
        min-height: 50px;
        line-height: 50px;
        background-color: #01557d;
        color: #fff;
        font-weight: 500;
        font-style: normal;
        font-size: 18px;
        color: #FFFFFF;
        padding: 0px 30px;
        margin: 0px;
        cursor: pointer;
        position: relative;
        text-transform: uppercase;
    }

    .pg-sort-hed:hover:after{
        content: "";
        position: absolute;
        width: 15px;
        height: 15px;
        background: url(../templateimages/sprite3.png) -12px -10px no-repeat;
        right: 13px;
        top:18px;
        opacity: 0.5;
    }
    .pg-sort-hed.active:hover:after{
        background-position: -30px -9px;
    }
    .pg-sort-container:first-child .pg-sort-hed{
        min-height: 40px;
        line-height: 30px;
    }
    .pg-sort-container:first-child .pg-sort-hed:hover:after{top:10px;}
    .pg-sort-wrapper{
        display: none;

    }
    .pg-sort-container {
        border-bottom: solid 2px #fff;
    }
    .pg-sort-container:last-child{
        border-bottom: none;
    }
    li.sortli {
        line-height: 30px;
        background: url(../templateimages/sort-icons.png) right 10px no-repeat;
        cursor: move;
    }
    .pg-notsortable li.sortli {
        cursor:default;
        background-image: none;
    }
    .ui-sortable-helper.sortli{
        box-shadow: 0px 1px 5px rgba(0,0,0,0.5);
        background: #26A9E0 !important;
        color:#fff;

    }

    .ui-sortable-placeholder{
        background-color: #ccdde5 !important;
        visibility:visible !important;
        background-image:none !important;
        transition:0.5s;
    }

    /*Manage User*/
    .pg-fo-input.po-sm5 {
        width: 100px;
        margin-right: 20px;
    }

    .pg-fo-input.po-sm5 input {
        width: 100%;
    }
    .pg-fo-input.po-fo-info {
        width: 220px;
        color: #999999;
        font-size: 14px;
    }
    .pg-add-clients .co-delete a {
        color: #fff;
        text-decoration: none;
    }

    .pg-add-clients .co-delete {
        margin-left: 10px;
    }
    .po-emailtemp a {
        color: #005480;
        text-decoration: none;
        line-height: 31px;
    }
    .po-emailtemp .email-sent-message {
        color: #006837;
        font-weight: 500;
        line-height: 31px;
    }

    .date-added {
        font-size: 14px;
        color: #595959;
        font-weight: 400;
        margin-left: 30px;
    }
    .pg-export{
        background: url(../templateimages/excel-icon.png) left top no-repeat;
        background-size: 20px;
        padding-left: 33px;
        font-size: 12px;
        color: #005480;
    }
    .ma-supply .manage-top-left {
        line-height: 24px;
        margin-top: -3px;
    }
    .pg-fil-form {
        overflow: hidden;
        margin-bottom: 25px;
    }

    .pg-fil-form .pg-fi-label {
        line-height: 25px;
    }

    .pg-fo-file .file-upload-input {
        display: none;
    }

    .pg-fo-file {
        padding-left: 20px;
    }
    /*Date*/
    .pg-fo-input.pg-fo-date input {
        width: 185px;
        margin-right: 10px;
    }
    .pg-date-icon{
        cursor: pointer;
        padding-top: 3px;
    }
    .pg-textarea .pg-fo-lable {
        line-height: 18px;
    }


    /*Clients sops popup*/
    .pg-clients-sop .pg-sort-container:first-child .pg-sort-hed {
        min-height: 50px;
        line-height: 50px;
    }

    .pg-clients-sop li.sortli {
        background: none;
        cursor: auto; /*for IE*/
        cursor: initial;
        color: #333333;
        font-size: 18px;
        font-weight: 400;
        min-height: auto;
        line-height: initial;
        margin-left: 20px;
        border-bottom: dotted 1px #cccccc;
        margin-right: 20px;
        padding: 20px 0px;
    }
    .pg-clients-sop li.sortli:last-child{
        border-bottom: none;
    }

    .pg-clients-sop.pg-tabs-wrapper ul li:nth-child(2n) {background-color:#fff;}

    .pg-clients-sop .pg-sort-container:first-child .pg-sort-hed:hover:after {
        top: 16px;
    }

    .pg-clients-sop li.sortli > ul > li {
        font-size: 14px;
        padding: 0px;
        line-height: 19px;
        line-height: initial;
        padding: 0 0 25px 30px;
        min-height: auto;
        min-height: initial;
        list-style: disc;
        list-style: initial;
        list-style-position: inside;
    }

    .pg-clients-sop li.sortli > ul {
        padding-top: 20px;
    }

    .pg-clients-sop li.sortli > ul > li:last-child {
        padding-bottom: 10px;
    }
    .pg-tabs-wrapper.pg-clients-sop {

    }
    .po-sop-popup .pg-clients-sop {
        height: 400px;
        overflow: auto;
        overflow-x: hidden;
    }
    .pg-fo-group .form-state.form-control {
        width: 135px;
        margin-right: 10px;
    }
    .pg-fo-input #client_zip,
    .pg-fo-input #user_zip{
        width: 75px;
    }

    .pg-fo-group .form-control {
        width: 154px;
    }
    .pg-tabs-wrapper ul li:after {
       content: " ";
       display: block;
       clear: both;
   }



    /*Sop popup edits*/
    #sops .po-popup-body {
        max-height: 600px;
        overflow-x: hidden;
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: -20px;

    }
    #sops .po-popup-body > p{
        padding-left:20px !important;
        padding-right:20px !important;
    }
    .pg-fo-upinfo {
        position: absolute;
        font-size: 12px;
        line-height: initial;
        color: #CCCCCC;
        bottom: -8px;
    }
    .po-popup-body {
        /*max-height: 400px;
        overflow: auto;
        overflow-x: hidden;*/
    }

    .po-popup-body ul {
        margin: 0px;
        padding: 0px;
    }

    ul.po-clients-popup {
        margin: 0px;
        padding: 0px;
    }

    ul.po-clients-popup li {
        list-style: none;
        margin-bottom: 5px;
        padding-left: 4px;
        color: #005480;
        line-height: 18px;
        font-size: 14px;
        font-weight: 400;
    }

    /*New styles 21*/
    #example tr th {
        text-align: left;
		line-height: 130%;
    }
    .co-button:last-child {
        margin-right: 0px;
    }
    .pg-bottom-buttons a.co-button:last-child{
        margin-right: 0px;
    }

/*Clients styles start*/

  /*Sop updates start*/
   .sop-updates-client {
        width: 780px !important;
    }
  .sop-updates-client .poc-description{
    width:240px !important;
    padding-right:25px !important;
  }
  .sop-updates-client .po-popup-body tr td{
    padding: 30px 0px;
    line-height: 20px;
  }
  .sop-updates-client .po-popup-body tr td p{
    margin-bottom: 0px;
  }
  .sop-updates-client .po-popup-body tr td a{
    color:#26A9E0;
    text-decoration: none;
  }

  .poc-update, .poc-date{
    width: 80px !important;
  }

  .poc-update a, .poc-date a{
    color: inherit;
    text-decoration: none;
  }

  .poc-update {
    padding-right: 25px !important;
    width: 110px !important;
  }

  .sop-updates-client .po-popup-body  tr:nth-child(2) td {
    padding-top: 10px !important;
  }

  /*Message css start*/
  .pgc-msg {
    background-color: #fff;
    overflow: hidden;
    padding: 15px;
    font-size: 14px;
    border-radius: 10px;
    display: none;
}

.pgc-msg p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
}

.pgc-msg-close {
    float: right;
    font-weight: 600;
    font-style: normal;
    color: #005480;
}

.pgc-msg-close a {
    color: #005480;
    text-decoration: none;
}

.pgc-msg-close a:hover {
    text-decoration: underline;
}
.pg-rem-meg.pgc-view-msg a {
    text-decoration: none;
    padding-left: 00px;
    font-weight: 600;
    font-style: normal;
    color: #005480;
}
.pg-rem-meg.pgc-view-msg a:hover{
    text-decoration: underline;
}


/*Undo message*/
.pgc-remsg-undo {
    color: #006837;
    font-weight: 600;
    padding-bottom: 15px;
    text-align: right;
    padding-right: 20px;
}

.pgc-remsg-undo a {
    text-decoration: none;
    color: #005480;
    padding-left: 10px;
}

.pgc-remsg-undo a:hover {
    text-decoration: underline;
}
.pgc-workflow{
    padding-top: 100px;
}

.pgc-workflow ul {
    height: 10px;
    margin: 0px;
    padding: 0px;
    display:
    -webkit-flex;/* Safari */
    display: flex;
}

.pgc-workflow ul li {
    list-style: none;
    float: left;
    -webkit-flex: 1;/* Safari 6.1+ */
    -ms-flex: 1;/* IE 10 */
    flex: 1;
    min-height: 10px;
    font-size: 0px;
    line-height: 0px;
    padding: 0px;
    margin: 0px;
    color: #fff;
    text-align: center;
    position: relative;
    cursor: pointer;
    border-right: solid 2px #fff;
}
.pgc-workflow ul li:last-child {
    border-right: none;
}

.pgc-workflow ul li .w-lab {
    background-color: #8BC53F;
}

.pgc-workflow ul li .w-data {
    background-color: #ffbe18;
}

.pgc-workflow ul li .w-visual {
    background-color: #26A9E0;
}

.pgc-workflow ul li .w-bio {
    background-color: #005480;
}
.w-hed{
    min-height: 10px;
    width: 100%;
    text-transform: uppercase;
}

.pg-wor-body p {
    font-weight: 500;
}
.pgc-workflow ul li .w-hed:hover  {
    font-size: 14px;
    position: absolute;
    width: 100%;
    z-index: 1000;
    padding:0px 10px;
    line-height: 37px;
    top:-10px;
    left: 0;

}
.pgc-workflow ul li.w-active{

}
.pgc-workflow ul li.w-active .w-hed {
    font-size: 14px;
    position: absolute;
    width: 100%;
    z-index: 10;
    padding:0px 10px;
    line-height: 37px;
    top:-10px;
    left: 0;
    text-transform: uppercase;
}
.pgc-workflow ul li.w-active .w-hed.w-bio{
    left:inherit;
    right:0px;
}
.w-active .w-list-wrap {
    margin-top: 17px;
}
.w-active .w-list-wrap:after {
	content: ' ';
    display: block;
    clear:both;
}

.pgc-workflow ul li .w-hed.w-visual:hover  {
    left: inherit;
    right: 0px;
}
.pgc-workflow ul li.w-active .w-hed.w-visual  {
    left: inherit;
    right: 0px;
}
.w-list-wrap.w-visuali {
    position: absolute;
    right: 0;
}


.w-list-wrap {
    font-size: 14px;
    height: auto;
    min-height: 80px;
    color: #4d4d4d;
    line-height: 22px;
    width: 100%;
    display: none;
}

li.w-active {
    height: auto;
}
li.w-active .w-list-wrap {
    display: block;
    border-bottom: 2px solid #006837;
}
.w-list {
    float: left;
    position: relative;
    width: 50%;
    padding: 15px 15px 15px 50px;
    text-align: left;
    display: none;
    margin-top: 10px;
}
li.w-active .w-list{
    display: block;
}
.w-list a{
    color: #4d4d4d;
    text-decoration: none;
}
.w-list a:hover{
    text-decoration: underline;
}

.w-list.w-browse {
    border-right: solid 2px #006837;
}

.w-dataqua .w-list.w-browse,
.w-dataqua .w-list,
.w-dataqua.w-list-wrap {
    border-color:#ffbe18 !important;
}

.w-bioi .w-list.w-browse,
.w-bioi .w-list,
.w-bioi.w-list-wrap {
    border-color:#005480 !important;
}

.w-visuali .w-list.w-browse,
.w-visuali .w-list,
.w-visuali.w-list-wrap {
    border-color:#26A9E0 !important;
}




.poc-icons{
    background-image: url(../templateimages/sprite3.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    position: absolute;
    float:left;
    left: 10px;
    width: 21px;
    height: 24px;
}
.poc-icons.poc-rightar{
    background-position: -261px -118px;
    float: left;
    margin-right: 13px;
}
.poc-w-prev a:hover .poc-icons.poc-rightar{
    background-position: -261px -155px;
}
.poc-w-prev a:hover{
    color: #26A9E0;
}
.poc-icons.poc-rightar-blue{
    background-position: -261px -118px;
    float: left;
    margin-right: 13px;
}
.w-list:hover .poc-icons{
    background-position: -261px -155px;
}
/*Client sop*/
.pgc-sopcontainer{
    margin-bottom: 3px;

}
.clientsop-wrapper {
    padding-bottom: 0px;
}

.pgc-sopcontainer:last-child {
    border-bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.pgc-subtitle {
    float: left;
    font-size: 18px;
    color: #26A9E0;

}
.pgc-subtitle a{
    color: #26A9E0;
    text-decoration: none;
}
.pgc-sub-heder:hover .pgc-subtitle a{
    text-decoration: underline;
    color:#005480;
}

.pgc-sub-heder {
    padding: 15px 30px 14px 30px;
    overflow: hidden;
    cursor: pointer;
}
.pgc-sactive .pgc-sub-heder {background-color:#26A9E0;}
.pgc-sactive .pgc-sub-heder .pgc-subtitle a{color:#ffffff;}
.pgc-soupdated {
    float: right;
    font-size: 12px;
    color: #CCCCCC;
    margin-right: 70px;
    display: block;
}

.pgc-sactive .pgc-soupdated{
    display: none;
}
.pgc-sopwrapper ul {
    margin: 0px;
    padding: 0px;
}

.pg-tabs-wrapper.clientsop-wrapper ul li {
    padding: 0px;
    min-height: initial;
    line-height: 20px;
    border-bottom: dotted 1px #CCCCCC;
    position: relative;
}
.pg-tabs-wrapper.clientsop-wrapper ul li:last-child {
    border-bottom: none;
    margin-bottom: 0px;
}
.pg-tabs-wrapper.clientsop-wrapper ul li:last-child .pgc-sub-heder{
    padding-bottom: 11px;
}

.pg-tabs-wrapper.clientsop-wrapper ul li:nth-child(2n){
    background-color: #ffffff;
}
.clientsop-wrapper li .pgc-sub-heder:hover .pgc-subtitle:after{
    background-image: url(../templateimages/sprite3.png);
    background-position: -52px -9px;
    background-repeat: no-repeat;
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    top: 20px;
    right: 13px;
    z-index: 100;
}
.clientsop-wrapper li.pgc-sactive .pgc-sub-heder:hover .pgc-subtitle:after{
    background-position: -30px -9px;
    width:15px;
    height: 18px;
    top:16px;
}

.pgc-sactive .pgc-so-submain{
    overflow: hidden;
}

.pgc-so-submain{
    padding: 20px 30px;
    display: none;
}
.pgc-so-left {
    width: 70%;
    width: calc(100% - 230px);
    float: left;
    padding-right: 30px;
}

.pgc-so-right {
    float: right;
    width: 230px;
}

.pgc-description h4 {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
}

.pgc-description p {
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
}

.pgc-downloadbtn {
    margin-top: 30px;
}

a.co-button.co-download {
    font-weight: 500;
    background-color: #fdbd45;
    color: #ffffff;
    width: 100%;
    height: 40px;
    line-height: 40px;
}

span.pgc-statusup {
    text-align: center;
    display: block;
    width: 200px;

    color: #4D4D4D;
    font-size: .75em;
    margin-top: 5px;
}

.co-button.co-download:hover {
    background-color: #26A9E0;
}
.poc-w-prev {
	position: relative;
    margin-top: 15px;
    padding-left: 40px;
    overflow: hidden;
}

.poc-w-prev a {
    color: #4d4d4d;
    text-decoration: none;
    float: left;
    display: block;
    line-height: 24px;
}

.poc-w-prev a:hover {
    text-decoration: underline;
}
.pgc-so-list {
    float: left;
    width: 50%;
}
.pgc-hide-desk{
    display: none;
}

.pgc-so-list.pgc-so-work {
    padding-right: 30px;
}

.pgc-so-list.pgc-so-traning {
    padding-left: 30px;

}

.pgc-so-bottom {
    margin-top: 35px;
    overflow: hidden;
    position: relative;
}

.pgc-so-list h4 {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
}
.pgc-so-list.pgc-so-work:after {
    width: 1px;
    content: "";
    position: absolute;
    height: 100%;
    top: 0px;
    bottom: 0px;
    border-right: dotted 1px #cccccc;
    left: 50%;
}
.poc-icons.poc-work-icon{
    background-position: -161px -118px;
}
.poc-bottom-list:hover .poc-icons.poc-work-icon{
    background-position: -161px -155px;
}

.poc-icons.poc-training-icon{
    background-position: -261px -118px;
}
.poc-bottom-list:hover .poc-icons.poc-training-icon{
    background-position: -261px -155px;
}

.poc-bottom-list .poc-icons a {
    width: 100%;
    display: block;
    height: 23px;
}

.poc-bottom-list a {
    float: left;
    color: #4D4D4D;
    display: block;
    width: auto;
    width:80%;
    width: calc(100% - 38px);

    line-height: 1.25em;
    font-weight: 200;
    text-decoration: underline;
    font-size: 16px;
}

.poc-bottom-list i {
    float: left;
    margin-right: 10px;
    display: block;
}

.poc-bottom-list a:hover {
    text-decoration: underline;
    color:#26A9E0;
}

.poc-bottom-list {
    overflow: hidden;
    margin-bottom: 12px;
	padding-left: 40px;
	position: relative;
	min-height: 23px;
}

.poc-bottom-list:last-child {
    margin-bottom: 0px;
}
.sop-client .sop-history{
    height: auto;
    max-height: 400px;
    padding-right: 0px;
    margin-bottom:0px;
}

.sop-client {
    width: 530px;
    padding: 25px;
}

.sop-client .po-popup-head {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
}

.sop-client .po-popup-body tr:hover td {
    color: #26A9E0;
}
.sop-client .po-popup-body tr:hover td .pg-soicon{
    background-position: -160px -155px;
}

.poc-sub-head {
    font-size: 16px;
    color: #005480;
    margin-bottom: 20px;
}

.poc-so-version {
    width: 120px;
}


.sop-client .sop-history table {
    border-collapse: collapse;
}

.sop-client .sop-history table tr {
    border-collapse: collapse;
}

.sop-client .po-popup-body tr td{
    line-height:22px;
    cursor: pointer;
}
.pgc-sopwrapper {
    display: none;
}

.pgc-sopcontainer:first-child .pgc-sopwrapper {
    //display: block;
}
/*Search results start*/

.manage-users-top.pgc-search-top {
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: solid 8px #005480;
}

.pgc-search-top .manage-top-left.pull-left {
    line-height: 30px;
}
.pgc-search-top .pg-filter-wrapper {
    margin-right: 0px;
    width: 240px;
}
.pgc-search-top .pg-filter-button {
    width: 240px;
}

.pgc-search-top .pg-filter-popup{top:59px;}
.pgc-search-top .manage-top-left strong{
    color:#005480;
    font-weight: 600;
}

.pgc-search-results ul li {
    padding: 0px;
    min-height: initial;
    line-height: 20px;
    border-bottom: dotted 1px #CCCCCC;
    position: relative;
    list-style: none;
}

.pgc-search-results .pgc-subtitle a span {
    font-size: 14px;
    color: #4d4d4d;
}

.pgc-search-results .pgc-soupdated {
    text-align: right;
    margin-right: 0px;
    width: 150px;
    color: #808080;
}

.pgc-search-results .pgc-sub-heder {
    padding: 17px 30px 16px 30px;
}
.pgc-pagination {
    padding: 30px 20px 20px 20px;
    overflow: hidden;
}

.pgc-pagination ul {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    float: left;
}

.pgc-pagination ul li {
    list-style: none;
    float: left;
    margin-right: 10px;
    height: 25px;
    margin-right: 2px;
    border-bottom: none;
}

.pgc-pagination ul li a {
    color: #808080;
    text-decoration: none;
    padding: 10px;
    line-height: 25px;
    font-weight: 500;
    transition:0.5s;
    -webkit-transition:0.5s;
    -moz-transition:0.5s;
}

.pgc-pagination ul li a:hover {
    background-color: #808080;
    color: #fff;
}

.pgc-pagination ul li.pagi-active a{
    background-color: #808080;
    color: #fff;
    cursor: not-allowed;
}

 .pgc-next-btn{
        background-image: url(../templateimages/sprite3.png);
        background-position: -135px -9px;
        background-repeat: no-repeat;
        width: 68px;
        height: 25px;
        float: right;
    }
 .pgc-next-btn:hover{
        background-position: -212px -9px;
 }
.pgc-next-btn a {
    display: block;
    line-height: 25px;
    height: 25px;
}

.pg-fi-category.pg-fi-section {
    padding-right: 30px;
}

.pg-fi-category .pg-fo-checkbox label:first-child {
    padding-top: 0px;
}

.pg-fi-category .pg-fo-checkbox label:first-child input[type="checkbox"] {
    top: -2px;
}

.pg-fi-category .pg-fo-checkbox {
    max-height: 180px;
    height: auto;
    overflow: auto;
}

.pg-fi-category .pg-fi-platform.pg-fi-su {
    height: auto;
    overflow: auto;
}

.pg-fi-category .pg-fo-checkbox label:last-child {
    padding-bottom: 0px;
}

/*Search results end*/
#sops .pg-clients-sop li.sortli > ul > li:last-child {
    padding-bottom: 0px;
}

.pgc-banner .pg-banner-logo {
    padding-top: 46px;
}

/*===  Clients end  ===*/



    #forgotPasswordForm .row.error:after {
        content: "Email not valid.";
        display: block;
        color: #ff0000;
        padding-left: 0;
    }
    #forgotPasswordForm .errorMsg {
        display: block;
        color: #FF0000;
        padding: 10px 0 0 0;
    }
    .add-button.add-large {
        width: auto;
        padding: 0px 10px;
    }

        .worksheet-form .row {
        padding: 10px 0;
    }
    .worksheet-form .row.error:after {
        content: "Please fill in the required field";
        display: block;
        font-size: 12px;
        color: #c1272d;
        padding-left: 0;
        padding-top: 3px;
    }
    .worksheet-form label {
        display: block;
    }
    .worksheet-form .cancel-btn {
        cursor: pointer;
        background-color: #666666;
        height: 30px;
        line-height: 30px;
        float: right;
        width: 140px;
        margin: 20px 0 0 20px;
        text-align: center;
        transition:0.5s;
        -webkit-transition:0.5s;
        color: #fff;
        text-decoration: none;
    }
    .worksheet-form .cancel-btn:hover{
        background-color: #CCCCCC;
    }
    .worksheet-form .update-btn {
        cursor: pointer;
        background-color: #005480;
        height: 30px;
        line-height: 30px;
        float: right;
        width: 140px;
        margin: 20px 0 0 20px;
        text-align: center;
        transition:0.5s;
        -webkit-transition:0.5s;
        color: #fff;
        text-decoration: none;
        cursor:pointer;
    }
    .worksheet-form .update-btn input {
        background: transparent;
        border: none;
        box-shadow: none;
        color: inherit;
        font-family: inherit;
        font-size: inherit;
        font-weight: inherit;
        width: 100%;
        height: 100%;
        cursor:pointer;
    }
    .worksheet-form .update-btn:hover{
        background-color: #26A9E0;
    }
    .worksheet-form .delete-btn {
        cursor: pointer;
        background-color: #fdbd45;
        height: 30px;
        line-height: 30px;
        float: right;
        width: 140px;
        margin: 20px 0 0 0;
        text-align: center;
        transition:0.5s;
        -webkit-transition:0.5s;
        color: #fff;
        text-decoration: none;
    }
    .worksheet-form .delete-btn:hover{
        background-color: #f7931e;
    }
    .ws-filename {
        padding: 5px 0;
        margin: 0 0 5px 0;
        text-align:left;
    }
    .pgc-hide-mobile{
        display: block;
    }
    .so-file-name a {
    color: #808080;
    text-decoration: none;
    }

    #state.pg-fo-input.po-sm5,
    #user_state_intl.pg-fo-input.po-sm5{
        width: 60px;
    }

    #user_zip.pg-fo-input.po-sm5 {
        width: 139px;
    }

    .sop-client .po-popup-body tr:hover td a{
        color: #26A9E0;
    }
    .data-table tr th:first-child, .data-table tr td:first-child {
        padding-left: 35px;
    }
    td.so-name-td {
        word-break: break-word;
        padding-right: 20px !important;
        line-height: 23px;
    }
    select.form-control {
        padding: 0px 0px 0px 5px;
    }

    /*Traning icon*/

    .icon-wrapper:after{
        content: "";
        position: absolute;
        width: 26px;
        height: 26px;
        background-image: url(../templateimages/sprite3.png);
        background-position: -161px -118px;
        background-repeat: no-repeat;
        top: 23px;
        right: 17px;
    }
    .icon-wrapper {
    position: relative;
    }

    .icon-wrapper.ic-download:after {
        background-position: -161px -118px;
        top: 24px;
        right: 17px;
    }

    .icon-wrapper.ic-links:after {
        background-position: -260px -118px;
        top: 23px;
        right: 19px;
    }

    .icon-wrapper.ic-videos:after {
        background-position: -222px -118px;
        top: 23px;
        right: 20px;
        width: 28px;
    }
    .tl-body .open .sub-category:hover h3 a:after {
        background-position: -52px -9px;
        width: 16px;
        height: 16px;
        top: 20px;
    }

    /*====  Media start  =====*/

    /*Small Screens*/

    @media (max-width: 1320px){
        .w-list.w-traning {
          padding-right: 0;
        }
    }
    @media (max-width: 1250px){
         .w-active .w-list-wrap{
             position: absolute;
          }
         .pg-banner-right {
            width: 400px;
            }

        .pg-banner-wrapper{
            position: relative;
            }

        .pg-baner-left {
                width: calc(100% - 500px);
                padding-bottom: 0px;
                padding-right: 0px;
             }

         .pg-banner-logo {
                padding: 0px;
                position: absolute;
                right: 50%;
                top: 50%;
                margin-top: -20px;
                margin-right: -100px;
            }
        .data-table thead th {
            line-height: 19px;
        }
        /*Admin changes*/
        .pgc-banner .pg-banner-right {
            width: 300px;
        }

        .pgc-banner .pg-banner-logo {
            padding-top: 0px;
        }

        .pgc-banner .pg-baner-left {
            padding-right: 30px;
        }
        .co-help-banner .pg-banner-right {
            width: 300px;
        }
        .pgc-workflow ul li .w-bio:hover {
            right: 0px;
            left: inherit;
        }

        .pgc-workflow ul li .w-hed:hover{
            padding: 10px 10px;
            line-height: 17px;
            width: 305px;
        }
       .pgc-workflow ul li.w-active .w-hed{
            width: 305px;
       }
       .w-list-wrap{
            width: 305px;
       }
       .w-list.w-traning {
         padding-right: 0;
        }
        .w-list-wrap.w-bioi {
            right: 0px;
            left: inherit;
            position: absolute;
        }

    }

    @media (max-width: 1170px){
        .pg-fo-input.po-sm5 {
            margin-right: 10px;
        }
        .pg-baner-left {
            width: calc(100% - 439px);
        }
    }

    /*ipad styles*/
    @media (max-width: 1100px){
    	.pg-manage-clients #eror-platform,
        .pg-manage-clients #eror-version {
        	position: relative;
            padding-bottom: 5px;
            top: 0;
            left: 0;
            clear:left;
            width: auto;
        }
    }

    /*ipad styles*/
    @media (max-width: 1050px){

        .data-table thead th {
         line-height: 19px;
         width: auto;
        }
        .pg-fo-lable:not(.mid-label){
          display: block;
          float: none;
          width: auto;
        }

        .pull-right.pg-view-sops {

        }

        .tab-sub-header {
            /*overflow: hidden;*/
        }

        .pg-tabs-wrapper ul li {
            overflow: hidden;
        }
         .pg-fo-input.po-sm5 {
            margin-right: 20px;
        }
        .pg-fo-upinfo {
            bottom: 37px;
            left: 54px;
        }

        .pg-banner-logo{
                margin-top: 0px;
                margin-right: 0;
                top: 36px;
                right: 30px;
        }
        .pg-banner-right {
            display: none;
        }

        .pg-baner-left {
            width: calc(100% - 247px);
            padding-bottom: 30px;
        }

        .pg-rem-meg {
            width: 67%;
        }
        .pgc-workflow ul li .w-hed:hover {
            line-height: 37px;
            font-size: 14px;
            width:305px;
            padding-top: 0px;
            padding-bottom: 0px;
        }

        .pgc-workflow ul li.w-active .w-hed {
            font-size: 14px;
            line-height: 37px;
        }
        .pgc-soupdated{
            margin-right: 20px;
        }



    }

    @media (max-width: 980px){
        .pg-search-top.pg-search-expand {
            position: absolute;
            right: 30px;
        }
        h1.admin-title-top {
            font-size: 1.7em;
            line-height: 16px;
            margin-bottom: 20px;
        }
        .pg-rem-meg {
            width: calc(100% - 201px);
        }

        .pgc-workflow ul li .w-hed{
             word-break: break-all;
         }

       .pgc-workflow ul li .w-hed:hover{

        }

      .pgc-workflow ul li.w-active .w-hed{
            width: 305px;
        }
        .w-list-wrap{
            width: 305px;
        }

        .pgc-workflow ul li.w-active .w-hed.w-bio {
            left: inherit;
            right: 0px;
        }
        .w-list-wrap.w-bioi{
            margin-left: 0px;
            left: inherit;
            right: 0px;
            position: absolute;
        }

        .w-active .w-list.w-browse {
            left: 0px;
        }
        /*Sop*/
        .pgc-sopwrapper .pgc-soupdated {
            float: none;
            display: block;
        }

        .pgc-sopwrapper .pgc-subtitle {
            float: none;
        }
        .pgc-downloadbtn{

        }
        .pgc-hide-desk{
            display: block;
        }
          .pgc-hide-mobile{
            display: none;
        }
        .pgc-so-left {
            width: 100%;
        }

        .pgc-so-list {
            float: none;
            width: 100%;
        }

        .pgc-mobile-downloadbtn {
            text-align: c;
            width: 203px;
            margin: auto;
        }

        .pgc-mobile-downloadbtn .pgc-downloadbtn a {
            margin-right: 0px;
        }
        .pgc-soupdated {
            display: none !important;
        }
        .pgc-so-list.pgc-so-work {
            padding-right: 0px;
        }

        .pgc-so-list.pgc-so-traning {
            padding-left: 0px;
            margin-top: 30px;
            margin-bottom: 10px;
        }

        .pgc-so-list.pgc-so-work:after {
            display: none;
        }

        /*Filter start*/
        .manage-top-left.pull-left {
            font-size: 12px;
            width: 31%;
            line-height: 19px;
         }

        .pg-fi-platform .pg-fo-checkbox {
            width: 100%;
        }

        .pg-fi-category .pg-fo-checkbox {
            width: 100%;
        }

        .pg-fi-label {
            margin-bottom: 10px;
        }

        .pg-fi-mid.pg-fi-section {
            padding-right: 20px;
        }

        .pg-fi-category.pg-fi-section {
            padding-right: 20px;
        }
        .manage-top-left.pull-left.pgc-sort-content {
            width: 60%;
        }
        .manage-top-left.pull-left.pg-full-width{
            width: 100%;
        }
    }

    @media (max-width: 900px){
		.training-wrapper.show-review .training-right {
        	display: none;
        }
    }

h5.rev-heading {
    padding-left: 55px;
    position: relative;
}
.icon-skills{
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url(../templateimages/sprite3.png);
    background-position: -15px -107px;
    background-repeat: no-repeat;
    left: 0px;
}

.left130 {
	display: block;
	padding-left: 130px;
}
.full-width-535 {
	width: 100%;
    max-width: 535px;
}

.hasDatepicker {
	background-image: none !important;
}

.pg-user-reporting:after {
	content: "";
    clear: both;
    display: block;
}

.pg-user-reporting .pg-fo-checkbox {
	height: 360px;
	max-height: 360px;
}
.pg-user-reporting .pg-fi-platform.pg-fi-su {
	height: 400px;
	max-height: 400px;
}

.contact-info h2 {
	background: #00547F;
	padding: 10px;
	font-size: 16px;
	font-weight: 200;
	color: #fff;
}

#client_business {
	margin-right: 10px;
}
.pg-fo-pochkbox {
	float:left;
    width: 140px;
    font-size: 14px;
    line-height: 30px;
    vertical-align:middle;
}
@media (max-width: 1375px) {
	#client_business_label {
    	margin-bottom: 5px;
    }
}
@media (max-width: 1075px) {
	#client_business_label {
    	margin-bottom: 0px;
    }
}


.pg-bg {
  background-color: #f2f2f2;
  background-image: url('/templateimages/interior-admin-background.jpg') !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: top center !important;
}
.pg-bg.pg-client {
  background-image: none !important;
}
.pg-left-board {
  background-size: cover;
  font-weight: 600;
}
.pg-left-board sup {
  font-size: 85% !important;
  vertical-align: 3px;
}
.pg-title-top {
  width: calc(100% - 200px);
  margin-top: 20px;
}
.pg-title-top h1 {
  font-size: 28px;
}
.pg-title-top sup {
  vertical-align: 3px;
}
.pg-title-top .pg-description {
  width: 95%;
  max-width: 785px;
  margin-bottom: 30px;
}
.pg-title-top .pg-description.pg-description-admin {
  width: 100%;
  max-width: none;
}
.pg-title-top .pg-description p {
  font-size: 17px;
  line-height: 22px;
  color: #333333;
}
.pg-title-top .bold {
  font-weight: 600;
}
.pg-workflow-widget {
  max-width: 1000px;
  margin-left: 0px;
}
.pg-workflow-widget.widget-100 {
  max-width: 100% !important;
}
.module-boxes {
  list-style: none;
  min-height: 120px;
  display: flex;
  vertical-align: top;
  /*-webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3; */
}
.module-boxes .module-box {
  width: calc(33.3% - 10px);
  margin-right: 10px;
  display: inline-block;
  box-shadow: 0px 0px 5px 3px rgba(92,92,92,0.15);
  box-sizing: border-box;
  height: 100%;
}

.module-boxes .module-box:last-child {
  margin-right: 0px;
}
.module-boxes .module-box .module-heading {
  color: #ffffff;
  padding: 15px 20px;
  font-size: 20px;
  cursor: pointer;
  position: relative;
}
.module-boxes .module-box .module-heading::after {
  content: " ";
  background: url('/templateimages/play-icon.png');
  background-repeat: no-repeat;
  width: 19px;
  height: 19px;
  position: absolute;
  right: 20px;
  top: 13px;
}
.module-boxes .module-box .module-description {
  padding: 15px 20px;
  font-size: 13px;
  color: #333333;
}
.module-boxes .module-box .module-heading.light-blue-heading { background: #27a9e1; }
.module-boxes .module-box .module-heading.dark-blue-heading { background: #08567e; }
.module-boxes .module-box .module-heading.light-yellow-heading { background: #fdbd45; }

.recent-messages {
  margin-top: 40px;
}
.recent-messages h2 {
  font-weight: 600;
  color: #08567e;
  font-size: 17px;
}
.pg-recent-msg {
  padding: 0px;
  background: none;
  box-shadow: 0px 0px 0px 0px #ffffff;
  -webkit-box-shadow: 0px 0px 0px 0px #ffffff;
  -moz-box-shadow: 0px 0px 0px 0px #ffffff;
}
.pg-recent-msg .pg-rem-body {
  padding-top: 0px;
}
.pg-recent-msg .pg-rem-body ul li .pg-rem-close {
  color: #808080;
  font-weight: 600;
  margin-right: 10px;
}
.pg-recent-msg .pg-rem-meg {
  padding-top: 2px;
}
.pg-recent-msg .pg-rem-body ul li {
  display: none;
  margin-bottom: 15px;
}
.pg-recent-msg .pg-rem-meg.pgc-view-msg a {
  text-decoration: underline;
}
.recent-messages .showAllMsg {
  color: #005480;
  font-weight: 600;
  display: block;
  margin-top: 30px;
}
.stat-subhead {
  font-size: 18px !important;
  color: #333333;
}
.orange-btn {
  background: #f7931e;
  font-weight: 600;
}
.pg-lo-input input {
  border-radius: 5px;
}
.pg-logo-pass a {
  color: #27aae1;
  text-decoration: underline;
}
.pg-heading-login sup {
  vertical-align: 3px;
}

.dataTable .strikethrough td {
	color: #888888;
	text-decoration: line-through;
}