body {
    background-color: #fff;
}
a,
a:hover,
a:focus {
    text-decoration: none !important;
    outline: none;
}
/*Common Css*/
.wrapper {
    padding-right: 10px!important;
}
.checkboximg {
    margin-left: 5px;
    font-weight: bolder;
    color: #538ed4;
    margin-left: 5px;
    margin-top: 2px;
}
/*Sign In Page*/

#sign-in-container {
    position: absolute;
    top: 36%;
    left: 42%;
    width: 400px;
    padding: 8px;
}
.sign-in-container {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px
}
.first-email-pad {
    padding: 6px 10px 6px 9px
}
.my-header {
    height: 50px;
    background-color: #FFF;
    padding: 0 0 0 10px;
}
.form-border-control-space-color {
    border-radius: 0px;
    margin-top: 10px;
    background-color: #0072dd;
    border: 1px solid #0057a3
}
.form-space-height {
    margin-top: 230px
}
.input-group-addon-height {
    height: 42px;
}
.list-inline-border-first {
    margin-left: 1px;
    border-radius: 0px
}
.sign-in-footer {
    color: #7cabda;
    font-size: 10px
}
.uyma {
    color: #FFF;
    font-weight: 600
}
.lable-color {
    color: #FFF
}
.nam {
    color: #FFF;
    margin-top: 11px
}
.sing-up-link {
    text-decoration: none;
    color: #FFFFFF;
}
.white-background {
    background-color: #fff;
}
/*Sign Up Page*/

#sign-up-container {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -230px 0 0 -150px;
    width: 400px;
    padding: 8px;
}
.sign-up-width {
    max-width: 382px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px
}
.form-border-control-space-color-font {
    border-radius: 0px;
    margin-top: 10px;
    background-color: #0072dd;
    border: 1px solid #0057a3;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px
}
.form-control-border {
    border-radius: 0px
}
.list-inline-border {
    margin-left: 3px;
    border-radius: 0px
}
.form-border-control {
    border-radius: 0px
}
.input-type-border {
    border-left: none
}
.form-border-control-space {
    border-radius: 0px;
    margin-top: 10px
}
.hr-color {
    background-color: #779ad6;
    color: #779ad6;
    width: 100%;
    height: 1px
}
.space-10 {
    height: 10px
}
.sign-up-footer {
    color: #7cabda;
    font-size: 11px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 3px
}
.sign-up-gender {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFF;
    line-height: 20px
}
.sign-up-info {
    color: #84b3e3;
    font-weight: 600
}
.gray-icon-color {
    color: #cccccc
}
.sign-up-first-heading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #84b3e3;
    margin-left: 20px
}
.sign-up-second-heading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px;
    color: #fff;
    margin-left: 20px;
    margin-top: -13px
}
.border-radius {
    border-radius: 0
}
.email-border-radius {
    padding: 6px 10px 6px 9px;
    border-radius: 0
}
.signup-rfv {
    float: right;
    margin-top: -30px;
    margin-right: -25px;
}
/*404 error*/

.input-404 {
    width: 302px;
    height: 40px;
    border: none !important;
    background-image: url(../images/input-back.png);
    background-repeat: no-repeat;
    padding-left: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #818282
}
.btn-404 {
    background-color: #eeeeee;
    color: #444444;
    width: 68px;
    height: 32px;
    border: none;
    margin-top: 15px
}
.header-left {
    width: 40px;
    height: 50px;
    float: left;
    margin-top: 10px;
    margin-left: 10px
}
.header-line {
    width: 20px;
    float: left;
    margin-top: -10px
}
.header-right-line {
    width: 10px;
    float: left;
    margin-top: -10px
}
.header-right-bar {
    width: 40px;
    height: 50px;
    float: left;
    margin-top: 10px;
    margin-left: 10px
}
.num-404 {
    color: #FFF;
    font-size: 93px
}
.escla {
    margin-left: 38px;
    margin-top: 22px
}
#error-container {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -132px 0 0 -150px;
    width: 302px;
    padding: 8px;
}
.app-grp {
    background-color: #fcb615;
    font-size: 9px;
    font-weight: bold;
    color: #fff;
    padding: 1px 3px;
    border-radius: 4px;
    text-transform: uppercase;
}
/*user locked*/

#user-lock-container {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -132px 0 0 -230px;
    width: 490px;
    padding: 8px;
}
.name-color {
    color: white;
    font-family: Arial;
    font-size: 32px;
    line-height: 23px
}
.small-font {
    font-size: 13px;
    font-weight: bold
}
.btn-unlock {
    background-color: #484848;
    border: none;
    color: white;
    width: 65px;
    height: 32px;
    font-size: 16px;
    margin-top: 5px
}
input.input-type-unlock {
    background: #fff url("/images/UserLock.png") no-repeat;
    width: 262px;
    margin-top: 25px;
    border: none;
    padding-left: 30px;
    height: 36px;
}
/*ProDashboard*/

.color {
    color: #707070;
    font-size: 18px
}
.marg-20 {
    margin-top: -5px;
    margin-left: -5px
}
.tool-btn {
    border: 1px solid transparent;
    background-color: transparent;
    box-shadow: none!important;
    font-family: Arial;
    font-size: 17px;
    color: #707070;
    border-radius: 4px
}
.tool-btn a {
    border: none;
    background-color: #fff
}
.tool-btn a:hover {
    border: none;
    background-color: #fff
}
.height-30 {
    height: 30px;
    background-color: #3b73af;
    color: white;
    padding-left: 10px;
    padding-top: 3px;
    font-weight: bold
}
.border {
    border: 1px solid #dddddd;
    padding: 10px 10px 0px 10px
}
.a-16 {
    font-family: Arial;
    font-size: 16px
}
.marg-15 {
    margin-left: 10px
}
.font-10 {
    font-size: 12px
}
section a {
    color: #326ca6
}
section a:hover {
    color: #326ca6;
    text-decoration: underline
}
.margt-15 {
    margin-top: 10px;
    margin-left: -15px!important
}
.my-col-5 {
    width: 45.667%
}
.height-20 {
    height: 20px
}
.height-10 {
    height: 10px
}
.marp-1 {
    padding: 10px;
    margin: 0
}
.marp {
    padding: 0;
    margin: 0
}
.mar-206 {
    margin-right: 259px;
}
.full-blue {
    width: 100%;
    border-radius: 4px;
    height: 104px;
    border: 1px solid #3572b0;
    font-size: 14px
}
.blue-white {
    width: 90%;
    padding: 15px;
    height: 100px;
    border-right-top: 1px solid #3572b0;
    border-right-bottom: 1px solid #3572b0;
    background-color: #fff;
    float: left
}
.left-blue {
    width: 43px;
    height: 103px;
    background-color: #3572b0;
    float: left;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    text-align: center;
    line-height: 95px
}
.btn-border-show {
    border: 1px solid #dddddd
}
.full-blue-down {
    width: 100%;
    border-radius: 4px;
    height: 84px;
    border: 1px solid #3572b0
}
.blue-white-down {
    width: 90%;
    padding: 15px;
    height: 80px;
    border-right-top: 1px solid #3572b0;
    border-right-bottom: 1px solid #3572b0;
    background-color: #fff;
    float: left;
    text-align: center
}
.left-blue-down {
    width: 43px;
    height: 83px;
    background-color: #3572b0;
    float: left;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    text-align: center;
    line-height: 80px
}
.bdr-btm-tp {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd
}
.bdr-btm-tp-1 {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding-left: 1px;
    color: #a0a0a0
}
.bdr-btm {
    border-bottom: 1px solid #dddddd
}
.bdr-tp {
    border-top: 1px solid #dddddd
}
.btn-hover {
    width: 84px;
    height: 30px;
    border-radius: 3px;
    background-color: white;
}
.btn-hover:hover {
    width: 84px;
    height: 30px;
    border: 1px ;
    border-radius: 3px;
    background-color: #f5f5f5;
    color: #000
}
section table tr td.td-hover:hover {
    background-color: #f4ecec
}
.get-table {
    width: 100%;
    background-color: #fffdf6
}
div.pd-tp-15 {
    padding-top: 15px!important;
}
/*ProIssueNavigator*/

.btn-pad {
    padding: 4px 10px
}
.table-back {
    height: 27px;
    background-color: #f5f5f5;
    border-bottom: 0px!important;
    min-width: 35px;
    font-size: 12px;
    font-weight: 700;
}
.img-marg {
    margin-top: -5px
}
.navpro-pub {
    background-color: #14892c;
    border: 1px solid #14892c;
    color: #ffffff;
    margin: 0 auto;
    padding: 2px;
    text-align: center;
    width: 80px;
    border-radius: 3px;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.text-gray {
    color: #777777
}
.text-black {
    color: #000000
}
.margt-20 {
    margin-left: 20px
}
.color-cog {
    color: #707070
}
.navpro-search-area {
    width: 100%;
    height: 45px;
    background-color: #f5f5f5;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd
}
.navpro-search-style {
    background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAb0lEQVR42p2RMQ7AIAhFWXsG1h7Gtffo6urqyJGpwyetomnwJ38BH/wgfZSaS7PABbVOqkqm3Fzx6IQTatlDb5PJi21YBy1iuNgjJIgzFXqyCcXj1Z1DXNGTiw01aP252DCCgH7Fk41h8KaAGMDxADnaOPucd/m3AAAAAElFTkSuQmCC") no-repeat 14px 10px;
    max-width: 280px;
    border-radius: 3px;
    margin-top: 3px;
    margin-left: 15px;
    padding-left: 35px!important;
}
.td-fourth {
    width: 160px
}
.td-seven {
    width: 120px
}
.td-eight {
    width: 140px
}
.td-nine {
    width: 100px
}
.td-ten {
    width: 160px
}
.td-eleven {
    width: 130px
}
.a-text-overflow {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 300px;
}
.nav-left-small .a-text-overflow {
    max-width: 800px;
}
.nav-left-full .a-text-overflow {
    max-width: 650px;
}
.nav-right-show .a-text-overflow {
    max-width: 600px;
}
.table-back.descending .arrow-image {
    background-image: url("/images/admin-down.png");
    height: 10px;
    width: 10px;
    margin-top: 3px;
    margin-left: 2px;
    display: inline-block;
}
.table-back.ascending .arrow-image {
    background-image: url("/images/admin-up.png");
    height: 10px;
    width: 10px;
    margin-top: 3px;
    margin-left: 2px;
    display: inline-block;
}
.nav-left-full.nav-right-show .a-text-overflow {
    max-width: 440px;
}
/*ContractDashboard*/

.c-d-top {
    background-color: #f5f5f5;
    margin-left: -5px!important;
    margin-right: -15px!important;
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom: 3px solid #dddddd
}
.c-d-after-top {
    margin-left: -20px!important;
    margin-right: -15px!important;
}
.my-side-bod {
    border-right: 1px solid #dddddd
}
.my-side-nav {
    margin-top: 10px;
    border-bottom: 1px solid #dddddd
}
.my-side-nav ul {
    list-style-type: none;
    padding-left: 30px;
}
.my-side-nav ul li {} .my-side-nav ul li a {
    color: #358bd6;
    font-size: 15px;
    line-height: 40px;
    margin-left: -40px;
    display: inline-block;
    width: 200px;
    padding-left: 10px;
}
.my-side-nav ul li a:hover {
    background-color: #e6e6e6;
    text-decoration: none;
}
.my-side-bod .my-side-nav ul li.side-nav-selected a {
    color: #333;
    font-weight: bold;
}
.cont-calo {
    color: #333333;
    font-size: 24px;
    font-weight: normal;
    line-height: 80px;
}
.crea-con {
    background-color: #f5f5f5;
    border: 1px solid #dddddd;
    border-radius: 3px;
    font-size: 15px;
    padding: 5px 10px;
    margin-top: 20px
}
.crea-con:hover {
    background-color: #e9e9e9;
    border: 1px solid #999999;
    text-decoration: none;
}
.calo-search-area {
    width: 100%;
    height: 45px;
    background-color: #f5f5f5;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    margin-top: -25px
}
.calo-search {
    width: 284px!important;
    height: 35px!important;
    border-radius: 3px;
    margin-top: 4px!important;
    margin-left: -220px!important
}
/*ProProjectRelease*/

.icon-sidebar-issues {
    float: left;
    height: 20px;
    margin-right: 15px;
    margin-top: 10px;
    width: 20px;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4xLjEgKDg3NjEpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmFsbC1pc3N1ZXM8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgICAgICA8ZyBpZD0iYWxsLWlzc3VlcyIgc2tldGNoOnR5cGU9Ik1TQXJ0Ym9hcmRHcm91cCIgZmlsbD0iIzMzMzMzMyI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMy40LDE0IEwxOSwxNCBMMTksMTMgTDE0LjIsMTMgQzE0LDEzLjQgMTMuNywxMy43IDEzLjQsMTQgTDEzLjQsMTQgWiIgaWQ9IlNoYXBlIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xOSwxMSBMMTksMTAgTDE1LjQsMTAgQzE1LjQsMTAuMyAxNS4zLDEwLjcgMTUuMiwxMSBMMTksMTEgTDE5LDExIFoiIGlkPSJTaGFwZSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMTksOCBMMTksNyBMMTUuMiw3IEMxNS4zLDcuMyAxNS40LDcuNyAxNS40LDggTDE5LDggTDE5LDggWiIgaWQ9IlNoYXBlIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNC4yLDUgTDE5LDUgTDE5LDQgTDEzLjQsNCBDMTMuNyw0LjMgMTQsNC42IDE0LjIsNSBMMTQuMiw1IFoiIGlkPSJTaGFwZSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNOC41LDQgQzUuNyw0IDMuNSw2LjIgMy41LDkgQzMuNSwxMCAzLjgsMTAuOCA0LjIsMTEuNiBMMS41LDE0LjMgQzEuMSwxNC43IDEuMSwxNS4zIDEuNSwxNS43IEwxLjUsMTUuNyBDMS45LDE2LjEgMi41LDE2LjEgMi45LDE1LjcgTDUuNiwxMyBDNi41LDEzLjcgNy40LDE0IDguNSwxNCBDMTEuMywxNCAxMy41LDExLjggMTMuNSw5IEMxMy41LDYuMiAxMS4zLDQgOC41LDQgTDguNSw0IFogTTguNSwxMyBDNi4zLDEzIDQuNSwxMS4yIDQuNSw5IEM0LjUsNi44IDYuMyw1IDguNSw1IEMxMC43LDUgMTIuNSw2LjggMTIuNSw5IEMxMi41LDExLjIgMTAuNywxMyA4LjUsMTMgTDguNSwxMyBaIiBpZD0iU2hhcGUiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==");
    background-size: 20px 20px
}
.icon-sidebar-release {
    float: left;
    height: 20px;
    margin-right: 15px;
    margin-top: 10px;
    width: 20px;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4xLjEgKDg3NjEpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPnJlbGVhc2VzPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9InJlbGVhc2VzIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIj4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0zNSIgZmlsbD0iIzMzMzMzMyIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgeD0iMiIgeT0iMTYiIHdpZHRoPSI4IiBoZWlnaHQ9IjEiPjwvcmVjdD4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0zNiIgZmlsbD0iIzMzMzMzMyIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgeD0iMTIiIHk9IjE2IiB3aWR0aD0iNSIgaGVpZ2h0PSIxIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMzgiIGZpbGw9IiMyOTI5MjkiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiIHg9IjUiIHk9IjciIHdpZHRoPSIxIiBoZWlnaHQ9IjEiPjwvcmVjdD4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0zOSIgZmlsbD0iIzI5MjkyOSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgeD0iNyIgeT0iNyIgd2lkdGg9IjEiIGhlaWdodD0iMSI+PC9yZWN0PgogICAgICAgICAgICA8cGF0aCBkPSJNMTcuNiwxMi4xIEwxOSw4IEwxMyw4IEwxMiw5IEwxMCw5IEwxMCw1IEw2LDUgTDYsMiBMNSwyIEw1LDUgTDMsNSBMMyw5IEwyLDkgTDIsMTMgTDEsMTMgTDEsMTQgTDE5LDE0IEwxOSwxMyBMMTcuMSwxMyBDMTcuMywxMi43IDE3LjUsMTIuNCAxNy42LDEyLjEgTDE3LjYsMTIuMSBaIE00LDYgTDksNiBMOSw5IEw0LDkgTDQsNiBMNCw2IFogTTE1LDEzIEwzLDEzIEwzLDEwIEwxMi40LDEwIEwxMy40LDkgTDE3LjYsOSBMMTYuNywxMS44IEMxNi41LDEyLjQgMTUuNywxMyAxNSwxMyBMMTUsMTMgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjMzMzMzMzIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=") no-repeat center center
}
.release-page .aui-nav-pagination {
    float: right
}
.release-page .aui-nav-pagination.aui-nav-pagination {
    margin-top: 10px
}
.version-filter.version-filter.version-filter {
    margin: 10px 0
}
.version-filter-status {
    vertical-align: middle;
    margin-left: 10px
}
.version-filter-status-dropdown .aui-lozenge {
    vertical-align: text-bottom
}
.version-filter-status-dropdown input {
    position: absolute;
    left: 7px;
    pointer-events: none
}
.version-filter-text {
    padding-right: 24px
}
.version-filter-text-container {
    position: relative;
    display: inline-block;
    margin-left: 10px
}
.version-filter-text-container .aui-icon {
    margin-top: -8px;
    position: absolute;
    right: 4px;
    top: 50%
}
.versions-table td {
    padding-left: 5px;
    padding-right: 5px
}
.versions-table .versions-table__row-empty {
    border-bottom: 0
}
.versions-table .versions-table__row-empty td {
    padding: 50px
}
.versions-table .versions-table__name {
    min-width: 100px
}
.versions-table .versions-table__status {
    width: 1%
}
.versions-table .versions-table__description {
    width: 50%
}
.versions-table .versions-table__date {
    white-space: nowrap;
    width: 1%
}
.versions-table .versions-table__progress {
    white-space: nowrap;
    max-width: 30%
}
.versions-table .progressbar-container {
    border-radius: 3px;
    display: inline-block;
    overflow: hidden;
    width: 100%
}
.versions-table .progressbar-container .progressbar {
    display: table;
    min-width: 150px;
    width: 100%
}
.versions-table .progressbar-container .progressbar__entry {
    display: table-cell;
    height: 10px
}
.versions-table .progressbar-container .progressbar__entry+.progressbar__entry {
    border-left: solid 2px #fff
}
.versions-table .progressbar-container .progressbar__entry_to-do {
    background: #205081
}
.versions-table .progressbar-container .progressbar__entry_in-progress {
    background: #f6c342
}
.versions-table .progressbar-container .progressbar__entry_complete {
    background: #14892c
}
.versions-table .progressbar-container .progressbar__entry_undefined {
    background: #ccc
}
.progress-statuses {
    padding: 10px
}
.progress-statuses__table {
    margin-top: 10px;
    border-spacing: 0;
    min-width: 150px;
    width: 100%
}
.progress-statuses__table tbody td:first-child {
    color: #707070
}
.progress-statuses__table tbody td:last-child {
    width: 1px;
    text-align: right
}
.progress-statuses__table tfoot td {
    padding-top: 5px
}
.progress-statuses__table__badge {
    margin-left: 20px
}
.progress-statuses__table__badge_to-do {
    background: #205081;
    color: #fff
}
.progress-statuses__table__badge_in-progress {
    background: #f6c342
}
.progress-statuses__table__badge_complete {
    background: #14892c;
    color: #fff
}
.progress-statuses__table__badge_warning {
    background: #d04437;
    color: #fff
}
.progress-statuses__table__badge_undefined {
    background: #ccc
}
.whats-new-container {
    padding-bottom: 70px;
    margin-bottom: 20px;
    margin-top: 30px;
    border-bottom: 1px solid #ccc
}
.whats-new-container .whats-new {
    width: 580px;
    margin-left: auto;
    margin-right: auto
}
.whats-new-container .whats-new .logo {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAFpElEQVR42u2d/0/UdRzH+SOqtbZauVr+oJZL8UvL0tyStpopU1PWysrGLJv1izKFaUEqdOI3CJojxW8oIJHO/C5fEkK+g7RQmQqCGMqXO+TuuOPVfd4Xl9fdRCXuPtzn8dieG/fmI8L7/fi8v7z84IUJGJowugABAAEAAQABAAEAAQABwHgCnG8ulyU5n8u4HTPlsY3jQi5958NHLM/OXTcqMmWpST5NOCAXGq57C2AqSZfHN40PyYFHAN+MmbdeUrKL3QKUNFfIE5smhPTgI4B/CcoarkmYNu2H+uAjgP98En9AwkJ1zUeAoRPu2hMggNEFYAkw+BLAJtDgm0DtKLC55MeQlwABvAd/R3aRdyFImwkoBIV+IUib9rU7n1IwIAAgAALQBQgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACOCm29ojVodN5z/WwD/RBz29VrHZHX4/53QOjB4BYs8mqcerNhRt92pPKNwqL6XO9orWFnDst8X+5yqx/j7DldddH68W6e8KagfHZ5xQj2OZ9p31as85WyNLYjPlxQXx8v7a3bL/RGVQZHggASpaa2X50RjP83X/FSBiT5Q8bZoksWcSPTnSeCrgd72tJkqsJdPF0XZQ+q+nquf1bPXLgjLwVY0t8vWWPM/zePcKUP7HdXnuvfUSFZcpeQV16jk97ZqkvWf0KcD4lDclPP1tiT6y2kcA54BTDf6czCXSbumQNnN7cCb9vms+A26rXqjaBsx1Af9+pn68Wd6I3iYrkw/7CPBbbZNsySqQphu31evCqivqmmXfZelTgNQLu6Wv3yoZVVk+AjT81ajankqa6JkhonK/EIv9rt+vNZynWu+L7aZbgOpF/zbVLFZtzo7jPpcnHyh45O9D+7NDsTO/VKy2ftlzrNzvEnAva9KOqmu2HyoKbJ897B7AnwD76/JU25jkabLqZIK8kjZHvY5z7RcCja0q0rUETBHHzVxxtOd5Htt2tO4L2h5gKAHyC+vVcjDxg0S1WdT1JtCfAI4Bh1y+c1U6+7rda19bvbpmQsrswC8DPVViLZulBl0TwVY5zy3ArXxdCnD6QqM8P/8beSHyWymqvqL/U4A/AXw24s5+9VtGz5gm/y/T2aOcBJy3T8tA72WxX4pzLwGdJcNeAh5k2n8YAbT/pWPswgT1Wzq/FF+879cYyT4btgA7K/fLpLQI2Vub697httaoaxZnLw+4zY6WDOlv2uCpAdgq54q1dLpLig5dzQB3eu7K5I++V+17j1eMnjqAPwGudbXIk4kvy9htM2TdOZNMTo9Q12TW5AT8h9EGX7vj7Y0xYqtb6v74UmxQO9ifANoJYPBufe2zrZ6sMOWMPgE0dlUfkpk/RarPaVN/UIpA2n1vbRX7xWjX+j/VlWnuQpDDojsB5nz5g9+pe9GaXfoWYCi0OoC2KQw6WvXP2ScQYAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAUAHAvT29goxbhAAAegEBCAIQBCAIABBAIIABAEIAnhn5e46eTWu2BPtNR2oo5jN0n7q15ET4N7BHwwdr5/cyMqU6tlTpO3I4eAKMNJvfxqMvzNYedCx6b7RLLXvzlIC1EdGiPnWLWYAI6Upfq0a/MFcTd7IHsAosXR1Su07M70EqJv/FqcAggAEAQgCEAQgnAKoBFIHoBJIJZBKIDMAlUD2AFQCOQUQBCAIQBAAAegEBOAUEELpNndJe2cbdQAjprnjqnz18wJpbKunEmikSmBZU4GYLWaJP7lCjl08yL8FGC0xRz+UjNIk2Xwuhj2AEaOt+VmVaWLptXAKIAhAEIAgAEEAwimASiB1ACqBVAKpBDIDUAlkD0AlkFMAQQCCAAQBCAIQBCAIgAB0AgIQBCBGFYB3zuONIwEBAAEAAQABAAEAAcAw/A3GW3G3aagtBQAAAABJRU5ErkJggg==");
    float: left;
    background-size: 128px 128px;
    background-repeat: no-repeat;
    display: block;
    width: 128px;
    height: 128px;
    margin-right: 40px
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5) {
    .whats-new-container .whats-new .logo {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAMKElEQVR42u3c+ZeVZQHAcf4Iq9NyOnQqO5UttiiKmqnHBBW1tMQl8mi5dVBPZmSWkeaCW4KmBCLilkFzQNTEQHNhGRAYGIQRFVllX2dwZpi59+m+t2a879w7w2VglLnP5+v5/sDM6z36Ms933vd5n/fpEwBESx+nABAAAAIAQAAACAAAAQAgAAAEAIAAABAAAAIAQAAACAAAAQAgAAAEAIAAADjIA9CSaQmT654Pl079Teg35rTQ954jwiG3H8ZeYOOsI3qlfc8czgPoYYNvCydeeX+4+p6q8NyspaGlNVNeAJ5ZPj18Z/QAg0kABKCCPP7yUeGF6rrOA5DN/XPjS3caRAIgABXs7ROmh2y2RAAMfgEQgHgikArAs7nLfoNHAAQgHttuB/okE37f/Zt7fgEQgNjmBJKJwT5T6qYZOAIgABH67Mw3Qp/kUZ+BIwACEJ9X3V0V+iTP+Q0cARCA+DzhyvtCH4t8BEAA4vSrg28VAAEQgKgD4BZAAAQg4lsAk4ACIAARTwJ6DCgAAhDxY0ALgQRAAOLze20LgSwFFgABiM9pc5alXwb643/uMoAEQAAi8NZH/l36dWAREAABqPzBX/J14DaS2wFzAgIgAJV3z9922V/WlmDJ0wFbggmAAPTeLcGS5/zJlmDJbH/ZW4IBsCswAAEAIAAABACAAAAQAAACAEAAAAgAAAEAIAAABACAAAAQAAACAEAAAAgAAAEAIAAABACAAAAQAAACAEAAAAgAAAEAIAAABACAAAAQAAACAEAAAAgAAAEABKDHaM22htU717WL/SWTO6m7nIaOP2eZbFi7aUe7+8KelkzYunO3APQEo19/LBxy+2HttmRaujz+wqqhYeBjF+zVV1dVRzXoW9dNCM2Lh4Sm6uNC46wjQvOCM8Oe5deHbP1ioz/HuKnVoe+Zw9ttac10eXwSiWH3Tw3H/OLe8Pkf3ZT/d7523m1h0LVjwhPT5odsVgD2m40NW8KhI48pOwA7m3alju3KyXXPR/GXk21aF5prL8oP+lI2zTk6tG6YFPXg37y9IRz+0zvKDsDEGTXhi2ffnDq+o0kIYrkq6NNTg/+osYOKBm5XAZi5ep4AdKC59pJOB3+hrev/Ee3gP/GX9xcN4M4CULN8XfjSOX/ucvC3+fNb/i4A3eG1VXPD4Q+eXHLgdhWAB19/NHXs0bmAHDvurJK++O7Myr+v3VCVGuTNtReHbMOykG1cFVpWjEhfCcw/PXe50BLV4J9d+27+Er7U4O0sAOfe8EjquPP+MCE8N2tpWLZyYxjx2Izw5Z/ckvr+a4tWCEC5vLHpzXDZM8PCx0Z8rdPf3F0F4JfP/q79uM/e/d2QDdkQM81LLi241O+f+8Km9OTVm8PSVwGbno7ivCSD9ep7qsLnzvpTp7+9SwWgqbklHHrOB5f+x146Mj8BWMivR01Jfc79k14VgHL5waPnpQb7l0YdG744sn/qa8lTgc743sM/aj/upAnnRj+x1TTv5ILf/hcVzw/sWlh0hRADZ133UGqQfit3///NC0ekvpY8FejI4rffC/0uvid84f+Tftf/9ZmiY158fXnqc66772kB6E4ATn9iSFhfvzEcN+6HZQVgT+7K4JN3Ht5+3NDnfh/eb2kMr6ycE6bUTQvvbl/T7f+ucu73esL9u/6vTw3uPXXXljhpW9O3Aa8PqOxzUiIAP75+fNiwdVc45aoH9xqA9nDmvrV5R0PJSb4xU2anPueBqpkVf04PaAD6jTktPFLzj5DJ/u/SqtwALN64rOjqoTAIid8efUqYs3ZBHAHI3f40zTn2g9/uuduB4gBsSQdgdr+kHFEE4IQr7wuPT5sfMv8f6PsSgK4449djU5/z8sK3BaBcaja8UfS1cgPw+OKqsmb/P3HHN8LDC5+KYw5g0QUfDO7c7UDINqe+n9k+q+hpQGjeWPHnpTZ3Kd+RAxGAyS/Xpj7juMtGhuY9rRV/Pnt0IVC5Afjt9FtTxyUTif0fOiMMnnRF+Mp9x6e+95m7vr1ftwS9hZZVo1KDu2X1AwW3CA35hUEdA5Ctr41yvmR/A/Cf+W+lJggTZ8xbHsW5OygCcNPLf8nfPiSX/V//60lh/nsfrHBL5gKSFYKFn5P8ueLJ7M7d15/aYaLvorDnrT/kH/uVWg+QrV8iAPsYgBeq64oG/xUjJkZz7g6KALT/zGczobGlqejrGxo2h08VzAl84d7+UfzlZHbMDU1zT+xkFeAxuVuDU6K7BTiQAfjX7KXtTwXa/OGwcaGxuUUAPooAdEVyS1D4Wclqw4NhcqbnJwPWhz1Lh7ZPCjbNPjI0LzovvyioedH5BZOAR4X8y0IxnJMDEIBSgz9ZKNTQ2Nyt/4beek57TQCSR4uFn7V08/K4fthz5y77/jv5R4RtNFUfX/AY8NSK/2E9UAEoNfh/dtMT+cVC3UUAuhmA5JK/eu3C/Pr+ZDnwU0tKL774zugBqUnCZG4gHop/oJMXhWJcCLS/AVhQt6boZaAr75i41zcI3QL0UAC2N+7MP95rO+bTd30rf89fyJtb3gkfH/H19mOO+NvAiv+LSV7wSV4Gapo/KHd5f3TRDH/yVCC1FHjjFAHYSwCSxT/JasDCY4cMf7zb6wYE4ADdApzx5EWp4y6e8quwbteG/Pe2vL8tDHjsgtT3x0ewFqB109T0asBl1+RX/+UnB7fPTl/+R/gyUHcCkLxD0PHSeujd/wzDxz5f0kkv1gjAhxGA5A3CwquAtkU/J4w/J/9iUOHXk8nAvW0sUhG07MgN8u93WO13VO5ef2CJ14H/HmKmnACs2bi9ffOPck1uDQTgQ5oE7Lh7UCmTicBtjTui+cHObJ3R5T4AyfLf1jVjQ+yUE4AH/vnaPk+8CcCHGICEeetqii73E7/xwEn51YJ7MvFd5ma2vRKaF55ddCXQXDM4fyuA8gKQbPAhAB9yALrLjqadYcH62jB9xatFE4JxkgnZxjW5AT8z/xpwyDQ6JajcAAAQAAACAEAAAAgAAAEAIAAABACAAAAQAAACAEAAAAgAAAEAIAAABAAQAAACAEAAAAgAAAEAIAAABACAAAAQAAACAEAAAAgAAAEAIAAABACAAAAQAAACAEAAAHyEAdi9e3cgGacCQAoASQEgKQAkBYCkAJAUAJICQFIASAoASQEgKQAkBYCkAJAUAJICQFIASAoASQEgWVkBeGnxe+GMO6tD/xtfK2nyveQYJ5+swAB0NfgLI+Dkk6Wt37w5LLt8SHhr2FVhd/2u3hWAvQ3+Nv1Fk6Vdee+IUHPSkXnXPTlBAMhY3PZGbag5+ej2ACwe9P2wc+2aeAPQ98zhvdpY/j9js6cG5JtDL2kf/G2+c/MNAiAArPQAbHh2ctHgb3PLvDluAchKnvhbcs6ATgOw7OLBPTIhKADkwTDxN3JEp4O/JycEPQYkP2J3rlqZmvjrzMWDTggN27dZCERWVABWrgi1Px641wAsHXJ2qN+6xVJgkgJAUgBICgBJASApACQFgKQAkBQAkgJA0lJgkl4GIg/CV4PtCUjG+mqwPQHJOLUnYAdtCUZ7AtoTUABoT0C3AGTlTvzZE5CMdeLPnoBknNoTkIw5APYEJOldAJICQFIASAoASQEgKQAkBYCkAJAUAJKWApP0MhBZMa7buipMWjg21Dfs6h0B8DoweWBs2F0fbpt+Tbh04oDw1PzRAkDGZFXNuPzgv+7p88Om7RviDIAtwRjTnoBt1q6ZFy6beGrOgWHR6rm9Zw5AAARAAPbdR+eODDWr/7fv3+YdG8N1U8/P//aftPCh3jUJ6BaA3DerV7yUH+zJb/uJC8aEUa/cmP/zrdOvDvUN9QJAVvpkX1XN+PwlfzLwE6+efHZYu2Wlx4BkLC5ZOz/8ZuqF+QDMenu6hUBkbCb3/zPqplgKTFIASAoASQEgKQAkBYCkAJAUAJICQFIASFoKTNLLQGQv1Z6AZMSvCdsTkIxUewLutiUY7QloT0ABoD0B3QKQlag9AcnIJ/vsCUhGrj0Byci1JyBJASApACQFgKQAkBQAkgJAUgBICgBJASApACQFgKQAkBQAkgJAUgBICgApACQFgKQAkIwkAAFAtAgAIAAABACAAAAQAAACAEAAAAgAAAEAIAAABACAAAAQAAACAEAAABy0/BcA8ZBba6GPXgAAAABJRU5ErkJggg==")
    }
}
.whats-new-container .whats-new h2 {
    color: #707070;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase
}
.icon-sidebar-report {
    float: left;
    height: 20px;
    margin-right: 15px;
    margin-top: 10px;
    width: 20px;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4xLjEgKDg3NjEpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPnJlcG9ydHM8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgICAgICA8ZyBpZD0icmVwb3J0cyIgc2tldGNoOnR5cGU9Ik1TQXJ0Ym9hcmRHcm91cCIgZmlsbD0iIzMzMzMzMyI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik01LDIgTDUsMTcgTDIuMDQ5LDE3IEwyLjAwMywyIEw1LDIgTDUsMiBaIE02LDEgTDEsMSBMMS4wNTIsMTggTDYsMTggTDYsMSBMNiwxIFoiIGlkPSJTaGFwZSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMTEsNyBMMTEsMTcgTDguMDQ4LDE3IEw4LjAwNCw3IEwxMSw3IEwxMSw3IFogTTEyLDYgTDcsNiBMNy4wNTIsMTggTDEyLDE4IEwxMiw2IEwxMiw2IFoiIGlkPSJTaGFwZSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMTcsMTIgTDE3LDE3IEwxNC4wNDUsMTcgTDE0LjAwOCwxMiBMMTcsMTIgTDE3LDEyIFogTTE4LDExIEwxMywxMSBMMTMuMDUyLDE4IEwxOCwxOCBMMTgsMTEgTDE4LDExIFoiIGlkPSJTaGFwZSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+")
}
.icon-sidebar-feedback {
    float: left;
    height: 20px;
    margin-right: 15px;
    margin-top: 10px;
    width: 20px;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBmaWxsPSIjMzMzMzMzIj4KICAgICAgICAgICAgPHBhdGggZD0iTTE2LDYuNSBMMTYsMiBDMTYsMS4zIDE1LjgsMSAxNS40LDEgQzE1LjIsMSAxNC45LDEuMSAxNC42LDEuNSBMMTAuOCw1LjQgQzEwLjUsNS43IDkuNyw2IDkuMSw2IEwyLDYgQzEuNCw2IDEsNi41IDEsNyBMMSwxMSBDMSwxMS41IDEuNCwxMiAyLDEyIEwzLjEsMTIgTDQsMTcgQzQuMSwxNy41IDQuNiwxOCA1LjIsMTggTDcuMiwxOCBDNy44LDE4IDguMSwxNy42IDgsMTcgTDcuMSwxMiBMOC45LDEyIEM5LjQsMTIgMTAuMiwxMi4zIDEwLjYsMTIuNyBMMTQuNiwxNi42IEMxNC45LDE2LjkgMTUuMiwxNyAxNS40LDE3IEMxNS44LDE3IDE2LDE2LjYgMTYsMTYgTDE2LDExLjUgTDE4LDEwLjUgTDE4LDcuNSBMMTYsNi41IEwxNiw2LjUgWiBNNS4yLDE3IEM1LjEsMTcgNSwxNi45IDUsMTYuOCBMNC4xLDEyIEw2LjEsMTIgTDcsMTcgTDUuMiwxNyBMNS4yLDE3IFogTTIsMTEgTDIsNyBMOCw3IEw4LDExIEwyLDExIEwyLDExIFogTTE1LDYgTDE1LDEyIEwxNSwxNS42IEwxMS4zLDEyIEMxMC43LDExLjUgOS44LDExLjEgOSwxMSBMOSw3IEw5LjEsNyBDMTAsNyAxMSw2LjYgMTEuNiw2IEwxNSwyLjUgTDE1LDYgTDE1LDYgWiBNMTcsOS45IEwxNiwxMC40IEwxNiw3LjYgTDE3LDguMSBMMTcsOS45IEwxNyw5LjkgWiI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
    background-size: 20px 20px
}
/*ProgressBar and Button*/

.MainProgressBar {
    width: 100%;
    height: 12px;
    border-radius: 4px;
    overflow: hidden;
    display: inline-block;
    background-color: #00aff0;
}
.DoneBar {
    height: 100%;
    border: 0;
    background-color: #14892c;
    float: left
}
.InProgressBar {
    height: 100%;
    border: 0;
    background-color: #f6c342;
    float: left
}
.InTestingBar {
    height: 100%;
    border: 0;
    background-color: #ff9900;
    float: left
}
.ToDoBar {
    height: 100%;
    background-color: #00aff0;
    float: left
}
input.AllButton {
    background-color: #f5f5f5;
    border: 1px solid #dddddd;
    padding: 4px 10px 6px 10px;
    font-family: Arial;
    font-size: 14px;
    border-radius: 5px
}
input.AllButton:hover {
    background-color: #e9e9e9;
    border: 1px solid #999999;
    padding: 4px 10px 6px 10px;
    font-family: Arial;
    font-size: 14px;
    border-radius: 5px
}
.small-unrel {
    width: 87px;
    height: 17px;
    border: 1px solid #ffe9a8;
    color: #594300;
    border-radius: 2px;
    background-color: white;
    text-align: center;
    display: block;
    font-size: 11px;
    font-weight: 700
}
.small-rel {
    width: 87px;
    height: 17px;
    border: 1px solid #60b070;
    color: #14892c;
    border-radius: 2px;
    background-color: white;
    text-align: center;
    display: block;
    font-size: 11px;
    font-weight: 700
}
/* ProVersionDetails Page*/

.release-report-tab-header > ul {
    border-bottom: 1px solid #ccc;
    margin: 0 -15px;
    padding: 0 20px;
    white-space: nowrap;
}
.release-report-tab {
    display: inline-block;
    list-style: outside none none;
    margin: 0 20px;
}
.release-report-tab.active-tab a,
.release-report-tab:hover a {
    border-bottom-color: #333;
}
.release-report-tab a {
    border-bottom: 3px solid transparent;
    color: #333;
    display: block;
}
.release-report-tab .tab-count {
    display: inline-block;
    font-size: 40px;
}
.release-report-tab .tab-label {
    display: inline-block;
    line-height: 1.3;
    margin-left: 5px;
}
.release-report-tab.active-tab .bright-blue,
.release-report-tab:hover .bright-blue {
    border-bottom-color: #00aff0;
}
.release-report-tab.active-tab .yellow,
.release-report-tab:hover .yellow {
    border-bottom-color: #ffd351;
}
.release-report-tab.active-tab .orange,
.release-report-tab:hover .orange {
    border-bottom-color: #ff9900;
}
.release-report-tab.active-tab .green,
.release-report-tab:hover .green {
    border-bottom-color: #14892c;
}
/*input[type="radio"], input[type="checkbox"] {margin: 2px 7px 3px;}*/

.btn-blue {
    background-color: #3572b0;
    padding: 4px 10px;
    border-radius: 3px;
    color: #fff;
    font-weight: 700;
}
.btn-blue:hover,
.btn-blue:focus {
    background-color: #2a67a5;
    color: #fff;
}
.text-brightblue {
    color: #00aff0;
}
.text-green {
    color: #14892c;
}
.text-yellow {
    color: #ffd351;
}
.text-orange {
    color: #ff9900;
}
.text-red {
    color: red!important;
}
.table-header-blue {
    background-color: #E3F2FF;
}
.assignee > .author-avatar-wrapper {
    display: inline-block;
    line-height: 24px;
    max-width: 175px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}
.author-avatar-wrapper.avatar-with-name img {
    border-radius: 3px;
    height: 24px;
    margin-right: 10px;
    width: 24px;
}
.user-image-border {
    border: 2px solid #00aff0;
    border-radius: 5px;
}
.version-row th,
.version-row td {
    padding: 7px 10px!important;
    vertical-align: middle!important;
}
.version-row td .a-text-overflow {
    max-width: 800px;
}
.nav-left-small .version-row td .a-text-overflow {
    max-width: 980px;
}
.nav-right-show .version-row td .a-text-overflow {
    max-width: 750px;
}
.BackgroundAprove {
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
}
.PopupAprove {
    background-color: white;
    max-height: 670px;
    width: 710px;
    height: 80%;
}
.vertical-line {
    border-width: 1px;
    margin-right: 0px;
    height: 100%;
    border-color: Black;
}
.nav-left-small .tblByCategory .version-summary {
    min-width: 580px;
}
.nav-right-show .tblByCategory .version-summary,
.nav-left-full .tblByCategory .version-summary {
    min-width: 520px!important;
}
.nav-left-full.nav-right-show .tblByCategory .version-summary {
    min-width: 450px!important;
}
.nav-left-full .tblByCategory .version-summary .a-text-overflow,
.nav-right-show .tblByCategory .version-summary .a-text-overflow {
    max-width: 580px!important;
}
.nav-left-small .tblByCategory .version-summary .a-text-overflow {
    max-width: 640px;
}
.nav-left-full.nav-right-show .version-row td .a-text-overflow {
    max-width: 520px!important;
}
/* Manage Version Page */

.aui-page-header-image {
    width: 1px;
    display: table-cell;
}
.aui-avatar {
    box-sizing: border-box;
    display: inline-block;
    background-color: transparent !important;
}
.aui-avatar-large .aui-avatar-inner img {
    max-height: 48px;
    max-width: 48px;
}
.aui-page-header-image + .aui-page-header-main {
    padding-left: 10px;
    vertical-align: middle;
    display: table-cell;
}
.operations-list {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.operations-list > li {
    display: inline-block;
}
.operations-list .list-label {
    color: #707070;
}
.aui-navgroup-horizontal {
    background: #f5f5f5 none repeat scroll 0 0;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    margin: 0;
    padding: 0 10px;
}
.aui-navgroup-horizontal .aui-nav::after,
.aui-navgroup-horizontal .aui-navgroup-inner::after {
    clear: both;
    content: " ";
    display: table;
}
.aui-navgroup-horizontal .aui-nav > .aui-nav-selected a::before,
.aui-navgroup-horizontal .aui-nav > .aui-nav-selected a::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent #ccc;
    -webkit-border-image: none;
    -o-border-image: none;
       border-image: none;
    border-style: outset outset solid;
    border-width: 8px;
    bottom: 0;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -8px;
    overflow: hidden;
    position: absolute;
    width: 0;
}
.aui-navgroup-horizontal .aui-nav > .aui-nav-selected a::after {
    background: transparent none repeat scroll 0 0;
    border-bottom-color: #ffffff;
    bottom: -1px;
}
.aui-navgroup-horizontal .aui-nav > .aui-nav-selected a {
    color: #333333;
    font-weight: bold;
    position: relative;
}
.aui-nav,
.aui-nav > li {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    float: left;
}
.aui-navgroup-horizontal .aui-nav > li a {
    color: #3572b0;
    display: block;
    margin: 0;
    padding: 9px 10px;
    text-decoration: none;
}
.aui-restfultable-create {
    border-top: 0px none!important;
}
.aui-restfultable-create td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc;
    -webkit-border-image: none;
    -o-border-image: none;
       border-image: none;
    border-style: solid;
    border-width: 1px 0;
    vertical-align: middle!important;
}
.aui-restfultable-create tr.aui-restfultable-focused td {
    background-color: #ebf2f9;
}
.aui-restfultable-create tr:hover td {
    background: #f5f5f5 none repeat scroll 0 0;
}
.manage-version-text {
    box-sizing: initial;
    padding: 2px!important;
    height: 23px;
    width: 60%!important;
}
.manage-version-text:hover {
    border: 1px solid #000;
}
.aui-restfultable-readonly .aui-restfultable-editable {
    box-sizing: border-box;
    display: block;
    margin: 0;
    padding: 3px 24px 2px 4px;
    position: relative;
}
.aui-restfultable-editable .manage-version-edit {
    visibility: hidden;
    height: 16px;
    width: 16px;
    position: absolute;
    right: 4px;
    top: 4px;
}
.aui-restfultable-editable:hover {
    background-color: #fff;
}
.aui-restfultable-editable:hover .manage-version-edit {
    visibility: visible;
}
.ui-datepicker .ui-datepicker-header {
    background: #3572b0 none repeat scroll 0 0;
    color: #fff;
    padding: 0.2em 0;
    position: relative;
}
/*ProTaskDetails*/

