@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

        body, html {
            display: block;
            padding: 0px;
            margin: 0px;
            font-family: 'open sans';
            background: none !important;
            overflow: hidden;
        }

        .logoContainer {
            position: relative;
            display: block;
            padding: 10px;
        }

        .masterBody {
            position: absolute;
            display: flex;
            width: 100%;
            height: 100%;
        }

        .mstContainer {
            position: relative;
            display: flex;
            align-items: stretch;
            left: 0px;
            right: 0px;
            top: 0px;
            bottom: 0px;
            overflow: hidden;
            flex: 1 1 auto;
        }

        .contentContainer {
            position: relative;
            right: 0px;
            top: 0px;
            bottom: 0px;
            width: calc(100% - 0px);
            display: flex;
            flex-flow: column;
        }

        .masterHeader {
            padding: 5px 5px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            /*background: #469c94;*/
            background: #045aa0;
        }

        .mstNavTogBtn {
            border: none;
            padding: 0px 10px;
            background: none;
        }

            .mstNavTogBtn span {
                background: none repeat scroll 0 0 #FFFFFF;
                display: block;
                height: 3px;
                margin: 5px 0;
                width: 20px;
            }

        .mstUserControls {
            display: inline-flex;
            font-size: 15px;
            color: #02524b;
            margin-right: 10px;
        }

            .mstUserControls > div {
                
                position: relative;
                cursor: pointer;
                color: #fff;
                margin: 0px 2px;
            }

        ul.subMenu {
            display: none;
            position: absolute;
            right: 0px;
            background: #ffffff;
            z-index: 999;
            padding: 8px;
            list-style-type: none;
            box-shadow:0px 1px 5px #505050;
            width:max-content;
            border:solid #eeeeee 1px;
            border-top:solid #045aa0 2px;
            border-radius:3px 3px 0px 0px;
            top:32px;
        }

            ul.subMenu > li > a {
                text-decoration: none;
                font-size: 14px;
                padding: 5px 5px;
                white-space: nowrap;
                color: #0459a0;
                font-weight: 600;
                display: block;
                border-bottom:dashed 1px #d0d2dc;
            }

                ul.subMenu > li > a:hover {
                    background: #eeeeee;
                }

        .hasSubMenu:hover > .subMenu, .subMenu:hover {
            display: none;
        }

        .masterInnerBody {
            overflow: auto;
            position: relative;
            height: auto;
            background: #d0d2dc;
            padding: 15px 15px 15px 15px;
            flex: 1 1 auto;
        }

        .dash-panel {
            padding: 0px 15px 15px 0px;
        }

        /*******New Navigation Style*******/
        .masterInnerNavbar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0px 10px;
            width: 100% !important;
            height: auto;
            z-index: 1;
            position: relative;
        }

        .logoContainer {
            height: 50px;
            padding: 3px;
            position: relative;
        }

            .logoContainer > img {
                width: auto;
                height: auto;
                max-width: 100%;
                max-height: 100%;
            }

        ul.navbar {
            display: flex;
            list-style-type: none;
        }

            ul.navbar > li {
                flex: 1 1 auto;
                list-style: none;
            }

                ul.navbar > li > a {
                    text-decoration: none;
                    padding: 11px 10px;
                    font-size: 12px;
                    text-transform: uppercase;
                    /*color: #505050;*/
                    color:#3a4c6b;
                    font-weight: 700;
                }

                ul.navbar > li > a.selected {
                    background: #deecf7;
                }

        .mstUserControls span {
            margin-right: 10px;
            color: white;
            display: inline-block;
            /* min-width: 209px; */
            clear: both;
            white-space: nowrap;
            font-size: 13px;
        }

         .texellipsis {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            display:block;
        }
         .addbtn {
             padding: 4px 10px;
            position: relative;
            cursor: pointer;
            color: #fff;
            margin: 0px 2px;
            background: #033e6f;
            display:block;
         }
         
         ul.usrMenu {
            display: none;
            position: absolute;
            right: 0px;
            background: #ffffff;
            z-index: 999;
            padding: 8px;
            list-style-type: none;
            box-shadow:0px 1px 5px #505050;
            width:220px;
            border:solid #eeeeee 1px;
            border-top:solid #045aa0 2px;
            border-radius:3px 3px 0px 0px;
            top:60px;
            right:15px;
        }

            ul.usrMenu > li > a {
                text-decoration: none;
                font-size: 14px !important;
                padding: 5px 5px;
                color: #0459a0;
                font-weight: 600;
                display: block;
                width:100%;
                border-bottom:dashed 1px #d0d2dc;
                text-align:left !important;
            }

                ul.usrMenu > li > a:hover {
                    background: #eeeeee;
                }
ul.main-menus li a {
    min-width:80px;
    display:inline-block;
    text-align:center;
    font-size:10px;
    padding:6px 10px;
}
ul.main-menus li a img{
    width:28px !important;
}
ul.main-menus li span {
    display:block;
    margin-top: -7px;
}