.jqte_log .jqte_editor,.jqte_log .jqte_source{padding:3px 10px 5px;}
.log-table td:hover {
    background-color: #eee;
    border-bottom: 1px solid #ccc;
    border-left: 5px solid #045e9f;
    padding: 5px;
}
ul.my-nav-tabs li {
    background-color: #f5f5f5!important;
    margin-bottom: -1px;
    border: 1px solid #ddd;
    padding-right: 0;
    border-width: 1px 0 0px 1px;
}
ul.my-nav-tabs li:last-child {
    border-width: 1px 1px 0px 1px;
}
ul.my-nav-tabs li a:hover,
ul.my-nav-tabs li a:focus {
    border-color: #eee;
}
ul.my-nav-tabs li a:active {
    border-color: #f5f5f5;
}
ul.my-nav-tabs li a {
    color: #333333!important;
    padding: 2px 10px 2px 10px !important;
    margin-right: 0!important
}
ul.my-nav-tabs li.active a {
    background-color: white!important;
    border-radius: 0px
}
ul.my-nav-tabs li.active {
    background-color: #fff !important;
    border-width: 1px 0 0 1px;
    height: 28px;
}
ul.my-nav-tabs li.active:last-child {
    border-width: 1px 1px 0px 1px;
}
ul.my-nav-tabs > li.active > a,
.my-nav-tabs > li.active > a:hover,
.my-nav-tabs > li.active > a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ddd!important;
    background-color: white !important;
    border-bottom: none;
    color: #fff;
    cursor: default;
    border-width: 0;
}
.height-70 {
    height: 70px
}
.height-40 {
    height: 40px
}
.my-badge {
    background-color: #ccc;
    color: #525252;
    border-radius: 50%;
    margin-right: 10px
}
.dash-border {
    border: 2px dashed #cccccc;
    border-radius: 4px;
    color: #cccccc;
    font-size: 20px;
    padding: 10px;
    height: 106px!important;
    text-align: center;
}
.form-top-gap-10 {
    margin-top: -10px
}
.form-top-gap-20 {
    margin-top: -20px
}
.form-top-gap-15 {
    margin-top: -15px
}
.adjust-text {
    margin-top: 6px
}
.marg-left {
    margin-left: -5px
}
.mod-header {
    background: rgba(0, 0, 0, 0) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEQ5RDgxQzc2RjQ5MTFFMjhEMUNENzFGRUMwRjhBRTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEQ5RDgxQzg2RjQ5MTFFMjhEMUNENzFGRUMwRjhBRTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0RDlEODFDNTZGNDkxMUUyOEQxQ0Q3MUZFQzBGOEFFNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0RDlEODFDNjZGNDkxMUUyOEQxQ0Q3MUZFQzBGOEFFNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvXFWFAAAAAYSURBVHjaYvj//z8D0/Pnz/8zgFgAAQYAS5UJscReGMIAAAAASUVORK5CYII=") repeat-x scroll 0px 11px;
    display: table;
    width: 97.5%;
    margin-left: 30px;
}
.toggle-title {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAA3NCSVQICAjb4U/gAAAAJFBMVEX///9wcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHDRPAkXAAAADHRSTlMAESIziJmqu8zd7v+91kxoAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFnRFWHRDcmVhdGlvbiBUaW1lADIxLzEyLzEymvNa/wAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAySURBVAiZY2AgCbA0MDCkgBgcWxlYd4AYjN0B0YvAclrbdxmAGcyrF0OVWxqQZjwDAwA8XgfBciyedgAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: -1000px -1000px;
    z-index: 10001;
}

.toggle-title > span
{
    background: #fff;
}
.hiddenCheckBox input {
    visibility: hidden;
}
.custom-radio {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    z-index: 1;
    top: 3px;
    background: url("/images/radio-uncheck.png") no-repeat;
    background-size: 16px 16px;
}
.custom-radio.checkselected {
    background: url("/images/radio-check.png") no-repeat;
    background-size: 16px 16px;
}
.custom-checkbox {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    z-index: 1;
    top: 3px;
    background: url("/images/unchecked-new.png") no-repeat;
    background-size: 16px 16px;
}
.custom-checkbox.checkselected {
    background: url("/images/checked-new.png") no-repeat;
    background-size: 16px 16px;
}
.custom-checkbox input[type="checkbox"],
.custom-radio input[type="radio"] {
    margin: 0;
    position: absolute;
    z-index: 2;
    cursor: pointer;
    outline: none;
    opacity: 0;
    /* CSS hacks for older browsers */
    
    _noFocusLine: expression(this.hideFocus=true);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
}
.toggle-title:hover {
    background-position: 0px 50%
}
.btn-default {
    background-color: #f5f5f5 !important
}
.btn-default:hover {
    background-color: #e9e9e9 !important;
    border: 1px solid #999999 !important;
}
.marg-65 {
    margin-left: 65px
}
#summary-val {
    margin-left: -5px;
    padding: 2px 30px 2px 5px;
    z-index: 1;
}
.editable-field {
    border-radius: 2.01px;
    box-shadow: 0 0 0 0 transparent;
    box-sizing: border-box;
    cursor: text;
    display: inline-block;
    max-width: 100%;
    padding: 2px 30px 2px 5px;
    position: relative;
    -webkit-transition: -webkit-box-shadow 150ms ease-in 0ms;
    -webkit-transition: box-shadow 150ms ease-in 0ms;
    transition: box-shadow 150ms ease-in 0ms;
    vertical-align: top;
}
.editable-field .overlay-icon.jira-iconfont-edit::before {
    left: 3px;
    top: 12px;
}
.editable-field .overlay-icon i.fa-pencil {
    color: #707070;
    cursor: pointer;
    font-size: 14px;
    padding-left: 5px;
}
.editable-field .overlay-icon {
    background-color: #f0f0f0;
    background-position: 4px 4px;
    background-repeat: no-repeat;
    border-left: 1px solid #ccc;
    bottom: 0;
    box-sizing: border-box;
    height: auto;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    z-index: -1;
}
.editable-field .overlay-icon2 {
    background-color: #f0f0f0;
    background-position: 4px 4px;
    background-repeat: no-repeat;
    border-left: 1px solid #ccc;
    bottom: 0;
    box-sizing: border-box;
    height: auto;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 24px;
    height: 25px;
    z-index: -1;
}
.editable-field:hover {
    background-color: #fff;
}
.editable-field:hover,
.editable-field.saving {
    box-shadow: 0 0 0 1px #ccc;
}
.editable-field:hover .overlay-icon,
.editable-field.saving .overlay-icon,
.editable-field:hover .overlay-icon2,
.editable-field.saving .overlay-icon2 {
    opacity: 1;
    z-index: auto;
}
.activityTable td {
    border-bottom: 1px solid #ccc;
    border-left: 5px solid #fff;
    padding: 5px;
}
.activityTable td:hover {
    background-color: #eee;
    border-bottom: 1px solid #ccc;
    border-left: 5px solid #045e9f;
    padding: 5px;
}
.activityTable td input[alt*="Edit"],
.activityTable td input[alt*="Delete"] {
    display: none;
}
.activityTable td:hover input {
    display: inline;
}
.task-edit-icon {
    background-image: url("/images/ProImages/EditIcon.png");
    float: left;
    height: 20px;
    margin-left: 2px;
    margin-top: 3px;
    width: 20px;
    cursor: pointer;
}
.task-delete-icon {
    background-image: url("/images/ProImages/DeleteIcon.png");
    float: left;
    height: 20px;
    margin-left: 2px;
    margin-top: 3px;
    width: 20px;
    cursor: pointer;
}
/* Day To Day Summary Page */

.straight-line {
    background-color: #8c8c8c;
    height: 100%;
    left: 42.5%;
    position: absolute;
    width: 2px;
}
.bolder {
    font-weight: bolder;
}
.gray-point-top {
    background-color: #888888;
    border-radius: 100px !important;
    height: 16px;
    left: -8px;
    position: absolute;
    top: -3px;
    width: 16px;
}
.padding-left30 {
    padding-left: 30px;
}
.font30 {
    font-size: 30px;
}
.width70 {
    width: 70px;
}
.font12 {
    font-size: 12px;
}
.space20 {
    margin-top: 20px;
}
.no-padding {
    padding: 0 !important;
}
.relative {
    position: relative;
}
.version-txt {
    padding-right: 10px;
    line-height: 43px;
}
.gray-point {
    background-color: #888888;
    border: 2px solid #fff;
    border-radius: 100px !important;
    height: 15px;
    position: absolute;
    right: -38px;
    top: 45px;
    width: 15px;
}
.icon-3x {
    font-size: 3em;
}
.caret-green {
    color: #14892c !important;
}
.caret-right {
    position: absolute;
    right: -22px;
    top: 27px;
}
.quote-box-top {
    border-bottom: 1px double #fff;
    padding: 5px 0;
    text-align: center;
}
.space10 {
    margin-top: 10px;
}
.light-blue {
    color: #4c6681 !important;
    text-align: left;
}
.padding-left34 {
    padding-left: 34px !important;
}
.no-padding-right {
    padding-right: 0;
}
.font13 {
    font-size: 13px !important;
}
.caret-left {
    left: -22px;
    position: absolute;
    top: 40px;
}
.font22 {
    font-size: 22px;
}
.compare a.plus {
    background: rgba(0, 0, 0, 0) url("/images/ProImages/down-icon.png") no-repeat scroll 10px 5px;
}
.compare a.minus {
    background: rgba(0, 0, 0, 0) url("/images/ProImages/up-icon.png") no-repeat scroll 10px 5px;
}
.compare a.plus,
.compare a.minus {
    color: #333;
    cursor: pointer;
    float: left;
    margin: 0;
    outline: medium none;
    text-decoration: none;
    text-indent: 0;
    width: 289px;
}
.taskprogress {
    background: #00aff0 none repeat scroll 0 0 !important;
    border-radius: 10px;
    box-shadow: none;
    height: 16px !important;
    overflow: hidden;
    padding: 0;
}
.task-progress-bar {
    color: #fff;
    float: left;
    font-size: 12px;
    height: 100%;
    line-height: 19px;
    text-align: center;
    -webkit-transition: width 0.6s ease 0s;
    transition: width 0.6s ease 0s;
}
.task-progress-text {
    position: absolute;
    text-align: center;
    width: 100%;
}
.caret-gray {
    color: #8d8d8d !important;
}
.quote-box-green {
    background-color: #cbd9cc;
    border-left: 9px solid #14892c;
    border-radius: 6px;
    border-right: 9px solid #14892c;
    font-size: 14px !important;
    padding: 0 10px 10px;
}
.quote-box-gray {
    background-color: #f0f0f0;
    border-left: 9px solid #8d8d8d;
    border-radius: 6px;
    border-right: 9px solid #8d8d8d;
    font-size: 14px !important;
    padding: 0 10px 10px;
}
.quote-box-brightblue {
    background-color: #f0f0f0;
    border-left: 9px solid #00aff0;
    border-radius: 6px;
    border-right: 9px solid #00aff0;
    font-size: 14px !important;
    padding: 0 10px 10px;
}
.caret-brightblue {
    color: #00aff0 !important;
}
.quote-box-orange {
    background-color: #ffcc66;
    border-left: 9px solid #ff9900;
    border-radius: 6px;
    border-right: 9px solid #ff9900;
    font-size: 14px !important;
    padding: 0 10px 10px;
}
.caret-orange {
    color: #ff9900 !important;
}
.quote-box-yellow {
    background-color: #faeeb4;
    border-left: 9px solid #ffd351;
    border-radius: 6px;
    border-right: 9px solid #ffd351;
    font-size: 14px !important;
    padding: 0 10px 10px;
}
.caret-yellow {
    color: #f6c342 !important;
}
.form-group label.form-label {
    width: 20%;
    font-size: 13px;
    margin-bottom: 0px;
    padding-right: 0px;
    font-weight: 400;
    line-height: 20px;
}
.version-release-status {
    background-color: #f3c242;
    border: 1px solid #eea236;
    border-radius: 3px;
    color: #5d3500;
    font-family: Arial;
    font-size: 12px;
    height: 24px;
    padding: 0;
    width: 96px;
    text-align: center;
    margin-left: 5px;
}
/* Pro Issue Page */

.newspaper {
    -moz-column-count: 4;
    margin-left: -38px;
    margin-top: 18px;
}
.aui-page-panel-nav,
.aui-page-panel-content,
.aui-page-panel-item,
.aui-page-panel-sidebar {
    box-sizing: border-box;
    display: table-cell;
    padding: 20px;
    vertical-align: top;
}
.module::after {
    clear: both;
}
.module::before,
.module::after {
    content: " ";
    display: table;
}
.module:first-child {
    margin-top: 0;
}
.module {
    box-sizing: border-box;
    margin-top: 25px;
}
.module > .mod-content::before,
.module > .mod-content::after {
    content: " ";
    display: table;
}
.module > .mod-content::after {
    clear: both;
}
table.table-issues {
    border-collapse: collapse;
    width: 100%;
}
table.table-issues > thead {
    border-bottom: 1px solid #cccccc;
}
table.table-issues > thead > tr > th,
table.table-issues > tbody > tr > th,
table.table-issues > thead > tr > td,
table.table-issues > tbody > tr > td,
table.table-issues > tfoot > tr > td {
    padding: 7px 10px;
    text-align: left;
    vertical-align: middle;
}
.cell-type-collapsed {
    white-space: nowrap;
    width: 1px;
}
table.table-issues > tbody > tr,
table.table-issues > tfoot > tr {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 1px solid #cccccc;
    color: #333333;
}
.cell-type-icon {
    width: 16px;
}
/* Pro Calendar Page */

.calendar-message {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #3572b0;
    border-radius: 3px;
    color: #333333;
    margin: 20px 0 0;
    position: relative;
    word-wrap: break-word;
    padding: 20px 40px 20px 60px;
}
.calendar-info-icon {
    color: #ffffff;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    left: 12px;
    line-height: 1;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}
.calendar-message::before {
    background-color: #3572b0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 40px;
}
.calendar-close-icon {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    color: Gray;
}
.calendar-close-icon:hover {
    color: Black;
}
/* Logout Page */

.logout-container {
    left: 50%;
    margin: -132px 0 0 -230px;
    padding: 8px;
    position: absolute;
    top: 40%;
    width: 490px;
}
.logout-panel {
    border: 1px solid #ddd;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    margin: 50px auto 0;
    padding: 20px;
    text-align: left;
    width: auto;
    background: #ffffff none repeat scroll 0 0;
    position: relative;
    clear: both;
}
.logout-message.warning::before,
.logout-message-warning::before {
    background-color: #f6c342;
}
/*.logout-message::before {
    background-color: #3572b0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 40px;
}*/

.logout-icon {
    color: #707070;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    left: 12px;
    line-height: 1;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}
.logout-message.warning,
.logout-message-warning {
    background: #fff none repeat scroll 0 0;
    border-color: #f6c342;
}
.logout-message {
    padding: 20px 40px 20px 4px;
    position: relative;
}
.logout-message.success::before {
    background-color: #8eb021;
}
.logout-message.success {
    background: #ffffff none repeat scroll 0 0;
    border-color: #8eb021;
}
/*Work Flow Style*/

.page-content {
    background: #fff none repeat scroll 0 0;
    margin: 0;
    padding: 8px 20px 24px;
}
.pull-left {
    float: left !important;
}
.margin-right15 {
    margin-right: 15px !important;
}
.space5 {
    margin-top: 5px;
}
.quote-box-yellow-wf {
    background-color: #faeeb4;
    border-radius: 6px;
    font-size: 14px !important;
    padding: 10px;
    width: 93%;
}
.quote-box-gray-sec {
    background-color: #f0f0f0;
    border-left: 5px solid #8d8d8d;
    border-right: 5px solid #8d8d8d;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 14px !important;
    padding-top: 10px;
}
.quote-box-gray-wf {
    background-color: #f0f0f0;
    border-left: 5px solid #8d8d8d;
    border-radius: 6px;
    border-right: 5px solid #8d8d8d;
    font-size: 14px !important;
    padding: 0 10px 10px;
}
aui-button {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #cccccc;
    border-radius: 3.01px;
    box-sizing: border-box;
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 14px;
    font-variant: normal;
    font-weight: normal;
    height: 2.14286em;
    line-height: 1.42857;
    margin: 0;
    padding: 4px 10px;
    text-decoration: none;
    vertical-align: baseline;
    white-space: nowrap;
}
.icheckbox_square-blue,
.iradio_square-blue {
    background: rgba(0, 0, 0, 0) url("/images/square/blue.png") no-repeat scroll 0 0;
    border: medium none;
    cursor: pointer;
    display: inline-block;
    height: 22px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 22px;
}
.iradio_square-blue {
    background-position: -120px 0;
}
.iradio_square-blue.checked {
    background-position: -168px 0;
}
select option {
    padding: 3px 4px;
}
/*Version Details Page*/

.bolderrr {
    font-weight: bold
}
.right-marg-15 {
    margin-right: 15px
}
.forecasting-hd {
    background-color: #545557;
    color: #fff;
    padding: 5px 10px;
}
.date-label {
    background-color: #f7f7f7;
    height: 265px;
    text-align: center;
}
.date-label h4 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding-top: 60px;
}
.date-label h1 {
    color: #217f1e;
    font-size: 50px;
    font-weight: bold;
    margin: 0;
    padding-bottom: 5px;
    padding-top: 20px;
}
.date-label span {
    color: #217f1e;
    font-size: 14px;
    font-weight: bold;
    padding-top: 10px;
}
.first-panel-top-brd {
    border-bottom: 2px dashed #d9d9d9;
    border-top: 1px solid #d9d9d9;
    padding: 1px 0;
}
.panel-no-brd {
    margin-top: 2px;
    padding: 1px 0;
}
.calendar-txt {
    background-image: url("/images/ProImages/calendar-icon.png");
    background-repeat: no-repeat;
    color: #545454;
    font-size: 16px;
    height: 39px;
    padding: 11px 10px;
    width: 41px;
}
.today-hd {
    font-family: impact;
    font-size: 30px;
    padding: 10px 0 0 10px;
}
.quote-red-sec {
    background-color: #f7f7f7;
    border-left: 9px solid #d24349;
    border-radius: 6px;
    border-right: 9px solid #d24349;
    font-size: 14px !important;
    padding: 5px 10px;
}
.no-padding-left {
    padding-left: 0;
}
.space3 {
    margin-top: 3px;
}
.no-padding {
    padding: 0;
}
.red {
    color: #dd5a43 !important;
}
.font22 {
    font-size: 22px;
}
.space10 {
    margin-top: 10px;
}
.red-progress-bg {
    background-color: #d04349 !important;
}
.gray-fade {
    color: #8c8c8c !important;
}
.space5 {
    margin-top: 5px;
}
.brd-bottom-panel {
    border-bottom: 2px dashed #d9d9d9;
}
.quote-sec-orange {
    background-color: #f7f7f7;
    border-left: 9px solid #ff9900;
    border-radius: 6px;
    border-right: 9px solid #ff9900;
    font-size: 14px !important;
    padding: 5px 10px;
}
.quote-sec-yellow {
    background-color: #f7f7f7;
    border-left: 9px solid #ffd351;
    border-radius: 6px;
    border-right: 9px solid #ffd351;
    font-size: 14px !important;
    padding: 5px 10px;
}
.quote-sec-brightblue {
    background-color: #f7f7f7;
    border-left: 9px solid #00aff0;
    border-radius: 6px;
    border-right: 9px solid #00aff0;
    font-size: 14px !important;
    padding: 5px 10px;
}
.quote-sec-green {
    background-color: #f7f7f7;
    border-left: 9px solid #14892c;
    border-radius: 6px;
    border-right: 9px solid #14892c;
    font-size: 14px !important;
    padding: 5px 10px;
}
.version-name {
    font-family: Arial;
    font-size: 18px;
    color: #393939
}
.misc-update {
    font-size: 16px;
    font-family: Arial;
    color: #545559;
    margin-top: 0px;
    float: left
}
/* logo css */

.blue-logo {
    display: block;
    height: 50px;
    margin: 0 auto;
    text-align: left;
    width: 240px;
}
.white-logo {
    display: block;
    height: 50px;
    margin: 0 auto;
    text-align: left;
    width: 100%;
    max-width: 268px;
}
/*Invoice Top Area*/

.invoice-top-area {
    background-color: #f5f5f5;
    margin-left: -5px!important;
    /*margin-left:-20px!important;*/
    
    margin-right: -15px!important;
    padding: 10px 25px;
    border-bottom: 1px solid #dddddd;
    color: #707070;
    font-size: 15px;
    font-family: Arial
}
.marg-30 {
    margin-left: 30px
}
.invoice-after-top-area {
    margin-left: -5px!important;
    /*margin-left:-20px!important;*/
    
    margin-right: 0px!important;
    padding: 0px 0px 0px 25px
}
.first-area-border {
    border-right: 1px solid #dddddd;
    height: 100%;
    /*min-height: 830px;*/
}
.invoice-button {
    border: 1px solid #358620;
    background-color: #288f19;
    color: #fff;
    border-radius: 3px
}
.blue-area {
    background-color: #538ed4;
    padding: 11px 11px 1px 11px;
    color: #fff;
    font-size: 13px;
    font-weight: bold
}
.blue-area ul {
    list-style-type: none;
    margin-left: 150px;
    margin-top: -23px
}
.blue-area ul li {
    display: inline-block;
    padding-left: 30px;
    cursor: pointer
}
.blue-area ul li span.badge {
    background-color: #fff;
    color: #000;
    border-radius: 5px;
    font-size: 13px;
    padding: 2px 10px
}
.grayis-area {
    background-color: #efedee;
    color: #888d86;
    font-size: 13px;
    font-weight: bold
}
.btn-draft {
    width: 100px;
    height: 20px;
    line-height: 20px;
    background-color: #8c8c8c;
    border: none;
    color: #fff;
    font-size: 12px;
    font-weight: bold
}
.invoice {
    font-weight: bold;
    font-size: 47px;
    color: #498bd7
}
.invoice-no {
    background-color: #cccccc;
    padding: 8px 7px;
    color: #686c6f;
    margin-bottom: 3px
}
.height-93 {
    height: 193px
}
.total-due {
    font-size: 24px;
    font-weight: bold;
    color: #d0d0d0
}
.bottom-invoice-no {
    color: #686c6f;
    margin-bottom: 3px
}
.text-darkgray {
    color: #727675
}
/*Status Update*/

.ohi-border {
    border-left: 6px solid #538fd5;
    border-right: 5px solid #7a7c7b
}
.ohi-heading {
    background-color: #cccccc;
    color: #7a807e;
    font-weight: bold;
    font-size: 16px;
    padding: 8px 5px
}
.ohi-msg {
    width: 60%!important;
    color: #7a807e!important;
    font-size: 12px!important;
    line-height: 20px!important;
    padding-left: 23px!important
}
.width-10 {
    width: 10%!important
}
.width-13 {
    width: 13%!important
}
.work-log-entries {
    background-color: #538ed4;
    padding: 8px 7px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 3px
}
.work-log-heading {
    width: 70%;
    padding-left: 86px
}
.line-d {
    width: 100%;
    height: 3px;
    background-color: #dddddd
}
.height-3 {
    height: 3px
}
.ohi-username {
    background-color: #eee;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 0 5px;
    text-transform: uppercase;
}
.form-inline .form-control {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}
/*Configuration Management Tools*/

.confi-heading {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d3d7db;
    border-left: 1px solid #d3d7db;
    padding: 10px 15px
}
.confi-side {
    border-bottom: 1px solid #d3d7db;
    padding: 10px 0px 11px 15px
}
.confi-text {
    color: #909090;
    margin-left: 10px;
    margin-top: 10px
}
.billable-graph {
    border: 1px solid #ddd;
    min-height: 300px;
    background-color: #fff;
    margin: 7px 7px 7px 0
}
.back-area-design {
    background-color: #428bc9;
    padding: 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin: 7px 0px;
    color: #fff
}
.user-acc-text {
    margin-top: 12px;
    margin-left: 10px
}
.after-graph-area {
    background-color: #c2d1e7;
    min-height: 600px;
    border: 1px solid #ddd;
    margin: 7px 7px 7px 0
}
.control-1 {
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #c4c4c4;
    margin: 0px -10px 0px 0px
}
.control-2 {
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #c4c4c4;
    margin: 0px -10px
}
.control-3 {
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #c4c4c4;
    margin: 0px 0px 0px -10px
}
/* App Navigation Studio */

.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 0px;
    margin-top: 0px;
}
.app-group-list .panel-group .panel .panel-heading {
    background: #428bc9;
    border-radius: 5px;
    margin-top: 0px;
}
.back-area-design-app {
    background-color: #428bc9;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin: 4px -20px 4px -7px;
    color: #fff
}
.back-area-design-app h4 {
    margin-left: 16px;
}
.app-group-fun {
    background-color: #fc8c00;
}
.app-nav-studio {
    margin-top: 12px;
    margin-left: 10px;
    font-weight: bolder;
    font-size: 22px;
    background: #428bc9;
}
.app-nav-studio small {
    font-size: 12px;
}
.app-grp-back {
    background-color: #fc8c00;
    color: #fff;
    margin-left: 2px;
    padding-left: 44px;
}
.app-fun-back {
    background-color: #fc8c00;
    color: #fff;
    margin-left: -3px;
}
.app-grp-back h5 {
    font-weight: bolder;
    margin: 7px 5px;
    font-size: 15px;
    padding-right: 15px;
}
.app-fun-back h5 {
    font-weight: bolder;
    margin: 7px 5px;
    font-size: 15px;
}
.app-name-back {
    background-color: #e4e7ea;
}
.app-grp-accordion {
    padding: 7px;
    margin: -2px 0px 2px -3px;
}
.panel.panel-defaultNew .panel-title a {
    display: block;
}
/*accordion*/

.boxer {
    display: table;
    border-collapse: collapse;
    width: 490px;
    background-color: #fff;
    margin-left: -8px;
}
.boxer .box-row {
    display: table-row;
}
.boxer .box-row img {
    float: right;
    padding: 5px;
    position: relative;
}
.boxer .box {
    display: table-cell;
    border: 1px solid #cacbcd;
    padding: 10px;
    font-size: 16px;
}
/* Important */

.accordion {
    margin: 0 48px 10px;
    border-top: 1px solid #DDD;
    width: 514px;
}
.accordion dt {
    border-bottom: 3px solid #f1f2f3;
    background: #428bc9;
    color: #FFF;
    border-radius: 5px 5px 5px 5px;
    font-size: 14px;
    font-weight: bolder;
}
.accordion dd {
    display: none;
    padding: 20px;
    width: 100%;
    margin-top: -5px;
    border-bottom: 1px solid #DDD;
    background: #428bc9;
}
.accordion dt {
    cursor: pointer;
    padding: 8px 15px;
    margin: 0px;
}
.accordion dt:before {
    content: "\25B6";
    padding-right: 5px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
.accordion dt img {
    margin-top: -6px;
    opacity: 0.7;
    margin-right: 12px;
}
.accordion dt:before {
    background-color: #428bc9;
    content: "\f105";
    text-align: center;
    width: 39px;
    max-height: 36px;
    height: 100%;
    position: absolute;
    display: block;
    padding-top: 8px;
    top: 7px;
    left: 15px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin-left: -5px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(10, 94, 125)), to(rgb(14, 139, 184)));
    background-image: -webkit-linear-gradient(bottom, rgb(10, 94, 125) 0%, rgb(14, 139, 184) 100%);
    background-image: linear-gradient(bottom, rgb(10, 94, 125) 0%, rgb(14, 139, 184) 100%);
    border-radius: 5px 5px 5px 5px;
}
/*close accordion*/

.nav-side-menu {
    color: #677480;
    font-family: verdana;
    font-size: 12px;
    font-weight: 200;
    height: 100%;
    margin-left: 0px;
    overflow: auto;
    width: 100%;
}
.nav-side-menu .brand {
    line-height: 50px;
    display: block;
    text-align: center;
    font-size: 14px;
}
.nav-side-menu .toggle-btn {
    display: none;
}
.nav-side-menu ul,
.nav-side-menu li {
    list-style: none;
    padding: 0px;
    margin: 0px;
    line-height: 35px;
    cursor: pointer;
}
.nav-side-menu ul:not(collapsed) .arrow:before,
.nav-side-menu li:not(collapsed) .arrow:before {
    font-family: FontAwesome;
    content: "\f078";
    display: inline-block;
    padding-left: 10px;
    padding-right: 18px;
    vertical-align: middle;
    float: right;
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
    color: #677480;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
    color: #677480;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
    border: none;
    line-height: 28px;
    margin-left: 0px;
    border-bottom: 1px solid #e7e7e7;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
    background-color: #020203;
}
.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
    font-family: FontAwesome;
    content: "\f111";
    font-size: 6px;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
}
.nav-side-menu li {
    padding: 0px 10px;
    border-bottom: 1px solid #e7e7e7;
}
.nav-side-menu li a {
    text-decoration: none;
    color: #677480;
}
.nav-side-menu li a i {
    padding-left: 10px;
    width: 20px;
    padding-right: 20px;
}
.nav-side-menu li:hover {
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}


/*****************************************Permissions Table******************************/

.permissions-table {
    margin:5px 0 0 0;
    position:relative;
}

.permissions-table-header,
.permissions-table-header *,
.permissions-table-row,
.permissions-table-row * {
    display:flex;
}
.permissions-table-header {
    background: #4c4c50 none repeat scroll 0 0;
    display: flex;
    margin: 0;
    min-height: 32px;
    padding: 0;
    position: relative;
    align-items: center;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.permissions-table-row {
  border-bottom: 1px solid #e5e5e5;
  margin: 0;
  min-height: 30px;
  position: relative;
  display:flex;
}
.permissions-table-header div[class^="permissions-table-col"] p {
    -moz-box-pack: center;
    color: #e5e5e5;
    font-family:Impact;
    font-size: 16px;
    justify-content: center;
    line-height: 24px;
    margin-bottom: 0;
    align-items: center;
}
.permissions-table-row div[class^="permissions-table-col"] p{
    -moz-box-pack: center;
    color: #a1a1a3;
    font-family:Impact;
    font-size: 16px;
    justify-content: center;
    line-height: 24px;
    margin-bottom: 0;
    align-items: center;
}
.permissions-table-row div[class^="permissions-table-col"] p img {
    margin-right: 5px;
}
.permissions-table-col-1 {
    width:52%;
    align-items: center;
    padding-left:10px;
}
.permissions-table-col-1 p img {
    margin-right:8px;
}
.permissions-table-row .permissions-table-col-1 {
    padding-left: 20px;
    position:relative;
}
.permissions-table-row .permissions-table-col-1 .trash-user {
    position: absolute;
    right: 8px;
    top: 4px;
    color: #504e52;
    font-size: 18px;
}
.permissions-table .add-user-permission {
    position: absolute;
    left: 25px;
    bottom: -28px;
    color: #504e52;
    font-size: 18px;
}
.permissions-table .invite-new-user {
    position: absolute;
    left: 50px;
    bottom: -28px;
    color: #504e52;
    font-size: 18px;
}
.permissions-table-col-2,
.permissions-table-col-3,
.permissions-table-col-4,
.permissions-table-col-5 {
    width:12%;
  -moz-box-align: center;
  -moz-box-pack: center;
  align-items: center;
  justify-content: center;
}
.permissions-table-row .permissions-table-col-2,
.permissions-table-row .permissions-table-col-3,
.permissions-table-row .permissions-table-col-4,
.permissions-table-row .permissions-table-col-5 {
    background-color: #828284;
    border-left: 1px solid #636366;
}
.scroll-wrapper.permissions-wrapper {
    height: 100% !important;
}
.permissions-wrapper.scrollbar-rail > .scroll-element {
    background-color: #636366;
}
.permissions-wrapper.scrollbar-rail > .scroll-element .scroll-element_size,
.permissions-wrapper.scrollbar-rail > .scroll-element .scroll-bar {
    background-color: #7b7b7d;
}
.permissions-wrapper.scrollbar-rail > .scroll-element.scroll-y {
    padding: 0 3px 0 2px;
}
.custom-checkbox {
    height: 18px;
    width: 18px;
}
/* Custom Checkbox */
.custom-checkbox [type="checkbox"]:not(:checked),
.custom-checkbox [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
.custom-checkbox [type="checkbox"]:not(:checked) + label,
.custom-checkbox [type="checkbox"]:checked + label {
    color: #464e5a;
    cursor: pointer;
    font-size: 11px;
    line-height: 16px;
    padding-left: 20px;
    position: relative;
}

/* checkbox aspect */
.custom-checkbox [type="checkbox"]:not(:checked) + label:before {
    content: url("/images/BuildItLiveImages/Dropbox/small-checkbox-icon.png");
    height: 21px;
    left: 0;
    position: absolute;
    top: -2px;
    width: 21px;
}
/* checked mark aspect */
.custom-checkbox [type="checkbox"]:checked + label:after {
  content: url("/images/BuildItLiveImages/Dropbox/small-check-icon.png");
  position: absolute;
  top: -2px; left: 0;
  -webkit-transition:all .2s;
  transition: all .2s;
}
/* checked mark aspect changes */
.custom-checkbox [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}
.custom-checkbox [type="checkbox"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.custom-checkbox [type="checkbox"] + label:hover {
	color: #005078;
}
.policy-content.scrollbar-rail {
    height:340px;
    padding-right: 10px;
}
.policy-content h5 {
    font-weight:bold;
    margin:15px 0 5px;
}


@media (max-width: 767px) {
    .nav-side-menu {
        position: relative;
        width: 100%;
        margin-bottom: 10px;
    }
    .nav-side-menu .toggle-btn {
        display: block;
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 10 !important;
        padding: 3px;
        background-color: #ffffff;
        color: #000;
        width: 40px;
        text-align: center;
    }
    .brand {
        text-align: left !important;
        font-size: 22px;
        padding-left: 20px;
        line-height: 50px !important;
    }
}
@media (min-width: 767px) {
    .nav-side-menu .menu-list .menu-content {
        display: block;
    }
}
body {
    margin: 0px;
    padding: 0px;
}
.head-left {
    margin: 0;
    padding: 0 3px 0 8px;
}
.sec-heading {
    background: #fc8c00;
    padding: 10px 0 10px 15px;
    margin-left: 2px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}
.icons {
    background: #428bc9;
    color: #fff;
    border-radius: 5px;
    display: inline-block;
    font-size: 16px;
    height: 37px;
    padding: 7px 12px;
    width: 39px;
}
.panel-group {
    margin-bottom: 0;
}
.panel-title {
    font-size: 14px;
    font-weight: bold;
}
.panel-title a,
.panel-title:hover a {
    text-decoration: none;
}
.marg {
    margin-bottom: 5px;
}
.mb {
    padding-bottom: 10px;
}
.table-appnav td >span {
    line-height: 25px;
    font-size: 14px;
    font-weight: 600;
    color: #bdbdbd;
}
.table-appnav tr:hover,
.table-appnav tr:hover td {
    background: #ffffcc!important;
}
.table-appnav tr:hover td span,
.table-appnav tr.selected td span {
    color: #fc8c00;
}
.head-right {
    background: #428bc9;
    margin: 5px 0 0 0;
    padding: 10px 0 10px 10px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}
.panel-headingNew .panel-title {
    color: #428bc9;
}
.panel-defaultNew {
    margin: 5px;
    box-shadow: none;
}
.new-head {
    color: #428bc9;
}
.panel-groupNew img {
    width: 30px;
    height: 30px;
}
.new-table tr:hover {
    background: none;
}
.new-table td {
    font-size: 14px;
    font-weight: bold;
    color: #428bc9;
    border-top: none!important;
}
.new-table td>i {
    padding: 5px 8px;
    background: #428bc9;
    color: #fff;
    border-radius: 50%;
}
.new-table td>span {
    padding-left: 8px;
}
.new-table td>input {
    margin-top: 12px;
}
.diff td span {
    color: #fc8c00;
}
.diff td>i {
    background: #fc8c00;
}
.table-bordered td img {
    height: 24px;
    width: 24px;
}
pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #428bc9;
    border-color: #428bc9;
}
.builditlive-pagination {
    margin: 0;
}
.pagination > li > a,
.pagination > li > span {
    color: #428bc9;
}
.new-img {
    width: 24px;
    height: 24px;
    margin-top: -5px;
}
.new-img:hover {
    cursor: pointer;
}
.selected,
.selected td {
    background: #538ed4 !important;
    color: #fff !important;
}
.selected span {
    color: #fc8c00;
}
.dropdown {
    padding: 2px;
}
.btn {
    padding: 5px 6px;
}
.car {
    padding: 0 10px 0 8px;
    margin-top: 5px;
}
td>input[type="checkbox"] {
    background: red;
}
.slide img {
    background: #fff;
    border-radius: 2px;
}
.table.table-bordered.table-responsive tr td:first-child,
#tblAppActions tr td:first-child {
    width: 10%!important;
    text-align: center;
}
.txtSearchAppAction {
    padding: 5px 6px!important;
    height: 32px!important;
}
.app-group-list .panel-group .panel .panel-body {
    background: #428bc9;
    padding: 0px 5px;
    border-radius: 0px 0px 5px 5px;
}
.table.table-bordered.table-responsive.table-appGroups {
    background-color: #fff;
}
.table.table-bordered.table-responsive.table-appGroups tr.header,
.table.table-bordered.table-responsive.table-appGroups tr.header:hover td {
    background-color: #e6e6e6!important;
}
.table.table-bordered.table-responsive.table-appGroups tr.header .new-head {
    color: #428bc9;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #428bc9;
    border-color: #428bc9;
}
.panel .panel-title a:hover,
.panel .panel-title a:focus {
    color: #3b73af;
}
.group-open .new-head .panel-group .panel-heading {
    border-radius: 5px 5px 0px 0px;
}
.role-check-icon {
    height: 19px;
    width: 19px;
    background-image: url(/images/AppStudioImages/checked-box-un.png);
    display: block;
    position: relative;
    top: 9px;
}
.role-check-icon.check {
    background-image: url(/images/AppStudioImages/checked-box.png);
}
.app-icon {
    font-size: 30px;
    line-height: 40px;
    cursor: pointer;
}
.td-icon {
    color: #333;
    font-size: 20px;
    line-height: 24px;
}
/******************************************************** App Navigation Studio************************************************************/

.panel-groupNew {
    border: 1px solid #b7b7b7;
    background-color: #fff;
    padding-bottom: 5px;
    height: 94%;
    overflow-y: auto;
}
.panel-headingNew {
    background: #f7f7f7;
    padding: 5px 0 5px 9px;
    border: 1px solid #c4c4c4;
    border-radius: 3px;
}
.table-striped-appnav tr:nth-child(even) {
    background: #fff
}
.table-striped-appnav tr:nth-child(odd) {
    background: #f7f7f7
}
.table.table-striped.table-bordered.table-responsive td {
    height: 34px;
}
/******************************************************** Project Management Tools *********************************************************************/

.yt-uix-checkbox-on-off {
    cursor: pointer;
    display: inline-block;
    height: 22px;
    overflow: hidden;
    padding-right: 2px;
    position: relative;
    vertical-align: middle;
    width: 44px;
    margin: 6px 7px 0;
}
.yt-uix-checkbox-on-off input[type="checkbox"] {
    height: 22px;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 44px;
}
.timer-modal .yt-uix-checkbox-on-off input[type="checkbox"]:checked + label {
    background-color: #734c99;
}
.yt-uix-checkbox-on-off label {
    background: #b8b8b8 none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 20px;
    display: inline-block;
    height: 16px;
    width: 100%;
}
.yt-uix-checkbox-on-off .checked::before {
    background: rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    width: 10px;
    float: left;
}
.yt-uix-checkbox-on-off .unchecked,
.yt-uix-checkbox-on-off input[type="checkbox"]:checked + label .checked {
    width: 25px;
}
.yt-uix-checkbox-on-off .checked,
.yt-uix-checkbox-on-off input[type="checkbox"]:checked + label .unchecked {
    width: 0;
}
.yt-uix-checkbox-on-off .checked {
    line-height: 13px;
    text-align: center;
}
.yt-uix-checkbox-on-off label > * {
    display: inline-block;
    height: 100%;
    -webkit-transition: width 0.1s ease 0s;
    transition: width 0.1s ease 0s;
    vertical-align: top;
    float: left;
}
.yt-uix-checkbox-on-off .toggle {
    background: #fbfbfb none repeat scroll 0 0;
    border-radius: 15px;
    width: 15px;
}
.yt-uix-checkbox-on-off label span {
    font-weight: normal;
    font-size: 10px;
    line-height: 13px!important;
    color: #fff;
}
.hour-timer-shadow {
    box-shadow: 0px 2px 0px #428bc9 inset;
}
/*.liTimerUser a.aTimerUser{display:none;}*/

.liTimerUser.selected a.aTimerUser {
    color: Gray!important;
}
.liTimerUser.selected a.aTimerUser:hover {
    color: black!important;
    display: block;
}
.liTimerUser:hover a.aTimerUser {
    color: Gray;
    display: block;
}
.timer-modal .form-group {
    margin-bottom: 15px!important;
}
.back-area-design-timer {
    background-color: #734c99;
    /*#428bc9;*/
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #fff;
    margin: 4px -15px;
}
.back-area-design-timer h4 {
    margin-left: 16px;
}
.timer-nav-studio {
    background: #734c99
    /*#428bc9;*/
    
    none repeat scroll 0 0;
    font-size: 15px;
    font-weight: bolder;
    margin-left: 10px;
    margin-top: 12px;
    padding: 7px 0;
}
.pearl {
    background: #ddd none repeat scroll 0 0;
    color: #734c99;
    /*#428bc9;*/
    
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 12px;
    text-align: center;
}
.bblue {
    border: 2px solid #734c99;
    /*#428bc9;*/
    
    background: #cec8d9;
    /*#c2d1e7;*/
    
    padding: 0;
}
.top-head {
    background: #734c99;
    /*#428bc9;*/
    
    margin-top: 20px;
}
.top-head p {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin: 0;
    padding-top: 15px;
    font-family: arial;
}
.small-text-head,
.small-text-head span {
    font-size: 12px !important;
    padding-top: 0 !important;
}
.small-text-head span:before {
    content: "\f111";
    font-family: FontAwesome;
    font-size: 7px;
    margin: 0 5px;
    position: relative;
    top: -1px;
}
.top-head h1 {
    text-align: center;
    font-size: 60px;
    font-weight: bold;
    color: #fff;
    margin: 0;
}
.bg,
.user-list {
    background: #734c99;
    /*#428bc9;*/
}
.user-list {
    max-height: 348px;
    height: 100%;
    overflow-y: hidden;
}
#scroll::-webkit-scrollbar {
    width: 8px;
}
#scroll::-webkit-scrollbar-thumb {
    background-color: #6a9bcf;
    border-radius: 10px;
}
#scroll::-webkit-scrollbar-thumb:hover {
    background-color: #6a9bcf;
}
#scroll::-webkit-scrollbar-thumb:active {
    background-color: #6a9bcf;
}
.user-list ul li {
    list-style: none;
    border-top: 1px solid #fff;
    padding: 10px 15px;
    margin: 3px 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.user-list ul li:last-child {
    border-bottom: 1px solid #fff;
}
.user-list ul li span {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin-left: 25px;
}
.user-list ul li:hover,
.user-list ul li:focus {
    background: #fff;
    border-radius: 3px;
}
.user-list ul li.selected {
    background: #fff!important;
    border-radius: 3px;
}
.user-list ul li.selected a span {
    color: #428bc9!important;
}
.user-list ul li:hover a,
.user-list ul li:focus a {
    text-decoration: none;
}
.user-list ul li:hover span,
.user-list ul li:focus span {
    color: #428bc9;
}
.pagin-1 li a {
    color: #63858f;
}
.pagin1 > li > a,
.pagin1 > li > span {
    padding: 3px !important;
    color: #95979c !important;
    border-radius: 0;
    border: none;
    background: transparent;
}
.pmt-tab {
    padding: 0 0 0 8px;
}
.pmt-table {
    margin: 0 0 8px 0;
}
.pmt-table tr.pmt-first-row td {
    font-size: 11px;
    text-align: center;
    font-weight: bold;
    color: Black;
}
.pmt-table td,
.pmt-table .tab-text,
.pmt-table td div {
    font-size: 11px;
    color: #595959;
}
.pmt-table th {
    font-size: 11px!important;
    color: #595959!important;
    text-align: center!important;
}
.pmt-table tr.activeRow td,
.pmt-table tr.activeRow .tab-text,
.pmt-table tr.activeRow td div {
    color: #fff;
}
.pmt-table tr.activeRow td div input {
    color: #595959;
}
.pmt-table tr.activeRow td div.editable-field:hover {
    color: #595959;
}
.pmt-table tr.activeRow td {
    background-color: #734c99 !important;
}
.pmt-table > thead > tr > th,
.pmt-table > tbody > tr > th,
.pmt-table > tfoot > tr > th,
.pmt-table > thead > tr > td,
.pmt-table > tbody > tr > td,
.pmt-table > tfoot > tr > td {
    vertical-align: middle;
}
/*.pmt-table > thead > tr:hover,
.pmt-table > tbody > tr:hover,
.pmt-table > tfoot > tr:hover,
.pmt-table > thead > tr:hover,
.pmt-table > tbody > tr:hover,
.pmt-table > tfoot > tr:hover{
    background: #fffcc;
}
*/

.up-down {
    position: relative;
    margin-top: 6px;
    margin-right: 10px;
}
.up-down .up {
    color: #dcdcdc;
    cursor: pointer;
    line-height: 10px;
    position: absolute;
    top: -10px;
    z-index: 10;
}
.up-down .down {
    color: #dcdcdc;
    cursor: pointer;
    line-height: 10px;
    position: absolute;
    top: 0;
}
.pmt-btn {
    background: #428bc9;
    color: #fff;
    padding: 4px 10px;
    margin: 5px 0;
    font-size: 12px;
    font-weight: bold;
    border-radius: 4px;
}
.pmt-btn:hover,
.pmt-btn:focus {
    color: #fff;
    text-decoration: none;
}
.pmt-btn[disabled='disabled'] {
    cursor: default;
    background: gray;
}
.pmt-pta {
    background: #c2d1e7;
    border: 1px solid #c4c4c4;
    float: left;
    width: 100%;
}
.pta-head {
    padding: 6px 10px 3px 10px;
    margin-bottom: 0;
}
.pta-head span {
    color: #605a50;
    font-size: 12px;
    line-height: 20px;
}
.fancy-hr {
    margin: 3px 0 6px 0;
    border: 1px solid #c4c4c4;
}
.acc-heading {
    font-size: 18px;
    font-weight: normal;
}
.panel .acc-pan-title,
.panel .acc-pan-title a:hover,
.panel .acc-pan-title a:focus {
    color: #428bc9;
}
.panel-group .panel .acc-pan-head {
    background: #fff;
    padding: 8px;
}
.panel-collapse .acc-pan-body {
    background: #c2d1e7;
    padding: 9px;
}
.pmt-pan-def {
    border: none;
    padding: 0 8px;
}
.acc-main-body {
    margin-bottom: 0;
}
.acc-main-body li {
    list-style: none;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    padding: 8px 6px;
    border-bottom: 2px solid #fff;
    text-align: center;
}
.pta-chart-head {
    background: #f7f7f7;
    margin: 5px 0;
    border: 1px solid #c4c4c4;
}
.pmt-acc {
    max-height: 345px;
    height: 100%;
}
.scroll-1::-webkit-scrollbar {
    width: 8px;
}
.scroll-1::-webkit-scrollbar-thumb {
    background-color: #a3bcdd;
    border-radius: 3px;
}
.scroll-1::-webkit-scrollbar-thumb:hover {
    background-color: #a3bcdd;
}
.scroll-1::-webkit-scrollbar-thumb:active {
    background-color: #a3bcdd;
}
.pmt-acc:last-child {
    margin-bottom: 134px;
}
.clock {
    padding: 8px 8px 0 0;
}
.tab-control-label {
    padding-right: 25px!important;
    text-align: right;
}
/**************************************************************** Calendar *********************************************************/

.pmt-cal {
    margin: 0;
    color: #428bca;
}
.pmt-cal span {
    position: relative;
    top: -3px;
}
.calendar {
    margin-bottom: 5px;
}
.calendar > thead > tr > th,
.calendar > tbody > tr > th,
.calendar > tfoot > tr > th,
.calendar > thead > tr > td,
.calendar > tbody > tr > td,
.calendar > tfoot > tr > td,
.pmt-time > thead > tr > th,
.pmt-time > tbody > tr > th,
.pmt-time > tfoot > tr > th,
.pmt-time > thead > tr > td,
.pmt-time > tbody > tr > td,
.pmt-time > tfoot > tr > td {
    padding: 0!important;
    border: 1px solid #428bc9;
    background: #fff;
}
.calendar td>span,
.pmt-time td>span {
    display: block;
}
.calendar:hover .day,
.calendar .day,
.calendar .date,
.calendar:hover .date,
.calendar:hover .date1,
.calendar .date1,
.pmt-time .time,
.pmt-time .time-mode {
    text-align: center;
}
.calendar:hover .day,
.calendar .day {
    font-size: 11px;
    text-transform: uppercase;
    height: 19px;
    color: #c2d1e7;
    margin-top: -3px;
}
.calendar .date,
.calendar:hover .date {
    background: #cec8d9;
    /*#c2d1e7;*/
    
    font-size: 18px;
    color: #428bc9;
    border-bottom: 1px solid #cec8d9;
    /*#c2d1e7;*/
    
    border-top: 1px solid #cec8d9;
    /*#c2d1e7;*/
    
    height: 25px;
}
.calendar:hover .date1,
.calendar .date1 {
    background: #cec8d9;
    /*#c2d1e7;*/
    
    font-size: 18px;
    color: #bebebe;
}
.cal-select {
    background: #ffff99 !important;
    color: #428bc9 !important;
}
.calendar .datePrev {
    cursor: pointer;
}
.calendar .datePrev:hover {
    background: #ffff99 !important;
}
.cal-img {
    height: 13px;
}
.cal-pro {
    height: 12px !important;
    border-radius: 0;
    background: #fff !important;
    border-top: .4px solid #fff;
}
.cal-pro .progress-bar-success,
.time-pro .progress-bar-success {
    background: #8fcc55;
}
.cal-pro .progress-bar-warning,
.time-pro .progress-bar-warning {
    background: #fff;
}
.cal-pro .progress-bar-danger,
.time-pro .progress-bar-danger {
    background: #f45f74;
}
.top-head p {
    font-size: 15px;
}
.top-head h1 {
    font-size: 50px;
}
.small-text-head,
.small-text-head span {
    font-size: 8px !important;
}
.user-list ul li span {
    margin-left: 5px;
    font-size: 13px;
}
.pagin-1 > li > a,
.pagin-1 > li > span,
.pagin-1 > li > a > span {
    font-size: 10px;
}
.acc-main-body li {
    font-size: 10px;
}
.calendar:hover .day,
.calendar .day {
    font-size: 10px;
}
.progress {
    margin-top: 0;
}
.perc {
    margin-bottom: 0;
    font-size: 24px;
    color: #138726;
    font-weight: bold;
}
.progress-bar-success {
    background: #148825;
}
.progress-bar-warning {
    background: #ffd44d;
}
.progress-bar-primary {
    background: #00aff0;
}
table.table-timer td > span {
    color: #887f75;
    font-size: 13px;
    font-weight: 600;
    line-height: 25px;
}
/**************************************************************** TIme *********************************************************/

.pmt-time {
    margin-bottom: 0;
}
.pmt-time .time,
.pmt-time:hover .time {
    background: #c2d1e7;
    font-size: 12px;
    color: #428bc9;
    border-bottom: 2px solid #ffff99;
}
.pmt-time .time1,
.pmt-time:hover .time1 {
    border-bottom: 2px solid #707070;
}
.pmt-time:hover .time-mode,
.pmt-time .time-mode {
    background: #fff;
    color: #e6e6e6;
    font-size: 16px;
}
.time-pro {
    height: 24px !important;
    border-radius: 0;
    background: #fff !important;
    border-top: .4px solid #fff;
    margin-bottom:0px;
}
/**************************************************************** User Group & Right *********************************************************/

.ugr-head1,
.ugr-head2,
.ugr-head3,
.ugr-head4 {
    background-image: url(/images/step-1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 91px;
    font-size: 40px;
    font-family: "Impact";
    color: #fff;
    padding: 4px 0 0 12px;
    width: 104%;
    text-transform: uppercase;
}
.ugr-head1 span,
.ugr-head2 span,
.ugr-head3 span,
.ugr-head4 span {
    display: block;
    font-size: 20px;
}
.ugr-head2 {
    background-image: url(/images/step-2.png);
}
.ugr-head3 {
    background-image: url(/images/step-3.png);
}
.ugr-head4 {
    background-image: url(/images/step-4-n.png);
    width: 103%;
    position: relative;
    z-index: 9;
}
.pn {
    padding: 0;
}
.com-name,
.com-name-1,
.com-name-2 {
    background: #bbd1eb;
    padding: 4px;
    height: 625px;
    width: 98%;
    overflow-y: scroll;
}
.com-name-2 {
    background: #fcb615;
}
.com-det,
.com-acc {
    background: #fff;
    padding: 10px 3px;
    height: 60px;
    border-radius: 5px;
    margin-top: 5px;
    min-width: 100%;
}
.com-det:hover,
.com-acc:hover,
.activated {
    background: #fcf6ce;
}
.com-name .com-det h5,
.com-name-1 .com-acc h5,
.com-name-2 .com-acc h5 {
    display: inline;
    font-size: 11px;
    font-weight: bold;
    font-family: "arial";
    position: relative;
    top: -8px;
    padding-left: 2px;
    color: #746d62;
    margin-bottom: 0;
}
.com-name .com-det h5 span,
.com-name-1 .com-acc h5 span,
.com-name-2 .com-acc h5 span {
    font-size: 11px;
    padding-left: 62px;
    position: relative;
    top: -5px;
    color: #d0d2c1;
}
.com-name-1 .com-acc h5 span,
.com-name-2 .com-acc h5 span {
    padding-left: 51px;
}
.com-acc>img,
.com-det>img {
    width: 27px;
    height: 27px;
}
.com-img-sm {
    margin-top: -35px;
    margin-right: 2px;
    position: relative;
}
.com-img-sm img {
    width: 18px;
    height: 18px;
    display: block;
}
.com-img-sm img:last-child {
    margin-top: 5px;
}
.set-right {
    background: #bbd1eb;
    padding: 10px;
    /*height: 582px;
    overflow-y: scroll;*/
}
.set-right-head {
    background: #3596d6;
    font-size: 16px;
    font-weight: bold;
    font-family: "arial";
    color: #fff;
    padding: 6px 0 6px 6px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-bottom: 0;
}
.right-mid-sec {
    background: #dddddd;
}
.ugr-table {
    margin-bottom: 2px;
}
.ugr-table>thead>tr>th,
.ugr-table>tbody>tr>th,
.ugr-table>tfoot>tr>th,
.ugr-table>thead>tr>td,
.ugr-table>tbody>tr>td,
.ugr-table>tfoot>tr>td {
    vertical-align: middle;
    padding: 0px 5px;
}
.ugr-row>td span {
    font-size: 12px;
    color: #3596d6;
}
.ugr-row {
    border-bottom: 2px solid #bbd1eb;
    background: #f2f4f5;
}
.last-row {
    height: 40px;
    background-color: #3596d6;
    border: 1px solid #3596d6;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px;
}
.last-row:hover {
    background-color: #3596d6 !important;
}
.new-wid {
    width: 49.6%;
}
.sp-row,
.td-menu {
    height: 33px;
}
.td-menu td {
    font-family: "arial";
    font-weight: bold;
    font-size: 12px;
    color: #3596d6;
    background: #dddddd;
    border-bottom: 2px solid #bbd1eb;
}
.td-menu td:after {
    content: "|";
    color: #3596d6;
    padding-left: 3px;
    font-weight: bold;
}
.td-menu td:first-child::after,
.td-menu td:last-child::after {
    content: "";
}
.sub-td img {
    padding-left: 6px;
}
.ugr-table>tbody {
    height: 400px;
    overflow-y: scroll;
}
.ugr-table tr:hover {
    background: #f2f4f5;
}
.ugr-table tr:hover td span {
    color: #3596d6;
}
.ugr-bot {
    background: #9c9c9c;
    padding: 8px;
    margin-top: 2px;
}
.bottom-sec {
    margin-bottom: 0;
}
.bottom-sec li {
    display: inline-block;
    background: #fff;
    padding: 7px;
    border-right: 5px solid #fcb615;
    border-radius: 5px;
}
.bottom-sec h5 {
    padding-left: 40px;
    margin-top: -34px;
    margin-bottom: 0;
    font-family: "Impact";
    font-size: 24px;
    color: #3596d6;
}
.bottom-sec h5 span {
    display: block;
    color: #9c9993;
    font-family: "Arial";
    font-size: 12px;
}
.xtra-right {
    background: #fcb615;
    height: 800px;
    padding: 15px;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
}
.new-head {
    color: #3596d6;
}
.set-right-head~.fancy-checkbox {
    display: none;
}
.pmt-time {
    margin-bottom: 0;
}
.pmt-time .time,
.pmt-time:hover .time {
    background: #c2d1e7;
    font-size: 12px;
    color: #428bc9;
    border-bottom: 2px solid #ffff99;
}
.pmt-time .time1,
.pmt-time:hover .time1 {
    border-bottom: 2px solid #707070;
}
.pmt-time:hover .time-mode,
.pmt-time .time-mode {
    background: #fff;
    color: #e6e6e6;
    font-size: 16px;
    line-height: 30px;
}
.time-pro {
    height: 30px !important;
    border-radius: 0;
    background: #fff !important;
    border-top: .4px solid #fff;
}
.confi-heading {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d3d7db;
    border-left: 1px solid #d3d7db;
    padding: 10px 15px
}
.confi-side {
    border-bottom: 1px solid #d3d7db;
    padding: 10px 0px 11px 15px
}
.confi-text {
    margin-left: 10px;
    margin-top: 10px
}
.billable-graph {
    border: 1px solid #ddd;
    min-height: 300px;
    background-color: #fff;
    margin: 7px 7px 7px 0
}
.back-area-design {
    background-color: #428bc9;
    padding: 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin: 7px 0px;
    color: #fff
}
.user-acc-text {
    margin-top: 12px;
    margin-left: 10px
}
.after-graph-area {
    background-color: #c2d1e7;
    min-height: 600px;
    border: 1px solid #ddd;
    margin: 7px 7px 7px 0
}
.control-1 {
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #c4c4c4;
    margin: 0px -10px 0px 0px
}
.control-2 {
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #c4c4c4;
    margin: 0px -10px
}
.control-3 {
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #c4c4c4;
    margin: 0px 0px 0px -10px
}
.onoffswitch {
    position: relative;
    width: 62px;
    margin-top: 5px;
    /*  margin-left: 15px;*/
    
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #3ca2ec;
    border-radius: 20px;
}
.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    -webkit-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 20px;
    padding: 0;
    line-height: 22px;
    font-size: 12px;
    color: white;
    font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #3ca2ec;
    color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #EEEEEE;
    color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block;
    width: 30px;
    /*  margin: 6px;*/
    
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 32px;
    border: 2px solid #e2e9f1;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}
/*************************************************Company Accounts Start Here*******************************************/

.ca-blank-h36 {
    height: 36px;
}
.main-text {
    color: #0061bc;
    font-size: 40px;
    font-weight: bold;
}
.ca-container-width {
    width: 12%;
    float: left;
}
.ca-container-width-1 {
    width: 88%;
    float: left;
    padding: 2px 7px;
    position: relative;
}
.ec-img {
    display: none;
}
.list-inner {
    padding-left: 29px!important;
}
/*.ec-img-hover:hover .ec-img{display: block;float: right; z-index: 99999; position: absolute; top: 5px; margin-left: 64%;}*/

.ec-img-hover:hover .ec-img {
    display: block;
    position: absolute;
    right: 0;
    top: 2px;
    z-index: 1;
}
.fe-list-new {
    background: #d2dded none repeat scroll 0 0;
    margin-bottom: 4px;
    padding: 3px;
}
.td-menu td:first-child::after,
.td-menu td:last-child::after,
.td-menu td:nth-child(2)::after {
    content: "";
}
.uga-td-heading {
    color: #009900 !important;
    font-weight: 600;
    line-height: 3;
    font-size: 10px;
}
.padding-16 {
    padding: 16px;
}
.myScrollbarV {
    position: absolute;
    right: 18px;
    top: 35px;
    width: 8px;
    z-index: 100;
    height: 385px;
}
.myScrollbarV > div {
    background: #428bc9 none repeat scroll 0 0;
    border: 1px solid #428bc9;
    border-radius: 4px;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    z-index: 100;
}
.myfireScrollbarV {
    position: absolute;
    right: 18px;
    top: 102px;
    width: 8px;
    z-index: 100;
    height: 200px;
}
.myfireScrollbarV > div {
    background: #428bc9 none repeat scroll 0 0;
    border: 1px solid #428bc9;
    border-radius: 4px;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    z-index: 100;
}
.myboboxScrollbarV {
    position: absolute;
    right: 18px;
    top: 47px;
    width: 8px;
    z-index: 100;
    height: 413px;
}
.myboboxScrollbarV > div {
    background: #428bc9 none repeat scroll 0 0;
    border: 1px solid #428bc9;
    border-radius: 4px;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    z-index: 100;
}
.myaboxScrollbarV {
    position: absolute;
    right: 18px;
    top: 35px;
    width: 8px;
    z-index: 100;
    height: 385px;
}
.myaboxScrollbarV > div {
    background: #428bc9 none repeat scroll 0 0;
    border: 1px solid #428bc9;
    border-radius: 4px;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    z-index: 100;
}
.admin-space {
    margin-right: -15px;
    border-bottom: 1px solid #e6e6e6;
    min-height: 70px;
}
.admin-space-2 {
    margin-right: -15px;
}
.user-space {
    padding-top: 5px;
    border-right: 1px solid #e6e6e6;
    min-height: 69px;
}
.user-name-style {
    color: #5a5a60;
    margin-left: 12px;
    float: left;
    margin-top: 12px
}
.admin-heading-style {
    background: #f7f7f7;
    min-height: 69px;
}
.pearl {
    background: #ddd none repeat scroll 0 0;
    color: #428bc9;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 12px;
    text-align: center;
}
.admin-contant-area {
    background: #9c9c9c;
    min-height: 790px;
}
.admin-contant-inner-area {
    background: #f2f2f2;
    min-height: 770px;
    border-radius: 8px;
    padding: 12px;
    margin-top: 10px;
    width: 20%;
    float: left;
}
.admin-contant-inner-area-2 {
    background: #f2f2f2;
    min-height: 770px;
    border-radius: 8px;
    padding: 12px;
    margin-top: 10px;
    width: 58%;
    float: left;
    margin-left: 10px;
}
.admin-contant-inner-area-3 {
    background: #f2f2f2;
    min-height: 770px;
    border-radius: 8px;
    padding: 12px;
    margin-top: 10px;
    width: 20%;
    float: left;
    margin-left: 10px;
}
.my-col-md-11 {
    float: left;
    width: 95%;
    margin-left: 10px;
}
.my-col-md-1 {
    float: left;
    width: 3.5%;
    margin-left: 5px;
}
.crg,
.tua,
.arg {
    background: #e5e5e5 none repeat scroll 0 0;
    border-radius: 5px;
    color: #428bca;
    font-family: Impact;
    font-size: 19px;
    margin-bottom: 0;
    padding: 10px;
}
.new-hr {
    border-color: #e5e5e5;
    margin: 5px 0;
}
.ca-form {
    margin-bottom: 0;
}
.pn {
    padding: 0;
}
.cl-btn {
    display: block;
}
.cl-btn i {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    color: #e5e5e5;
    font-size: 12px;
    margin-left: 2px;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 3px 10px;
}
.ca-input input {
    border: medium none;
    font-size: 14px;
}
.my-projects-search input {
    padding:6px 30px 6px 6px; 
}
.ca-input input::-moz-placeholder {
    color: #888;
}
.ca-input input:focus {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    box-shadow: none;
}
.sr-btn {
    color: #888888;
    top: 5px;
}
.ca-com-list {
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    -webkit-user-select: none;
    /* Chrome all / Safar i all */
    
    -moz-user-select: none;
    /* Firefox all */
    
    -ms-user-select: none;
    /* IE 10+ */
    
    user-select: none;
    /* Likely future */
}
.ca-com-name-list {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #9c9c9c;
    max-height: 36px;
    padding: 3px;
    -webkit-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    
    -moz-user-select: none;
    /* Firefox all */
    
    -ms-user-select: none;
    /* IE 10+ */
    
    user-select: none;
    /* Likely future */
}
.ca-com-name-list2 {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #9c9c9c;
    padding: 3px;
    -webkit-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    
    -moz-user-select: none;
    /* Firefox all */
    
    -ms-user-select: none;
    /* IE 10+ */
    
    user-select: none;
    /* Likely future */
}
.ca-maxwidth {
    max-width: 250px!important;
}
.ca-com-name {
    color: #428bca;
    font-family: Impact;
}
.ca-com-name-list:hover,
.com-name-active {
    background: #d2dded none repeat scroll 0 0;
    cursor: pointer;
}
.list-inner > img {
    padding-left: 30px;
}
.no-hov:hover {
    background: #fff none repeat scroll 0 0;
}
.ca-new-grp {
    color: #e5e5e5;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
.ca-blank {
    height: 36px;
}
.ca-itm-num {
    background: #fff none repeat scroll 0 0;
    border-bottom: 3px solid #dbdbdb;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    color: #9c9c9c;
    font-family: Impact;
    margin-bottom: 0;
    padding: 8px 0 8px 20px;
}
.tua {
    color: #fcb615;
}
.y-hov:hover,
.com-name-active-1 {
    background: #fee9d4 none repeat scroll 0 0;
}
.name-1 {
    color: #fcb615 !important;
}
.ca-imgs {
    padding-right: 10px;
}
.img-1 {
    margin-right: 17px;
}
.img-1 span {
    color: #9c9c9c;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}
#tabs {
    border-top: medium none;
    padding: 0;
}
#tabs .ui-widget-header {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #f0f0f0 none repeat scroll 0 0;
    border-color: -moz-use-text-color -moz-use-text-color #dbdbdb;
    -webkit-border-image: none;
    -o-border-image: none;
       border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
}
.ui-tabs .ui-tabs-nav {
    padding: 0;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: #fff none repeat scroll 0 0;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    color: #bbbbbb;
    font-size: 12px;
    font-weight: bold;
    padding: 0.3em 0.6em;
}
.ui-tabs .ui-tabs-nav li {
    border-bottom-width: 0;
    float: left;
    list-style: outside none none;
    margin: 1px 0.2em 0 0;
    padding: 0;
    position: relative;
    top: 0;
    white-space: nowrap;
}
.ui-widget-content {
    border: medium none;
}
#tabs-1 h1 {
    color: #428bca;
    font-family: Impact;
    font-size: 28px;
    text-align: center;
}
.front-end {
    left: 10%;
    position: relative;
    top: 10px;
    width: 150px;
}
.front-end > img {
    bottom: 10%;
    left: -13%;
    position: absolute;
    width: 50px;
    z-index: 1;
}
.fe-head {
    background: #428bca none repeat scroll 0 0;
    border-radius: 6px;
    color: #fff;
    font-family: Impact;
    font-size: 25px;
    font-weight: 300;
    letter-spacing: 0.5px;
    padding: 4px 13px 4px 34px;
}
.fe-box {
    border: 2px solid #428bca;
    border-radius: 5px;
    height: 400px;
    padding: 20px 10px;
}
.fe-list {
    background: #d2dded none repeat scroll 0 0;
    border-left: 4px solid #428bca;
    margin-bottom: 4px;
    padding: 3px;
}
.fe-list-name {
    color: #428bca;
    font-family: Impact;
    font-size: 12px;
    font-weight: 500;
}
.fe-img {
    margin-top: 3px;
    padding-right: 3px;
}
.firewall {
    margin-top: 70px;
}
.fire {
    left: 20px;
    position: relative;
    top: 10px;
}
.fire > img {
    left: -10px;
    position: absolute;
    top: -15px;
    width: 60px;
}
.fire-head {
    background: #ff0000 none repeat scroll 0 0;
    border-radius: 6px;
    color: #fff;
    font-family: Impact;
    font-size: 26px;
    font-weight: 300;
    letter-spacing: 0.5px;
    padding: 4px 13px 4px 43px;
}
.fire-box {
    border: 2px solid #ff0000;
    border-radius: 5px;
    padding: 20px 10px;
}
.bo {
    margin-bottom: -120px;
}
.bo-box {
    border: 2px solid #f2a600;
    border-radius: 5px;
    height: 430px;
    padding: 20px 10px;
}
.box-bo-margin {
    margin-top: 40px;
}
.bo-head {
    background: #f2a600 none repeat scroll 0 0;
    border-radius: 6px;
    color: #fff;
    font-family: Impact;
    font-size: 26px;
    font-weight: 300;
    letter-spacing: 0.5px;
    padding: 4px 10px 4px 30px;
}
.back-end {
    bottom: 15px;
    margin-bottom: -15px;
    position: relative;
}
.back-end > img {
    left: -23px;
    position: absolute;
    top: -8px;
    width: 60px;
}
.inner-bot {
    color: #d1d6dc;
    margin-top: 17px;
}
.step {
    font-family: Impact;
    font-size: 40px;
}
.step-2 {
    font-family: Impact;
    font-size: 40px;
}
.bot-sec {
    color: #d1d6dc;
    font-size: 10px;
    line-height: 13px;
    margin-left: 120px;
    margin-top: -44px;
    text-align: justify;
    width: 250px;
}
.team-section {
    border-top: 1px solid #9c9c9c;
}
.ca-itm-num {
    background: #fff none repeat scroll 0 0;
    border-bottom: 3px solid #dbdbdb;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    color: #9c9c9c;
    font-family: Impact;
    margin-bottom: 0;
    padding: 8px 0 11px 20px;
}
.inner-bot-2 {
    color: #d1d6dc;
}
.full {
    color: #d1d6dc;
    font-size: 10px;
    line-height: 14px;
    margin-left: 120px;
    margin-top: -30px;
    text-align: justify;
}
.blue-side {
    border: 3px dashed #428bca;
    margin: 6px 0;
}
.no-border {
    border: medium none;
}
.border {
    border: 1px solid #9c9c9c;
    margin: 0 5px;
}
.yellow-side {
    border: 3px dashed #f2a600;
    margin: 6px 0;
}
.red-side {
    border: 3px dashed #ff0000;
    margin: 6px 0;
}
.g-access {
    border: 3px solid #428bca;
    border-radius: 6px;
    height: 530px;
    margin-top: 50px;
    padding-bottom: 50px;
}
.ga-btn {
    left: 70px;
    position: relative;
    top: -20px;
}
.ga-btn > img {
    left: -41px;
    position: absolute;
    top: -19px;
    width: 55px;
}
.g-head {
    background: #428bca none repeat scroll 0 0;
    border-radius: 6px;
    color: #fff;
    font-family: "Impact";
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.5px;
    padding: 8px 10px 8px 15px;
}
.bl {
    border-left: 5px solid #fcb615;
    margin-bottom: 100px;
}
.name-1 {
    color: #fcb615 !important;
}
.ugr-table {
    margin-bottom: 2px;
}
.ugr-table > tbody {
    height: 400px;
    overflow-y: scroll;
}
.user-heading span {
    color: #428bca;
    font-family: "Impact";
    font-size: 27px;
    margin-left: -13px;
}
table.user-app-table td > span {
    color: #009900 !important;
    font-weight: 600;
    line-height: 25px;
}
.ca-table {
    border: 3px solid #009900;
    border-radius: 6px;
    margin-bottom: -10px;
    margin-top: -4px;
    padding: 5px;
    padding-bottom: 50px;
    height: 510px;
    overflow-y: scroll;
}
.ca-menu td {
    background-color: #009900 !important;
    color: #fff;
}
.ca-menu td::after {
    color: #fff;
    content: "|";
    font-weight: bold;
    padding-left: 5px;
}
.ca-row > td span {
    font-size: 10px;
}
.user-heading ~ .fancy-checkbox {
    display: none;
}
.sp-row,
.td-menu {
    height: 33px;
}
.user-heading {
    padding-left: 13px;
}
.user-heading > img {
    width: 40px;
}
.ma-btn {
    left: 70px;
    position: relative;
    top: 0px;
}
.ma-btn > img {
    left: -41px;
    position: absolute;
    top: -11px;
    width: 55px;
}
.ma-head {
    background: #009900 none repeat scroll 0 0;
    border-radius: 6px;
    color: #fff;
    font-family: "Impact";
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.5px;
    padding: 8px 10px 8px 15px;
}
/*************************************************Company Accounts End Here*******************************************/
/*************************************************Proposal Submission Start Here*******************************************/

h4.panel-title a.title-text {
    color: #fff !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
}
h4.panel-title a.title-text:hover {
    text-decoration: underline;
}
.pull-right-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin-right: 59px;
}
.panel-collapse .checkbox label {
    color: #33b6e4;
    font-weight: bolder;
    margin-top: 2px;
}
.ProSub {
    background: #f5f5f5;
    margin-right: -15px;
    border-bottom: 1px solid #cbcbcb;
    min-height: 40px;
    color: #6f6f6f;
    line-height: 40px;
}
.ResumeResponse {
    background-color: #368a0e;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    height: 25px;
    line-height: 25px;
    width: auto;
}
.ResumeResponse:hover {
    background-color: #1b4507;
}
.ProSub2 {
    margin-right: -15px;
}
.ProSubBorderRight {
    border-right: 1px solid #cbcbcb;
}
.MyProCheck {
    content: "";
    display: inline;
    margin-left: -38px;
}
.panel .panel-body {
    padding: 15px 25px 8px !important;
}
.ProSubmission {
    background-color: #538ed4;
    border-radius: 3px;
    color: #eaf8f8;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 27px;
    font-weight: bold;
    line-height: 40px;
    padding: 0 5px;
    margin-top: 5px;
}
.ProSubmission2 {
    background-color: #f9efb2;
    border-radius: 3px;
    color: #534a43;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: bold;
    line-height: 40px;
    padding: 0 5px;
    margin-top: 5px;
}
.ProSubmissionTable {
    background-color: #b2b2b2;
    border-radius: 5px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-left: 24px;
    margin-top: 3px;
    width: 99.4%;
}
.ProSubmission-td {
    width: 72px;
    vertical-align: text-top;
    padding-top: 10px;
}
.ProSubmission-td-2 {
    width: 288px;
    vertical-align: text-top;
    padding-top: 10px;
}
.ProSubmission-td-3 {
    width: 164px;
    vertical-align: text-top;
    padding-top: 10px;
}
.ProSubmission-td-4 {
    width: 119px;
    vertical-align: text-top;
    padding-top: 10px;
}
.ProSubmission-td-5 {
    width: 515px;
    vertical-align: text-top;
    padding-top: 10px;
}
.ProSubmission-td-6 {
    text-align: center;
    width: 241px;
    vertical-align: text-top;
    padding-top: 10px;
}
.ProSubmission-td-7 {
    text-align: right;
    padding-right: 5px;
    font-size: 27px;
    color: #fbc5c5;
    vertical-align: text-top;
    padding-top: 10px;
}
.ProSubmissionTable-2 {
    color: #888888;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin-left: 24px;
    margin-top: -23px;
    width: 99.4%;
}
.JobName {
    color: #5e8bc2;
    font-weight: bold
}
.ProSubmissionTable-3 {
    color: #888888;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin-left: 24px;
    width: 99.4%;
}
.in-progress {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #5784d9;
    border-radius: 3px;
    color: #508ed9;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    line-height: 17px;
    width: 138px;
}
.proposal-sent {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #fecd44;
    border-radius: 3px;
    color: #eccf7f;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    line-height: 17px;
    width: 138px;
}
.no-response {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #cc251c;
    border-radius: 3px;
    color: #d7211e;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    line-height: 17px;
    width: 138px;
}
.positive-response {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #3f8e21;
    border-radius: 3px;
    color: #1eac0c;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    line-height: 17px;
    width: 138px;
}
/*************************************************Proposal Submission End Here*******************************************/
/*************************************************UserAccountManagement start Here*******************************************/