.grid table tr th {
    border-top: 0px;
    /*background-image:linear-gradient(#6b9bc3, #045aa0) !important;*/
    background-image:linear-gradient(#38a6ff, #007ade) !important;
    color:#fff;
    padding:2px 8px;
    text-transform:capitalize;
}
span.activityAction.inProcess {
    background:#045aa0 !important;
    padding: 2px 4px;
    font-size:11px !important;
}
.texellipsis p {
    color:#333 !important;
}


.actionList {
    border:solid #dedede 1px;
    border-top:solid 2px #0459a0;
    border-radius:3px 3px 0px 0px;
}
.sharebTN {
    position:relative;
}
.dropMenu {
    display:none;
    position:absolute;
    left: -104%;
    background: #fff;
    top: 0px;
    box-shadow: 0px 0px 7px 1px #ddd;
    width:105%;
    border:solid #dedede 1px;
    border-top:solid 2px #0459a0;
    border-radius:3px 3px 0px 0px;
}

.sharebTN:hover .dropMenu {
    display:block;
}

.sharebTN:hover .actPwn{
    background:#0459a0 !important;
    color:#fff;
}
.sharebTN:hover .ico{
    color:#fff !important;
}
.data-panel .mem-coment li:before {
    width:0px !important;
    height:0px !important;
}
span.candidName {
    font-weight:400 !important;
    font-size:12px !important;
    color:#2d87d0 !important;
}
.date-join {
    color:#0459a0 !important;
}
.masterInnerNavbar {
    border-top:solid 2px #045aa0;
    border-left:solid 2px #028cfd;
    border-right:solid 2px #033e6f;
}
.masterHeader {
    border-left:solid 2px #028cfd !important;
    border-right:solid 2px #033e6f !important;
}
.masterInnerBody {
    border-left:solid 2px #028cfd !important;
    border-right:solid 2px #033e6f !important;
}
.common-footer {
    border-top:solid 2px #045aa0;
}
div#divContentTitle span i {
    color:#fff !important;
}
.content {
    border-top:0px !important;
}
.contentTitle {
     background-image:linear-gradient(#38a6ff, #007ade) !important;
     border-top:0px !important;
}

.contentTitle  span {
    text-transform: capitalize !important;
    color:#fff !important;
    font-weight:400 !important;
}
.mem-coment.members-list {
    width:100%;
}
.comment .name-emp span {
    color:#028cfd;
}
.comment .assigned {
    color:#fff;
    background-color:#028cfd;
    padding:5px;
    border-radius:5px;
    width:auto !important;
    float:right;
}
.text-ctpl {
    text-transform:uppercase;
}

.PopUpAddNote .title, .AssignJob .title, .JobPosting .title {
    font-size: 16px;
    position: relative;
    font-weight: 600;
    padding: 15px;
    border-bottom: 1px solid #EEE;
    background-color: #00589e;
    color:#fff;
}
.popoup-border-bottom {
    padding:10px 20px;
}
.PopUpAddNote .JobDocData, .AssignJob .JobDocData, .JobPosting .JobDocData {
    padding:15px;
}
.btn {
    text-transform:uppercase;
    min-width:80px;
}
.my-btn-close {
    min-width:80px;
}
.logo-name img {
    float:left;
}
.logo-name h3 {
    display:inline-block;
    margin-left:20px;
    border-left:solid 2px #2e9a14;
    color:#2e9a14;
    padding-left:15px;
    font-weight:400 !important;
    font-size:15px;
    margin-top:10px;
}
.form .grid table tr th {
    border-top:0px;
}



.filter .data .col100 {
   
    width: 100%;
    display: inline-block;
    line-height: 30px;
}
.rText {
    text-align:right;
    padding-right:10px;
}

.cmenter p{
    color:#0459a0;
    font-size:13px;
}
.cmenter span.candidName {
    margin:0px !important;
}
.cmt-text {
    text-align:justify;
    font-size: 11px;
    line-height: 20px;
}
span.candidName {
    text-decoration:none !important;
}
.tag-links {
    font-size:12px;
    width:50%;float:left;
}
.tag-links a {
    text-decoration:none !important;
    font-size:12px !important;
}
.cmenter a {
    text-decoration:none !important;
    font-size:12px !important;
}
.joindt {
    width:50%;
    float:right;
    text-align:right;
    margin-top: 22px;
    font-size:10px;
}
.jobStatusList > span {
    position: relative;
    margin-right: 10px;
    padding:0px 16px;
    font-size: 12px;
    font-weight:400;
}

.jobStatusList > span:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    left: 1px;
    top: 9px;
}

.jobStatusList > span.sblue {
    color: #03a9f4;
}

.jobStatusList > span.sblue:before {
    background: #03a9f4;
    border-radius:100%;
}

.jobStatusList > span.green {
    color: #00a500;
}

.jobStatusList > span.green:before {
    background: #00a500;
    border-radius:100%;
}

.jobStatusList > span.yellow {
    color: #c77500;
}

.jobStatusList > span.yellow:before {
    background: #c77500;
    border-radius:100%;
}

.jobStatusList > span.red {
    color: #d9534f;
}

.jobStatusList > span.red:before {
    background: #d9534f;
    border-radius:100%;
}
.jobStatusList > span.skyblue {
    color: #00bcd4;
    border-radius:100%;
}

.jobStatusList > span.skyblue:before {
    background: #00bcd4;
    border-radius:100%;
}

.jobStatusList > span.grey {
    color: gray;
}

.jobStatusList > span.grey:before {
    background: gray;
    border-radius:100%;
}
.jobStatusList > span.lightpurple {
    color: #7f2bef;
}

.jobStatusList > span.lightpurple:before {
    background: #b783fd;
    border-radius:100%;
}

.dropdown-content {
    border-top:solid #033e6f 2px;
}

.profile-list {
    width:100% !important;
    float:left;
}
.card-skill .btn{
    margin-right:10px;
    margin-bottom:10px;
}

.filter .title {
    position:static !important;
}


.filtergridIE {
            display:block !important;
        }
        .filtergridIE .col100 {
            width:calc(100% / 3 - 15px) !important;
        }
        .filtergridIE .col100 input {
            line-height:14px !important;
        }