.pos-abs-parent {
    position: absolute;
    top: 0;
    left: 0;
}
.admin-contant-inner-area-5 {
    background: #f2f2f2 none repeat scroll 0 0;
    border-radius: 8px;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    min-height: 790px;
    padding: 12px 12px 10px;
    width: 79%;
}
.admin-contant-inner-area-6 {
    background: #f2f2f2 none repeat scroll 0 0;
    border-radius: 8px;
    float: left;
    margin-top: 10px;
    min-height: 790px;
    padding: 12px;
    width: 20%;
}
.admin-contant-inner-area-7 {
    background: #f2f2f2 none repeat scroll 0 0;
    border-radius: 8px;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    min-height: 790px;
    padding: 12px;
    width: 79%;
}
.admin-contant-inner-area-8 {
    background: #f2f2f2 none repeat scroll 0 0;
    border-radius: 8px;
    float: left;
    margin-top: 10px;
    min-height: 790px;
    padding: 12px;
    width: 20%;
}
.ca-form-1 {
    margin-bottom: 0;
    margin-left: 11px;
    margin-top: -7px;
}
.ca-form-2 {
    margin-bottom: 0;
    margin-top: -7px;
}
.tpc-heading-area {
    color: rgb(255, 255, 255);
    background: rgb(252, 182, 21) none repeat scroll 0% 0%;
    margin-left: 0px;
    font-family: Impact;
    min-height: 35px;
    line-height: 34px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: 1px solid #9c9c9c;
}
.tpc-heading-area-4 {
    color: rgb(255, 255, 255);
    background: #428bca none repeat scroll 0% 0%;
    margin-left: 0px;
    font-family: Impact;
    min-height: 35px;
    line-height: 34px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: 1px solid #9c9c9c;
}
.tpc-heading-area-2 {
    color: rgb(255, 255, 255);
    background: rgb(252, 182, 21) none repeat scroll 0% 0%;
    margin-left: 0px;
    margin-right: 0;
    font-family: Impact;
    min-height: 35px;
    line-height: 34px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: 1px solid #9c9c9c;
}
.tpc-heading-area-6 {
    color: rgb(255, 255, 255);
    background: rgb(252, 182, 21) none repeat scroll 0% 0%;
    margin-left: 0px;
    margin-right: 0;
    font-family: Impact;
    min-height: 35px;
    line-height: 34px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: 1px solid #9c9c9c;
}
.tpc-heading-area-5 {
    color: rgb(255, 255, 255);
    background: #428bca none repeat scroll 0% 0%;
    margin-left: 0px;
    margin-right: 0;
    font-family: Impact;
    min-height: 35px;
    line-height: 34px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: 1px solid #9c9c9c;
}
.ca-com-name-list-2 {
    background: #fee9d4 none repeat scroll 0 0;
    padding: 3px;
    -webkit-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
}
.ca-blank-1 {
    height: 30px;
    margin-left: -15px;
    margin-right: -30px;
}
.ca-itm-num-1 {
    background: #f0f0f0 none repeat scroll 0 0;
    border-bottom: 3px solid #dbdbdb;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    color: #9c9c9c;
    font-family: Impact;
    margin-left: -15px;
    margin-right: -30px;
    padding: 6px 0 6px 20px;
}
.tpc-inner-area {
    border-bottom: 1px solid #9c9c9c;
    background: transparent;
    margin-left: 0;
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    
    -moz-user-select: none;
    /* Firefox all */
    
    -ms-user-select: none;
    /* IE 10+ */
    
    user-select: none;
    /* Likely future */
}
.tpc-inner-area-1 {
    border-bottom: 1px solid #9c9c9c;
    background: #fee9d4 none repeat scroll 0 0;
    margin-left: 0
}
.tpc-inner-area-2 {
    border: 1px solid #dddddd;
    background: #fff none repeat scroll 0 0;
    margin-left: 0;
    margin-right: 0;
}
.form-control-feedback-1 {
    display: block;
    height: 34px;
    line-height: 34px;
    position: absolute;
    right: 16px;
    text-align: center;
    top: 45px;
    width: 34px;
    z-index: 2;
}
.tpc-heading-area-3 {
    color: rgb(255, 255, 255);
    background: #428bca none repeat scroll 0% 0%;
    margin: 26px 10px 5px;
    font-family: Impact;
    min-height: 35px;
    line-height: 34px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: 1px solid #9c9c9c;
}
.ca-itm-num-2 {
    background: #f0f0f0 none repeat scroll 0 0;
    border-bottom: 3px solid #dbdbdb;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    color: #9c9c9c;
    font-family: Impact;
    margin-left: -15px;
    margin-right: -15px;
    padding: 8px 0 8px 20px;
}
.dragndrop {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fff none repeat scroll 0 0;
    border-color: -moz-use-text-color #428bca #428bca;
    -webkit-border-image: none;
    -o-border-image: none;
       border-image: none;
    border-style: none dashed dashed;
    border-width: medium 3px 3px;
    margin-bottom: 35px;
    margin-left: -4px;
    margin-right: -4px;
    min-height: 250px;
    padding: 0 5px;
}
.dragndrop-2 {
    background: #fff none repeat scroll 0 0;
    border: 3px dashed #fcb615;
    border-top: none;
    margin-bottom: 35px;
    margin-left: -4px;
    margin-right: -4px;
    min-height: 255px;
    padding: 0 5px;
}
.fe-list-1 {
    background: #d2dded none repeat scroll 0 0;
    margin-bottom: 4px;
    padding: 3px;
}
.fe-list-2 {
    background: #fee9d4 none repeat scroll 0 0;
    margin-bottom: 4px;
    padding: 3px;
    border: 1px solid #9c9c9c;
}
.crp-btn {
    margin-left: 5px;
    margin-top: -80px;
    position: absolute;
    z-index: 999;
}
.ca-itm-num-3 {
    background: #f0f0f0 none repeat scroll 0 0;
    border-bottom: 3px solid #dbdbdb;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 2px 15px;
}
.uam-btn {
    border: none;
    background: #428bca;
    color: #fff;
    font-family: Impact;
    letter-spacing: 1px;
    border-radius: 3px;
    padding: 3px 10px;
    margin-right: 10px;
}
.admin-contant-area-2 {
    background: #9c9c9c none repeat scroll 0 0;
    min-height: 810px;
}
.list-inner-2 {
    padding-left: 45px;
}
.team-name-padding {
    padding-left: 50px;
}
.top-nav-user-name {
    color: #5a5a60;
    margin-left: 12px;
    float: left;
    margin-top: 12px;
}
.teamgroup {
    background-color: #fff;
}
/*************************************************UserAccountManagement End Here*******************************************/
/*************************************************BuildItLive Start Here*******************************************/

.marg-top-10 {
    margin-top: 10px;
}
/*.BuildItLiveContainer{background: #9c9c9c; margin-left: -20px; margin-right: -20px;}*/

.BuildItLiveContainer {
    background: #9c9c9c;
    width: 100.7%;
    height: 875px;
    overflow-y: auto;
}
.BuilditliveHeading {
    font-family: Impact;
    font-size: 28px;
    color: #406e4e;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.BuildItLiveLeftContainer {
    float: left;
    min-height: 800px;
    padding: 12px 8px 0 0;
    width: 14%;
    position: relative;
}
.BuildItLiveRightContainer {
    border-radius: 8px;
    float: left;
    margin-top: 10px;
    /*min-height: 800px;*/
    
    width: 86%;
}
.cl-btn-2 i {
    color: #676767;
    padding: 5px 10px;
}
ul.builditlive-nav-tabs {
    padding-left: 0 !important;
}
.nav-tabs > li.builditlive-active {
    background-color: #7b7b7b;
    float: left;
    color: #fff !important;
    font-weight: bold;
    margin-bottom: 0;
    padding-right: 0;
}
.nav-tabs > li.builditlive-active a {
    color: #D2DDED !important;
    padding: 7.5px !important;
    font-family: Impact;
    font-size: 14px;
    letter-spacing: 2px;
}
input.padding-37 {
    padding-right: 37px;
}
input.bp2032 {
    border-radius: 20px;
    padding-right: 32px;
}
.opp-fa-search {
    background-color: #fff;
    border-radius: 20px;
    color: #888888;
    padding: 0 9px;
    border: 1px solid #fff;
}
input.fa-search-input {
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 6px 6px 7px;
    width: 100%;
}
input.fa-search-input:focus {
    background: #fff none repeat scroll 0 0;
    box-shadow: none;
    outline: 0 none;
    border: none;
}
.builditlive-nav-tabs > li.active > a,
.builditlive-nav-tabs > li.active > a:hover,
.builditlive-nav-tabs > li.active > a:focus {
    background-color: #9c9c9c;
    border: 1px solid #9c9c9c;
    color: #D2DDED;
    font-weight: bold;
    cursor: default;
    border-radius: 0;
}
.builditlive-tab-content {
    width: 112%;
}
.builditlive-tab-content-inner {
    background: #a9a9a9;
    height: 40px;
    margin-bottom: 1px;
    padding-top: 5px;
    border-left: 12px solid #f3a600;
    margin-left: -13px;
}
.builditlive-tab-content-inner-2 {
    height: 40px;
    padding-top: 5px;
    border-left: 12px solid #f3a600;
    margin-left: -4px;
    border-bottom: 1px solid #a9a9a9;
}
.builditlive-nav-plus {
    width: 10%;
    float: left;
}
.builditlive-my-project {
    width: 80%;
    float: left;
    color: #fff;
    font-weight: bold;
    margin-top: 2px;
}
.builditlive-star-image {
    width: 8%;
    float: right;
}
.BuildItLiveRightContainerInner {
    width: 95%;
    float: left;
    /*min-height: 855px;*/
    
    padding: 5px 10px;
    background: #f2f2f2;
    margin-left: 10px;
    border-radius: 8px 0 8px 8px;
}
.BuildItLiveRightContainerInner3 {
    width: 95%;
    float: left;
    height: 99%;
    /*min-height: 855px;*/
    
    background: #f2f2f2;
    margin-left: 10px;
    border-radius: 8px 0 0 8px;
}
.BuildItLiveRightContainerInner2 {
    width: 2%;
    float: left;
    /*min-height: 800px;*/
}
.DashboardTab {
    position: absolute;
    background: #428bca;
    color: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    margin-top: 32px;
    float: left;
    font-weight: bold;
    margin-left: -33px;
    padding: 8px 15px;
}
.WorkflowTab {
    position: absolute;
    background: #428bca;
    color: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    margin-top: 131px;
    float: left;
    font-weight: bold;
    margin-left: -26px;
    padding: 8px 15px;
}
.ApplicationsTab {
    position: absolute;
    background: #ff9900;
    color: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    margin-top: 232px;
    float: left;
    font-weight: bold;
    margin-left: -35px;
    padding: 8px 15px;
}
.NotificationsTab {
    position: absolute;
    background: #428bca;
    color: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    margin-top: 342px;
    float: left;
    font-weight: bold;
    margin-left: -35px;
    padding: 8px 15px;
}
.ConfigurationTab {
    position: absolute;
    background: #428bca;
    color: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    margin-top: 456px;
    float: left;
    font-weight: bold;
    margin-left: -39px;
    padding: 8px 15px;
}
.img-frame {
    width: 100%;
    height: 210px;
    margin: 0 auto;
    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background: #fff;
    padding-top: 20px;
}
.img-frame:hover {
    border: 1px solid #ccc;
    box-shadow: 1px 1px 5px #999;
}
.img-text {
    color: #4e3d57;
    font-weight: bold;
    width: 80%;
    margin: 10px auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.img-center {
    margin: 0 auto;
}
.SelectFavourite {
    color: #cdcdcd;
    font-weight: bold;
    position: relative;
}
ul.builditlive-pagination li a {
    background: #444444 !important;
    border: 2px solid #272727;
    color: #fff !important;
}
ul.builditlive-pagination li.active a {
    background: #468750 !important;
    border: 1px solid #272727;
    color: #fff !important;
}
ul.builditlive-pagination > .disabled > span,
ul.builditlive-pagination > .disabled > span:hover,
ul.builditlive-pagination > .disabled > span:focus,
ul.builditlive-pagination > .disabled > a,
ul.builditlive-pagination > .disabled > a:hover,
ul.builditlive-pagination > .disabled > a:focus {
    border: 2px solid #272727 !important;
    color: #66665d !important;
}
.GabeProject ul {
    list-style-type: none;
    margin-left: -28px;
}
.GabeProject ul li {
    min-height: 30px;
}
.GabeProject ul li a {
    color: #55595d;
    display: block;
    padding: 5px 10px;
}
.GabeProject ul li a:hover {
    background: #3875d7;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
}
.GabeProject ul li a.active {
    background: #3875d7;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
}
.GabeProject ul li a i {
    color: #b7d5f6;
    text-shadow: 0 0.5px #000;
}
.text-width p {
    width: 94%;
    overflow: hidden;
    text-overflow: ellipsis;
    ;
    white-space: nowrap;
}
.selectedfileicon > img {
    background: #ccc none repeat scroll 0 0;
    border-radius: 4px;
    padding: 5px;
}
.selectedfileicon > p {
    background: #3875d5 none repeat scroll 0 0;
    border-radius: 10px;
    color: #fff;
    margin-left: -19px;
    margin-top: 3px;
    padding: 1px 5px;
    width: 166%;
}
.ContractDocumentHeading {
    background: #3d3d42;
    border-radius: 5px;
    color: #468750;
    padding: 10px 10px 0 10px;
}
.ContractDocumentHeading h4 {
    border-bottom: 1px dashed #111;
    padding-bottom: 5px;
}
.ContractDocumentContainer {
    clear: both;
    min-height: 300px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #aaa;
}
.ContractDocumentContainerIcon {
    min-height: 40px;
    background: #ccc;
    border-bottom: 1px solid #aaa;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-top: 7px;
    padding-left: 5px;
}
.padding-4 {
    padding: 4px;
}
.padding45 {
    padding: 4.5px;
}
.padding-5 {
    padding: 5px;
}
.padding-6-4 {
    padding: 6px 4px;
}
.ContractDocumentContainerNavImg {
    height: 235px;
}
.ContractDocumentContainerNav {
    background: #dde4eb;
    height: 235px;
    overflow: scroll;
}
.ContractDocumentContainerNav2 {
    width: 100%;
    clear: both;
    color: #55595d;
}
.FileUploaderContainer {
    clear: both;
    min-height: 300px;
    background: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #aaa;
    border-top: none;
}
.FileUploaderContainerSelect {
    min-height: 50px;
    background: #fafafa;
    border-bottom: 1px solid #aaa;
    padding-top: 7px;
    padding-left: 5px;
}
.FileUploaderFileName {
    min-height: 30px;
    background: #f0f0f0;
    border-bottom: 1px solid #aaa;
    padding-top: 7px;
    padding-left: 5px;
}
.FileUploaderDrag {
    line-height: 170px;
    min-height: 190px;
    background: #ffffff;
    border-bottom: 1px solid #aaa;
    padding-top: 7px;
    padding-left: 5px;
}
.FileUploaderBtn {
    min-height: 30px;
    background: #f0f0f0;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.PreviewPanel {
    background: #46464e;
    min-height: 830px;
    padding-top: 10px;
}
.PreviewDownloadPanel h2 {
    font-weight: bold;
    color: #468750;
    margin-top: 13px;
}
.PreviewPanelDownloadImage {
    margin-top: 15px;
    margin-left: 20px;
}
.pptab {
    background: #7b7b7b;
    height: 42px;
    margin-top: -7px;
}
.pptab-inner {
    height: 34px;
    margin-top: 5px;
    border-left: 12px solid #428bca;
    margin-left: -14px;
}
.tab-dropbox-btn {
    background: #709f68;
    border: none;
    color: #fff;
    font-family: impact;
    letter-spacing: 1.4px;
    padding: 5px 18px;
    margin-top: 10px;
}
.tab-dropbox-btn:hover,
.tab-dropbox-btn:active {
    color: #fff!important;
}
/*img-frame for build it live*/

.img-frame {
    position: relative;
}
.img-frame i {
    position: absolute;
    top: 0;
    right: 5px;
    opacity: 0;
    cursor: pointer;
    -webkit-transition: all .35s;
    transition: all .35s;
}
.img-frame i:hover {
    color: #1e7839;
}
.img-frame:hover i {
    opacity: 1;
}
@media only screen and (max-width: 1366px) {
    /* html{
        min-width: 1366px;
    }*/
    /*************************************************UserAccountManagement start Here*******************************************/
    
    .admin-contant-inner-area-5 {
        background: #f2f2f2 none repeat scroll 0 0;
        border-radius: 8px;
        float: left;
        margin-left: 10px;
        margin-top: 10px;
        min-height: 761px;
        padding: 12px;
        width: 78%;
    }
    .ca-com-name {
        color: #428bca;
        font-family: Impact;
        font-size: 10px;
    }
    .crg {
        background: #e5e5e5 none repeat scroll 0 0;
        border-radius: 5px;
        color: #428bca;
        font-family: Impact;
        font-size: 15px;
        margin-bottom: 0;
        padding: 10px;
    }
    .ca-form-2 {
        margin-bottom: 26px;
        margin-top: -7px;
    }
    .admin-contant-inner-area-6 {
        background: #f2f2f2 none repeat scroll 0 0;
        border-radius: 8px;
        float: left;
        margin-top: 10px;
        min-height: 761px;
        padding: 12px;
        width: 20%;
    }
    .uam-btn {
        background: #428bca none repeat scroll 0 0;
        border: medium none;
        border-radius: 3px;
        color: #fff;
        font-family: Impact;
        letter-spacing: 1px;
        margin-right: 10px;
        padding: 5px 9px;
    }
    .crp-btn {
        margin-left: 5px;
        margin-top: -67px;
        position: absolute;
        z-index: 999;
    }
    .admin-heading-style {
        background: #f7f7f7 none repeat scroll 0 0;
        min-height: 97px;
    }
    .user-space {
        border-right: 1px solid #e6e6e6;
        min-height: 97px;
        padding-top: 5px;
    }
    /*************************************************UserAccountManagement End Here*******************************************/
    
    .vd_navbar.vd_nav-width.vd_navbar-tabs-menu.vd_navbar-left {
        width: 195px;
    }
    .nav-left-small .vd_navbar-left {
        width: 50px !important;
    }
    .vd_content-wrapper .vd_container {
        margin-left: 185px;
    }
    .nav-side-menu ul:not(collapsed) .arrow::before,
    .nav-side-menu li:not(collapsed) .arrow::before {
        padding-right: 0;
        padding-left: 0;
    }
    /********************************************User Groups & Rights****************************************/
    
    .ugr-head1,
    .ugr-head2,
    .ugr-head3,
    .ugr-head4 {
        font-size: 25px;
    }
    .ugr-head1 span,
    .ugr-head2 span,
    .ugr-head3 span,
    .ugr-head4 span {
        font-size: 16px;
        margin-top: 5px;
    }
    .com-det,
    .com-acc {
        height: 45px;
    }
    .fancy-checkbox>img {
        height: 13px !important;
        width: 13px !important;
    }
    .com-img-sm img {
        width: 14px;
        height: 14px;
        display: block;
    }
    .com-acc > img,
    .com-det > img {
        height: 14px;
        width: 14px;
    }
    .com-name .com-det h5,
    .com-name-1 .com-acc h5,
    .com-name-2 .com-acc h5 {
        font-size: 8px;
        padding-left: 0;
    }
    .com-name .com-det h5 span,
    .com-name-1 .com-acc h5 span,
    .com-name-2 .com-acc h5 span {
        font-size: 8px;
        padding-left: 36px;
    }
    .com-name-1 .com-acc h5 span,
    .com-name-2 .com-acc h5 span {
        padding-left: 35px;
    }
    .com-img-sm {
        margin-top: -29px;
    }
    .td-menu td {
        font-size: 10px;
    }
    .app-grp {
        font-size: 8px;
    }
    .ugr-row > td span {
        font-size: 10px;
    }
    #t-sheet>h1 {
        font-size: 45px !important;
    }
    .right-sub {
        top: 39px;
    }
    .timesheet-big-btn {
        padding: 5px 3px;
    }
    .t-table > tbody > tr > th {
        font-size: 11px;
    }
    .t-table > tbody > tr > td.text-gray > ol > li {
        font-size: 10px;
    }
    #t-sheet > h1 {
        font-size: 30px !important;
    }
    .right-sub {
        font-size: 10px;
        top: 20px;
    }
    #e-name,
    #c-date {
        font-size: 11px;
    }
    .invoice-big-btn {
        padding: 5px 3px;
    }
    .invoice-big-txt {
        font-size: 20px;
    }
    /*************************************************Proposal Submission Start Here*******************************************/
    
    .ui-datepicker {
        font-size: 10px !important;
        margin-left: -39px;
        margin-top: 5px;
    }
    /*************************************************Proposal Submission End Here*******************************************/
}
@media only screen and (min-width: 1367px) and (max-width: 1743px) {
    /*html{
        min-width: 1743px;
    }*/
    
    .vd_navbar.vd_nav-width.vd_navbar-tabs-menu.vd_navbar-left {
        width: 195px;
    }
    .nav-left-small .vd_navbar-left {
        width: 50px !important;
    }
    .vd_content-wrapper .vd_container {
        margin-left: 200px;
    }
    .nav-side-menu ul:not(collapsed) .arrow::before,
    .nav-side-menu li:not(collapsed) .arrow::before {
        padding-right: 0;
    }
    /********************************************User Groups & Rights****************************************/
    
    .ugr-head1,
    .ugr-head2,
    .ugr-head3,
    .ugr-head4 {
        font-size: 28px;
    }
    .ugr-head1 span,
    .ugr-head2 span,
    .ugr-head3 span,
    .ugr-head4 span {
        font-size: 20px;
        margin-top: 5px;
    }
    .com-det,
    .com-acc {
        height: 50px;
    }
    .fancy-checkbox>img {
        height: 13px !important;
        width: 13px !important;
    }
    .com-img-sm img {
        width: 20px;
        height: 20px;
        display: block;
    }
    .com-acc > img,
    .com-det > img {
        height: 20px;
        width: 20px;
    }
    .com-name .com-det h5,
    .com-name-1 .com-acc h5,
    .com-name-2 .com-acc h5 {
        font-size: 10px;
        padding-left: 0;
    }
    .com-name .com-det h5 span,
    .com-name-1 .com-acc h5 span,
    .com-name-2 .com-acc h5 span {
        font-size: 10px;
        padding-left: 39px;
    }
    .com-name-1 .com-acc h5 span,
    .com-name-2 .com-acc h5 span {
        padding-left: 40px;
    }
    .com-img-sm {
        margin-top: -31px;
    }
    .com-img-sm img {
        width: 16px;
        height: 16px;
    }
    .td-menu td {
        font-size: 11px;
    }
    .app-grp {
        font-size: 8px;
    }
    .ugr-row > td span {
        font-size: 11px;
    }
    .timesheet-big-btn {
        padding: 5px 3px;
    }
    #t-sheet h1 {
        font-size: 30px;
    }
    .right-sub {
        font-size: 11px;
        top: 20px;
    }
    .t-table > tbody > tr > td.text-gray > ol > li {
        font-size: 11px;
    }
    .t-table > tbody > tr > th {
        font-size: 11px;
    }
    .pro {
        font-size: 11px;
    }
    #e-name,
    #c-date {
        font-size: 10px;
    }
    .invoice-big-btn {
        padding: 5px 3px;
    }
    .invoice-big-txt {
        font-size: 20px;
    }
}
@media only screen and (min-width: 1744px) and (max-width: 1920px) {
    /*html{
        min-width: 1920px;
    }*/
    /********************************************User Management****************************************/
    
    .team-detail h4 {
        margin-bottom: 0;
    }
    .team-det-num {
        font-size: 25px;
        padding: 8px 12px;
    }
    .team-det-name,
    .team-det-name-1 {
        padding: 5px;
    }
    .team-det-name h4,
    .team-det-name-1 h4 {
        font-size: 13px !important;
    }
    .team-det-name p {
        font-size: 10px !important;
    }
    .get-in-touch {
        top: -150px;
        margin-bottom: -150px;
    }
    .get-in-touch h5 {
        font-size: 13px !important;
    }
    .timesheet-big-btn {
        padding: 10px 30px;
    }
    .invoice-big-btn {
        padding: 10px 30px;
    }
    .invoice-table tr:hover td span {
        color: #696d6c;
    }
}
/************************************************************************************Timesheet Overview***********************************************/

.time-heading-left {
    margin-bottom: 10px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 5px 2.5px;
}
.time-heading-left h3 {
    color: #767a79;
    font-weight: bold;
    font-size: 26px;
}
#timesheet-btn {
    border-top: 3px solid #61b557;
    background-color: #2b9010;
    color: #fff;
    border-radius: 5px;
    padding: 1px 10px;
    font-size: 12px;
    font-weight: bold;
}
#ts-head {
    margin-bottom: 0;
    padding: 0;
    line-height: 40px;
}
#ts-head li {
    display: inline;
}
#ts-head li a {
    color: #fff;
    margin: 0 16px;
    font-size: 12px;
    font-weight: 600;
    padding: 1px 6px;
}
#ts-head li a:hover,
.active-head {
    text-decoration: none;
    background: #e9eef4;
    border-radius: 100px;
    color: #001336;
}
#ts-head li a.active-head {
    color: #001336;
}
#ts-head li:first-child {
    text-transform: uppercase;
    margin-left: 0px;
    padding-left: 0;
}
.timesheet-table>tbody>tr>th,
.timesheet-table>tbody>tr>td {
    font-size: 11px;
    padding-left: 19px !important;
}
.timesheet-table>tbody>tr {
    border-bottom: 1px solid #ccc;
}
.timesheet-table>tbody>tr:last-child {
    border-bottom: none;
}
.text-gray {
    color: #8a8c8b;
}
#right-top {
    background: #eee;
    padding: 3px 0;
}
#right-top p {
    text-transform: uppercase;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    line-height: 17px;
    margin-bottom: 0;
}
#t-sheet h1 {
    color: #548dd4;
    margin-bottom: 0;
    font-size: 50px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 10px;
}
.timesheet-big-btn {
    background-color: #538ed4;
    padding: 10px 61px 10px 30px;
}
.right-sub {
    position: relative;
    color: #d5d5d5;
    font-size: 12px;
    font-weight: bold;
    top: 45px;
}
.address {
    border-left: 5px solid #538fd5;
    padding-left: 6px;
}
.address h3 {
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: bolder;
    color: #558fd8;
}
.address p {
    line-height: 14px;
    font-size: 12px;
    color: #9d9d9d;
    margin-bottom: 2px;
}
.address strong {
    margin-bottom: 2px;
    color: #767779;
    font-size: 12px;
}
.t-table {
    margin-bottom: 0;
}
.t-table>tbody>tr>th {
    text-transform: uppercase;
}
.t-table>tbody>tr {
    padding: 5px 0;
    border-bottom: 2px solid #ccc;
}
.t-table>tbody>tr:hover {
    background: #fff;
}
.t-table>tbody>tr:hover span {
    color: #e1dce3;
}


.t-table>tbody>tr>td>p {
    font-size: 12px;
    font-weight: bold;
    color: #5584d4;
}
.t-table>tbody>tr>td>p>span {
    display: block;
    text-transform: uppercase;
    color: #e1dce3;
    font-size: 12px;
}
.t-table>tbody>tr>td.text-gray>ol {
    margin-bottom: 0;
}
.t-table>tbody>tr>td.text-gray>ol>li {
    font-size: 12px;
    margin-left: 13px;
}
.pro {
    font-size: 12px;
}
.text-dark-gray {
    color: #767a79;
    font-size: 12px;
    font-weight: bold;
}
#t-hr,
#t-hr-2 {
    padding-right: 0;
}
#t-hr h3,
#t-hr-2 h3 {
    margin-bottom: 0;
    color: #cecece;
    font-size: 30px;
    font-weight: bold;
}
#t-hr h3 span,
#t-hr-2 h3 span {
    background: #568bd7;
    font-size: 24px;
    padding: 0 20px;
    color: #fffafc;
}
.f-date {
    color: #727272;
    font-size: 12px;
    margin-bottom: 0;
}
#e-name,
#c-date {
    font-size: 12px;
    color: #bbb;
}
.btop {
    border-top: 3px solid #cbcbcb;
    margin-bottom: 20px;
}
.first-area-border {
    border-right: 1px solid #cbcbcb;
}
.invoice-big-btn {
    background-color: #538ed4;
    padding: 10px 61px 10px 30px;
}
.invoice-big-txt {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}
/*Time sheet overview CSS ends here*/
/*****************************************************Invoices Overview*********************************************************/

.invoice-action {
    border: 1px solid #a9a9a9;
    padding: 0px 12px;
    color: #30322f;
    background: #dddddd;
    border-radius: 3px;
    font-family: arial;
    font-weight: normal;
    font-size: 10px;
    float: left;
    margin-right: 7px;
}
.invoice-client {
    border: 1px solid #b4c9da;
    margin-bottom: 10px;
    padding: 15px 0 15px 15px;
    background: #f0f5f9;
}
.invoice-client h3 {
    font-size: 16px;
    color: #373a41;
    font-weight: normal;
}
.invoice-client select {
    margin-left: 30px;
    width: 380px;
    border: 1px solid #6e6f73;
    color: #22293c;
    display: block;
}
.invoice-client a {
    display: inline-block;
    margin-top: 30px;
    padding: 0 12px;
    color: #fff;
    border-radius: 3px;
    font-size: 11px;
    font-weight: bold;
}
.invoice-client a:hover {
    text-decoration: none;
}
.invoice-client .next-step {
    background: #2f8c19;
    border-top: 2px solid #60b649;
}
.invoice-client .cancel {
    background: #cccccc;
    color: #8d8d8d;
    border: 1px solid #a7aab3;
}
.new-invoice {
    padding: 4px 7px;
}
.new-invoice >div {
    font-size: 12px;
}
.address.add-invoice {
    border-left: none !important;
    padding: 0;
}
.address .issue {
    text-transform: uppercase;
    color: #818284;
    font-size: 11px;
    font-weight: bolder;
}
.invoice-big-btn {
    background-color: #538ed4;
    padding: 10px 61px 10px 30px;
}
.invoice-big-txt {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}
.invoice-table>tbody>tr>td {
    vertical-align: middle;
}
.invoice-table tr:hover {
    background: #fff;
}
.in-com-name {
    color: #696d6c;
    font-size: 14px;
    font-weight: bold;
}
.in-com-name-1 {
    color: #a0a0a0;
    font-size: 13;
    font-weight: normal;
    margin-left: 20px;
    padding-top: -8px;
}
#t-hr-2 h3 span {
    padding: 0 20px 0 40px;
}
.bbottom {
    border-bottom: 3px solid #568ec9;
}
#invoice-tnk {
    font-size: 30px;
    text-transform: uppercase;
    color: #568ec9;
    font-weight: bolder;
    margin-bottom: 4px;
}
#invoice-web {
    font-size: 16px;
    color: #568ec9;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 5px;
}
#invoice-no-new {
    top: 1em;
    font-size: 12px;
    font-weight: bold;
}
#last-para {
    font-size: 11px;
    margin-top: 25px;
    margin-bottom: 0;
    font-weight: bold;
    line-height: 150%;
    color: #cbcdcc;
}
@media only screen and (max-width: 1366px) {
    /*************************************************Company Accounts Start Here*******************************************/
    
    .after-space {
        height: 55px;
    }
    .admin-contant-inner-area {
        background: #f2f2f2;
        min-height: 991px;
        border-radius: 8px;
        padding: 5px;
        margin-top: 10px;
        width: 20%;
        float: left;
    }
    .admin-contant-inner-area-2 {
        background: #f2f2f2;
        min-height: 991px;
        border-radius: 8px;
        padding: 5px;
        margin-top: 10px;
        width: 57%;
        float: left;
        margin-left: 10px;
    }
    .admin-contant-inner-area-3 {
        background: #f2f2f2;
        min-height: 991px;
        border-radius: 8px;
        padding: 5px;
        margin-top: 10px;
        width: 20%;
        float: left;
        margin-left: 10px;
    }
    .user-name-style {
        color: #5a5a60;
        float: left;
        margin-left: 66px;
        margin-top: -46px;
    }
    .my-col-md-1 {
        float: left;
        width: 3%;
        margin-left: 5px;
    }
    .cl-btn i {
        background: #fff none repeat scroll 0 0;
        border-radius: 3px;
        color: #e5e5e5;
        font-size: 12px;
        margin-left: 2px;
        margin-top: 1px;
        margin-bottom: 1px;
        padding: 3px 10px;
    }
    .bo-head {
        background: #f2a600 none repeat scroll 0 0;
        border-radius: 6px;
        color: #fff;
        font-family: Impact;
        font-size: 17px;
        font-weight: 300;
        letter-spacing: 0.5px;
        padding: 4px 10px 4px 30px;
    }
    .fire-head {
        background: #ff0000 none repeat scroll 0 0;
        border-radius: 6px;
        color: #fff;
        font-family: Impact;
        font-size: 15px;
        font-weight: 300;
        letter-spacing: 0.5px;
        padding: 4px 13px 4px 32px;
    }
    .fire > img {
        left: -10px;
        position: absolute;
        top: -6px;
        width: 39px;
    }
    .back-end > img {
        left: -23px;
        position: absolute;
        top: -8px;
        width: 49px;
    }
    .fe-head {
        background: #428bca none repeat scroll 0 0;
        border-radius: 6px;
        color: #fff;
        font-family: Impact;
        font-size: 17px;
        font-weight: 300;
        letter-spacing: 0.5px;
        padding: 4px 6px 4px 29px;
    }
    .front-end > img {
        bottom: -13%;
        left: -10%;
        position: absolute;
        width: 41px;
        z-index: 1;
    }
    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        color: #bbbbbb;
        font-size: 9px;
        font-weight: bold;
        padding: 0.3em 0.6em;
    }
    .bot-sec {
        color: #d1d6dc;
        font-size: 10px;
        line-height: 13px;
        margin-left: 120px;
        margin-top: -63px;
        text-align: justify;
        width: 236px;
    }
    .step {
        font-family: Impact;
        font-size: 40px;
        line-height: 2;
    }
    .step-2 {
        font-family: Impact;
        font-size: 40px;
        line-height: 1;
    }
    .ca-com-name-list {
        background: #fff none repeat scroll 0 0;
        border-bottom: 1px solid #9c9c9c;
        padding: 1px;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }
    .list-inner > img {
        padding-left: 14px;
    }
    .ga-btn > img {
        left: -68px;
        position: absolute;
        top: -13px;
        width: 48px;
        z-index: 1;
    }
    .g-head {
        background: #428bca none repeat scroll 0 0;
        border-radius: 6px;
        color: #fff;
        font-family: "Impact";
        font-size: 12px;
        font-weight: 300;
        left: -31px;
        letter-spacing: 0.5px;
        padding: 8px 5px 8px 12px;
        position: relative;
    }
    .user-heading span {
        color: #428bca;
        font-family: "Impact";
        font-size: 25px;
        margin-left: -13px;
    }
    .ma-head {
        background: #009900 none repeat scroll 0 0;
        border-radius: 6px;
        color: #fff;
        font-family: "Impact";
        font-size: 10px;
        font-weight: 300;
        letter-spacing: 0.5px;
        margin-left: -11px;
        padding: 8px 10px;
    }
    .ma-btn > img {
        left: -58px;
        position: absolute;
        top: -11px;
        width: 55px;
    }
    .box-bo-margin {
        margin-top: 0px;
    }
    /*************************************************Company Accounts End Here*******************************************/
}
/*************************************************Users Tab Design Start Here*******************************************/
/*  bhoechie tab */

.all-tab-border {
    border-radius: 6px;
}
.all-tab-bottom-border {
    border-radius: 6px;
    border-bottom-left-radius: 0
}
.all-tab-top-border {
    border-radius: 6px;
    border-top-left-radius: 0
}
.list-group-item {
    border: none;
    background: #f2a600;
    padding: 20px 0;
}
.list-group-item:first-child {
    border-top-left-radius: 0;
}
.list-group-item:last-child {
    border-bottom-left-radius: 0;
}
a.list-group-item:hover,
a.list-group-item:focus {
    background: none;
    color: #555;
    text-decoration: none;
}
.tab-top-radius {
    border-top-right-radius: 6px !important;
}
.tab-bottom-radius {
    border-bottom-right-radius: 6px !important;
}
div.bhoechie-tab-container {
    z-index: 10;
    padding: 0 !important;
    -moz-border-radius: 4px;
    margin-bottom: 10px;
}
div.bhoechie-tab-menu {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group {
    margin-bottom: 0;
    background: #fff;
}
div.bhoechie-tab-menu div.list-group>a {
    margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
    color: #5A55A3;
}
div.bhoechie-tab-menu div.list-group>a:first-child {
    border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child {
    border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa {
    background-color: #fff;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    color: #ffffff;
}
div.bhoechie-tab-menu div.list-group>a.active:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -13px;
}
div.bhoechie-tab {
    background-color: #ffffff;
    padding-bottom: 10px;
}
div.bhoechie-tab-content {
    margin-left: -15px;
    padding-left: 20px;
    padding-top: 10px;
    min-height: 355px;
    margin-top: 20px;
}
div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
    display: none;
}
.first-tab-back {
    background-image: url(/images/first-tab-back.png);
    width: 735px;
    height: 430px;
}
.Second-tab-back {
    background-image: url(/images/first-tab-back.png);
    width: 735px;
    height: 430px;
}
.blank-tab {
    width: 735px;
    height: 430px;
}
.fourth-tab-back {
    background-image: url(/images/fourth-tab-back.png);
    width: 735px;
    height: 430px;
}
.height-32 {
    height: 32px;
}
.user-tab-line {
    width: 7%;
    float: left;
    margin-left: 3%;
}
.user-tab-line-2 {
    width: 87%;
    float: left
}
.user-tab-line-3 {
    padding-top: 4px;
    color: #0066c6;
}
.tab-container-text {
    color: #4e4c4c;
    font-size: 12px;
    font-weight: bold;
    line-height: 19px;
    margin-top: -4px;
}
.tab-save-btn {
    background: #f2a600;
    border: none;
    color: #fff;
    font-family: impact;
    letter-spacing: 1.4px;
    padding: 5px 18px;
    margin-top: 10px;
}
/*#updtPnlUserInvite #btnCreateUser.progressbar {
  background: #0072bb url("/images/BuildItLiveImages/Dropbox/spinner.gif") no-repeat scroll 60px center;
  border: 1px solid #0072bb;
  color: #fff;
}*/
#btnCreateUser.progressbar {
    background: #729e69 url("/images/BuildItLiveImages/Dropbox/spinner.gif") no-repeat scroll center !important;
    border:0;
    color: rgba(255, 255, 255, 0.3);
}


#btnCreateUser1.progressbar {
    background: #729e69 url("/images/BuildItLiveImages/Dropbox/spinner.gif") no-repeat scroll center !important;
    border:0;
    color: rgba(255, 255, 255, 0.3);
}

.user-tab-line-4 {
    color: #f4b120;
}
.user-tab-line-5 {
    background: #ededed;
    padding: 10px;
}
.user-tab-line-6 {
    width: 107px;
    height: 126px;
    border: 2px dashed #f2a600;
    float: left;
    margin-right: 5px;
}
.user-tab-line-7 {
    width: 107px;
    height: 126px;
    border: 2px dashed #f2a600;
    float: left;
    margin-left: 10px;
}
.tab-container-text {
    color: #4e4c4c;
    font-size: 12px;
    font-weight: bold;
    line-height: 19px;
    margin-top: -4px;
}
.tab-container-text-1 {
    color: #4a6d90;
    font-size: 12px;
    font-weight: bold;
    line-height: 19px;
    margin-left: 7px;
    margin-top: 3px;
}
.tab-container-text-2 {
    color: #d55544;
    font-size: 12px;
    font-weight: bold;
    line-height: 19px;
    margin-left: 7px;
    margin-top: 3px;
}
.modal .form-control {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.modal.in {
    opacity: 1;
}
.vertical-alignment-helper {
    display: table;
    height: 100%;
    margin: 0 auto;
}
.vertical-align-center {
    /* To center vertically */
    
    display: table-cell;
    vertical-align: middle;
}
.user-tab-users {
    background-image: url("/images/tab-users.png");
    background-repeat: no-repeat;
    height: 51px;
    margin: 0 auto;
    width: 53px;
}
.user-tab-camera {
    background-image: url("/images/tab-camera.png");
    background-repeat: no-repeat;
    height: 51px;
    margin: 0 auto;
    width: 53px;
}
.user-tab-key {
    background-image: url("/images/tab-key.png");
    background-repeat: no-repeat;
    height: 51px;
    margin: 0 auto;
    width: 53px;
}
.user-tab-pad {
    background-image: url("/images/tab-pad.png");
    background-repeat: no-repeat;
    height: 51px;
    margin: 0 auto;
    width: 53px;
}
div.bhoechie-tab-menu div.list-group>a.active .user-tab-users {
    background-image: url("/images/tab-users-active.png");
    background-repeat: no-repeat;
}
div.bhoechie-tab-menu div.list-group>a.active .user-tab-camera {
    background-image: url("/images/tab-camera-active.png");
    background-repeat: no-repeat;
}
div.bhoechie-tab-menu div.list-group>a.active .user-tab-key {
    background-image: url("/images/tab-key-active.png");
    background-repeat: no-repeat;
}
div.bhoechie-tab-menu div.list-group>a.active .user-tab-pad {
    background-image: url("/images/tab-pad-active.png");
    background-repeat: no-repeat;
}
/*************************************************Users Tab Design End Here*******************************************/
/********************************************* PMT by Prabhat ************************************************/

.my-new-nav-tabs > li.my-new-active {
    background-color: #734c99;
    float: left;
    color: #fff !important;
    font-weight: bold;
    margin-bottom: 0;
    padding-right: 0;
}
.my-new-nav-tabs > li.my-new-active2 {
    background-color: transparent;
    float: left;
    color: #734c99 !important;
    font-weight: bold;
    margin-bottom: 0;
    padding-right: 0;
}
.my-new-nav-tabs > li.my-new-active a {
    color: #cec8d9 !important;
}
.my-new-nav-tabs > li.my-new-active2 a {
    color: #734c99 !important;
}
.my-new-nav-tabs > li.active.my-new-active2 a {
    color: #cec8d9 !important;
}
.my-new-nav-tabs > li.active > a,
.my-new-nav-tabs > li.active > a:hover,
.my-new-nav-tabs > li.active > a:focus {
    background-color: #876da6!important;
    border: 1px solid #876da6!important;
    color: #cec8d9;
    font-weight: bold;
    cursor: default;
    border-radius: 0;
}
.new-tab-container {
    width: 100% !important;
    border-radius: 5px;
    background: #876da6;
    clear: both;
    margin-top: 5px;
    padding: 3px;
    min-height: 35px;
    margin-bottom: 4px;
}
.new-tab-content {
    max-width: 95%;
}
.no-due-date {
    font-weight: bold;
    color: #fff;
    margin-left: 15px;
    line-height: 30px;
}
.new-tab-container-2 {
    width: 100% !important;
    padding: 5px 0 5px 5%;
    min-height: 35px;
    margin-bottom: 10px;
    border-bottom: 3px solid #876da6;
}
.new-tab-container-3 {
    width: 100% !important;
    padding: 5px 0 5px 5%;
    min-height: 45px;
    margin-bottom: 10px;
}
.no-due-date-2 {
    font-weight: bold;
    color: #8fcc55;
    margin-left: 3.5%;
    font-size: 13px;
    padding-top: 1%;
}
.no-due-date-3 {
    font-weight: bold;
    color: #fff;
    margin-left: 3.5%;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 85%;
}
.pin-open div {
    color: #8fcc55;
}
.pin-activity img {
    width: 20px;
}
@media only screen and (max-width: 1366px) {
    .BuildItLiveLeftContainer {
        float: left;
        min-height: 876px;
        padding: 12px 8px 0 0;
        width: 10.5%;
    }
    .BuildItLiveRightContainer {
        border-radius: 8px;
        float: left;
        margin-top: 10px;
        /*min-height: 855px;*/
        
        width: 84%;
    }
    .BuilditliveHeading {
        font-family: Impact;
        font-size: 18px;
        color: #406e4e;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .SelectFavourite {
        color: #cdcdcd;
        font-weight: bold;
        font-size: 12px;
    }
    .nav-tabs > li.builditlive-active a {
        color: #D2DDED !important;
        font-size: 12px;
        padding: 9px 8px !important;
    }
    .img-frame {
        width: 90%;
        height: 180px;
        margin: 0 auto;
        border: 1px solid #cfcfcf;
        border-radius: 5px;
        background: #fff;
        padding-top: 20px;
    }
    .builditlive-my-project {
        width: 80%;
        float: left;
        color: #fff;
        font-weight: bold;
        margin-top: 2px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 11.5px;
    }
}
/*************************************************BuildItLive End Here*******************************************/

.txtoverflow {
    display: block;
    font-size: 12px;
    max-width: 100%;
    overflow: hidden;
    padding-left: 10px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.divImgContainer {
    height: 145px;
    width: 100%;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 2px;
    text-align: center;
}
.imgissuetype {
    height: 20px;
    width: 20px;
}
.imgpriority {
    height: 21px;
    width: 21px;
}
/*************************************** Pearl Custom Report Start Here ***************************************/

.CustomReportContainer {
    width: 1836px;
}
.PearlContainer {
    width: 100%;
    height: 845px;
    border-radius: 8px;
    background: #fff;
    margin-left: 7px;
    margin-top: 5px;
}
.CustomReportText {
    font-size: 19px;
    color: #000;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
}
.MonthReportContainer {
    width: 100%;
    height: 130px;
    background: #f7f7f7;
    box-shadow: 0px 0px 5px 3px rgba(230, 223, 230, 1);
    padding-top: 10px;
}
.MonthYearText {
    font-size: 14px;
    color: #000;
    padding-top: 4px;
}
.ReportsTypeText {
    font-size: 14px;
    padding-top: 4px;
    color: #000;
}
.Go-btn {
    float: left;
    background: #f7f7f7;
    border: none;
    box-shadow: 0px 0px 5px 3px rgba(230, 223, 230, 1);
    font-weight: bold;
    margin-left: 60px;
    margin-top: 5px;
}
.DecemberMatches {
    width: 100%;
    height: 35px;
    background: #f7f7f7;
    box-shadow: 0px 0px 5px 3px rgba(230, 223, 230, 1);
    padding-left: 10px;
    line-height: 30px;
    font-weight: bold;
    color: #000;
    font-size: 17px;
}
.TableHeadArea {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    color: #000;
    background: #f7f7f0;
    border: 1px solid #d7d7d7;
    border-bottom: 1px solid #999999;
    margin-top: 10px;
}
.TablePONumber {
    float: left;
    width: 5%;
    border-right: 1px solid #d7d7d7;
    padding-left: 5px;
}
.TableUserName {
    float: left;
    width: 18%;
    border-right: 1px solid #d7d7d7;
    padding-left: 5px;
}
.TableDocumentTitle {
    float: left;
    width: 30%;
    border-right: 1px solid #d7d7d7;
    padding-left: 5px;
}
.TablePages {
    float: left;
    width: 5%;
    border-right: 1px solid #d7d7d7;
    padding-left: 5px;
}
.TableStartTime {
    float: left;
    width: 10%;
    border-right: 1px solid #d7d7d7;
    padding-left: 5px;
}
.TableEndTime {
    float: left;
    width: 10%;
    border-right: 1px solid #d7d7d7;
    padding-left: 5px;
}
.TableTotalTime {
    float: left;
    width: 9%;
    border-right: 1px solid #d7d7d7;
    padding-left: 5px;
}
.TableID {
    float: left;
    width: 3%;
    border-right: 1px solid #d7d7d7;
    padding-left: 5px;
}
.TableActionCode {
    float: left;
    width: 4.8%;
    border-right: 1px solid #d7d7d7;
    padding-left: 5px;
}
.TableNotes {
    float: left;
    width: 3%;
    padding-left: 5px;
}
.TableHeadAreaText {
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #777789;
    background: #dddddd;
    border-bottom: 1px solid #cccccc;
    font-size: 12px;
}
.TableHeadAreaText:hover {
    background: #eed;
}
.TablePONumberText {
    float: left;
    width: 5%;
    height: 100%;
    padding-left: 5px;
}
.TableUserNameText {
    float: left;
    width: 18.2%;
    height: 100%;
    padding-left: 5px;
}
.TableDocumentTitleText {
    float: left;
    width: 30.3%;
    height: 100%;
    padding-left: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.TablePagesText {
    float: left;
    width: 5%;
    height: 100%;
    padding-left: 5px;
}
.TableStartTimeText {
    float: left;
    width: 10.1%;
    height: 100%;
    padding-left: 5px;
}
.TableEndTimeText {
    float: left;
    width: 10%;
    height: 100%;
    padding-left: 5px;
}
.TableTotalTimeText {
    float: left;
    width: 9.2%;
    height: 100%;
    padding-left: 5px;
}
.TableIDText {
    float: left;
    width: 3%;
    height: 100%;
    padding-left: 5px;
}
.TableActionCodeText {
    float: left;
    width: 4.8%;
    height: 100%;
    padding-left: 5px;
    height: 30px;
}
ul.RCTSE {
    list-style-type: none;
}
ul.RCTSE li {
    display: inline;
    padding: 5px 15px;
}
ul.RCTSE li a {
    text-decoration: none;
    color: gray;
}
ul.RCTSE li a:hover {
    color: black;
}
.PearlBottomText {
    background: #5b4195;
    height: 47px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.PearlBottomText p {
    line-height: 44px;
    text-align: center;
    color: #fff;
}
.PearlBottomText p a {
    color: #fff;
    font-weight: bold;
    border-bottom: 1px dotted;
}
.PMIcon {
    float: left;
    width: 1.95%;
    border-right: 1px solid #d7d7d7;
}
.PONumberNext {
    float: left;
    width: 11.2%;
    padding-left: 5px;
    border-right: 1px solid #d7d7d7;
}
.DocementTitleNext {
    float: left;
    width: 11.2%;
    padding-left: 5px;
    border-right: 1px solid #d7d7d7;
}
.UserNameNext {
    float: left;
    width: 10.2%;
    padding-left: 5px;
    border-right: 1px solid #d7d7d7;
}
.CVNext {
    float: left;
    width: 4.1%;
    padding-left: 5px;
    border-right: 1px solid #d7d7d7;
    text-align: center;
}
.TDNext {
    float: left;
    width: 4%;
    padding-left: 5px;
    border-right: 1px solid #d7d7d7;
    text-align: center;
}
.FTNext {
    float: left;
    width: 4%;
    padding-left: 5px;
    border-right: 1px solid #d7d7d7;
    text-align: center;
}
.PTNext {
    float: left;
    width: 4%;
    padding-left: 5px;
    border-right: 1px solid #d7d7d7;
    text-align: center;
}
.RCNext {
    float: left;
    width: 4%;
    padding-left: 5px;
    border-right: 1px solid #d7d7d7;
    text-align: center;
}
.QDNext {
    float: left;
    width: 4%;
    padding-left: 5px;
    border-right: 1px solid #d7d7d7;
    text-align: center;
}
.FCNext {
    float: left;
    width: 4%;
    padding-left: 5px;
    border-right: 1px solid #d7d7d7;
    text-align: center;
}
.TVNext {
    float: left;
    width: 4%;
    padding-left: 5px;
    border-right: 1px solid #d7d7d7;
    text-align: center;
}
.TANext {
    float: left;
    width: 4.05%;
    padding-left: 5px;
    border-right: 1px solid #d7d7d7;
    text-align: center;
}
.QCNext {
    float: left;
    width: 4.1%;
    padding-left: 5px;
    border-right: 1px solid #d7d7d7;
    text-align: center;
}
.RDNext {
    float: left;
    width: 4%;
    padding-left: 5px;
    border-right: 1px solid #d7d7d7;
    text-align: center;
}
.RTNext {
    float: left;
    width: 3.95%;
    padding-left: 5px;
    border-right: 1px solid #d7d7d7;
    text-align: center;
}
.QTNext {
    float: left;
    width: 4%;
    padding-left: 5px;
    border-right: 1px solid #d7d7d7;
    text-align: center;
}
.FDNext {
    float: left;
    width: 4.1%;
    padding-left: 5px;
    border-right: 1px solid #d7d7d7;
    text-align: center;
}
.GrandTotal {
    float: left;
    width: 9%;
    padding-left: 5px;
    color: #330066;
    text-align: center;
}
.DocumentTotalTableRow {
    background: #95cf98;
    min-height: 25px;
    border-bottom: 1px solid #6cc66f;
    color: #aa2222
}
.DocumentTotalTableRow:hover {
    background: #eeeedd;
    color: #000;
}
.PMIconNextText {
    float: left;
    width: 2%;
    height: 100%;
    border-right: 1px solid #d7d7d7;
    text-align: center;
}
.PONumberNextText {
    float: left;
    width: 11.2%;
    height: 100%;
    border-right: 1px solid #d7d7d7;
    padding-left: 5px;
}
.DocementTitleNextText {
    float: left;
    width: 11.2%;
    height: 100%;
    border-right: 1px solid #d7d7d7;
    padding-left: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.UserNameNextText {
    float: left;
    width: 10.2%;
    height: 100%;
    border-right: 1px solid #d7d7d7;
    padding-left: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.CVNextText {
    float: left;
    width: 4%;
    height: 100%;
    border-right: 1px solid #d7d7d7;
    text-align: center;
}
.TDNextText {
    float: left;
    width: 4%;
    height: 100%;
    border-right: 1px solid #d7d7d7;
    text-align: center;
}
.FTNextText {
    float: left;
    width: 4%;
    height: 100%;
    border-right: 1px solid #d7d7d7;
    text-align: center;
}
.PTNextText {
    float: left;
    width: 4.1%;
    height: 100%;
    border-right: 1px solid #d7d7d7;
    text-align: center;
}
.RCNextText {
    float: left;
    width: 4%;
    height: 100%;
    border-right: 1px solid #d7d7d7;
    text-align: center;
}
.QDNextText {
    float: left;
    width: 4%;
    height: 100%;
    border-right: 1px solid #d7d7d7;
    text-align: center;
}
.FCNextText {
    float: left;
    width: 4%;
    height: 100%;
    border-right: 1px solid #d7d7d7;
    text-align: center;
}
.TVNextText {
    float: left;
    width: 4%;
    height: 100%;
    border-right: 1px solid #d7d7d7;
    text-align: center;
}
.TANextText {
    float: left;
    width: 4%;
    height: 100%;
    border-right: 1px solid #d7d7d7;
    text-align: center;
}
.QCNextText {
    float: left;
    width: 4.1%;
    height: 100%;
    border-right: 1px solid #d7d7d7;
    text-align: center;
}
.RDNextText {
    float: left;
    width: 4%;
    height: 100%;
    border-right: 1px solid #d7d7d7;
    text-align: center;
}
.RTNextText {
    float: left;
    width: 4%;
    height: 100%;
    border-right: 1px solid #d7d7d7;
    text-align: center;
}
.QTNextText {
    float: left;
    width: 4%;
    height: 100%;
    border-right: 1px solid #d7d7d7;
    text-align: center;
}
.FDNextText {
    float: left;
    width: 4.02%;
    height: 100%;
    border-right: 1px solid #d7d7d7;
    text-align: center;
}
.GrandTotalText {
    float: left;
    width: 9%;
    height: 100%;
    padding-left: 5px;
    color: #330066;
    font-weight: bold;
    text-align: center;
}
.SelectWidth {
    width: 50%;
}
.my-radio-inline,
.checkbox-inline {
    cursor: pointer;
    display: inline-block;
    float: left;
    font-weight: 400;
    margin-bottom: 0;
    padding-left: 20px;
    vertical-align: middle;
}
.inner-expand-icon,
.tdActionCode,
.tdGrandTotal {
    text-align: center!important;
}
.gtfontColor {
    color: #330066;
    font-weight: bold;
}
.tdIcon .toggle-plus-minus {
    cursor: pointer;
    font-size: 10px;
}
.activitychangedesc {
    /*font-weight:bold;margin-top:10px;*/
    
    height: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.TableHeadArea th,
.DocumentTotalTableRow td,
.TableHeadArea td {
    border-right: 1px solid #d7d7d7;
}
.tableCustomReport {
    margin-bottom: 0px!important;
}
.tdIcon a.act-more,
.tdIcon a.act-more:hover {
    color: #aa2222;
    text-decoration: none!important;
}
.custom-report-loader {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
    opacity: 0.5;
}
.tableBillingReport .TableBillingRowArea td,
.tableClientBillingReport .TableBillingRowArea td {
    border-right: 1px solid #000;
    border-color: #000!important;
    vertical-align: middle;
}
.TableBillingRowArea {
    border: 1px solid #000;
}
.tableBillingReport .TableHeadArea {
    background: #6e2ea0;
    color: #fff;
    border-color: #000;
}
.tableBillingReport .TableHeadArea th,
.tableBillingReport .TableHeadArea td,
.tableClientBillingReport .TableHeadArea th,
.tableClientBillingReport .TableHeadArea td {
    border-color: #000!important;
    text-align: center;
    vertical-align: middle;
}
.tableClientBillingReport .TableHeadArea {
    background: #734C98;
    color: #000;
    border-color: #000;
}
@media only screen and (max-width: 1366px) {
    .CustomReportContainer {
        width: 1297px;
        margin-left: 13px;
    }
    .SelectWidth {
        width: 70%;
    }
    .UserNameNext {
        border-right: 1px solid #d7d7d7;
        float: left;
        padding-left: 5px;
        width: 23%;
    }
    .GrandTotal {
        color: #330066;
        float: left;
        padding-left: 5px;
        width: 8%;
    }
    .PONumberNextText {
        border-right: 1px solid #d7d7d7;
        float: left;
        padding-left: 5px;
        width: 13%;
    }
    .DocementTitleNextText {
        border-right: 1px solid #d7d7d7;
        float: left;
        padding-left: 5px;
        width: 25%;
    }
    .UserNameNextText {
        border-right: 1px solid #d7d7d7;
        float: left;
        padding-left: 5px;
        width: 23%;
    }
    .PTNextText {
        border-right: 1px solid #d7d7d7;
        float: left;
        text-align: center;
        width: 2%;
    }
    .QCNextText {
        border-right: 1px solid #d7d7d7;
        float: left;
        text-align: center;
        width: 2%;
    }
    .TablePONumber {
        border-right: 1px solid #d7d7d7;
        float: left;
        padding-left: 5px;
        width: 7%;
    }
    .TablePONumberText {
        float: left;
        padding-left: 5px;
        width: 7%;
    }
    .TableTotalTime {
        border-right: 1px solid #d7d7d7;
        float: left;
        padding-left: 5px;
        width: 7%;
    }
    .TableUserName {
        border-right: 1px solid #d7d7d7;
        float: left;
        padding-left: 5px;
        width: 17%;
    }
    .TableDocumentTitle {
        border-right: 1px solid #d7d7d7;
        float: left;
        padding-left: 5px;
        width: 29%;
    }
    .TableActionCode {
        border-right: 1px solid #d7d7d7;
        float: left;
        padding-left: 5px;
        width: 6.8%;
    }
    .TableUserNameText {
        float: left;
        padding-left: 5px;
        width: 17%;
    }
    .TableDocumentTitleText {
        float: left;
        overflow: hidden;
        padding-left: 5px;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 29%;
    }
    .TableStartTimeText {
        float: left;
        padding-left: 5px;
        width: 9.9%;
    }
    .TableTotalTimeText {
        float: left;
        padding-left: 5px;
        width: 7%;
    }
    .TableActionCodeText {
        color: #ff7e00;
        float: left;
        height: 30px;
        padding-left: 5px;
        width: 6.8%;
    }
    .PMIcon {
        width: 1.95%;
    }
    .PONumberNext {
        width: 8.2%;
    }
    .DocementTitleNext {
        width: 11.2%;
    }
    .UserNameNext {
        width: 10%;
    }
    .PMIconNextText {
        width: 2.1%;
    }
    .PONumberNextText {
        width: 8.1%;
    }
    .DocementTitleNextText {
        width: 11.2%;
    }
    .UserNameNextText {
        width: 10%;
    }
    .QCNextText {
        width: 4.1%;
    }
    .PTNextText {
        width: 4.1%;
    }
    .GrandTotal {
        width: 12%;
    }
    .GrandTotalText {
        width: 12%;
    }
}
/*************************************** Pearl Custom Report End Here ***************************************/
/*************************** NEW CSS Added on 20151217 ******************************************************/
/*************************************** Task Manager My Project Start Here ********************************************/

.BuildItLiveLeftContainer2 {
    float: left;
    height: 845px;
    width: 15%;
    padding-top: 10px;
    padding-right: 5px;
}
.TaskManagerText {
    width: 85%;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.TaskManagerText h1 {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 10px;
    color: #d2dded;
    font-family: Impact;
}
.TaskManagerText p {
    color: #cdcdcd;
    font-weight: bold;
    margin-top: -11px;
}
.TaskManagerIcon {
    width: 14%;
    float: right;
}
.FavouriteText {
    width: 86%;
    float: left;
    color: #cdcdcd;
    font-weight: bold;
    padding-left: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.FavouriteIcon {
    width: 10%;
    float: right;
}
.builditlive-nav-tabs2 > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    background-color: #9c9c9c;
    border: 1px solid #9c9c9c;
    color: #cec8d9;
    cursor: default;
    border-radius: 0;
}
ul.builditlive-nav-tabs2 {
    padding-left: 0 !important;
}
.nav-tabs > li.builditlive-active2 {
    background-color: #7b7b7b;
    float: left;
    color: #fff !important;
    margin-bottom: 0;
    padding-right: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 29%;
}
.nav-tabs > li.builditlive-active2:last-child {
    width: 42%;
}
.nav-tabs > li.builditlive-active2 a {
    color: #cec8d9 !important;
    padding: 7.5px 6.5px !important;
    font-family: Impact;
    font-size: 13px;
    letter-spacing: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}
.nav > li.builditlive-active2 > a:hover,
.nav > li.builditlive-active2 > a:focus {
    background-color: #9c9c9c;
    border-color: #9c9c9c;
    text-decoration: none;
}
.builditlive-nav-plus2 {
    width: 7%;
    margin-left: 3%;
    float: left;
}
.builditlive-my-project2 {
    width: 79%;
    float: left;
    color: #fff;
    font-weight: bold;
    margin-top: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.builditlive-star-image2 {
    width: 11%;
    float: left;
}
.builditlive-tab-content-inner-2 {
    height: 40px;
    padding-top: 5px;
    border-left: 5px solid #f3a600;
    border-bottom: 1px solid #a9a9a9;
    /*width: 95%;*/
}
.builditlive-tab-content-inner-3 {
    height: 40px;
    padding-top: 5px;
    border-left: 5px solid #428bca;
    border-bottom: 1px solid #a9a9a9;
    background: #7b7b7b;
    font-family: Impact;
    width: 95%;
}
.builditlive-my-project3 {
    width: 84%;
    margin-left: 3%;
    float: left;
    color: #d2dded;
    font-family: Impact;
    margin-top: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    letter-spacing: 0.5px;
    font-size: 16px;
}
.BuildItLiveRightContainer-1 {
    border-radius: 8px;
    float: left;
    margin-top: 10px;
    height: 845px;
    width: 86%;
}
.BuildItLiveRightContainerInner-4 {
    width: 95%;
    float: left;
    height: 845px;
    padding: 5px 10px;
    background: #f2f2f2;
    margin-left: 10px;
    border-radius: 8px;
}
.BuildItLiveRightContainerInner-8 {
    width: 96%;
    float: left;
    height: 850px;
    background: #f2f2f2;
    margin-left: 18px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-right: 8px solid #ff9900;
}
.BuildItLiveRightContainerInner-2 {
    width: 2%;
    float: left;
    min-height: 800px;
    margin-top: 20px;
}
.E-DashboardTab {
    position: absolute;
    background: #428bca;
    color: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    margin-top: 64px;
    float: left;
    font-weight: bold;
    margin-left: -59px;
    padding: 6px;
    width: 152px;
}
.Whiteboards {
    position: absolute;
    background: #428bca;
    color: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    margin-top: 229px;
    float: left;
    font-weight: bold;
    margin-left: -68px;
    padding: 6px;
    width: 173px;
}
.Professional {
    position: absolute;
    background: #ff9900;
    color: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    margin-top: 382px;
    float: left;
    font-weight: bold;
    margin-left: -47px;
    padding: 6px;
    width: 128px;
}
.Configuration {
    background: #428bca none repeat scroll 0 0;
    border-top: 5px solid #ff9900;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: #fff;
    float: left;
    font-weight: bold;
    margin-left: -82px;
    margin-top: 549px;
    padding: 4px;
    position: absolute;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    width: 199px;
}
.TopCompanyNameAreaNext {
    color: #fff;
    float: left;
    font-family: Impact;
    font-size: 15px;
    padding-left: 48px;
    width: 58%;
}
.TopCompanyNameAreaText {
    color: #428bca;
    float: left;
    font-family: Impact;
    font-size: 12px;
    padding-left: 7px;
    width: 58%;
}
.TopCompanyNameAreaTextEdit {
    color: #428bca;
    float: left;
    font-family: Impact;
    font-size: 12px;
    padding-left: 35px;
    width: 58%;
}
.TopAnotherKeyAreaAgain {
    color: #fff;
    float: left;
    font-family: Impact;
    font-size: 15px;
    width: 12%;
}
.TopAnotherKeyAreaAgainText {
    color: #428bca;
    float: left;
    font-family: Impact;
    font-size: 13px;
    padding-left: 12px;
    width: 12%;
}
.TopProgressBarAreaAgain {
    color: #fff;
    float: left;
    font-family: Impact;
    font-size: 15px;
    padding-left: 10px;
    width: 25%;
}
.ProgressBarAreaAgain {
    float: left;
    width: 25%;
    padding-top: 5px;
}
.ec-img-2 {
    display: none;
}
.ec-img-hover-2:hover .ec-img-2 {
    display: block;
    z-index: 1;
    position: absolute;
    right: 45px;
}
.my-color-progress-bar {
    background: #00a500 !important;
}
.my-color-progress {
    background: #fff none repeat scroll 0 0 !important;
    border: 2px solid #e5e5e5;
    border-radius: 14px;
    box-shadow: none;
    height: 11px !important;
}
.TopOTNumberArea {
    color: #fff;
    float: left;
    font-family: Impact;
    font-size: 15px;
    text-align: center;
    width: 10%;
}
.TopOTNumberAreaText {
    color: #428bca;
    float: left;
    font-family: Impact;
    font-size: 12px;
    text-align: center;
    width: 10%;
}
.TopCTNumberArea {
    color: #fff;
    float: left;
    font-family: Impact;
    font-size: 15px;
    text-align: center;
    width: 10%;
}
.TopCTNumberAreaText {
    color: #00a500;
    float: left;
    font-family: Impact;
    font-size: 12px;
    text-align: right;
    width: 10%;
}
.TopCategoryNameArea {
    color: #fff;
    float: left;
    font-family: Impact;
    font-size: 15px;
    padding-left: 16px;
    width: 65%;
}
.TopCategoryNameAreaText {
    color: #428bca;
    float: left;
    font-family: Impact;
    font-size: 12px;
    padding-left: 7px;
    width: 85%;
}
.TopCategoryNameAreaTextAgain {
    color: #428bca;
    float: left;
    font-family: Impact;
    font-size: 12px;
    padding-left: 7px;
    width: 73%;
}
.TopCategoryNameAreaTextEdit {
    color: #428bca;
    float: left;
    font-family: Impact;
    font-size: 12px;
    padding-left: 30px;
    width: 85%;
}
.TopCategoryNameAreaTextAgainEdit {
    color: #428bca;
    float: left;
    font-family: Impact;
    font-size: 12px;
    padding-left: 30px;
    width: 73%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.IssueTypeUncheck {
    width: 7%;
    float: left;
    padding-left: 2%;
}
.IssueTypePlus {
    width: 7%;
    float: left;
    margin-left: 5px;
}
.NewFunctionality {
    width: 70%;
    float: left;
}
.LineEditIcon {
    width: 5%;
    float: right;
    margin-right: 5px;
}
.LineEditIcon-1 {
    width: 6.5%;
    float: right
}
.IssueTypeContainer {
    background: #fff;
    min-height: 38px;
    line-height: 33px;
    border-bottom: 1px solid #cbcbcb;
}
.IssueTypeContainer-1 {
    background: #f5f5f5;
    min-height: 40px;
    line-height: 35px;
}
.Description {
    color: #727b7b;
    padding-left: 14%;
}
.Description-1 {
    color: #727b7b;
    padding-left: 14%;
    width: 86%;
}
.UpDownArrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    float: right;
    margin-top: -24px;
    width: 12%;
    padding-right: 8px;
}
.IssueTypeContainerArea {
    border: 1px solid #ddd;
    border-radius: 4px;
    width: 91%;
    margin-left: 15px;
    float: left;
}
.IssueTypeContainer:hover,
.IssueTypeContainer.active {
    background: #f5f5f5;
}
.BuildItLiveRightContainerInner-5::before {
    border-left: 3px solid #ff9900;
    bottom: 0;
    content: "";
    left: 3px;
    right: 0px;
    top: 0;
    position: absolute;
}
.BuildItLiveRightContainerInner-5 {
    width: 95%;
    overflow: scroll;
    float: left;
    min-height: 855px;
    padding: 5px 10px;
    background: #f2f2f2;
    margin-left: 10px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-left: 30px solid #ff9900;
    position: relative;
    border-right: 5px solid #ff9900;
}
img.ProjectImg {
    left: 3px;
    position: absolute;
    top: 4px;
    z-index: 10;
}
input.ProjectText {
    border-radius: 5px;
    border: 1px solid #dddddd;
    color: #828282;
    padding-left: 110px;
    padding-right: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.built-texteditor .jqte_editor,
.built-texteditor .jqte_source {
    padding-left: 100px;
    padding-top: 2px;
}
.CompanyArrowArea {
    width: 17%;
    float: left;
    margin-left: 3%;
}
.CompanyArrowTextArea {
    width: 76%;
    float: right;
    margin-right: 2%;
}
.DescriptionArrowText {
    width: 69.5%;
    float: right;
    margin-right: 8.5%;
}
.ProjectKeyArrowArea {
    float: left;
    width: 37%;
    /*margin-left:3%;*/
}
.ProjectKeyArrowArea p {
    color: #828282;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ProjectNameArrowArea {
    width: 58.5%;
    float: right;
    margin-right: 1%;
}
.ProjectNameArrowArea p {
    color: #828282;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.DescriptionArrowTextArea {
    width: 92.5%;
    margin-left: 3%;
    position:relative;
}
.DescriptionArrow {
    margin-top: -258px;
    margin-left: 4px;
}
.IssueTypeContainerArea-1 {
    border: 1px solid #ddd;
    border-radius: 4px;
    width: 92%;
    float: left;
}
.NewAddPriorityText {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 30px;
    color: #d8d8d8;
    font-weight: bold;
}
.NextCategoryArea {
    float: left;
    width: 47%;
    margin-left: 3%;
}
.NextSubCategoryArea {
    width: 48.5%;
    float: right;
    margin-right: 1%;
}
.ItemNameArea {
    float: left;
    width: 96%;
    margin-left: 3%;
}
.SummaryArrowArea {
    float: left;
    width: 93%;
    margin-left: 3%;
}
.SelectDateArea {
    width: 25%;
    float: left;
    margin-left: 2%;
    position: relative;
}
.DateIconArea {
    float: left;
    margin-left: 2%;
}
.HoursMinutesArea {
    width: 11.4%;
    float: left;
    margin-left: 2%;
    position:relative;
}
.ImportantTextArea {
    margin-left: 22%;
    color: #9c9c9c;
    font-size: 11px;
    width: 68%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
@media only screen and (max-width: 1366px) {
    .BuildItLiveLeftContainer2 {
        float: left;
        height: 845px;
        width: 15%;
        padding-top: 10px;
        padding-right: 5px;
        padding-left: 13px;
    }
    /*.BuildItLiveRightContainerInner-4{width:95%; float:left; min-height:816px; padding:5px 10px; background:#f2f2f2; margin-left:10px; border-radius:8px; margin-bottom: 50px;}
    .BuildItLiveRightContainerInner-5{width:95%; overflow: scroll; float:left; min-height:855px; padding:5px 10px; background:#f2f2f2; margin-left:10px; border-top-left-radius:8px; border-bottom-left-radius: 8px; border-left: 30px solid #ff9900; position: relative; border-right: 5px solid #ff9900; margin-bottom: 50px;}
    .BuildItLiveLeftContainer2{float: left; height: 845px; width: 15%; padding-top: 10px; padding-right: 5px; padding-left: 13px;}*/
}
/*************************************** Task Manager My Project End Here ********************************************/
/*************************************** TaskManagerCompanyNPartner Start Here ***************************************/

.BuildItLiveRightContainerInner-7::before {
    border-left: 3px solid #ff9900;
    bottom: 0;
    content: "";
    left: 3px;
    right: 0px;
    top: 0;
    position: absolute;
}
.BuildItLiveRightContainerInner-7 {
    width: 95%;
    overflow: scroll;
    float: left;
    height: 863px;
    padding: 5px 10px;
    background: #f2f2f2;
    margin-left: 10px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-left: 30px solid #ff9900;
    position: relative;
    border-right: 5px solid #ff9900;
}
.BuildItLiveRightContainerInner-6::before {
    border-left: 3px solid #ff9900;
    bottom: 0;
    content: "";
    left: 3px;
    right: 0px;
    top: 0;
    position: absolute;
}
.BuildItLiveRightContainerInner-6 {
    width: 76.5%;
    float: left;
    height: 845px;
    padding: 5px 10px;
    background: #f2f2f2;
    margin-left: 10px;
    border-radius: 8px;
    border-left: 30px solid #ff9900;
    position: relative;
}
.BuildItLiveRightContainerInner4 {
    width: 20%;
    float: left;
    min-height: 845px;
    background: #f2f2f2;
    margin-left: 10px;
    border-radius: 8px;
}
.TopHeadSection {
    background: #e5e5e5;
    min-height: 60px;
    clear: both;
    border-radius: 5px;
    padding-top: 13px;
}
.input-group-addon-my-style {
    background: #606060;
    color: #fff;
    border-color: #606060;
    border-radius: 0;
}
.yt-uix-checkbox-on-off-1 {
    cursor: pointer;
    display: inline-block;
    height: 22px;
    overflow: hidden;
    padding-right: 2px;
    position: relative;
    vertical-align: middle;
    width: 42px;
    margin: 6px 7px 0;
}
.yt-uix-checkbox-on-off-1 input[type="checkbox"] {
    height: 22px;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 44px;
}
.yt-uix-checkbox-on-off-1 input[type="checkbox"]:checked + label {
    background-color: #167ac6;
}
.yt-uix-checkbox-on-off-1 label {
    background: #b8b8b8 none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 20px;
    display: inline-block;
    height: 16px;
    width: 100%;
}
.yt-uix-checkbox-on-off-1 .checked::before {
    background: rgba(0, 0, 0, 0) url("/images/toggle-right.png") no-repeat scroll 0 -63px;
    content: "";
    display: inline-block;
    height: 7px;
    vertical-align: middle;
    width: 10px;
}
.yt-uix-checkbox-on-off-1 .unchecked,
.yt-uix-checkbox-on-off-1 input[type="checkbox"]:checked + label .checked {
    width: 22px;
    margin-left: 0px;
}
.yt-uix-checkbox-on-off-1 .checked,
.yt-uix-checkbox-on-off-1 input[type="checkbox"]:checked + label .unchecked {
    width: 0;
    margin-left: -5px;
}
.yt-uix-checkbox-on-off-1 .checked {
    line-height: 13px;
    text-align: center;
}
.yt-uix-checkbox-on-off-1 label > * {
    display: inline-block;
    height: 100%;
    -webkit-transition: width 0.1s ease 0s;
    transition: width 0.1s ease 0s;
    vertical-align: top;
}
.yt-uix-checkbox-on-off-1 .toggle {
    background: #fbfbfb none repeat scroll 0 0;
    border-radius: 12px;
    width: 12px;
}
.mid-bar-icon {
    font-family: "Impact";
    letter-spacing: 0.4px;
    margin-left: -38px;
}
.mid-bar-icon span {
    color: #868686;
    font-size: 13px;
    text-transform: uppercase;
}
.mid-bar-icon li::after {
    content: "|";
}
.mid-bar-icon li {
    color: #868686;
    font-size: 13px;
    padding: 0;
}
.mid-bar-icon li,
.mid-bar-right li {
    display: inline;
}
.SPEC-btn {
    border-color: #c3cde5;
    color: #836e65;
    padding: 2px 7px;
}
.ReleaseWebsite {
    background: #fff;
    height: 80px;
    clear: both;
    border-radius: 5px;
    padding-top: 13px;
    border: 1px solid #dbdbdb;
    margin-top: 8px;
}
.width-my-6 {
    width: 7%;
    float: left;
}
.width-my-70 {
    width: 69% !important;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.VersionText {
    color: #9d9d9d;
    font-family: Impact;
    font-size: 17px;
}
.MigrationText {
    color: #9d9d9d;
    font-family: Impact;
    font-size: 22px;
    margin-top: -8px;
}
.VersionTextRed {
    color: #cc3333;
    font-family: Impact;
    font-size: 17px;
}
.MigrationTextRed {
    color: #cc3333;
    font-family: Impact;
    font-size: 22px;
    margin-top: -8px;
}
.width-my-14 {
    width: 14% !important;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.width-my-10 {
    width: 10% !important;
    float: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.numericText {
    color: #e5e5e5;
    font-family: Impact;
    font-size: 60px;
    padding-top: 14px;
    margin-bottom: 15px;
}
.numericTextRed {
    color: #cc3333;
    font-family: Impact;
    font-size: 60px;
    padding-top: 14px;
    margin-bottom: 15px;
}
.DueDate {
    color: #e5e5e5;
    font-family: Impact;
    padding-top: 35px;
}
.CompanynPartners {
    height: 45px;
    line-height: 45px;
    background: #595959;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: #fff;
    Font-family: Impact;
    padding-left: 10px;
    font-size: 20px;
}
.CompanyChecknUncheck {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: Impact;
    color: #656565;
    padding: 6px 0px 0px 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 90%;
}
.CompanyChecknUncheckDisabled {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: Impact;
    color: #b8b8b8;
    padding: 6px 0px 0px 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 90%;
}
.SearchLabel {
    letter-spacing: 2px;
    font-family: Impact;
    color: #7a7a7a;
    font-size: 13px;
}
.BottomContantText {
    font-family: Impact;
    font-size: 13px;
    color: #7a7a7a;
}
input.mynewstartdate {
    border-radius: 0 !important;
    width: 100px !important;
}
.ca-input-3 {
    margin-top: -18px;
    margin-left: 3px;
}
.ca-input-4 {
    margin-top: -16px;
    margin-bottom: 5px;
}
.MyProjectHeader {
    background: #e5e5e5;
    height: 50px;
    clear: both;
    margin-left: 5px;
    border-radius: 8px;
}
.MyProjectHeading {
    font-family: Impact;
    color: #428bca;
    line-height: 50px;
    padding-left: 10px;
}
.MyProjectHr {
    height: 1px;
    margin-top: 2px;
    background: #ddd;
    margin-left: 5px;
}
.MyProjectHrr {
    height: 1px;
    margin-top: 2px;
    clear: both;
    background: #ddd;
    margin-left: 5px;
}
.MyProjectBlueTopArea {
    margin-left: 5px;
    height: 45px;
    background: #428bca;
    margin-top: -13px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: 1px solid #dbdbdb;
    border-bottom: 1px solid #9c9c9c;
    padding-top: 18px;
}
.MyProjectBlueBottomArea {
    margin-left: 5px;
    height: 30px;
    background: #428bca;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border: 1px solid #dbdbdb;
    border-top: 1px solid #9c9c9c;
}
.MyProjectMiddleMainArea {
    border: 1px solid #dbdbdb;
    border-top: none;
    margin-left: 5px;
    height: 650px;
    padding: 0 10px;
    background: #fff;
    overflow-y: scroll;
    overflow-x: hidden;
}
.MyProjectMiddleContantRow {
    border-bottom: 1px solid #9c9c9c;
    height: 35px;
    line-height: 32px;
    cursor: pointer;
    float:left;
    width:100%;
}
.MyProjectMiddleContantRow:hover,
.MyProjectMiddleContantRow.active {
    background: #d2dded;
}
.MyProjectMiddleContantRow:hover .StatusProgressBar,
.MyProjectMiddleContantRow.active .StatusProgressBar {
    border-color: #9c9c9c!important;
}
.GabEscla {
    float: left;
    width: 2.3%;
}
.JIRNumber {
    color: #3d8bca;
    width: 4%;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.JIRContant {
    color: #3d8bca;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 21.3%;
    float: left;
}
.JIRContantEdit {
    color: #3d8bca;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 19%;
    float: left;
}
.StatusBtn {
    float: left;
    width: 8.5%;
}
.StatusProgressBtn {
    background: #00aff0;
    font-size: 11px;
    padding: 4px 15px;
    border: none;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.StatusApprovedBtn {
    background: #ff9900;
    color: black;
    font-size: 10px;
    padding: 4px 22px;
    border: none;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.StatusUnitTestingBtn {
    background: #ffd350;
    color: black;
    font-size: 10px;
    padding: 4px 17px;
    border: none;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ProgressBarArea {
    float: left;
    width: 10%;
    padding-top: 6px;
    margin-right: 1%;
}
.StatusProgressBar {
    background: #fff !important;
    border: 3px solid #e6e6e6;
    border-radius: 14px;
    box-shadow: none;
    height: 18px !important;
}
.WLDHours {
    color: #3d8bca;
    width: 5%;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 5px;
    font-weight: bold;
    font-size: 12px;
    padding-top: 2px;
}
.LineProgressBar {
    width: 12%;
    float: left;
    padding-top: 10px;
    margin-left: 1%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 25px;
}
.BlueBar {
    width: 3px;
    float: left;
    background: #428bca;
    height: 15px;
}
.WhiteBar {
    width: 3px;
    float: left;
    background: #fff;
    height: 15px;
}
.GreyBar {
    width: 3px;
    float: left;
    background: #e6e6e6;
    height: 15px;
}
.RedBar {
    width: 3px;
    float: left;
    background: #ec3300;
    height: 15px;
}
.DDTime {
    color: #3d8bca;
    width: 7%;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 5px;
    font-weight: bold;
    font-size: 12px;
    padding-top: 2px;
}
.DDTimeRed {
    color: #ec3300;
    width: 7%;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 5px;
    font-weight: bold;
    font-size: 12px;
    padding-top: 2px;
}
.StatusBtnTime {
    float: right;
    width: 8.5%;
}
.StatusOnTimeBtn {
    background: #00a500;
    font-size: 10px;
    padding: 2px;
    border: none;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.StatusOnDelayBtn {
    background: #ec3300;
    font-size: 12px;
    padding: 2px;
    border: none;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.StatusOnAttentionBtn {
    background: #ffbc33;
    font-size: 12px;
    padding: 2px;
    border: none;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.DataShowingArea::before {
    border-left: 3px solid #d2dded;
    content: "";
    left: 3px;
    position: absolute;
    top: 0;
    height: 550px;
    ;
}
.DataShowingArea {
    width: 98%;
    height: 238px;
    background: #fff;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    float: left;
    padding: 13px 30px;
    border-left: 50px solid #d2dded;
    position: relative;
    overflow-y: scroll;
}
.DataShowingMainArea {
    width: 84%;
    border: 1px solid #9c9c9c;
    border-radius: 8px;
    height: 240px;
    margin-top: 5px;
    float: left;
    background: #d2dded;
}
.DataShowingBlankArea {
    width: 15%;
    border: 1px solid #9c9c9c;
    border-radius: 8px;
    height: 240px;
    margin-top: 5px;
    float: right;
    background: #d2dded;
}
.ProjectArea {
    width: 50%;
    float: left;
}
.ProjectAreaImg {
    width: 30%;
    float: left;
    margin-left: 3%;
}
.CategoryArea {
    float: left;
    width: 74.5%;
}
.BuiltTextArea {
    width: 95.7%;
    margin-top: 10px;
    position:relative;
}
.AssignBackUp {
    width: 30%;
    float: left;
    margin-left: 3%;
    color: #00a500;
}
.AssignBackUpNext {
    width: 33%;
    float: left;
    margin-left: 3%;
    color: #00a500;
}
.StartDateArea {
    width: 44%;
    float: left;
}
.StartDateAreaImg {
    width: 30%;
    float: left;
    margin-left: 4%;
}
.HoursArea {
    width: 21%;
    float: left;
}
.MinutesArea {
    width: 21%;
    float: left;
    margin-left: 2%;
}
.HMImg {
    width: 30%;
    float: left;
    margin-left: 9%;
}
.TopDeliveryStatusArea {
    width: 9%;
    color: #fff;
    font-family: Impact;
    font-size: 15px;
    float: left;
    text-align: center;
}
.TopDueDateArea {
    width: 7%;
    color: #fff;
    font-family: Impact;
    font-size: 15px;
    float: left;
    text-align: center;
}
.TopDaysLeftArea {
    width: 7%;
    color: #fff;
    font-family: Impact;
    font-size: 15px;
    float: left;
    text-align: center;
}
.TopCountDownArea {
    width: 12%;
    color: #fff;
    font-family: Impact;
    font-size: 15px;
    float: left;
    text-align: center;
}
.TopDoneArea {
    width: 5%;
    color: #fff;
    font-family: Impact;
    font-size: 15px;
    float: left;
    text-align: center;
}
.TopLeftArea {
    width: 5%;
    color: #fff;
    font-family: Impact;
    font-size: 15px;
    float: left;
    text-align: center;
}
.TopWorkedArea {
    width: 5%;
    padding-left: 8px;
    color: #fff;
    font-family: Impact;
    font-size: 15px;
    float: left;
    text-align: center;
}
.TopProgressBarArea {
    width: 10%;
    color: #fff;
    font-family: Impact;
    font-size: 15px;
    float: left;
    text-align: center;
}
.TopStatusArea {
    width: 8.5%;
    padding-left: 30px;
    color: #fff;
    font-family: Impact;
    font-size: 15px;
    float: left;
}
.TopDescriptionArea {
    width: 21.3%;
    padding-left: 7px;
    color: #fff;
    font-family: Impact;
    font-size: 15px;
    float: left;
}
.TopKeyArea {
    width: 4%;
    margin-left: 4.6%;
    color: #fff;
    font-family: Impact;
    text-align: center;
    font-size: 15px;
    float: left;
}
.EditTaskJIR {
    font-family: Impact;
    font-size: 15px;
    color: #fff;
    padding-left: 15px;
}
.GabEsclaNext {
    float: left;
    width: 4%;
}
.JIRNumberNext {
    color: #3d8bca;
    width: 8%;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.JIRContantNext {
    color: #3d8bca;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 38%;
    float: left;
}
.JIRContantEditNext {
    color: #3d8bca;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 34%;
    float: left;
}
.StatusBtnNext {
    float: left;
    width: 15%;
}
.ProgressBarAreaNext {
    float: left;
    width: 20%;
    padding-top: 6px;
    margin-right: 1%;
}
.DDTimeNext {
    color: #3d8bca;
    width: 10%;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 5px;
    font-weight: bold;
    font-size: 12px;
    padding-top: 2px;
}
.TopPArea {
    width: 4%;
    padding-left: 15px;
    color: #fff;
    font-family: Impact;
    text-align: center;
    font-size: 15px;
    float: left;
}
.TopUArea {
    width: 4%;
    padding-left: 13px;
    color: #fff;
    font-family: Impact;
    text-align: center;
    font-size: 15px;
    float: left;
}
.TopAnotherKeyArea {
    width: 8%;
    color: #fff;
    font-family: Impact;
    text-align: center;
    font-size: 15px;
    float: left;
}
.TopDescriptionAreaNext {
    width: 38%;
    padding-left: 7px;
    color: #fff;
    font-family: Impact;
    font-size: 15px;
    float: left;
}
.TopStatusAreaNext {
    width: 15%;
    padding-left: 20px;
    color: #fff;
    font-family: Impact;
    font-size: 15px;
    float: left;
}
.TopProgressBarAreaNext {
    width: 20%;
    color: #fff;
    font-family: Impact;
    font-size: 15px;
    float: left;
    padding-left: 25px;
}
.TopDueDateAreaNext {
    width: 10%;
    color: #fff;
    font-family: Impact;
    font-size: 15px;
    float: left;
}
@media only screen and (max-width: 1366px) {
    .BuildItLiveRightContainerInner-6 {
        width: 76.5%;
        overflow: scroll;
        float: left;
        height: 855px;
        padding: 5px 10px;
        background: #f2f2f2;
        margin-left: 10px;
        border-radius: 8px;
        border-left: 30px solid #ff9900;
        position: relative;
        margin-bottom: 50px;
    }
    .BuildItLiveRightContainerInner-7 {
        width: 95%;
        overflow: scroll;
        float: left;
        height: 863px;
        padding: 5px 10px;
        background: #f2f2f2;
        margin-left: 10px;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        border-left: 30px solid #ff9900;
        position: relative;
        border-right: 5px solid #ff9900;
        margin-bottom: 50px;
    }
}
/*************************************** TaskManagerCompanyNPartner End Here ***************************************/
/*************************************** Action Code Starts Here ***************************************/

.table-action td {
    text-align: left;
}
.table-action thead td {
    font-weight: bold;
}
.action-input-text {
    width: 60% !important;
}
.action-input-button {
    padding: 5px 6px;
}
.table-action-row {
    background: #ebf2f9;
}
.table-action-row td,
.version-rows td {
    vertical-align: middle !important;
}
.version-rows {
    border-bottom: 1px solid #ddd;
}
/*************************************** Action Code End Here ***************************************/
/*********************BuildItLive Left Side Bar***************************/
/*body{
    background: #E0EAE1;
}*/

.side-bar {
    width: 95%;
    float: left;
    background: transparent;
    height: 95%;
    margin-left: 5px;
    padding-right: 5px;
    position: relative;
}
.side-bar h3 {
    font-family: 'impact';
    background: #fff;
    padding: 1px 0px 1px 8px;
    border-radius: 5px;
    color: #6FA166;
    /*border: 1px solid #ccc;*/
    box-shadow: 0 0 1px rgba(0, 0, 0, .2);
    margin-top: 0;
}
.side-bar h3 img {
    margin-left: 12px;
    width: 65px;
}
.menu {
    padding-left: 0;
    list-style-type: none;
}
.menu li {
    display: inline-block;
    margin-right: 16px;
}
.menu li:last-child {
    margin-right: 0;
}
.menu li img {
    opacity: .8;
    filter: alpha(opacity=80);
}
.menu li span {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    margin-left: 5px;
    color: #81AB7D;
}
.search-box-container {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 3px 0;
    margin-bottom: 8px;
}
.search-box-container button.dropbox-close-btn {
    margin-right: 0;
    margin-left: 3px;
    border-radius: 5px;
    background: transparent;
}
.search-box {
    position: relative;
    float: left;
}
.search-box input {
    float: left;
    height: 34px;
    position: relative;
    width: 221px;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 6px 30px 6px 12px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    background: transparent;
}
.search-box input::-moz-placeholder {
    color: #aaa;
}
.search-box i {
    color: #81AB7D;
}
.search-box-container button.close-btn {
    margin-right: 0;
    margin-left: 3px;
    border-radius: 5px;
    background: transparent;
}
.scrollbar-rail > .scroll-element .scroll-bar {
    background-color: #eee;
    border-radius: 5px;
    box-shadow: none;
}
.scrollbar-rail > .scroll-element .scroll-element_size {
    background-color: rgba(0, 0, 0, 0.1);
}
/*.scrollbar-rail{
    background: #fff;
}*/

.nested-accordion {
    margin: 4px 0;
}

.nested-accordion ul {
    list-style: none;
    background: #fff;
    /*margin-top: -5px;*/
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-bottom:0px;
}

.accordion-heading[aria-expanded="false"] > img.right-side-img,
.second-stage > li > a > img.right-side-img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .2s;
    transition: all .2s;
    margin-top: 4px;
    /*margin-right: 3px;*/
}

.accordion-heading[aria-expanded="true"] > img.right-side-img,
.second-stage > li > a > img.right-side-img {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .2s;
    transition: all .2s;
    margin-top: 4px;
    /*margin-right: 3px;*/
}

.second-stage > li > a.collapsed > img.right-side-img,
.second-stage > li > a > img.right-side-img {
    margin-top: 1px;
    width: 17px;
}

.nested-accordion .scrollbar-rail > ul {
    /*margin-top: -9px;*/
    padding: 0 0 0 8px;
    /*margin-right: 5px;*/
}

.nested-accordion .scrollbar-rail > ul ul {
    padding: 0;
}

.nested-accordion .scrollbar-rail > ul > a > a {
    padding: 5px 20px;
}

.nested-accordion .scrollbar-rail > ul li a {
    display: block;
    border-bottom: 1px solid #ccc;
    height: 30px;
    line-height: 18px;
    -webkit-box-shadow: 0 0 0 1px #fff inset;
            box-shadow: 0 0 0 1px #fff inset;
}

.scroll-wrapper img.left-side-img {
    vertical-align: middle;
    width: 16px;
}

.nested-accordion .scrollbar-rail > ul li a:hover,
.nested-accordion .scrollbar-rail > ul li a.selected-menu {
    background: #D4E0D2;
}

.nested-accordion .scroll-wrapper.scrollbar-rail {
    background: #fff none repeat scroll 0 0;
    height: 250px;
    transition: all 0.3s ease 0s;
}

.first-stage > li > a {
    padding: 5px 0px 5px 10px;
}

.first-stage > li > a > span {
    font-weight: 800;
}

.second-stage > li > a {
    padding: 5px 0px 5px 20px;
}

.third-stage > li > a {
    padding: 5px 0px 5px 30px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.third-stage > li > a:hover {
    background: #F3DCB3;
}

.third-stage > li > a .right-side-img {
    visibility: hidden;
}

.third-stage > li > a:hover .right-side-img {
    visibility: visible;
}

.nested-accordion .scrollbar-rail ul li.last a {
    border-bottom: none;
}

.nested-accordion .scrollbar-rail ul li a span {
    /*font-family: 'Open sans';*/
    font-size: 13px;
    color: #777;
    margin-left: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
}
a.accordion-heading:hover,a.accordion-heading:active,a.accordion-heading:focus,.nested-accordion .scrollbar-rail ul li a:hover,.nested-accordion .scrollbar-rail ul li a:active,.nested-accordion .scrollbar-rail ul li a:focus
{
    text-decoration:none;
}
.right-side-img {
    /*float: right;*/
    position: absolute;
    right: 14px;
}

.accordion-heading {
    display: block;
    background: #eee;
    padding: 5px 7px;
    font-size: 20px;
    /*margin-bottom: 10px;*/
}
.left-side-strip .accordion-heading {
    background: none;
}
.accordion-heading span {
    margin-left: 5px;
    font-family: 'impact';
    color: #777;
    line-height: 28px;
}
.left-side-strip .accordion-heading span {
    color: #fff;
}
.accordion-heading[aria-expanded="true"] {
    background: #6FA166;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

.accordion-heading[aria-expanded="false"] {
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.accordion-heading[aria-expanded="true"] > span {
    color: #fff;
}

.nested-accordion .accordion-heading[aria-expanded="true"] + .scroll-wrapper {
    height: 190px;
    background: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.nested-accordion .accordion-heading[aria-expanded="false"] + .scroll-wrapper {
    height: 0px;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.sidebar-bottom {
    position: absolute;
    bottom: 0px;
}
.sidebar-bottom ul {
    padding: 8px 0 0 0;
    list-style-type: none;
    border-top: 1px solid #ccc;
}
.sidebar-bottom ul li {
    display: inline-block;
    margin: 0 15px;
}
.sidebar-bottom ul li:first-child {
    margin-left: 10px;
}
.sidebar-bottom ul li:last-child {
    margin-right: 0;
}
.fa-ellipsis-v {
    font-size: 20px;
    color: #6fa166;
    position: absolute;
    top: 44%;
    right: 3px;
}
.search-group {
    max-width: 83%;
    /*max-width: 75%;*/
    
    width: 100%;
}
.search-group .form-grp {
    width: 300px;
    height: 34px;
    float: left;
    position: relative;
}
.search-group .form-grp input {
    width: 100%;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 30px 6px 12px;
}
.search-group .form-grp input::-moz-placeholder {
    color: #999;
    opacity: 1;
    filter: alpha(opacity=100);
}
.search-btn {
    display: block;
    height: 34px;
    line-height: 34px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    width: 34px;
    z-index: 2;
}
.dropbox-close-btn {
    display: inline-block;
    width: 34px;
    height: 33px;
    margin: 0 6px;
    background-color: #fff;
    background-image: url(/images/BuildItLiveImages/Dropbox/close.png);
    background-repeat: no-repeat;
    background-position: 50%;
    border: 1px solid #ccc;
    border-radius: 3px;
}
/*********************BuildItLive Left Side Bar END***************************/
/**Responsive css 20th jan 2016 project issue navigation**/

.new-task-link {
    margin-left: 400px;
    margin-top: -27px;
    /*padding-bottom: 10px;*/
    
    width: 100%;
}
.dropdown-class {
    color: #9c9c9c;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-weight: bold;
    margin-top: -17px;
}
select#DdlProject {
    width: 1200px;
    height: 32px;
}
.summary {
    width: 78%;
}
#BtnUpdateProject {
    margin-left: 426px;
    font-weight: normal !important;
    font-size: 13px !important;
    margin-top: 10px;
}
input[type="text"].edit-company-input {
    width: 50%;
    height: 28px;
    padding: 1px 6px 0px;
}
img.tick-class {
    margin-left: 0px;
    float: right;
    margin-top: 6px;
}
#GoogleMap {
    height: 250px;
    margin-top: -18px;
    margin-left: 15px;
    border: 1px solid #ccc
}
button#state-button {
    padding: 4px 12px;
}
/*#TxtVersionSummary{
position:relative; padding-left:110px;margin-bottom:11px;margin-top:5px;width:526px;margin-left:10px
}
input[type="text"]#TxtVersionItem
{
    width:96.5%;
}*/

#BtnUpdateVersion {
    margin-left: 426px;
    font-weight: normal !important;
    font-size: 13px !important;
    margin-top: 10px;
}
#BtnUpdateCompany {
    margin-left: 426px;
    font-weight: normal !important;
    font-size: 13px !important;
    margin-top: 10px;
}
.cross-panel {
    float: right;
    margin-right: 5px;
    margin-top: 5px;
}
.textt-editor {
    margin-top: 10px;
}
#DivTaskDetailContainer {
    margin-left: 0px;
}
#bar1-top {
    margin-left: 0px;
}
.orange-strip {
    background-color: #ff9900;
    border-radius: 10px 0 0 10px;
    float: left;
    margin-left: -2px;
    width: 2.5%;
    height: 850px;
    padding-bottom: 20px;
    border-right: 0px solid #fff;
    position: relative;
}
.orange-strip:before {
    content: " ";
    top: 0px;
    left: 41px;
    right: -5px;
    bottom: 0px;
    border: 3px solid #ff9900;
    position: absolute;
}
.orange-strip p {
    /*writing-mode: sideways-lr;
text-orientation: upright;*/
    
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    /* margin-left: 6px;*/
    left:9px;
   /* margin-top: 480px;*/
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    position: absolute;
    bottom: 15px;
}
#my-text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 209px
}
/* from new.css */
/**Responsive layout 20th jan 2016**/

@media (max-width: 1370px) {
    .togglebtn {
        margin-top: -29px;
        margin-left: -33px;
        border-left: #ddd 1px solid;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        width: 22px;
        height: 28px;
        background-image: url(/images/IssueImages/drop-icon.png);
        background-repeat: no-repeat;
    }
    .divProjectsddl {
        border: solid #ddd 1px;
        width: 243px;
        height: 30px;
        border-radius: 4px;
        padding: 5px;
        font-size: 14px;
    }
    .form-group {
        margin: 5px 0;
    }
    #BtnUpdateProject {
        margin-left: 66%;
    }
    .mini-icons {
        float: right;
        margin-top: 6px;
        margin-left: -98%;
    }
    
}
@media (max-width: 1350px) {
    .togglebtn {
        margin-top: -29px;
        margin-left: -33px;
        border-left: #ddd 1px solid;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        width: 22px;
        height: 28px;
        background-image: url(/images/IssueImages/drop-icon.png);
        background-repeat: no-repeat;
    }
    .divProjectsddl {
        border: solid #ddd 1px;
        width: 243px;
        height: 30px;
        border-radius: 4px;
        padding: 5px;
        font-size: 14px;
    }
    .form-group {
        margin: 5px 0;
    }
    #BtnUpdateProject {
        margin-left: 66%;
    }
    .mini-icons {
        float: right;
        margin-top: 6px;
        margin-left: -98%;
    }
}
@media (max-width: 1330px) {
    .togglebtn {
        margin-top: -29px;
        margin-left: -33px;
        border-left: #ddd 1px solid;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        width: 22px;
        height: 28px;
        background-image: url(/images/IssueImages/drop-icon.png);
        background-repeat: no-repeat;
    }
    .divProjectsddl {
        border: solid #ddd 1px;
        width: 243px;
        height: 30px;
        border-radius: 4px;
        padding: 5px;
        font-size: 14px;
    }
    .form-group {
        margin: 5px 0;
    }
    #BtnUpdateProject {
        margin-left: 66%;
    }
    .mini-icons {
        float: right;
        margin-top: 6px;
        margin-left: -98%;
    }
}
@media (max-width: 1310px) {
    .togglebtn {
        margin-top: -29px;
        margin-left: -33px;
        border-left: #ddd 1px solid;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        width: 22px;
        height: 28px;
        background-image: url(/images/IssueImages/drop-icon.png);
        background-repeat: no-repeat;
    }
    .divProjectsddl {
        border: solid #ddd 1px;
        width: 243px;
        height: 30px;
        border-radius: 4px;
        padding: 5px;
        font-size: 14px;
    }
    .form-group {
        margin: 5px 0;
    }
    #BtnUpdateProject {
        margin-left: 66%;
    }
    .mini-icons {
        float: right;
        margin-top: 6px;
        margin-left: -98%;
    }
}
@media (max-width: 1370px) {
    .orange-strip {
        background-color: #ff9900;
        border-radius: 10px 0 0 10px;
        float: left;
        margin-left: -2px;
        width: 2.5%;
        height: 845px;
        padding-bottom: 20px;
        border-right: 0px solid #fff;
        position: relative;
    }
    .orange-strip:before {
        content: " ";
        top: 0px;
        left: 30px;
        right: -5px;
        bottom: 0px;
        border: 3px solid #ff9900;
        position: absolute;
    }
    .orange-strip p {
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        color: #fff;
        font-size: 17px;
        font-weight: bold;
        margin-left: 4px;
        margin-top: 504px
    }
    .BuildItLiveRightContainerInner-8 {
        background: #f2f2f2 none repeat scroll 0 0;
        border-bottom-left-radius: 8px;
        border-right: 8px solid #ff9900;
        border-top-left-radius: 8px;
        float: left;
        height: 845px;
        margin-left: 18px;
        width: 65.5%;
    }
    .cross-panel {
        float: right;
        margin-right: 0px;
        margin-top: 5px;
    }
    .new-task-link span {
        font-size: 11px;
    }
    .new-task-link img {
        width: 15px;
    }
    select#DdlProject {
        width: 1200px;
        height: 32px;
    }
    .dropdown-class {
        width: 166%;
        margin-left: 10px;
    }
    .ProjectArea {
        width: 67%;
        float: left;
    }
    .DataShowingArea {
        width: 98%;
        height: 238px;
        background: #fff;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        float: left;
        padding: 13px 30px 13px 20px;
        border-left: 50px solid #d2dded;
        position: relative;
        overflow-y: scroll;
    }
    .input-group {
        position: relative;
        display: table;
        border-collapse: separate;
        width: 100%;
    }
    .ProjectAreaImg {
        width: 21%;
        float: left;
        margin-left: 11%;
    }
    .CategoryArea {
        float: left;
        width: 73.5%;
        margin-top: 6px;
    }
    .summary {
        width: 78.5%;
    }
    .AssignBackUp {
        width: 21%;
        float: left;
        margin-left: 12%;
        color: #00a500;
    }
    .AssignBackUpNext {
        width: 21%;
        float: left;
        margin-left: 11.5%;
        color: #00a500;
    }
    .HMImg {
        width: 40%;
        float: left;
        margin-left: 10%;
    }
    #small-arrow {
        width: 31%;
        float: left;
        margin-left: 2%;
    }
    #small-arrow1 {
        width: 31%;
        float: left;
        margin-left: 2%;
    }
    #DivTaskDetailContainer {
        padding-right: 20px;
    }
    .ProjectKeyArrowArea {
        float: left;
        width: 33%;
        margin-left: -1%;
    }
    .ProjectNameArrowArea {
        width: 54.5%;
        float: right;
        margin-right: 3%;
    }
    #Span1 {
        padding: 0 0 0 3px;
    }
    #Span2 {
        padding: 0 0 0 3px;
    }
    .mini-icons img {
        display: inline;
        width: 20px;
    }
    #DivNewIssueAdd {
        width: 60%;
    }
    #DivNewPriorityAdd {
        width: 60%;
    }
    .IssueTypeContainerArea {
        border: 1px solid #ddd;
        border-radius: 4px;
        width: 91%;
        margin-left: 15px;
        float: left;
        margin-bottom: 15px;
    }
    img.tick-class {
        margin-left: 0px;
        float: right;
        margin-top: 9px;
        width: 18px;
    }
    .TopCategoryNameAreaTextAgainEdit img {
        width: 15px;
    }
    .TopCategoryNameAreaTextAgain img {
        width: 15px;
    }
    .TopCategoryNameAreaTextAgainEdit {
        color: #428bca;
        float: left;
        font-family: Impact;
        font-size: 10px;
        padding-left: 15px;
        width: 73%;
    }
    .CompanyArrowTextArea {
        width: 65%;
        float: left;
        margin-left: 2%;
    }
    #basic-addon2 {
        padding: 0 0 0 4px;
    }
    .DescriptionArrowText {
        width: 69.5%;
        float: left;
        margin-left: 1.5%;
    }
    button#state-button {
        height: 30px;
        padding: 4px 11px;
        margin-left: 0px;
        margin-right: 39px;
    }
    #GoogleMap {
        height: 250px;
        margin-top: 0px;
        margin-left: 6px;
        border: 1px solid #ccc
    }
    /*input[type="text"]#TxtVersionItem
{
    width:81.5%;
}*/
    /*input[type="text"]#TxtVersionSummary
{
     width:77.5%;
}*/
    
    #BtnUpdateVersion {
        margin-left: 67%;
        font-weight: normal !important;
        font-size: 13px !important;
        margin-top: 10px;
    }
    #BtnUpdateCompany {
        margin-left: 67%;
        font-weight: normal !important;
        font-size: 13px !important;
        margin-top: 10px;
    }
    .StatusProgressBtn {
        background: #00aff0;
        font-size: 9px;
        padding: 4px 0px;
        border: none;
        font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 79px;
    }
    .MyProjectMiddleContantRow {
        border-bottom: 1px solid #9c9c9c;
        height: 35px;
        line-height: 32px;
        cursor: pointer;
        font-size: 12px;
    }
    .MyProjectBlueTopArea {
        margin-left: 5px;
        height: 45px;
        background: #428bca;
        margin-top: -13px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border: 1px solid #dbdbdb;
        border-bottom: 1px solid #9c9c9c;
        padding-top: 1px;
    }
}
@media (max-width: 1350px) {
    .orange-strip {
        background-color: #ff9900;
        border-radius: 10px 0 0 10px;
        float: left;
        margin-left: -2px;
        width: 2.66%;
        height: 845px;
        padding-bottom: 20px;
        border-right: 0px solid #fff;
        position: relative;
    }
    .orange-strip:before {
        content: " ";
        top: 0px;
        left: 33px;
        right: -5px;
        bottom: 0px;
        border: 3px solid #ff9900;
        position: absolute;
    }
    .orange-strip p {
        -webkit-writing-mode: sideways-lr;
        -ms-writing-mode: sideways-lr;
        writing-mode: sideways-lr;
        text-orientation: upright;
        color: #fff;
        font-size: 17px;
        font-weight: bold;
        margin-left: 4px;
        margin-top: 504px
    }
    .BuildItLiveRightContainerInner-8 {
        background: #f2f2f2 none repeat scroll 0 0;
        border-bottom-left-radius: 8px;
        border-right: 8px solid #ff9900;
        border-top-left-radius: 8px;
        float: left;
        height: 845px;
        margin-left: 18px;
        width: 65%;
    }
    .MyProjectMiddleContantRow {
        border-bottom: 1px solid #9c9c9c;
        height: 35px;
        line-height: 32px;
        cursor: pointer;
        font-size: 12px;
    }
    .new-task-link span {
        font-size: 11px;
    }
    .new-task-link img {
        width: 15px;
    }
    .dropdown-class {
        width: 166%;
        margin-left: 10px;
    }
    .DataShowingArea {
        width: 98%;
        height: 238px;
        background: #fff;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        float: left;
        padding: 13px 30px 13px 20px;
        border-left: 50px solid #d2dded;
        position: relative;
        overflow-y: scroll;
    }
    .input-group {
        position: relative;
        display: table;
        border-collapse: separate;
        width: 115%;
    }
    .ProjectAreaImg {
        width: 21%;
        float: left;
        margin-left: 11%;
    }
    .CategoryArea {
        float: left;
        width: 73.5%;
        margin-top: 6px;
    }
    .summary {
        width: 78.5%;
    }
    .AssignBackUp {
        width: 21%;
        float: left;
        margin-left: 12%;
        color: #00a500;
    }
    .AssignBackUpNext {
        width: 21%;
        float: left;
        margin-left: 11.5%;
        color: #00a500;
    }
    .HMImg {
        width: 40%;
        float: left;
        margin-left: 10%;
    }
    #small-arrow {
        width: 31%;
        float: left;
        margin-left: 2%;
    }
    #DivTaskDetailContainer {
        padding-right: 20px;
    }
    .ProjectKeyArrowArea {
        float: left;
        width: 33%;
        margin-left: -1%;
    }
    .ProjectNameArrowArea {
        width: 54.5%;
        float: right;
        margin-right: 3%;
    }
    #Span1 {
        padding: 0 0 0 3px;
    }
    #Span2 {
        padding: 0 0 0 3px;
    }
    .mini-icons img {
        display: inline;
        width: 20px;
    }
    #DivNewIssueAdd {
        width: 60%;
    }
    .IssueTypeContainerArea {
        border: 1px solid #ddd;
        border-radius: 4px;
        width: 91%;
        margin-left: 15px;
        float: left;
        margin-bottom: 15px;
    }
    img.tick-class {
        margin-left: 0px;
        float: right;
        margin-top: 9px;
        width: 18px;
    }
    .TopCategoryNameAreaTextAgainEdit img {
        width: 15px;
    }
    .TopCategoryNameAreaTextAgain img {
        width: 15px;
    }
    .TopCategoryNameAreaTextAgainEdit {
        color: #428bca;
        float: left;
        font-family: Impact;
        font-size: 10px;
        padding-left: 15px;
        width: 73%;
    }
    .CompanyArrowTextArea {
        width: 65%;
        float: left;
        margin-left: 2%;
    }
    #basic-addon2 {
        padding: 0 0 0 4px;
    }
    #GoogleMap {
        height: 250px;
        margin-top: 0px;
        margin-left: 6px;
        border: 1px solid #ccc
    }
    input[type="text"]#TxtVersionItem {
        width: 81.5%;
    }
    input[type="text"]#TxtVersionSummary {
        width: 77.5%;
    }
    #BtnUpdateVersion {
        margin-left: 67%;
        font-weight: normal !important;
        font-size: 13px !important;
        margin-top: 10px;
    }
    #BtnUpdateCompany {
        margin-left: 67%;
        font-weight: normal !important;
        font-size: 13px !important;
        margin-top: 10px;
    }
    .StatusProgressBtn {
        background: #00aff0;
        font-size: 9px;
        padding: 4px 0px;
        border: none;
        font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 79px;
    }
    .MyProjectBlueTopArea {
        margin-left: 5px;
        height: 45px;
        background: #428bca;
        margin-top: -13px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border: 1px solid #dbdbdb;
        border-bottom: 1px solid #9c9c9c;
        padding-top: 1px;
    }
}
@media (max-width: 1330px) {
    .BuildItLiveRightContainerInner-8 {
        background: #f2f2f2 none repeat scroll 0 0;
        border-bottom-left-radius: 8px;
        border-right: 8px solid #ff9900;
        border-top-left-radius: 8px;
        float: left;
        height: 845px;
        margin-left: 18px;
        width: 63.5%;
    }
    .MyProjectMiddleContantRow {
        border-bottom: 1px solid #9c9c9c;
        height: 35px;
        line-height: 32px;
        cursor: pointer;
        font-size: 12px;
    }
    .new-task-link span {
        font-size: 11px;
    }
    .new-task-link img {
        width: 15px;
    }
    .dropdown-class {
        width: 166%;
        margin-left: 10px;
    }
    .DataShowingArea {
        width: 98%;
        height: 238px;
        background: #fff;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        float: left;
        padding: 13px 30px 13px 20px;
        border-left: 50px solid #d2dded;
        position: relative;
        overflow-y: scroll;
    }
    .input-group {
        position: relative;
        display: table;
        border-collapse: separate;
        width: 115%;
    }
    .ProjectAreaImg {
        width: 21%;
        float: left;
        margin-left: 11%;
    }
    .CategoryArea {
        float: left;
        width: 73.5%;
        margin-top: 6px;
    }
    .AssignBackUp {
        width: 21%;
        float: left;
        margin-left: 12%;
        color: #00a500;
    }
    .AssignBackUpNext {
        width: 21%;
        float: left;
        margin-left: 11.5%;
        color: #00a500;
    }
    .HMImg {
        width: 40%;
        float: left;
        margin-left: 10%;
    }
    #small-arrow {
        width: 31%;
        float: left;
        margin-left: 2%;
    }
    #DivTaskDetailContainer {
        padding-right: 20px;
    }
    .ProjectKeyArrowArea {
        float: left;
        width: 33%;
        margin-left: -1%;
    }
    .ProjectNameArrowArea {
        width: 54.5%;
        float: right;
        margin-right: 3%;
    }
    #Span1 {
        padding: 0 0 0 3px;
    }
    #Span2 {
        padding: 0 0 0 3px;
    }
    .mini-icons img {
        display: inline;
        width: 20px;
    }
    #DivNewIssueAdd {
        width: 60%;
    }
    .IssueTypeContainerArea {
        border: 1px solid #ddd;
        border-radius: 4px;
        width: 91%;
        margin-left: 15px;
        float: left;
        margin-bottom: 15px;
    }
    img.tick-class {
        margin-left: 0px;
        float: right;
        margin-top: 9px;
        width: 18px;
    }
    .TopCategoryNameAreaTextAgainEdit img {
        width: 15px;
    }
    .TopCategoryNameAreaTextAgain img {
        width: 15px;
    }
    .TopCategoryNameAreaTextAgainEdit {
        color: #428bca;
        float: left;
        font-family: Impact;
        font-size: 10px;
        padding-left: 15px;
        width: 73%;
    }
    .CompanyArrowTextArea {
        width: 65%;
        float: left;
        margin-left: 2%;
    }
    #basic-addon2 {
        padding: 0 0 0 4px;
    }
    #GoogleMap {
        height: 250px;
        margin-top: 0px;
        margin-left: 6px;
        border: 1px solid #ccc
    }
    input[type="text"]#TxtVersionItem {
        width: 81.5%;
    }
    input[type="text"]#TxtVersionSummary {
        width: 77.5%;
    }
    #BtnUpdateVersion {
        margin-left: 67%;
        font-weight: normal !important;
        font-size: 13px !important;
        margin-top: 10px;
    }
    #BtnUpdateCompany {
        margin-left: 67%;
        font-weight: normal !important;
        font-size: 13px !important;
        margin-top: 10px;
    }
    .StatusProgressBtn {
        background: #00aff0;
        font-size: 9px;
        padding: 4px 0px;
        border: none;
        font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 79px;
    }
    .MyProjectBlueTopArea {
        margin-left: 5px;
        height: 45px;
        background: #428bca;
        margin-top: -13px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border: 1px solid #dbdbdb;
        border-bottom: 1px solid #9c9c9c;
        padding-top: 1px;
    }
    .orange-strip {
        background-color: #ff9900;
        border-radius: 10px 0 0 10px;
        float: left;
        margin-left: -2px;
        width: 2.5%;
        height: 845px;
        padding-bottom: 20px;
        border-right: 0px solid #fff;
        position: relative;
    }
    .orange-strip:before {
        content: " ";
        top: 0px;
        left: 41px;
        right: -5px;
        bottom: 0px;
        border: 3px solid #ff9900;
        position: absolute;
    }
    .orange-strip p {
        -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: vertical-lr;
        writing-mode: vertical-lr;
        /*text-orientation: upright;*/
        
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        margin-left: 11px;
        margin-top: 504px;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    }
}
@media (max-width: 1310px) {
    .BuildItLiveRightContainerInner-8 {
        background: #f2f2f2 none repeat scroll 0 0;
        border-bottom-left-radius: 8px;
        border-right: 8px solid #ff9900;
        border-top-left-radius: 8px;
        float: left;
        height: 845px;
        margin-left: 18px;
        width: 58.5%;
    }
    .MyProjectMiddleContantRow {
        border-bottom: 1px solid #9c9c9c;
        height: 35px;
        line-height: 32px;
        cursor: pointer;
        font-size: 12px;
    }
    .new-task-link span {
        font-size: 11px;
    }
    .new-task-link img {
        width: 15px;
    }
    .dropdown-class {
        width: 166%;
        margin-left: 10px;
    }
    .DataShowingArea {
        width: 98%;
        height: 238px;
        background: #fff;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        float: left;
        padding: 13px 30px 13px 20px;
        border-left: 50px solid #d2dded;
        position: relative;
        overflow-y: scroll;
    }
    .input-group {
        position: relative;
        display: table;
        border-collapse: separate;
        width: 100%;
    }
    .ProjectAreaImg {
        width: 21%;
        float: left;
        margin-left: 11%;
    }
    .CategoryArea {
        float: left;
        width: 73.5%;
        margin-top: 6px;
    }
    .AssignBackUp {
        width: 21%;
        float: left;
        margin-left: 12%;
        color: #00a500;
    }
    .AssignBackUpNext {
        width: 21%;
        float: left;
        margin-left: 11.5%;
        color: #00a500;
    }
    .HMImg {
        width: 40%;
        float: left;
        margin-left: 10%;
    }
    #small-arrow {
        width: 31%;
        float: left;
        margin-left: 2%;
    }
    #DivTaskDetailContainer {
        padding-right: 20px;
    }
    .ProjectKeyArrowArea {
        float: left;
        width: 33%;
        margin-left: -1%;
    }
    .ProjectNameArrowArea {
        width: 54.5%;
        float: right;
        margin-right: 3%;
    }
    #Span1 {
        padding: 0 0 0 3px;
    }
    #Span2 {
        padding: 0 0 0 3px;
    }
    .mini-icons img {
        display: inline;
        width: 20px;
    }
    #DivNewIssueAdd {
        width: 60%;
    }
    .IssueTypeContainerArea {
        border: 1px solid #ddd;
        border-radius: 4px;
        width: 91%;
        margin-left: 15px;
        float: left;
        margin-bottom: 15px;
    }
    img.tick-class {
        margin-left: 0px;
        float: right;
        margin-top: 9px;
        width: 18px;
    }
    .TopCategoryNameAreaTextAgainEdit img {
        width: 15px;
    }
    .TopCategoryNameAreaTextAgain img {
        width: 15px;
    }
    .TopCategoryNameAreaTextAgainEdit {
        color: #428bca;
        float: left;
        font-family: Impact;
        font-size: 10px;
        padding-left: 15px;
        width: 73%;
    }
    .CompanyArrowTextArea {
        width: 65%;
        float: left;
        margin-left: 2%;
    }
    #basic-addon2 {
        padding: 0 0 0 4px;
    }
    #GoogleMap {
        height: 250px;
        margin-top: 0px;
        margin-left: 6px;
        border: 1px solid #ccc
    }
    input[type="text"]#TxtVersionItem {
        width: 81.5%;
    }
    input[type="text"]#TxtVersionSummary {
        width: 77.5%;
    }
    #BtnUpdateVersion {
        margin-left: 67%;
        font-weight: normal !important;
        font-size: 13px !important;
        margin-top: 10px;
    }
    #BtnUpdateCompany {
        margin-left: 67%;
        font-weight: normal !important;
        font-size: 13px !important;
        margin-top: 10px;
    }
    .StatusProgressBtn {
        background: #00aff0;
        font-size: 9px;
        padding: 4px 0px;
        border: none;
        font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 79px;
    }
    .MyProjectBlueTopArea {
        margin-left: 5px;
        height: 45px;
        background: #428bca;
        margin-top: -13px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border: 1px solid #dbdbdb;
        border-bottom: 1px solid #9c9c9c;
        padding-top: 1px;
    }
    .orange-strip {
        background-color: #ff9900;
        border-radius: 10px 0 0 10px;
        float: left;
        margin-left: -2px;
        width: 2.5%;
        height: 845px;
        padding-bottom: 20px;
        border-right: 0px solid #fff;
        position: relative;
    }
    .orange-strip:before {
        content: " ";
        top: 0px;
        left: 41px;
        right: -5px;
        bottom: 0px;
        border: 3px solid #ff9900;
        position: absolute;
    }
    .orange-strip p {
        -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: vertical-lr;
        writing-mode: vertical-lr;
        /*text-orientation: upright;*/
        
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        margin-left: 11px;
        margin-top: 504px;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }
}
/*Dropbox folder structure page css start*/
/*Custom Styles Start Here*/
.boxSizingContent
{
    /*box-sizing:content-box !important;*/
    height:100%!important;
}
.FolderStructureWrapper {
    background: #F2F2F2;
    padding: 10px;
    border-radius: 5px;
    /*max-width: 84%;*/
    width: 96%;
}
.folder-structure {
    width: 20.5%;
    float: left;
    background: #E0EAE1;
    border: 1px solid #ccc;
    border-radius: 6px;
    position: relative;
}
.folder-structure h3,
.security-groups h3 {
    margin: 0;
    font-size: 16px;
    background: #729E69;
    font-family: 'impact';
    line-height: 36px;
    color: #fff;
    padding-left: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position:relative;
}
.folder-structure i.fa-ellipsis-v {
    right: -10px;
}
#tabs-fs,
#tabs-fs-right,
#tabs-fs-left {
    background: transparent;
    border: none;
    height: 99%;
}
#tabs-fs-1 .scroll-wrapper,
#tabs-fs-5 .scroll-wrapper {
    height: 100%;
}
#tabs-fs-3 .scroll-wrapper {
    height: 95%;
}
#tabs-fs .ui-widget-header,
#tabs-fs-right .ui-widget-header,
#tabs-fs-left .ui-widget-header {
    background: transparent;
    border: none;
}
#tabs-fs .ui-tabs-nav,
#tabs-fs-right .ui-tabs-nav,
#tabs-fs-left .ui-tabs-nav {
    padding: 0;
}
#tabs-fs .ui-tabs-nav li,
#tabs-fs-right .ui-tabs-nav li,
#tabs-fs-left .ui-tabs-nav li {
    border: 1px solid #636366;
    border-bottom: none;
    background: #3d3d42;
}
#tabs-fs.project-list .ui-tabs-nav li {
    border: 1px solid #d3d3d3;
    background:#fff;
    color:#9c9c9c !important;
}
#tabs-fs.project-list .ui-tabs-nav li.ui-tabs-active {
    border: 1px solid #d3d3d3;
    background:#fff !important;
    color:#9c9c9c !important;
    border-bottom:0;
}
#tabs-fs.project-list .ui-tabs-nav li a {
    color:#9c9c9c !important;
}
#tabs-fs .ui-state-active {
    background:#636366 !important;
}
#tabs-fs .ui-tabs-nav .ui-tabs-anchor,
#tabs-fs-right .ui-tabs-nav .ui-tabs-anchor,
#tabs-fs-left .ui-tabs-nav .ui-tabs-anchor {
    padding: 5px 25px;
    font-weight: normal;
    font-size: 16px;
    font-family: impact;
}
#tabs-fs .ui-state-default a,
#tabs-fs .ui-state-default a:link,
#tabs-fs .ui-state-default a:visited,
#tabs-fs-right .ui-state-default a,
#tabs-fs-right .ui-state-default a:link,
#tabs-fs-right .ui-state-default a:visited,
#tabs-fs-left .ui-state-default a,
#tabs-fs-left .ui-state-default a:link,
#tabs-fs-left .ui-state-default a:visited {
    color: #e5e5e5;
}
#tabs-fs .ui-state-active a,
#tabs-fs .ui-state-active a:link,
#tabs-fs .ui-state-active a:visited,
#tabs-fs-right .ui-state-active a,
#tabs-fs-right .ui-state-active a:link,
#tabs-fs-right .ui-state-active a:visited,
#tabs-fs-left .ui-state-active a,
#tabs-fs-left .ui-state-active a:link,
#tabs-fs-left .ui-state-active a:visited {
    color: #e5e5e5;
    font-family: Impact;
    font-weight: normal;
    font-size: 16px;
}
#tabs-fs .ui-state-active {
    background: #636366;
}
#tabs-fs .ui-tabs-panel {
    background:#636366 !important;
    height: 97%;
    padding: 5px;
}
#tabs-fs.project-list .ui-tabs-panel {
    height: 87%;
}
#tabs-fs.project-list .ui-tabs-panel {
    background:#fff !important;
}

#tabs-fs-right .ui-tabs-panel,
#tabs-fs-left .ui-tabs-panel {
    background: #fff;
    border: 1px solid #ccc;
    padding: 5px 10px;
    border-top-right-radius: 5px;
    height: 96%;
}
#tabs-fs-1 a,
#tabs-fs-3 a {
    font-size: 15px;
    color: #7D7D7D;
    border-bottom: 1px solid #ccc;
    line-height: 36px;
    display: block;
    position:relative;
    height:36px;
}
#tabs-fs-1 a span,
#tabs-fs-3 a span {
    font-family: 'impact';
}
#tabs-fs-1 a i,
#tabs-fs-3 a i {
    font-weight: normal;
    color: #E0E0E0;
    float: right;
    line-height: 36px;
}
#tabs-fs .ui-state-hover,
#tabs-fs .ui-widget-content #tabs-fs .ui-state-hover,
#tabs-fs .ui-widget-header .ui-state-hover,
#tabs-fs .ui-state-focus,
#tabs-fs .ui-widget-content .ui-state-focus,
#tabs-fs .ui-widget-header .ui-state-focus,
#tabs-fs-right .ui-state-hover,
#tabs-fs-right .ui-widget-content #tabs-fs-right .ui-state-hover,
#tabs-fs-right .ui-widget-header .ui-state-hover,
#tabs-fs-right .ui-state-focus,
#tabs-fs-right .ui-widget-content .ui-state-focus,
#tabs-fs-right .ui-widget-header .ui-state-focus,
#tabs-fs-left .ui-state-hover,
#tabs-fs-left .ui-widget-content #tabs-fs-left .ui-state-hover,
#tabs-fs-left .ui-widget-header .ui-state-hover,
#tabs-fs-left .ui-state-focus,
#tabs-fs-left .ui-widget-content .ui-state-focus,
#tabs-fs-left .ui-widget-header .ui-state-focus {
    background: #fff;
    color: #777;
}
.tab-img {
    width: 16px;
    margin-top: -3px;
    margin-right: 2px;
}
.category-heading img,
.category-main img,
.category-child img {
    /*vertical-align: baseline;*/
    
    display: inline-block;
    margin-right: 5px;
}
.category-main a {
    padding-left: 17px;
}
.category-main:hover,
.category-child:hover,
.active-row {
    background: #D4E0D2;
    cursor: pointer;
}
.category-main:hover > a > span,
.category-child:hover > a > span,
.active-row > a > span {
    color: #7BB26E;
}
.category-child a {
    padding-left: 45px;
}
.category-grandchild > a {
    padding-left: 75px;
}
.category-blank-rows {
    height: 36px;
    border-bottom: 1px solid #ccc;
}
.search-group.search-fs {
    padding: .2em 0 .5em .2em;
    float: left;
    max-width: 99%;
}
.search-group .inline-form
{
    width:100%;
}
.search-group.search-fs .form-grp {
    width: 88%;
    height: 34px;
    float: left;
    position: relative;
}
.search-group.search-fs .form-grp input {
    width: 100%;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 30px 6px 12px;
}
.search-group.search-fs .form-grp input::-moz-placeholder {
    color: #999;
    opacity: 1;
    filter: alpha(opacity=100);
}
.search-btn {
    display: block;
    height: 34px;
    line-height: 34px !important;
    /*pointer-events: none;*/
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    width: 34px;
    z-index: 2;
}
.close-btn {
    display: inline-block;
    width: 34px;
    height: 33px;
    margin: 0 0 0 3px;
    background-color: #fff;
    background-image: url(/images/BuildItLiveImages/Dropbox/close.png);
    background-repeat: no-repeat;
    background-position: 50%;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.security-groups {
    max-width: 74.8%;
    width: 100%;
    float: left;
    background: #E0EAE1;
    margin-left: 12px;
}
.bold-text {
    max-width: 3.8%;
    width: 100%;
    float: left;
    -webkit-writing-mode: tb-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: tb-rl;
}
.bold-text h1 {
    font-family: 'impact';
    color: #6CA360;
    font-size: 50px;
    margin-top: 3px;
}
.security-groups-left {
    float: left;
    height: 96%;
    width: 28%;
}
.security-groups-right {
    width: 72%;
    float: left;
     height: 96%;
}
.security-groups h3.right-side-header {
    background: none;
    color: #7d7d7d;
    padding-left: 0;
}
.right-side-table {
    width: 100%;
}
.right-side-table,
.table-column-1,
.table-column-2,
.table-column-3,
.table-column-4,
.table-column-5 {
    float: left;
}
.table-column-1 {
    width: 60%;
    border: 1px solid #ccc;
}
.table-column-2,
.table-column-3,
.table-column-4,
.table-column-5 {
    width: 10%;
    border: 1px solid #ccc;
}
.table-column-1 p {
    padding-left: 10px;
}
.table-column-1 p,
.table-column-2 p,
.table-column-3 p,
.table-column-4 p,
.table-column-5 p {
    line-height: 36px;
    margin-bottom: 0;
    /*padding-left: 10px;*/
    
    position: relative;
    font-size: 13px;
    font-weight: 600;
    color: #7E7975;
}
.impact-font img {
    vertical-align: baseline;
    margin-right: 5px;
}
.impact-font span {
    font-family: 'impact';
    font-size: 16px;
    font-weight: normal;
}
.table-column-1 p i,
.table-column-2 p i,
.table-column-3 p i,
.table-column-4 p i,
.table-column-5 p i {
    position: absolute;
    right: 3px;
    font-size: 13px;
    color: #ddd;
}
.table-column-1 p i:first-child,
.table-column-2 p i:first-child,
.table-column-3 p i:first-child,
.table-column-4 p i:first-child,
.table-column-5 p i:first-child {
    top: 7px;
}
.table-column-1 p i:last-child,
.table-column-2 p i:last-child,
.table-column-3 p i:last-child,
.table-column-4 p i:last-child,
.table-column-5 p i:last-child {
    bottom: 7px;
}
.chkFolderStructure[type="checkbox"]:not(:checked),
.chkFolderStructure[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}
.chkFolderStructure[type="checkbox"]:not(:checked) + label,
.chkFolderStructure[type="checkbox"]:checked + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}
/* checkbox aspect */

.chkFolderStructure[type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 17px;
    height: 17px;
    border: 1px solid #188931;
    background: #fff;
    border-radius: 50%;
    margin-top: -9px;
}
.chkFolderStructure[type="checkbox"]:checked + label:before {
    background: #188931;
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 17px;
    height: 17px;
    border: 1px solid #188931;
    border-radius: 50%;
    margin-top: -9px;
}
/* checked mark aspect */

.chkFolderStructure[type="checkbox"]:not(:checked) + label:after,
.chkFolderStructure[type="checkbox"]:checked + label:after {
    /*content: '✔';*/
    
    content: '\f00c';
    font-family: "FontAwesome";
    position: absolute;
    top: 3px;
    left: 3px;
    font-size: 10px;
    font-weight: normal;
    line-height: 15px;
    color: #fff;
    -webkit-transition: all .2s;
    transition: all .2s;
    margin-top: -9px;
}
/* checked mark aspect changes */

.chkFolderStructure[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.chkFolderStructure[type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.table-column-blank-row {
    height: 36px;
}
.right-side-table-content:nth-child(odd) > [class^="table-column"] {
    background: #f7f7f7;
    border-top: none;
    border-bottom: none;
}
.right-side-table-content > [class^="table-column"]:first-child {
    border-left: 1px solid #ccc;
}
.right-side-table-content > [class^="table-column"] {
    border-left: none;
}
.tab-bottom {
    color: #C9C9C9;
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 19px;
    border-top: 1px solid #ccc;
    padding-top: 5px;
}
.light-grey span {
    color: #b0b0b0;
}
.scroll-element.scroll-x.scroll-scrollx_visible {
    display: none;
}

.add-folder-icon
{
    margin-right:5px;
    cursor:pointer;
    position: absolute;
    right: 0;
    top: 0;
    font-size:24px;
}
.add-icon-pos
{
    right:15px;
}
input[type="text"].new-folder-textbox{width:70%;height:20px;padding:2px;font-size:12px;}

a:hover input[type="text"].new-folder-textbox{color:#7D7D7D;}

.new-folder-textbox
{
    position: absolute;
    top: 0px;
    width: 150px!important;
    line-height: 13px;
}
.spn-folder-name
{
    display:inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60%;
}
/*****************************************Media Queries******************************/

@media screen and (max-width: 1366px) {
    .search-group {
        max-width: 75%;
    }
    .right-menu-group {
        max-width: 25%;
    }
    .main-left-side {
        max-width: 25%;
    }
    .main-right-side {
        max-width: 79.5%;
    }
    .column-1 {
        width: 40%;
    }
    .column-2 {
        width: 25%;
    }
    .column-3 {
        width: 22%;
    }
    .column-4 {
        width: 13%;
    }
    .share-menu-container {
        right: -21px;
    }
    .main-left-side,
    .main-right-side {
        height: 730px;
    }
    .share-links p {
        width: 170px;
    }
    .side-bar {
        height: 93%;
    }
    .side-bar h3 {
        font-size: 16px;
        padding: 6px 0 6px 8px;
    }
    .side-bar h3 img {
        width: 30px;
    }
    .menu li {
        margin-right: 1px;
    }
    .menu li img {
        width: 15px;
    }
    .menu li span {
        margin-left: 0px;
        font-size: 11px;
    }
    .accordion-heading {
        padding: 0px 7px 1px;
    }
    .search-box input {
        width: 145px;
        height: 25px;
    }
    .search-box .search-btn {
        width: 24px;
        height: 24px;
        line-height: 26px;
    }
    .search-box-container .close-btn {
        height: 25px;
        width: 25px;
    }
    .accordion-heading img {
        width: 23px;
    }
    .accordion-heading img.right-side-img {
        margin-top: 3px;
    }
    .accordion-heading span {
        font-size: 13px;
    }
    .nested-accordion .scrollbar-rail ul li a span {
        margin-left: 0;
        font-size: 11px;
    }
    .first-stage > li > a {
        padding: 5px;
    }
    .second-stage > li > a {
        padding: 5px 12px;
    }
    .third-stage > li > a {
        padding: 5px 20px;
    }
    .sidebar-bottom ul li {
        margin: 0 5px;
    }
    .nested-accordion .accordion-heading[aria-expanded="true"] + .scroll-wrapper {
        height: 150px;
    }
    .folder-structure .search-group {
        max-width: 100%;
    }
    .folder-structure .search-group .form-grp {
        width: 84%;
    }
    .folder-structure i.fa-ellipsis-v {
        right: -7px;
        font-size: 16px;
    }
    .table-column-1 {
        width: 50%;
        border: 1px solid #ccc;
    }
    .table-column-2,
    .table-column-3,
    .table-column-4,
    .table-column-5 {
        width: 12.25%;
        border: 1px solid #ccc;
    }
    #tabs-fs-1 .scroll-wrapper,
    #tabs-fs-5 .scroll-wrapper {
        /*height: 306px;*/
    }
    #tabs-fs-3 .scroll-wrapper {
        height: 99%;
    }
    .bold-text {
        max-width: 3.5%;
        width: 100%;
    }
    .security-groups {
        margin-left: 7px;
    }
    .bold-text h1 {
        font-size: 36px;
    }
    .category-child a {
        padding-left: 23px;
    }
    .search-box-container .dropbox-close-btn {
        height: 25px;
        width: 25px;
    }
    #tabs-fs .ui-tabs-nav .ui-tabs-anchor,
    #tabs-fs-right .ui-tabs-nav .ui-tabs-anchor,
    #tabs-fs-left .ui-tabs-nav .ui-tabs-anchor {
        font-size: 10px;
        padding: .3em;
    }
    .add-folder-icon{top:-25px!important;}
    .nested-accordion .scroll-wrapper.scrollbar-rail {
        height: 190px;
    }
    .security-groups-left {
        height: 93%;
    }
    .security-groups-right {
        height: 92%;
    }
    #tabs-fs-5.ui-tabs-panel.ui-widget-content.ui-corner-bottom {
        height: 96.75% !important;
    }
}
/*Dropbox folder structure page css end*/
/* pearl timer new design start */
/************************************************************************************Modified Side-bar css (27th jan 2016)********************************************************************/

.timer-side-bar {
    max-width: 13.5%;
    width: 100%;
    float: left;
    background: transparent;
    height: 750px;
    margin-left: 0px;
    padding-right: 10px;
    position: relative;
}
.timer-side-bar h3 {
    font-family: 'impact';
    background: #fff;
    padding: 1px 0px 1px 8px;
    border-radius: 5px;
    color: #6FA166;
    /*border: 1px solid #ccc;*/
    box-shadow: 0 0 1px rgba(0, 0, 0, .2);
    margin-top: 0;
}
.timer-side-bar h3 img {
    margin-left: 12px;
    width: 70px;
}
.top-strip-img {
    display: none;
}
.top-strip-img img {
    width: 100%;
}
.modified-sidebar h3 {
    color: #734c99;
    padding: 3px 0px 0px 10px;
    font-size: 20px;
}
.modified-sidebar {
    margin-top: 0px;
    margin-left: 0px;
}
.top-bar .menu li {
    display: inline-block;
    margin-right: 1px;
}
.modified-sidebar h3 img {
    margin-left: 1px;
    width: 38px;
}
.modified-sidebar .menu li span {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    margin-left: 5px;
    color: #734c99;
}
.modified-sidebar .search-box input {
    float: left;
    height: 33px;
    position: relative;
    width: 196px;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 6px 30px 6px 12px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    background: transparent;
}
.modified-sidebar .search-box i {
    color: #734c99;
    font-size: 18px;
}
.modified-sidebar .search-btn {
    display: block;
    height: 34px;
    line-height: 34px;
    /*pointer-events: none;*/
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    width: 34px;
    z-index: 2;
}
.modified-sidebar .accordion-heading span {
    margin-left: 5px;
    font-family: 'impact';
    color: #777;
    line-height: 28px;
    font-size: 20px;
}
.modified-sidebar .accordion-heading[aria-expanded="true"] > span {
    color: #fff;
}
.modified-sidebar img.right-side-img {
    margin-top: 4px;
}
.modified-sidebar .accordion-heading[aria-expanded="true"] {
    background: #734c99;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modified-sidebar .nested-accordion .accordion-heading[aria-expanded="true"] + .scroll-wrapper {
    height: 200px;
    background: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.modified-sidebar .scrollbar-rail > .scroll-element .scroll-bar {
    background-color: #eae6e3;
    border-radius: 2px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.modified-sidebar .accordion-heading {
    display: block;
    background: #eee;
    padding: 5px 7px;
    font-size: 20px;
    margin-bottom: 10px;
}
.modified-sidebar .accordion-heading[aria-expanded="false"] {
    border-radius: 5px;
}
.modified-sidebar .top-bar {
    height: 700px;
}
.modified-sidebar .bottom-part {
    border-top: 1px solid grey;
    bottom: 0;
}
.modified-sidebar .bottom-part ul {
    padding: 0;
}
.modified-sidebar .bottom-part li:first-child {
    display: inline-block;
    padding: 12px 15px 12px 0px;
}
.modified-sidebar .bottom-part li {
    display: inline-block;
    padding: 12px 10px;
}
.modified-sidebar .bottom-part li:last-child {
    display: inline-block;
    padding: 12px 0px 12px 20px;
}
.modified-sidebar .bottom-part li img {
    width: 25px;
    height: 25px;
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
}
.modified-sidebar .accordion-heading[aria-expanded="true"] {
    background: #724C95;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.nested-accordion .first-stage > li > a {
    padding: 5px;
}
/*.nested-accordion .accordion-heading + .scroll-wrapper {
    background: transparent !important;
    height: 370px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}*/
.modified-sidebar .accordion-heading {
    display: block;
    background: #eee;
    padding: 5px 7px;
    font-size: 20px;
    margin-bottom: 0px;
}
.modified-sidebar .accordion-heading[aria-expanded="true"] > span {
    color: #fff;
}
.modified-sidebar .accordion-heading span {
    margin-left: 0px;
    font-family: 'impact';
    color: #777;
    line-height: 28px;
    font-size: 20px;
}
.panel-own {
    float: left;
    width: 100%;
    background-color: #F2F2F2;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 0px 0;
    padding: 0px 10px;
    border-right: 15px solid #734c99;
    height: 740px;
}
.panel-own .pn {
    width: 99.7%;
}
.user-own {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
.user-own .pn {
    width: 73.8%;
    margin-left: 6px;
}
.user-own .bblue {
    width: 25.7%;
    background: #734c99;
}
.user-own .pn1 {
    width: 100%;
    margin: 0px 0;
}
.play-panel {
    float: left;
    height: 56px;
    background-color: #CDC9D8;
    margin: 19px 0px;
    width: 100%;
}
.user-own .top-head {
    background: #734c99;
    margin-top: 1px;
    border-top: 20px solid #CDC9D8;
}
.dot {
    position: absolute;
    left: 264px;
    top: 440px;
}
.dot li {
    list-style-type: none;
    padding: 0;
    margin-bottom: -11px;
}
.dot li::before {
    content: "• ";
    color: #734C93;
    font-size: 18px;
}
.dot1 {
    position: absolute;
    left: 640px;
    top: 440px;
}
.dot1 li {
    list-style-type: none;
    padding: 0;
    margin-bottom: -11px;
}
.dot1 li::before {
    content: "• ";
    color: #734C93;
    font-size: 18px;
}
.dot2 {
    position: absolute;
    right: 14px;
    top: 440px;
}
.dot2 li {
    list-style-type: none;
    padding: 0;
    margin-bottom: -11px;
}
.dot2 li::before {
    content: "• ";
    color: white;
    font-size: 18px;
}
/*.hide-panel
{
    display:none;
}*/

.hide-panel {
    display: none;
    /*width: 33.5%;
margin-left: -33.5%;*/
    
    width: 0%;
    position: absolute!important;
    right: 0px!important;
    left: initial!important;
    background-color: #734C93;
    padding: 0px 25px;
    height: 740px!important;
    margin-top: 0px;
    border-radius: 5px;
    z-index: 999;
}
.top-img img {
    width: 100%;
    height: 100px;
}
.user-own .user-list {
    max-height: 332px;
    height: 270px;
    overflow-y: hidden;
}
.timer-div {
    position: absolute;
    bottom: 10px;
}
.time-chart {
    width: 83.3%;
    min-height: 50px;
}
.user-own h3 {
    line-height: 1;
}
.user-list {
    padding-right: 0px;
    min-height: 335px;
}
.hide-panel:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0px;
    left: 16px;
    right: 16px;
    bottom: 0px;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
}
.user-own .billable-graph canvas {
    width: 100%;
}
.dot3 {
    position: absolute;
    right: 552px;
    top: 340px;
}
.dot3 li {
    list-style-type: none;
    padding: 0;
    margin-bottom: -11px;
}
.dot3 li::before {
    content: "• ";
    color: white;
    font-size: 18px;
}
/*.user-own .pmt-btn {
   background: #428bc9;
color: #fff;
padding: 3px 10px;
margin: -70px 0;
font-size: 12px;
font-weight: bold;
border-radius: 4px;
}*/

.modified-sidebar .top-bar a:hover {
    text-decoration: none;
}
.user-own .top-head p:last-of-type {
    font-size: 20px;
}
.user-own .time-pro {
    height: 25px !important;
    border-radius: 0;
    background: #fff !important;
    border-top: .4px solid #fff;
}
.panel-own .pmt-cal {
    margin: 0;
    color: #428bca;
    line-height: 16px;
}
.modified-sidebar .third-stage > li > a {
    padding: 5px 6px 5px 20px;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.modified-sidebar .second-stage > li > a .right-side-img {
    width: 16px;
    margin-top: 6px;
}
.modified-sidebar .nested-accordion .scrollbar-rail ul li ul li ul li a span {
    font-family: 'Open sans';
    font-size: 13px;
    color: #777;
    margin-left: 2px;
}
.modified-sidebar .nested-accordion .scrollbar-rail ul li ul li ul li a img {
    width: 14px;
    margin-top: 6px;
    margin-right: 2px;
}
/*********************************Builditlive CSS (01 feb 2016) *********************************************************/

.modified-sidebar .nested-accordion .accordion-heading.collapsed[aria-expanded="true"] + .scroll-wrapper.scrollbar-rail.scrollbar-rail-leftside,
.side-bar .nested-accordion .accordion-heading.collapsed[aria-expanded="true"] + .scroll-wrapper.scrollbar-rail {
    height: 0 !important;
}
.side-bar .nested-accordion .accordion-heading.collapsed {
    background-color: #eee;
}
.side-bar .nested-accordion .accordion-heading.collapsed span {
    color: #777;
}
.BuildItLiveContainer {
    padding: 0 0 0 5px;
  /*  background: #e0eae1;*/
    /*background: #e0eae1;*/
    height: 855px;
}
.BuildItLiveRightContainer {
    width: 83.4%;
    height: 100%;
}
.BuildItLiveRightContainer,
.side-bar {
    margin-top: 5px;
}
.BuildItLiveRightContainerInner {
    width: 96.5%;
    margin-left: 15px;
    height: 99%;
}
#tabs-fs {
    height: 96%;
    margin: 20px 5px 0;
}
#tabs-current,
#tabs-completed {
    height: 95%;
}
.BuildItLiveRightContainerInner2 {
    height: 99%;
    border-left: 5px solid #ff9900;
}
.mp-pagination {
    /*position: absolute;*/
    bottom: 10px;
    width: 100%;
}
.mp-top-heading {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin: 3px 0 2px 0;
    padding: 10px 0 4px;
}
.mp-top-search i {
    padding: 5px 12px;
}
.mp-img-box {
    width: 12.5%;
    display: inline-block;
    margin: 8px;
}
.mp-project-img {
    height: 135px;
    width: 165px;
}
.mp-pagination-bar {
    background: #444444;
    min-height: 40px;
    margin: 0 27px;
}
.mp-pagination-bar-text {
    color: #fff;
    font-weight: bold;
    padding-left: 10px;
    line-height: 40px;
}
.folder-structure-container {
    overflow: hidden;
    width: 99%;
    margin-left: 15px;
    border-radius: 8px;
}
.security-groups-right #tabs-fs-left {
    padding-left: 0px;
}











/*********************************Responsive view css (28th jan 2016) *********************************************************/

@media screen and (max-width: 1367px) {
    .timer-side-bar {
        max-width: 14.5%;
    }
    .timer-main {
        max-width: 85.5%;
    }
    .modified-sidebar h3 {
        color: #734c99;
        padding: 5px 2px 5px 7px;
        font-size: 16px;
    }
    .modified-sidebar h3 img {
        margin-left: 5px;
        width: 24px;
    }
    .modified-sidebar .menu li span {
        font-family: 'Open Sans', sans-serif;
        font-size: 10px;
        font-weight: 600;
        margin-left: 3px;
        color: #734c99;
    }
    .modified-sidebar .search-box input {
        float: left;
        height: 25px;
        position: relative;
        width: 149px;
        border-radius: 5px;
        border: 1px solid #ccc;
        padding: 6px 30px 6px 12px;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        background: transparent;
    }
    .modified-sidebar .search-box i {
        color: #734c99;
        font-size: 13px;
    }
    .modified-sidebar .search-btn {
        display: block;
        height: 34px;
        line-height: 24px;
        /*pointer-events: none;*/
        position: absolute;
        right: 0;
        top: 0;
        text-align: center;
        width: 27px;
        z-index: 2;
    }
    .modified-sidebar .close-btn img {
        width: 10px;
    }
    .modified-sidebar .top-bar {
        height: 407px;
    }
    .modified-sidebar .accordion-heading span {
        margin-left: 0px;
        font-family: 'impact';
        color: #777;
        line-height: 23px;
        font-size: 14px;
    }
    .modified-sidebar .accordion-heading img {
        width: 20px;
    }
    .modified-sidebar .accordion-heading {
        display: block;
        background: #eee;
        padding: 5px 7px;
        font-size: 20px;
        margin-bottom: 0px;
    }
    .modified-sidebar img.right-side-img {
        margin-top: 3px;
    }
    .modified-sidebar .nested-accordion .scrollbar-rail ul li a span {
        margin-left: 0 !important;
        font-size: 12px !important;
    }
    .modified-sidebar .nested-accordion .scrollbar-rail ul li ul li a span {
        margin-left: 0;
        font-size: 10px;
    }
    .modified-sidebar .nested-accordion .scrollbar-rail ul li img {
        width: 14px;
    }
    .modified-sidebar .third-stage > li > a {
        padding: 5px 5px 5px 20px;
    }
    .modified-sidebar .bottom-part li,
    .modified-sidebar .bottom-part li:last-child {
        padding: 6px;
    }
    .modified-sidebar .bottom-part li img {
        width: 20px;
        height: 20px;
    }
    .panel-own .calendar .date,
    .panel-own .calendar:hover .date {
        font-size: 14px;
        color: #428bc9;
        border-bottom: 1px solid #cec8d9;
        border-top: 1px solid #cec8d9;
        height: 20px;
        line-height: 17px;
    }
    .dot {
        position: absolute;
        left: 211px;
        top: 413px;
    }
    .user-own .user-list {
        height: 250px;
    }
    .user-list {
        min-height: 100px;
        padding-right: 0;
    }
    .panel-own {
        height: 447px;
    }
    .timer-side-bar {
        height: 400px;
    }
    .panel-own .pn {
        width: 98.3%;
    }
    .scroll-wrapper.scrollbar-rail.scrollbar-rail-useraccounts {
        height: 240px;
    }
    .timer-div {
        bottom: 0px;
        /*142px*/
        
        position: absolute;
    }
    .user-own .top-head p {
        font-size: 11px;
    }
    .user-own .top-head h1 {
        font-size: 32px;
    }
    .user-own .bblue {
        width: 28%;
        background: #734c99;
    }
    .user-own .ParTimer span {
        font-size: 10px;
        line-height: 12px;
    }
    .play-panel {
        float: left;
        height: 45px;
        background-color: #CDC9D8;
        margin: 14px 0px;
        width: 100%;
    }
    .play-panel img {
        width: 47px;
        margin-top: 4px;
    }
    .play-panel a img {
        width: 68px;
        margin-top: 0px;
    }
    .user-own .user-list ul li {
        list-style: none;
        border-top: 1px solid #fff;
        padding: 5px 10px;
        margin: 3px 0;
        -webkit-transition: all .3s;
        transition: all .3s;
    }
    .user-own .user-list ul li span {
        margin-left: 10px;
        font-size: 11px;
    }
    .user-own .user-list ul li a img {
        width: 24px;
        height: 24px;
    }
    .dot1 {
        position: absolute;
        left: 524px;
        top: 440px;
    }
    .user-own .pn {
        width: 71.6%;
        margin-left: 3px;
    }
    .top-img img {
        width: 100%;
        height: 85px;
    }
    .calendar:hover .day,
    .calendar .day {
        font-size: 8px;
    }
    .panel-own .calendar:hover .day,
    .calendar .day {
        font-size: 10px;
        text-transform: uppercase;
        height: 19px;
        color: #c2d1e7;
        margin-top: -6px;
        font-weight: bold;
    }
    .panel-own .calendar:hover .date1,
    .calendar .date1 {
        background: #cec8d9;
        font-size: 14px;
        color: #bebebe;
        line-height: 20px;
    }
    .user-own .top-head p:last-of-type {
        font-size: 16px;
    }
    .user-own .user-list {
        max-height: 100px;
        height: 100px;
        overflow-y: hidden;
    }
    .top-bar .menu li {
        display: inline-block;
        margin-right: 6px;
    }
    .modified-sidebar .nested-accordion .scrollbar-rail ul li ul li ul li a span {
        font-family: 'Open sans';
        font-size: 10px;
        color: #777;
        margin-left: 4px;
    }
    .panel-own {
        float: left;
        width: 100%;
        background-color: #F2F2F2;
        border: 1px solid #ccc;
        border-radius: 5px;
        margin: 0px 0;
        padding: 0px 10px;
        border-right: 15px solid #734c99;
    }
    .hide-panel {
        height: 474px !important;
    }
    .mp-top-heading {
        padding: 0;
    }
    .ca-input input.mp-top-input {
        height: 25px;
        font-size: 10px;
        line-height: 25px;
        padding: 6px;
    }
    input.mp-top-input + span.sr-btn {
        top: 1px;
    }
    .ca-form-1 {
        margin: 2px 0;
    }
    .mp-top-search i {
        padding: 1px 8px;
    }
    .img-1 {
        margin-top: 4px;
    }
    .BuildItLiveRightContainerInner {
        /*height: 425px;*/
        width: 95%;
    }
    .BuildItLiveRightContainerInner2 {
        height: 420px;
    }
    #tabs-fs {
        height: 85%;
    }
    #tabs-current,
    #tabs-completed {
        height: 312px;
    }
    .DashboardTab,
    .WorkflowTab,
    .ApplicationsTab,
    .NotificationsTab,
    .ConfigurationTab {
        padding: 4px 7px;
        font-size: 11px;
    }
    .DashboardTab {
        margin-left: -25px;
        margin-top: 25px;
    }
    .WorkflowTab {
        margin-top: 103px;
        margin-left: -18px;
    }
    .ApplicationsTab {
        margin-top: 182px;
        margin-left: -26px;
    }
    .NotificationsTab {
        margin-top: 268px;
        margin-left: -26px;
    }
    .ConfigurationTab {
        margin-top: 359px;
        margin-left: -29px;
    }
    .BuildItLiveContainer {
        height: 520px;
    }
    .BuildItLiveRightContainer {
        /*height: 425px;*/
        width: 83.2%;
    }
    .mp-img-box {
        width: 12%;
    }
    .img-frame {
        height: 130px;
    }
    .mp-project-img {
        height: 70px;
        width: 90px;
    }
    .img-text {
        font-size: 11px;
    }
    .mp-pagination-bar {
        background: #444444;
        min-height: 30px;
        margin: 0 27px;
    }
    .mp-pagination-bar-text {
        color: #fff;
        font-weight: bold;
        padding-left: 10px;
        line-height: 30px;
    }
    .builditlive-pagination > li > a {
        padding: 0px 5px;
    }
    #tabs-fs-1 a,
    #tabs-fs-3 a {
        font-size: 11px;
        line-height: 25px;
    }
    .category-main a {
        padding-left: 14px;
    }
    .security-groups h3.right-side-header {
        font-size: 14px;
        line-height: 25px;
    }
    .table-column-1 p,
    .table-column-2 p,
    .table-column-3 p,
    .table-column-4 p,
    .table-column-5 p {
        font-size: 11px;
        line-height: 25px;
    }
    .impact-font span {
        font-size: 12px;
    }
    .search-group.search-fs .form-grp input {
        font-size: 12px;
        height: 28px;
        padding: 6px 30px 6px 6px;
    }
    .search-group.search-fs .search-btn {
        width: 28px;
        height: 28px;
        line-height: 28px;
    }
    .search-group.search-fs .close-btn {
        width: 28px;
        height: 28px;
    }
    .BuildItLiveRightContainerInner3 {
        /*height: 430px;*/
    }
    .folder-structure {
        /*height: 418px;*/
    }
    .security-groups {
        height: 100%;
    }
    #tabs-fs-left .ui-tabs-panel {
        /*height: 355px;*/
    }
    .category-blank-rows {
        height: 25px;
    }
    .category-heading img,
    .category-main img,
    .category-child img {
        width: 21px;
    }
    .impact-font img {
        width: 16px;
    }
    .table-column-blank-row {
        height: 25px;
    }
    .FolderStructureWrapper {
        padding: 10px 5px;
    }
    .table-column-1 p i:first-child,
    .table-column-2 p i:first-child,
    .table-column-3 p i:first-child,
    .table-column-4 p i:first-child,
    .table-column-5 p i:first-child {
        top: 2px;
    }
    .table-column-1 p i:last-child,
    .table-column-2 p i:last-child,
    .table-column-3 p i:last-child,
    .table-column-4 p i:last-child,
    .table-column-5 p i:last-child {
        bottom: 2px;
    }
    .scrollbar-rail > .scroll-element.scroll-y .scroll-bar {
        width: 6px;
    }
    .scrollbar-rail.scrollbar-rail-folder > .scroll-element.scroll-y .scroll-bar {
        left: 5px !important;
    }
    .scrollbar-rail > .scroll-element.scroll-y .scroll-bar {
        left: 3px;
    }
    .scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer {
        left: 6px;
    }
    .nested-accordion .first-stage > li > a {
        padding: 1px 5px;
    }
    .second-stage > li > a {
        padding: 1px 12px;
    }
    .third-stage > li > a {
        padding: 1px 20px;
    }
    .folder-structure-container {
        width: 98%;
    }
    .nested-accordion .scrollbar-rail > ul li a
    {
        height:24px;
    }
    .scroll-wrapper img.left-side-img
    {
        height:16px;
        width:16px;
        margin-right:5px;
    }
    .main-menu li a
    {
        font-size:12px!important;
    }
}
/*********************************End Responsive view css (28th jan 2016) ******************************************************/
/* pearl timer new design end */

/* for resize panel start */
/* horizontal panel*/
.panel-container,.panel-container-inner {
    display: flex;
    flex-direction: row;
    overflow: hidden;
    /* avoid browser level touch actions */
    xtouch-action: none;
    position:relative;
    height: 100%;
}
.panel-left,.panel-left-inner {
    flex: 0 0 auto;
    /* only manually resize */
    min-height: 200px;
    min-width: 15%;
    white-space: nowrap;
    width: 15%;
    height:100%;
    margin-left: 0;
}
.splitter,.splitter-inner {
    flex: 0 0 auto;
    width: 7px;  
    background: url("/images/green_dots.png") center center no-repeat transparent;
    min-height: 200px; 
    cursor:col-resize; 
    position: relative;
}
.panel-right,.panel-right-inner {
    flex: 1 1 auto;
    /* resizable */
    width: 100%;
    min-height: 200px;
    min-width: 200px;
    height:100%;
}
/* resize panel end */

.accordion-heading[aria-expanded="false"] > img.right-side-img,
.second-stage > li > a > img.right-side-img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .2s;
    transition: all .2s;
    margin-top: 4px;
    /*margin-right: 3px;*/
}

.accordion-heading[aria-expanded="true"] > img.right-side-img,
.second-stage > li > a > img.right-side-img {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .2s;
    transition: all .2s;
    margin-top: 4px;
    /*margin-right: 3px;*/
}
#BuildItLeftSideBarContainer {
    height:100%;
}
.left-side-strip {
    width: 50px;
    background: #729e69;
    height: calc(100% - 10px);
    padding: 0 10px;
    float: left;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}

.main-menu,
.side_bottom {
    padding: 0;
}

.main-menu {
    padding-top: 10px;
}

.main-menu li,
.side_bottom li {
    list-style-type: none;
}

.main-menu li {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

/*.main-menu li:after {
    content: '|';
    padding-top: 5px;
    padding-bottom: 5px;
}*/

.main-menu li:first-child:after {
    content: '';
}

.main-menu li a {
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
}
.left-side-strip .main-menu li a {
    font-size: 24px;
    padding:0;
    width: 30px;
}

.side_bottom {
    position: fixed;
    bottom: 50px;
    border-top: 1px solid #ccc;
}

.side_bottom li {
    margin: 15px 0;
}

.sidebar_small img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.scroll-wrapper > .scroll-content
{
    overflow-x:hidden;
}
.vd_content.buildItBackground {
    background: #e0eae1 none repeat scroll 0 0;
}
.sidebar-bottom {
    bottom: 15px;
    float: left;
    min-width: 14.1%;
    position: relative;
    width: 100%;
}
.nested-accordion .collapse
{
    overflow-x: hidden;
}

/*css for populating dropdown for client stakeholder*/
.clientstake>li>a>input {   
    padding: 3px 6px;
    margin-right: 5px;
}
.divclientstake>span
{
margin-right: 5px;
}
/*Timesheet Scrollbar Css (2016/03/01)*/
#DivTimeSheetLogDetails .scroll-wrapper
{
    max-height:375px;
}

#DivTimeSheetLogDetails .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar
{
    width:2px;
    left:0;
}

#divTimeSheetTable .scroll-wrapper
{
    max-height:625px;
}

#divTimeSheetTable .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar
{
    width:2px;
    left:0;
}



.TimeSheetGridRow
{
    background:#fff;
    cursor: pointer;
}
    .TimeSheetGridRow.activerow 
{
    background:rgba(242,166,0,.25);
}
    .TimeSheetGridRow:hover
{
    background:rgba(242,166,0,.25);
}

#divTimeSheetDetails > .t-table>tbody>tr:hover span
{
    color:#8a8c8b;
}
#divTimeSheetDetails > .t-table>tbody>tr:hover p span
{
    color:#e1dce3;
}

/*Invoice New CSS 20160303*/
#divInvoiceTable .scroll-wrapper
{
    max-height:625px;
}

#divInvoiceTable .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar
{
    width:2px;
    left:0;
}
.ohi-border.scroll-wrapper
{
    max-height:375px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar{width:2px; left:0 !important;}

.gridScroll.scroll-wrapper
{
    max-height: 625px;
}

.middle-report-section
{
    background-color:#f9efb2; 
    float: right;
    width: 97%;
    }
.my-minus-circle.minus_updated
{
    margin-left:0px;
    width:2%;
    }
.no_padding
{
    padding: 0px;
    }
.my-plus-circle.plus_updated
{
    margin-right:0px;
    padding-right:5px;
    }
 .invoiceScroll.scroll-wrapper
{
    max-height:420px;
}

/*#btnResend .progressbar {    
    background: #0072BB url("/images/BuildItLiveImages/Dropbox/spinner.gif") no-repeat 60px center;
    color: #fff;
    border: 1px solid #0072BB;
}*/


#btnResend.progressbar {
    background: #729e69 url("/images/BuildItLiveImages/Dropbox/spinner.gif") no-repeat scroll center !important;
    border:0;
    color: rgba(255, 255, 255, 0.3);
}
 .ui-datepicker-month,.ui-datepicker-year {
    color: black;
}
 .invite-frnd-form {
    height:410px;
}
.invite-frnd-form .scroll-wrapper {
    height:100%;
}