html {
    overflow-y:scroll
}

body::-webkit-scrollbar {
    width:12px
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3)
}

body::-webkit-scrollbar-thumb {
    background-color:darkgrey;
    outline:1px solid slategrey
}

body {
    min-width:320px
}

.modal {
    z-index: 1100;
}

#wrap {
    display:block;
    position:relative;
    max-width:1980px;
    min-width:320px;
    margin:0 auto
}

.full-height {
    position:relative;
    display:block;
    width:100%;
    padding-left:200px;
    vertical-align:top;
    min-height:100vh;
    -moz-transition:padding-left .3s linear;
    -o-transition:padding-left .3s linear;
    -webkit-transition:padding-left .3s linear;
    transition:padding-left .3s linear
}

.full-height.toggled {
    padding-left:58px
}

.full-height.toggled-mobile {
    padding-left:0
}

.wide-wrapper {
    position:relative;
    display:block;
    width:100%;
    margin:0 auto
}

.content-wrapper {
    position:relative;
    max-width:1630px;
    margin:0 auto;
    padding:60px 40px
}

.full-height.toggled .content-wrapper {
    max-width:100%
}

.full-height.toggled .wrap-header-top {
    width:calc(100% - 58px)
}


@media screen and (max-width: 991px) {
    .full-height.toggled {
        padding-left:0px
    }

    .full-height.toggled .wrap-header-top {
        width: 100%
    }
}


.wrap-auroriz-form {
    display:block;
    position:relative;
    padding-top:100px;
    padding-bottom:100px
}

.autoriz-bg {
    background-size:cover;
    min-height:100vh
}

.simple-form-wrapper {
    position:relative;
    display:block;
    max-width:440px;
    margin:0 auto;
    border:2px solid transparent;
    padding:0 20px;
    text-align:left
}

.modal-content.modal-overlay {
    background:rgba(108,108,108,1) url(../images/ajax-loader.gif) center center no-repeat
}

.wrap-logo {
    display:block;
    position:relative;
    width:58px
}

.desktop-header .wrap-logo {
    margin:0 auto
}

.logo {
    width:80px;
    height:110px;
    background-size:contain
}

.desktop-header.toggled .logo {
    background:url(../images/logo_shell.svg) no-repeat;
    width:29px;
    height:40px;
    background-size:contain;
    margin:0 auto 40px
}

.header-simple-form {
    display:block;
    position:relative;
    width:100%;
    margin-top:90px;
    margin-bottom:50px
}

.title {
    color:#231F20;
    font-size:20px;
    line-height:23px;
    font-family:'robotomedium',sans-serif
}

.simple-form {
    position:relative;
    display:block;
    width:100%;
    margin:0 auto;
    padding:0
}

.simple-form input,.simple-form textarea {
    position:relative;
    display:block;
    width:100%;
    padding:10px;
    box-shadow:none;
    border:1px solid #CED1D3;
    border-radius:2px;
    background:transparent
}

.simple-form input.input-small,.simple-form textarea.input-small {
    padding:6px 10px;
}

.simple-form input {
    height:40px
}

.simple-form textarea {
    height:60px;
    padding-top:5px
}

.wrap-auroriz-form input {
    margin-bottom:10px
}

.simple-form .calendar-input-iconed {
    position:relative;
    display:inline-block;
    margin-left:5px;
    margin-right:5px
}

.simple-form .calendar-input-iconed:after {
    content:"\e905";
    position:absolute;
    top:8px;
    right:10px;
    pointer-events:none;
    font-family:'icomoon'!important;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    color:#CED1D3;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}

.simple-form .calendar-input-iconed:hover:after {
    color:#FFD500;
    -moz-transition:color .3s cubic-bezier(.54,0,.42,1);
    -o-transition:color .3s cubic-bezier(.54,0,.42,1);
    -webkit-transition:color .3s cubic-bezier(.54,0,.42,1);
    transition:color .3s cubic-bezier(.54,0,.42,1)
}

.lettering-input {
    position:relative;
    display:inline-block
}

.lettering-input input {
    padding-right:16px
}

.input-letter {
    position:absolute;
    display:inline-block;
    pointer-events:none;
    color:#9CA3A6;
    font-size:14px;
    padding-top:5px;
    top:0;
    right:5px;
    font-family:'robotoregular',sans-serif
}

.form-row-full-input.form-row {
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    padding:0
}

.form-row-full-input .form-group {
    display:flex;
    width:100%;
    flex-direction:row;
    justify-content:space-between;
    align-items:center
}

.form-row-full-input .label-form {
    margin-right:0;
    padding-right:14px;
    display:block;
    min-width:220px;
    padding-top:5px
}

.form-group.prognosis {
    display:inline-block;
    margin-right:10px
}

.form-row-full-input .prognosis .inline-input,.form-row-full-input .inline-input {
    width:100%
}

input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance:none;
    margin:0
}

.ui-widget.ui-widget-content {
    border:1px solid #CED1D3;
    border-radius:2px;
    background:#fff;
    z-index:100!important
}

.ui-datepicker .ui-datepicker-header,.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
    border-radius:2px
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
    background:#fff;
    -moz-transition:background .3s cubic-bezier(.54,0,.42,1);
    -o-transition:background .3s cubic-bezier(.54,0,.42,1);
    -webkit-transition:background .3s cubic-bezier(.54,0,.42,1);
    transition:background .3s cubic-bezier(.54,0,.42,1);
    cursor:pointer;
    border:none;
    border:none!important;
    top:2px!important
}

.ui-datepicker .ui-datepicker-prev {
    left:2px!important
}

.ui-datepicker .ui-datepicker-next {
    right:2px!important
}

.ui-datepicker .ui-datepicker-prev:hover,.ui-datepicker .ui-datepicker-next:hover {
    background:#FFD500
}

.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {
    font-size:0;
    background:none;
    text-indent:0
}

.ui-datepicker .ui-datepicker-prev span:after,.ui-datepicker .ui-datepicker-next span:after {
    display:block;
    position:absolute;
    top:4px;
    left:4px;
    content:"\e901";
    color:#000;
    font-size:10px;
    font-family:'icomoon'!important;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}

.ui-datepicker .ui-datepicker-next span:after {
    transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    -webkit-transform-origin:50% 50%;
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg)
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
    border-radius:2px;
    border:1px solid #CED1D3;
    font-family:'robotoregular',sans-serif;
    font-size:16px;
    line-height:19px;
    color:#231F20
}

.ui-datepicker-year {
    font-family:'robotoregular',sans-serif;
    font-size:16px;
    line-height:19px;
    color:#231F20
}

.ui-datepicker-calendar {
    font-family:'robotoregular',sans-serif;
    font-size:16px;
    line-height:19px;
    color:#231F20
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover {
    border:1px solid #FFD500;
    background:#FFD500;
    color:#231F20
}

::-webkit-input-placeholder,::-moz-placeholder,:-moz-placeholder,:-ms-input-placeholder {
    color:#9CA3A6;
    font-size:16px;
    line-height:19px;
    font-family:'robotoregular',sans-serif
}

.password {
    display:block;
    position:relative
}

.icon-eye {
    display:block;
    position:absolute;
    width:16px;
    height:10px;
    top:7px;
    right:14px;
    color:#231F20
}

.eye-2 {
    display:block;
    position:absolute;
    top:3px
}

.icon-ic-eye-1:before {
    content:"\e900";
    font-size:10px
}

.simple-form-footer {
    display:flex;
    position:relative;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    width:100%;
    margin-top:40px
}

.simple-form-footer .left,.simple-form-footer .right {
    display:inline-block;
    position:relative;
    width:auto
}

.simple-button:link,.simple-button:visited,.simple-button {
    position:relative;
    display:inline-block;
    vertical-align:top;
    padding:7px 20px;
    border:1px solid transparent;
    min-width:160px;
    min-height:40px;
    -moz-transition:color .3s cubic-bezier(.54,0,.42,1),background-color .3s cubic-bezier(.54,0,.42,1);
    -o-transition:color .3s cubic-bezier(.54,0,.42,1),background-color .3s cubic-bezier(.54,0,.42,1);
    -webkit-transition:color .3s cubic-bezier(.54,0,.42,1),background-color .3s cubic-bezier(.54,0,.42,1);
    transition:color .3s cubic-bezier(.54,0,.42,1),background-color .3s cubic-bezier(.54,0,.42,1);
    cursor:pointer
}
.simple-button.simple-button-no-width:link,.simple-button.simple-button-no-width:visited,.simple-button.simple-button-no-width {
    min-width:auto;
}

.white {
    background-color:#fff
}

.simple-button.white {
    border:1px solid #CED1D3
}

.yellow {
    background-color:#FFD500
}

.simple-button>span {
    position:relative;
    display:flex;
    width:100%;
    min-height:20px;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    font-family:'robotoregular',sans-serif;
    color:#231F20;
    text-align:center;
    letter-spacing:0;
    font-size:16px;
    -moz-transition:color .3s cubic-bezier(.54,0,.42,1),background-color .3s cubic-bezier(.54,0,.42,1);
    -o-transition:color .3s cubic-bezier(.54,0,.42,1),background-color .3s cubic-bezier(.54,0,.42,1);
    -webkit-transition:color .3s cubic-bezier(.54,0,.42,1),background-color .3s cubic-bezier(.54,0,.42,1);
    transition:color .3s cubic-bezier(.54,0,.42,1),background-color .3s cubic-bezier(.54,0,.42,1)
}

.btn-red {
    background-color:#EE2E23
}

span.btn-red {
    color:#fff
}

.simple-button.small {
    padding:3px 10px;
    min-height:20px
}

.simple-button.small span {
    font-size:12px
}

.simple-button.yellow:hover,.simple-button.yellow:hover>span,.simple-button.btn-red:hover,.simple-button.btn-red:hover>span {
    background-color:#fff;
    color:#231F20
}



.simple-button.yellow:hover,.simple-button.btn-red:hover {
    border:1px solid #CED1D3
}

.simple-button.white:hover,.simple-button.white:hover>span {
    color:#231F20
}

.simple-button.white:hover {
    border:1px solid #FFD500
}

.simple-link:link,.simple-link:visited,.simple-link {
    position:relative;
    display:inline-block;
    border-bottom:1px dashed #CED1D3;
    background-color:transparent;
    font-family:'robotoregular',sans-serif;
    color:#231F20;
    text-align:center;
    text-transform:none;
    line-height:1.5em;
    letter-spacing:0;
    font-size:14px;
    text-decoration:none;
    -moz-transition:color .3s cubic-bezier(.54,0,.42,1),background-color .3s cubic-bezier(.54,0,.42,1);
    -o-transition:color .3s cubic-bezier(.54,0,.42,1),background-color .3s cubic-bezier(.54,0,.42,1);
    -webkit-transition:color .3s cubic-bezier(.54,0,.42,1),background-color .3s cubic-bezier(.54,0,.42,1);
    transition:color .3s cubic-bezier(.54,0,.42,1),background-color .3s cubic-bezier(.54,0,.42,1)
}

.simple-link:hover {
    border:0
}

@media screen and (max-height: 780px) {
    .wrap-auroriz-form {
        padding-top:20px
    }

    .header-simple-form {
        margin-top:50px
    }
}

@media screen and (max-height: 600px) {
    .wrap-auroriz-form {
        padding-top:10px
    }

    .header-simple-form {
        margin-top:30px;
        margin-bottom:25px
    }
}

.header-container {
    position:fixed;
    display:block;
    z-index:1000;
    -moz-transition:width .3s linear,left .3s linear;
    -o-transition:width .3s linear,left .3s linear;
    -webkit-transition:width .3s linear,left .3s linear;
    transition:width .3s linear,left .3s linear
}

.desktop-header {
    position:relative;
    display:block
}

header {
    position:relative;
    display:inline-block
}

.wrapper-main-menu {
    position:relative;
    display:block;
    width:225px;
    height:100vh;
    background-color:#3C464C;
    padding-top:39px;
    overflow-y:auto;
    padding-bottom:40px;
    -moz-transition:width .3s linear,left .3s linear;
    -o-transition:width .3s linear,left .3s linear;
    -webkit-transition:width .3s linear,left .3s linear;
    transition:width .3s linear,left .3s linear;
    overflow-x:hidden;
    z-index:1000
}

.wrapper-main-menu-inner {
    position:absolute;
    width:100%;
    height:calc(100% - 43px);
    min-height:480px;
    left:0;
    top:39px;
    display:block;
    padding-bottom:110px
}

.desktop-header .logo {
    height:80px
}

.header-menu {
    position:relative;
    display:block;
    height:auto;
    padding-top:30px;
    width:100%
}

.header-menu li {
    position:relative;
    display:block;
    font-family:'robotomedium',sans-serif;
    font-size:14px;
    line-height:20px;
    text-align:left;
    color:#fff;
    background-color:transparent;
    -moz-transition:background-color .3s cubic-bezier(.54,0,.42,1);
    -o-transition:background-color .3s cubic-bezier(.54,0,.42,1);
    -webkit-transition:background-color .3s cubic-bezier(.54,0,.42,1);
    transition:background-color .3s cubic-bezier(.54,0,.42,1)
}

.header-menu li a,.header-menu li a:link,.header-menu li span {
    display:block;
    position:relative;
    width:100%;
    height:50px;
    font-family:inherit;
    color:inherit;
    font-size:inherit;
    line-height:inherit;
    letter-spacing:inherit
}

.header-menu li.active a,.header-menu li span {
    background-color:#31363a
}

.header-menu li a:hover {
    background-color:#31363a
}

.title-link {
    position:relative;
    padding-top:14px;
    padding-left:54px
}

.wrap-header-top {
    display:flex;
    position:fixed;
    width:calc(100% - 200px);
    height:60px;
    border-bottom:1px solid #E9E9E9;
    vertical-align:top;
    justify-content:space-between;
    flex-wrap:wrap-reverse;
    z-index:900;
    background-color:#fff
}

.header-top-center,.header-top-right {
    display:inline-block;
    position:relative
}

.wrap-header-top-left {
    display:none;
    min-width:104px;
    position:relative;
    height:60px
}

.wrap-header-basement-bg {
    display:none;
    min-width:104px;
    position:relative;
    height:60px
}

.wrap-header-top-version {
    display:none;
    min-width:104px;
    position:relative;
    height:60px
}

.header-top-right {
    margin-right:0;
    margin-left:auto;
    text-align:right;
    height:60px
}

.wrap-btn-header-top {
    position:relative;
    padding:10px 40px
}

.wrap-bell {
    display:inline-block;
    position:relative;
    width:80px;
    height:60px;
    text-align:center;
    padding:20px
}

.icon-bell {
    position:relative
}

.red-point {
    position:absolute;
    display:block;
    width:10px;
    height:10px;
    top:-2px;
    right:-4px;
    background-color:#EE2E23;
    border:2px solid #fff;
    border-radius:50px
}

.wrap-header-user {
    display:inline-block;
    position:relative;
    border-left:1px solid #E9E9E9;
    width:280px;
    height:60px;
    float:right
}

.header-top-left {
    position:absolute;
    bottom:50px;
    left:17px;
    height:24px;
    width:158px;
    z-index:10
}

@media screen and (max-width: 991px) {
    .header-top-left {
        display:none
    }

    .header-basement-bg {
        display:none
    }

    .header-top-version {
        display:none
    }
}

.desktop-header.toggled .arrow-left {
    transform:rotate(180deg)
}

.desktop-header .icon-arrow-left {
    position:absolute;
    top:0;
    left:9px
}

.desktop-header.toggled .icon-arrow-left {
    top:0
}

.arrow-close-menu {
    position:absolute;
    bottom:0;
    left:0;
    width:24px;
    height:24px;
    border:0;
    border-top-left-radius:2px;
    border-bottom-left-radius:2px;
    margin:0;
    padding:0;
    background-color:transparent
}

.arrow-left {
    height:100%;
    position:relative;
    -moz-transition:transform .3s cubic-bezier(.54,0,.42,1);
    -o-transition:transform .3s cubic-bezier(.54,0,.42,1);
    -webkit-transition:transform .3s cubic-bezier(.54,0,.42,1);
    transition:transform .3s cubic-bezier(.54,0,.42,1)
}

.arrow-left .icon-arrow-left:before {
    font-size:8px;
    color:#ced5d8
}

.button-close-menu {
    position:absolute;
    bottom:0;
    left:26px;
    width:163px;
    height:24px;
    border:0;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
    margin:0;
    padding:0;
    background-color:transparent
}

.bg-close-button {
    background:rgba(255,255,255,0.20)
}

.title-button {
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:24px;
    text-align:center;
    opacity:1;
    z-index:2
}


@media screen and (min-width: 991px) {
    .desktop-header.toggled .wrapper-main-menu {
        width: 58px
    }

    .desktop-header.toggled .title-link, .desktop-header.toggled .counter, .desktop-header.toggled .icon-arrow-right, .desktop-header.toggled .button-close-menu {
        display: none
    }

    .desktop-header.toggled .arrow-close-menu {
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px
    }
}

.button-mobile-menu {
    display:none;
    position:relative;
    height:25px;
    width:25px;
    cursor:pointer;
    z-index:1000;
    margin:20px
}

.burger-toggle-wrap {
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:24px;
    height:16px
}

.icon-burger {
    position:absolute;
    width:24px;
    height:2px;
    background-color:#EE2E23;
    border-radius:0;
    -moz-transition:all .3s linear;
    -o-transition:all .3s linear;
    -webkit-transition:all .3s linear;
    transition:all .3s linear
}

.icon-burger:nth-child(1) {
    top:0;
    left:0
}

.icon-burger:nth-child(2) {
    top:7px;
    left:0
}

.icon-burger:nth-child(3) {
    top:14px;
    left:0
}

.desktop-header.toggled-mobile .arrow-left {
    transform:rotate(180deg)
}

.full-height .logo {
    display:none;
    background:url(../images/logo_shell.svg) no-repeat;
    width:29px;
    height:40px;
    background-size:contain;
    margin:20px
}

.full-height.toggled-mobile .logo {
    display:block
}

.toggled-mobile .wrapper-main-menu {
    left:0;
    width:240px
}

.mobile-shadow {
    position:fixed;
    display:block;
    top:0;
    left:0;
    width:0;
    height:100vh;
    background-color:#000;
    opacity:0;
    z-index:200;
    cursor:pointer;
    -moz-transition:width .3s linear,left .6s linear;
    -o-transition:width .3s linear,left .6s linear;
    -webkit-transition:width .3s linear,left .6s linear;
    transition:width .3s linear,left .6s linear
}

.header-container.toggled-mobile .mobile-shadow {
    width:100vw;
    opacity:.8
}

@media screen and (max-width: 991px) {
    .button-mobile-menu {
        display:block
    }

    .wrap-header-top-left {
        display:flex;
        justify-content:space-between;
        width:50%
    }

    .full-height .logo {
        display:block
    }

    .header-top-center {
        display:none
    }

    .wrap-header-top {
        width:100%
    }

    .header-container {
        left:-100vw
    }

    .all-project-table table td:nth-child(6) {
        white-space:nowrap
    }
}

.header-container.toggled-mobile {
    left:0
}

.user-info {
    position:relative;
    display:inline-block;
    width:calc(100% - 60px)
}

.ellips {
    position:relative;
    display:inline-block;
    width:36px;
    height:36px;
    margin:12px 19px
}

.header-user-photo {
    display:block;
    position:relative;
    background:#fff no-repeat center;
    background-size:cover;
    width:36px;
    height:36px;
    border-radius:50px
}

.icon_vip:before {
    content:'VIP';
    display:block;
    position:absolute;
    top:-7px;
    right:-13px;
    width:26px;
    height:17px;
    border:2px solid #fff;
    border-radius:50px;
    background-color:#EE2E23;
    color:#fff;
    font-family:'robotomedium',sans-serif;
    font-size:10px;
    line-height:1.2em;
    text-align:center;
    vertical-align:middle
}

.header-user-info {
    display:inline-block;
    position:relative;
    width:calc(100% - 75px);
    vertical-align:top
}

.info-flex {
    display:flex;
    position:relative;
    align-items:flex-start;
    justify-content:center;
    flex-direction:column;
    height:60px
}

.header-user-name {
    display:block;
    position:relative;
    padding-bottom:5px
}

.header-user-cabinet {
    display:block;
    position:relative
}

@media screen and (max-width: 938px) {
    .wrap-bell {
        padding:20px 7px
    }
}

@media screen and (max-width: 991px) {
    .full-height {
        padding-left:0
    }
}

@media screen and (max-width: 800px) {
    .wrap-bell {
        display:none
    }

    .wrap-header-user {
        border-left:0;
        width:74px
    }

    .user-info {
        width:74px
    }

    .header-top-right {
        width:74px
    }

    .wrap-header-top-left {
        width:55%
    }

    .wrap-header-user .button-arrow {
        display:none
    }
}

.icon {
    position:relative
}

.icon-ic-tasks,.icon-ic-projects,.icon-ic-reports,.icon-ic-bell-gray,.icon-ic-documents,.icon-ic-settings {
    display:block;
    position:absolute;
    top:16px;
    left:22px
}

.icon.bell {
    display:none
}

.icon-arrow-right {
    display:block;
    position:absolute;
    top:19px;
    right:15px;
    font-size:10px
}

.counter {
    display:flex;
    position:absolute;
    align-items:center;
    justify-content:center;
    top:16px;
    right:30px;
    width:16px;
    height:16px;
    background-color:#EE2E23;
    border-radius:50%;
    color:#fff;
    font-family:'robotomedium',sans-serif;
    font-size:11px
}

.counter.gray {
    background-color:#515c62
}

.text-regular-11 {
    font-family:'robotoregular',sans-serif;
    font-size:11px;
    line-height:16px;
    color:#707577;
    text-align:left;
    text-transform:none
}

.bg-close-button .text-regular-11 {
    color: #ced5d8
}

.text-regular-12 {
    font-family:'robotoregular',sans-serif;
    font-size:12px;
    line-height:14px;
    color:#231F20;
    text-align:left;
    text-transform:none
}

.text-regular-14 {
    font-family:'robotoregular',sans-serif;
    font-size:14px;
    color:#231F20;
    text-align:left;
    text-transform:none
}

.text-regular-16 {
    font-family:'robotoregular',sans-serif;
    font-size:16px;
    line-height:19px;
    color:#231F20;
    text-align:left;
    text-transform:none
}

.text-medium-18 {
    font-family:'robotomedium',sans-serif;
    font-size:18px;
    line-height:21px;
    color:#231F20;
    text-align:left;
    text-transform:none
}

.text-medium-20 {
    font-family:'robotomedium',sans-serif;
    font-size:20px;
    line-height:23px;
    color:#231F20;
    text-align:left;
    text-transform:none
}

.button-arrow {
    display:inline-block;
    position:relative;
    width:60px;
    min-height:60px;
    height:auto;
    top:0;
    right:0;
    border-left:1px solid #E9E9E9;
    border-right:1px solid #E9E9E9;
    border-bottom:1px solid #E9E9E9;
    border-top:0;
    background-color:#fff;
    box-shadow:none;
    font-size:6px;
    vertical-align:top
}

.breadcrumbs-wrap {
    position:relative;
    display:block;
    margin-top:10px;
    margin-bottom:10px
}

.breadcrumbs-wrap ul li {
    display:inline-block;
    vertical-align:top;
    cursor:default;
    padding:7px 0;
    margin-right:1px
}

.back-title-mobile {
    display:none
}

@media screen and (max-width: 991px) {
    .breadcrumbs-wrap ul li:last-child {
        max-width:100px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap
    }

    .back-link-mobile a {
        float:left
    }

    .back-title-mobile {
        display:block;
        float:left;
        width:calc(100% - 45px);
        position:relative;
        top:10px;
        left:5px
    }

    .back-title-mobile a {
        color:#9ca3a6
    }

    .title-mobile {
        display:block;
        clear:both;
        margin-top:53px
    }
}

.breadcrumbs-wrap ul li a {
    display:inline-block;
    border-bottom:1px solid #9CA3A6;
    font-size:inherit;
    letter-spacing:inherit;
    line-height:inherit;
    color:inherit
}

.breadcrumbs-wrap ul li a:hover {
    border-bottom:1px solid transparent
}

.breadcrumbs-wrap ul li span {
    font-size:inherit;
    letter-spacing:inherit;
    line-height:inherit;
    color:inherit;
    border-bottom:1px solid transparent
}

@media screen and (max-width: 375px) {
    .breadcrumbs-wrap {
        margin-top:7px;
        margin-bottom:0
    }
}

.wrap-header-content {
    display:block;
    position:relative;
    min-height:80px
}

.header-content {
    display:block;
    position:relative;
    padding:9px 0
}

.button-close {
    display:block;
    position:absolute;
    bottom:-1px;
    right:0;
    width:40px;
    height:40px;
    border:1px solid #CED1D3;
    background-color:#fff;
    -moz-transition:background-color .3s cubic-bezier(.54,0,.42,1);
    -o-transition:background-color .3s cubic-bezier(.54,0,.42,1);
    -webkit-transition:background-color .3s cubic-bezier(.54,0,.42,1);
    transition:background-color .3s cubic-bezier(.54,0,.42,1);
    cursor:pointer
}

.icon-bar {
    position:absolute;
    background-color:#231F20;
    width:25px;
    height:1px;
    border-radius:2px;
    top:19px;
    left:7px;
    transform-origin:50% 50%
}

.icon-bar:nth-child(1) {
    transform:rotate(45deg)
}

.icon-bar:nth-child(2) {
    transform:rotate(-45deg)
}

.button-close:hover {
    background-color:#FFD500
}

.content {
    display:block;
    position:relative;
    padding-top:20px
}

.content-without-margin {
    margin-top:0;
    padding-top:0
}

.card {
    border-radius:0;
    border:0;
    margin-bottom:20px
}

.card-header {
    background-color:#F6F6F6;
    border:0;
    height:50px;
    border-bottom:2px solid #CED1D3;
    padding:0
}

.icon-arrow {
    display:block;
    position:absolute;
    top:20px;
    right:20px;
    font-size:8px;
    cursor:pointer;
    -moz-transition:transform .3s cubic-bezier(.54,0,.42,1);
    -o-transition:transform .3s cubic-bezier(.54,0,.42,1);
    -webkit-transition:transform .3s cubic-bezier(.54,0,.42,1);
    transition:transform .3s cubic-bezier(.54,0,.42,1)
}

.icon-arrow:hover {
    opacity:.7
}

.icon-arrow.collapsed {
    transform:rotate(180deg)
}

.border-yellow {
    border-bottom:2px solid #FFD500
}

.card-header:first-child {
    border-radius:0
}

.card-body {
    padding:15px 0 50px
}

.accordion .btn {
    background:transparent;
    display:block;
    width:100%;
    text-align:left;
    padding:12px 20px
}

.btn:focus {
    box-shadow:none
}

button {
    cursor:pointer
}

button:focus {
    outline:0
}

textarea {
    resize:none
}

.form-control:focus,input:focus {
    border-color:#bdbdbd;
    box-shadow:0 0 0 .2rem rgba(205,218,232,0.25)
}

.form-group {
    position:relative;
    margin-top:5px;
    margin-bottom:5px
}

.form-row {
    flex-direction:row;
    justify-content:space-between;
    margin:0;
    padding:15px 0
}

.wrap-radio {
    position:relative;
    display:inline-block;
    width:40px;
    margin-bottom:0
}

.input[type=radio] {
    display:inline-block;
    width:40px;
    height:30px
}

.jq-radio {
    width:40px;
    height:30px;
    border-radius:0;
    border-color:#CED1D3;
    box-shadow:none;
    background:transparent;
    margin:0
}

.radio-left {
    border-top-left-radius:2px;
    border-bottom-left-radius:2px
}

.radio-center {
    border-radius:0
}

.radio-right {
    border-top-right-radius:2px;
    border-bottom-right-radius:2px
}

.jq-radio.checked .jq-radio__div {
    width:38px;
    height:28px;
    margin:0;
    background:#FFD500;
    box-shadow:none
}

.jq-radio.focused,.jq-radio.checked {
    border:1px solid #FFD500
}

.radio-left.checked .jq-radio__div {
    border-radius:2px 0 0 2px
}

.radio-right.checked .jq-radio__div {
    border-radius:0 2px 2px 0
}

.radio-center.checked .jq-radio__div {
    border-radius:0
}

.label-radio {
    display:flex;
    position:absolute;
    top:0;
    left:0;
    cursor:pointer;
    width:100%;
    height:100%;
    align-items:center;
    justify-content:center;
    font-family:'robotoregular',sans-serif;
    font-size:14px;
    line-height:1em;
    color:#231F20;
    font-weight: 400;
}

.label-form {
    display:inline-block;
    position:relative;
    margin-right:14px;
    margin-bottom:0
}

.radio-row {
    display:inline-block;
    position:relative;
    margin-left:5px
}

.select_row {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}

.wrap-select-full {
    margin-bottom:5px;
    margin-top:5px;
    text-align:left;
    width:100%
}

.wrap-select {
    margin-bottom:5px;
    margin-top:5px;
    text-align:left
}

.wrap-select-full .jq-selectbox,.wrap-select-full .jq-select-multiple {
    width:100%
}

.wrap-select-full .jq-selectbox__select-text,.wrap_select .jq-selectbox__select-text {
    display:block;
    overflow:hidden;
    width:auto;
    white-space:nowrap;
    text-overflow:ellipsis
}

.jq-selectbox__select {
    background:none;
    box-shadow:none;
    height:30px;
    border-radius:2px;
    padding:0 30px 0 10px;
    border-bottom-color:#CED1D3;
    border:1px solid #CED1D3;
    font-family:'robotoregular',sans-serif;
    background: #fff;
}

.jq-selectbox__select-text {
    line-height:1em;
    padding-top:7px;
    min-width:93px
}

.jq-selectbox__trigger {
    border-left:0;
    width:30px
}

.jq-selectbox__trigger-arrow {
    border:0;
    top:-3px;
    right:20px
}

.jq-selectbox__trigger-arrow:before {
    content:"\e90f";
    font-size:6px;
    font-family:'icomoon'!important;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}

.jq-selectbox.focused .jq-selectbox__select {
    border:1px solid #CED1D3
}

.form-row-full-input .wrap-select {
    display:block
}

.form-row-full-input .jq-selectbox {
    display:block!important
}

.form-row-full-input .jq-selectbox__select {
    height:40px
}

.form-row-full-input .jq-selectbox__select-text {
    padding-top:12px
}

.form-row-full-input .jq-selectbox__trigger-arrow {
    top:2px
}

.jq-selectbox__dropdown {
    box-shadow:none;
    background:#fff;
    border-radius:2px;
    z-index:999
}

.jq-selectbox__select:hover {
    background:#fff
}

.jq-selectbox li.selected,.jq-selectbox li.sel {
    background-color:#FFD500;
    color:#231F20
}

.jq-selectbox li.disabled {
    display:none!important
}

.jq-selectbox li:hover {
    background-color:#FFD500;
    color:#231F20
}

.hide {
    display:none!important
}

.input-small {
    height:30px!important;
    margin:0!important
}

.inline-input {
    display:inline-block;
    position:relative
}

.kind .inline-input {
    width:100%
}

.prognosis .inline-input {
    width:100px
}

.wrap-type-kind {
    display:inline-block;
    position:relative;
    width:46%
}

.form-group.type {
    display:inline-block;
    position:relative;
    width:43%;
    min-width:118px
}

.form-group.kind {
    display:inline-block;
    position:relative;
    width:53%;
    min-width:189px;
    padding-right:15px
}

.form-group.select-group {
    display:inline-block;
    position:relative;
    width:54%
}

@media screen and (max-width: 1100px) {
    .form-group.select-group,.wrap-type-kind {
        width:100%
    }
}

.ui-datepicker-trigger {
    display:block;
    position:absolute;
    top:0;
    right:2px;
    cursor:pointer
}

.ui-datepicker-trigger:before {
    content:"\e905";
    color:#ced1d3;
    font-family:'icomoon'!important;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}

.project-roles .label-form {
    vertical-align:top;
    min-width:130px
}

.project-roles .inline-input {
    width:calc(100% - 144px)
}

.group-input {
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-wrap:wrap
}

.plusing-input {
    display:inline-block;
    position:relative;
    margin-bottom:10px;
    padding-left:10px
}

.plusing-input input {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding-right:60px !important;
    height: 30px !important;

}

.input-remove,.input-plus {
    display:block;
    position:absolute;
    top:3px;
    right:3px;
    width:24px;
    height:24px;
    background-color:#ffd50036;
    box-shadow:none;
    border:0;
    padding:0
}

.input-plus:before {
    content:'';
    display:block;
    position:absolute;
    top:11px;
    right:7px;
    width:9px;
    height:1px;
    background-color:#231F20
}

.input-plus:after {
    content:'';
    display:block;
    position:absolute;
    top:7px;
    right:11px;
    width:1px;
    height:9px;
    background-color:#231F20
}

.input-remove {
    right:30px;
    background-color:rgba(182,0,19,0.21)
}

.input-remove:before {
    content:'';
    display:block;
    position:absolute;
    top:11px;
    right:7px;
    width:9px;
    height:1px;
    background-color:#231F20
}

.docs-box {
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    min-height:140px;
    max-width:550px;
    width:100%;
    border:1px dashed #CED1D3;
    border-radius:2px
}

.jq-file.drop-file-input {
    position:absolute!important;
    display:block!important;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:0;
    box-shadow:none
}

.drop-file-input .jq-file__browse {
    display:none
}

.drop-file-input .jq-file__name {
    position:absolute;
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:center;
    padding:10px;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none!important;
    background-color:#fff;
    border-radius:0;
    box-shadow:none;
    font-family:'robotoregular',sans-serif;
    font-size:12px;
    line-height:14px;
    color:#9ca3a6;
    -moz-transition:background-color .3s cubic-bezier(.54,0,.42,1),color .3s cubic-bezier(.54,0,.42,1);
    -o-transition:background-color .3s cubic-bezier(.54,0,.42,1),color .3s cubic-bezier(.54,0,.42,1);
    -webkit-transition:background-color .3s cubic-bezier(.54,0,.42,1),color .3s cubic-bezier(.54,0,.42,1);
    transition:background-color .3s cubic-bezier(.54,0,.42,1),color .3s cubic-bezier(.54,0,.42,1)
}

.drop-file-input.jq-file:hover .jq-file__name {
    background-color:#F6F6F6
}

.wrap-dradndrop {
    vertical-align:top;
    width:60%
}

.wrap-dradndrop .label-form {
    margin-bottom:10px
}

.wrap-list-docs {
    vertical-align:top;
    width:36%;
    margin-right:10px
}

.wrap-checkbox {
    cursor:pointer;
    margin-bottom:4px;
    white-space: normal;
}

.list-docs {
    display:block;
    position:relative;
    max-width:350px
}

input[type=checkbox] {
    height:auto
}

.jq-checkbox {
    position:relative;
    box-shadow:none;
    background:none;
    margin-right:10px;
    border-radius:2px;
    background: #fff;
}

.jq-checkbox.checked .jq-checkbox__div {
    position:relative;
    box-shadow:none;
    width:16px;
    height:16px;
    background:#FFD500;
    margin:0
}

.jq-checkbox.checked.focused {
    border:1px solid #FFD500
}

.jq-checkbox.focused {
    border:1px solid #C3C3C3
}

.jq-checkbox.checked .jq-checkbox__div:before {
    font-family:'icomoon'!important;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    position:absolute;
    content:"\e910";
    top:4px;
    left:1px;
    font-size:8px
}

.docs-box .text-regular-12 {
    color:#9CA3A6
}

.red {
    border-color:#EE2E23!important
}

.wrap-inline-block {
    display:inline-block;
    position:relative;
    margin:0 40px;
    padding:12px 0
}

.crossing-input input {
    padding-right:20px
}

.input-cross {
    position:absolute;
    display:block;
    top:2px;
    right:2px;
    width:25px;
    height:25px;
    background:none;
    border:0;
    padding:0
}

.cross {
    position:absolute;
    background-color:#231F20;
    width:15px;
    height:1px;
    border-radius:0;
    top:12px;
    left:6px;
    transform-origin:50% 50%;
    opacity:.5
}

.cross:nth-child(1) {
    transform:rotate(45deg)
}

.cross:nth-child(2) {
    transform:rotate(-45deg)
}

@media screen and (max-width: 916px) {
    .wrap-list-docs,.wrap-dradndrop {
        width:100%
    }

    .project-roles .inline-input {
        width:100%;
        margin:0 -10px
    }
}

@media screen and (max-width: 800px) {
    .plusing-input {
        width:50%
    }

    .form-row-full-input .form-group {
        flex-wrap:wrap
    }

    .icon.bell {
        display:block
    }
}

@media screen and (max-width: 780px) {
    .wrap-inline-block {
        margin:0
    }
}

@media screen and (max-width: 500px) {
    .form-group.type,.form-group.kind,.form-group.prognosis {
        width:100%
    }
}

@media screen and (max-width: 420px) {
    .plusing-input {
        width:100%
    }
}

.stage-table {
    width:100%
}

.stage-table table th {
    font-weight:400;
    position:relative
}

.stage-table table tr {
    min-height:50px
}

.stage-table table td {
    padding:10px 20px;
    min-height:50px;
    border:1px solid #CED1D3
}

.stage-table table th {
    text-align:left;
    min-height:50px;
    padding:5px 10px 20px;
    font-family:'robotoregular',sans-serif;
    font-size:14px;
    line-height:16px;
    color:#231f20
}

.stage-table table td {
    text-align:left;
    min-height:50px;
    padding:5px 10px;
    font-family:'robotoregular',sans-serif;
    font-size:14px;
    line-height:16px;
    color:#231f20;
    border-bottom:1px solid #CED1D3
}

.stage-padding-table table td {
    padding: 10px;
}

.stage-table table td:nth-child(1) {
    width:4%;
    border-right:0;
    padding-right:0
}

.stage-table table td:nth-child(2) {
    width:40%;
    border-left:0;
    min-width:250px
}

.stage-table table td:nth-child(3) {
    width:56%;
    min-width:370px
}

.wrap-add-users {
    display:block;
    position:relative;
    width:100%;
    line-height:2em;
    padding-right:50px
}

.wrap-add-users input {
    border:0
}

.stage-user {
    display:inline-block;
    position:relative;
    padding-right:25px;
    margin-right:10px
}

.stage-user .input-cross {
    top:1px;
    right:2px
}

.stage-user .input-cross .cross {
    width:13px
}

.wrap-add-users .input-plus {
    top:50%;
    margin-top:-17px;
    right:0;
    width:34px;
    height:34px
}

.wrap-add-users .input-plus:before {
    top:17px;
    right:10px;
    width:13px
}

.wrap-add-users .input-plus:after {
    top:11px;
    right:16px;
    height:13px
}

.modal-dialog {
    margin-top:200px
}

.modal-content {
    min-width:280px;
    border-radius:0;
    border:0;
    padding:40px 20px 0;
    max-height:580px;
    overflow:auto
}

.close-button,button.close-button {
    position:absolute;
    display:block;
    text-shadow:none;
    top:10px;
    right:10px;
    z-index:10;
    opacity:1;
    width:29px;
    height:29px;
    -moz-transition:opacity .3s cubic-bezier(.54,0,.42,1);
    -o-transition:opacity .3s cubic-bezier(.54,0,.42,1);
    -webkit-transition:opacity .3s cubic-bezier(.54,0,.42,1);
    transition:opacity .3s cubic-bezier(.54,0,.42,1)
}

.cross-item {
    position:absolute;
    width:14px;
    height:2px;
    background-color:#231F20;
    border-radius:0;
    transform-origin:50% 50%;
    top:13px;
    left:6px;
    -moz-transition:background-color .3s cubic-bezier(.54,0,.42,1);
    -o-transition:background-color .3s cubic-bezier(.54,0,.42,1);
    -webkit-transition:background-color .3s cubic-bezier(.54,0,.42,1);
    transition:background-color .3s cubic-bezier(.54,0,.42,1)
}

.cross-item:nth-child(1) {
    transform:rotate(45deg)
}

.cross-item:nth-child(2) {
    transform:rotate(-45deg)
}

.close-modal:hover .cross-item {
    background-color:#FFD500
}

.modal-content::-webkit-scrollbar {
    -webkit-appearance:none;
    width:3px;
    height:10px
}

.modal-content::-webkit-scrollbar-thumb {
    border-radius:5px;
    border:1px solid #000;
    background-color:#000
}

.simple-form-head {
    margin-bottom:30px
}

.input-search {
    display:block;
    position:relative
}

.input-search input {
    height:30px;
    margin-bottom:30px
}

::-webkit-input-placeholder {
    font-size:14px
}

::-moz-placeholder {
    font-size:14px
}

:-moz-placeholder {
    font-size:14px
}

:-ms-input-placeholder {
    font-size:14px
}

.icon-search {
    position:absolute;
    display:block;
    top:8px;
    right:10px;
    width:14px;
    height:14px;
    background:url(../images/ic_search.svg)
}

.input-modal {
    position:relative
}

.input-modal .text-regular-14,.input-modal input {
    position:relative;
    border:0;
    border-bottom:1px solid #CED1D3;
    height:51px;
    padding-left:15px
}

.button-arrow-right {
    display:block;
    position:absolute;
    top:9px;
    right:5px;
    width:30px;
    height:30px;
    border-radius:2px;
    border:1px solid #CED1D3;
    cursor:pointer
}

.button-arrow-right .icon-arrow-bottom {
    display:block;
    position:absolute;
    top:11px;
    right:8px;
    font-size:6px;
    transform:rotate(-90deg)
}

.title-project {
    font-weight:700
}

.line {
    position:relative;
    width:100%;
    height:1px;
    background-color:#CED1D3;
    margin:15px 0
}

.wrap-icon-check {
    display:inline-block;
    position:relative;
    width:16px;
    height:16px;
    border-radius:50px;
    font-size:6px;
    text-align:center;
    vertical-align:top;
    margin-right:6px
}

.wrap-icon-check.chk {
    background-color:#FFD500
}

.table-start-project {
    display:block;
    position:relative;
    width:100%;
    margin:10px 0
}

.table-start-project table {
    border-collapse:collapse;
    width:100%
}

.table-start-project table td {
    position:relative;
    padding:17px 20px;
    border:1px solid #CED1D3;
    text-align:left;
    min-height:50px;
    font-family:'robotomedium',sans-serif;
    font-size:14px;
    line-height:16px;
    color:#231f20
}

.table-start-project>table>tbody>tr>td:nth-child(1) {
    width:15%;
    border-right:1px solid #000;
    min-width:151px
}

.bg-gray {
    background-color:#F6F6F6;
    background-clip:padding-box;
    white-space:nowrap
}

.table-start-project>table>tbody>tr>td:nth-child(2) {
    padding:5px 10px;
    width:25%;
    border-right:1px solid #000;
    min-width:151px
}

.table-start-project>table>tbody>tr>td:nth-child(5) {
    min-width:70px
}

.table-start-project table td.last {
    padding:7px;
    width:8%;
    min-width:78px
}

.table-start-project table td:nth-child(6) {
    padding:7px;
    width:8%;
    min-width:78px
}

.table-start-project .jq-selectbox__select {
    border:0
}

.table-start-project .jq-selectbox.focused .jq-selectbox__select {
    border:0
}

.table-start-project .jq-selectbox__select:active {
    box-shadow:none
}

.table-start-project .td-collapse {
    border-right-color:#CED1D3!important;
    padding-top:0;
    padding-bottom:0
}

.icon-pdf {
    display:block;
    width:66px;
    float:left;
    height:66px;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAA/RAAAP0QFWMBqkAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAoVQTFRF////4+Pj3quj5uLZ6enh4eHV4d/V39/T4t/V39/T4ODU6Ojg6eng6urf4LCq6enh1oiE1Xt55+fd02xr3tzR2tjMzEtMzExNzE1OzU1OzU5PzU9QzVFRzVFSzVJSzVJTzVNUzlFSzlRUzlVVzlZWzldYzlhYz1ZXz1lZz1tbz1xcz11dz15d0FhZ0F5e0F9f0GNj0Vxd0WVk0Wdm0Whn0Wlo0mlo0mpp0mxr0m1s0m5t02Vm029u03Bu03Fw03Ny1Gdo1Ghp1HZ01Hd11Hh21Wts1Xl41Xp41Xt51X171X581oB91oJ/1oOA1oOB13Jz14WD14aD14aE14eE14iF2HR12HZ32IuI2I6L2I+L2Xd42Xh52Xl62Xp62Xp72ZCN2ZGO2ZKO2ZKP2dfK2nx82pWS2peT2pmV2pqW24GB25qW252Z256a3KKe3KSf3amk3dzQ3ouL3qum3qyn3q2o342N34+P37Gs37Kt37Ou37Su37Wv4JGR4JKS4Law4Liy4Lq04ZSV4ZWW4by24b644b+54cC64pmZ4pqb4sG745uc48a/48jB48nC5KCg5MvE5MzF5M7G5NDJ5aOk5aSk5dLL5dPL5dPM5qeo5tbP5tjQ5tnR5trS5tvT5ubd56qq56qr593U59/X5+DX5+DY5+fe6OLZ6OPb6OTb6OXc6OXd6Obd6bCw6bGx6efe6ejf6eng6rO06rS167i47Lu87b6+7b+/7cDB7sLD78fH8MnJ8MnK8MrK8tHR89TU89XW9NfX9NnZ9Nra9dvb9dzd9t7e9uDg9+Hi9+Pk+Obm+enp+evr+u3t+u/v+/Ly/PT0/Pb2/fn5/vr6/vv7/v39//7+////BEodVAAAABZ0Uk5TABI9PV1mZ2hoaWp7jpCruMPP5/H7/muPxRsAAAKLSURBVFjD7dXnW9NAHAfwinuAIOab2ogi4ECUOpC6ce9Z9x5FHCjuPRguVKwVJ2AdqDiw4dx7g1urovf3mDym2qem5ZI8vvHx+ya/yz33yV0uw2T6mVpNSU1pVtcUInVqHE9Oc6GEJgyAg6sXHAhnAUIJbEAIgRFwcPUNAkGFYIAoBgAOroEWIMtiPREABBHUgV08MCoQUBfUgQwsjoutCAQcXENWYDpKerf7YwaqgjqwAgeT+6kADq4RG1CAbrD7GhdX+aV5bbZd6AIsV+9pzAZkAjvUe8LZgCIeLkPAeQsyDQGbgVYlRoCxSMAEA4CYwB/qwBfoB/YhjWSjl6gbWIC1hEzEfL1ARbJQSsiFTtioE9iJkfJhDx/j0geMUB7DGbDOG93XahtzWBtQbI67TEjZ1nHxUBLr1gQswST3mmECwNt6AvZThUl+zzUDIHZEovRJS5q86RwRF/FIbAubliVcWijNOX7aAaWZ09+M1GINQLYVGLTlit+Z0iINu3BsiHT5lIoQv5nQwDoBPVpjN9EL5JjNyzIwnOgGUrDSZTEX6gbK+Zjj3VXfINYZpMGCweUGAHdqS3sZMQAQcpUQYwD5D+gAIrI0JiIAiILGRP3TgNfr/fB4qVTkS9Wbe3sFKLWURywA9TrPVNL9gJPeP3L7Na0aCLl+6JSymgl4BwjPv7WXBuVKze3VrwQZyGdeggzgLJ2tALhB83QAt+gAHzCH3tEOTP1S2cIHDKXPZODzRylTmAD6tZq+7AMfMIs+kOu7G6R0ZQI+5a4fz+MXsI1e13EP8Bt4QdONAG1u0qfQDbyvevudPumsEfAcVYq5Ho/n2sl0pZ75l1+mSK1AZAAQFq1tfHSYMvAHiebG+/pZLvcAAAAASUVORK5CYII=)
}

.doc {
    padding-left:10px;
    padding-top:10px;
    padding-bottom:10px
}

.wrap-icon-check.n-chk {
    background-color:#fff;
    border:1px solid #CED1D3
}

.wrap-icon-check.n-chk .cross {
    width:8px;
    top:7px;
    left:3px;
    opacity:.4
}

.wrap-icon-check.n-chk .icon-check {
    opacity:.4
}

.wrap-icon-check.r-chk {
    background-color:#EE2E23;
    border:1px solid #EE2E23
}

.wrap-icon-check.r-chk .cross {
    background-color:#fff;
    width:8px;
    top:7px;
    left:3px;
    opacity:1
}

.cell-users {
    display:inline-block;
    position:relative;
    width:calc(100% - 51px);
    overflow:hidden;
    text-overflow:ellipsis;
    height:16px;
    white-space:nowrap
}

.wrap-button-chat {
    display:block;
    position:relative;
    border-radius:2px
}



.td-collapse .wrap-chat {
    padding-bottom:35px
}

.wrap-chat {
    display:block;
    position:relative
}

.chat_line {
    display:block;
    position:relative;
    border-bottom:1px solid #CED1D3;
    padding-bottom:9px;
    padding-top:21px
}

.col_date,.col-ava,.col_name,.col_info {
    display:inline-block;
    position:relative;
    vertical-align:top
}

.col_date {
    padding-right:10px
}

.col_date span {
    color:#707577;
    padding-left:10px
}

.col-ava {
    width:30px;
    height:30px;
    border-radius:50px;
    background-size:contain;
    top:-8px;
    margin-right:15px
}

.col_name {
    width:15%
}

.chat_line:last-child {
    border-bottom:0
}

.col_info {
    line-height:2em;
    top:-5px
}

.comment {
    position:relative;
    color:#9CA3A6
}

.col-ava .wrap-icon-check {
    top:15px;
    left:21px
}

.user-container {
    display:block;
    position:relative;
    border:1px solid #CED1D3;
    padding:40px
}

.user-container .flex-form-row-between {
    align-items:flex-end;
    flex-wrap:wrap-reverse
}

.header_user-container {
    position:relative;
    border-bottom:1px solid #CED1D3;
    padding-bottom:30px
}

.lk_ava {
    display:inline-block;
    position:relative;
    width:90px;
    height:90px;
    margin-right:40px
}

.ava_icon {
    display:inline-block;
    text-align:center;
    vertical-align:middle
}

.icon-Group {
    font-size:30px;
    margin-right:20px
}

.lk_user_photo {
    display:block;
    position:relative;
    width:90px;
    height:90px;
    top:0;
    left:0;
    background-repeat:no-repeat;
    background-size:cover;
    z-index:10;
    border-radius:100px
}

.ava_title {
    display:inline-block;
    text-align:center
}

.wrap_post {
    position:relative;
    max-width:335px
}

.wrap_contacts {
    display:inline-block;
    position:relative;
    width:100%;
    vertical-align:top;
    padding-top:20px
}

.header_contacts {
    display:flex;
    position:relative;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap
}

.body_contacts {
    position:relative;
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start
}

.user-name {
    position:relative;
    font-family:'robotomedium',sans-serif;
    font-size:16px;
    color:#231F20;
    margin:10px 0
}

.wrap-link-edit {
    position:relative;
    vertical-align:top;
    margin-bottom:20px
}

.link-edit,.link-edit:focus,.link-edit:link {
    color:#9CA3A6;
    font-family:'robotoregular',sans-serif;
    font-size:14px;
    border-bottom:1px dashed #CED1D3;
    -moz-transition:color .3s cubic-bezier(.54,0,.42,1);
    -o-transition:color .3s cubic-bezier(.54,0,.42,1);
    -webkit-transition:color .3s cubic-bezier(.54,0,.42,1);
    transition:color .3s cubic-bezier(.54,0,.42,1)
}

.title-contacts {
    position:relative;
    font-family:'robotomedium',sans-serif;
    font-size:14px;
    color:#231F20;
    margin-top:20px;
    margin-bottom:10px
}

.email,.phone1,.phone2 {
    display:inline-block;
    position:relative;
    font-family:'robotoregular',sans-serif;
    font-size:14px;
    color:#9CA3A6;
    padding:4px 0;
    width:33%;
    min-width:200px
}

.email a,.phone1 a,.phone2 a {
    position:relative;
    color:#231F20;
    margin-left:3px
}

.email a:before,.phone1 a:before,.phone2 a:before {
    content:'';
    display:inline-block;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:1px;
    background-color:#CED1D3;
    -moz-transition:opacity .3s cubic-bezier(.54,0,.42,1);
    -o-transition:opacity .3s cubic-bezier(.54,0,.42,1);
    -webkit-transition:opacity .3s cubic-bezier(.54,0,.42,1);
    transition:opacity .3s cubic-bezier(.54,0,.42,1)
}

.email a:hover:before,.phone1 a:hover:before,.phone2 a:hover:before {
    opacity:0
}

.input-email,.input-phone1,.input-phone2 {
    display:inline-block;
    position:relative
}

.input-email {
    width:calc(100% - 61px)
}

.input-phone1 {
    width:calc(100% - 78px)
}

.input-phone2 {
    width:calc(100% - 102px)
}

.inline-phone {
    display:inline-block;
    width:48%;
    min-width:260px
}

.wrap-404 {
    display:flex;
    position:relative;
    align-items:center;
    justify-content:center;
    height:calc(100vh - 140px);
    width:100%
}

.wrap-404-body {
    display:block;
    position:relative;
    margin-bottom:35px
}

.buttons-404 {
    display:block;
    position:relative;
    margin-top:22px
}

.buttons-404 .simple-button {
    width:220px;
    margin:0 2px
}

.number-404 {
    display:block;
    position:relative;
    color:#231F20;
    font-family:'robotomedium',sans-serif;
    font-size:300px;
    line-height:.8em;
    opacity:.05
}

.txt-404 {
    display:block;
    position:relative;
    font-family:'robotomedium',sans-serif;
    font-size:30px;
    margin-top:-80px;
    margin-bottom:10px;
    color:#231F20
}

.txt2_404 {
    display:block;
    position:relative;
    font-family:'robotomedium',sans-serif;
    font-size:14px;
    color:#231F20;
    margin-bottom:15px
}

@media screen and (max-width: 860px) {
    .number-404 {
        font-size:30vw
    }

    .buttons-404 .simple-button {
        margin:10px 2px
    }
}

@media screen and (max-width: 548px) {
    .txt-404 {
        font-size:20px
    }

    .number-404 {
        font-size:40vw
    }
}

.tasks-body {
    display:block;
    position:relative;
    margin-top:10px
}

.tasks-body table {
    border-collapse:collapse;
    width:100%
}

.table-tasks table th {
    background-color:#F6F6F6;
    font-weight:400
}

.table-tasks table th,.table-tasks table td {
    padding:10px;
    position:relative;
    font-family:'robotoregular',sans-serif;
    font-size:14px;
    line-height:20px;
    color:#231F20
}

a.title-task {
    color: #231F20;
    text-decoration: underline;
}

.table-tasks table th:nth-child(1) {
    min-width:300px
}

.table-tasks table th:nth-child(2) {
    width:200px;
    white-space: nowrap;
}

.table-tasks table th:nth-child(3) {
    width:130px;
    white-space: nowrap;
}

.table-tasks table th:nth-child(4) {
    width: 142px;
    white-space: nowrap;
}

.table-tasks table th:nth-child(5) {
    width: 150px;
    white-space: nowrap;
}

.table-tasks table th:nth-child(6) {
    width: 65px
}

.table-tasks table tbody tr {
    border-bottom:1px solid #CED1D3
}

.icon-filter {
    display:inline-block;
    position:absolute;
    width:18px;
    height:18px;
    background-image: url(../images/ic_filter_active.svg);
    top:50%;
    margin-top: -9px;
    margin-right:5px;
    cursor: pointer;
    color: #aa0013;
}

.icon-filter.collapsed {
    background-image: url(../images/ic_filter_2.svg);
}

.icon-filter.active {
    background-image: url(../images/ic_filter_active.svg);
}

.button-filter {
    display:inline-block;
    position:relative;
    cursor:pointer;
    top:-3px
}

.arrow-bottom {
    display:inline-block;
    position:relative;
    margin-left:10px;
    top:-2px
}

.button-filter .icon-arrow-bottom {
    display:block;
    font-size:6px;
    line-height:1em;
    vertical-align:middle;
    transform:rotate(180deg);
    -moz-transition:transform .3s cubic-bezier(.54,0,.42,1);
    -o-transition:transform .3s cubic-bezier(.54,0,.42,1);
    -webkit-transition:transform .3s cubic-bezier(.54,0,.42,1);
    transition:transform .3s cubic-bezier(.54,0,.42,1)
}

.button-filter.collapsed .icon-arrow-bottom {
    transform:rotate(0deg)
}

.th-checkbox {
    display:block;
    position:absolute !important; /*fix bug*/
    top:52px;
    left:-66px;
    width:260px;
    border-radius:2px;
    box-shadow:2px 5px 15px rgba(0,0,0,0.2);
    z-index:150;
    background-color:#fff;
    cursor:default
}

.th-checkbox-auto-width {
    width: auto;
}

.th-checkbox:before {
    content:'';
    display:block;
    position:absolute;
    top:-20px;
    left:calc(50% - 10px);
    border:10px solid transparent;
    border-bottom:10px solid #fff
}

.th-input {
    display:block;
    position:absolute;
    left:-106px;
    top:27px;
    width:214px;
    border-radius:2px;
    box-shadow:2px 5px 15px rgba(0,0,0,0.2);
    z-index:10;
    background-color:#fff;
    cursor:default
}

.th-input:before {
    content:'';
    display:block;
    position:absolute;
    top:-20px;
    left:calc(50% - 5px);
    border:10px solid transparent;
    border-bottom:10px solid #fff
}

.inner-collapse-checkbox {
    position:relative;
    padding:20px
}

.title-th-checkbox {
    position:relative;
    padding-bottom:10px
}

th .wrap-checkbox {
    display:block;
    padding:4px 0
}

.simple-form input.checked {
    border:1px solid #FFD500
}

.task-title-project {
    display:block;
    position:relative;
    font-size:12px;
    color:#9CA3A6;
    padding-bottom:5px
}

.table-tasks .all-project-status-legend-node {
    max-width:160px;
    width:100%
}

.wrap-border-icon {
    display:block;
    position:relative;
    width:30px;
    height:30px;
    border-radius:2px;
    border:1px solid #CED1D3;
    padding:6px 7px;
    background-color:#fff;
    text-decoration:none
}

.wrap-border-icon:hover {
    opacity:.7;
    text-decoration:none
}

.wrap-border-icon .icon-arrow-bottom {
    transform:rotate(270deg);
    font-size:6px;
    color:#000
}

a.wrap-border-icon .icon-arrow-bottom {
    position:relative;
    top:3px
}

.table-date-start {
    color:#727779
}

@media screen and (max-width: 1174px) {
    .table-tasks table th,.table-tasks table td {
        padding:13px 10px
    }
}

@media screen and (max-width: 600px) {
    .content-wrapper {
        padding-left:20px;
        padding-right:20px
    }
}

@media screen and (max-width: 480px) {
    .simple-form .search-input-wrap input {
        width:calc(100vw - 40px);
        margin-bottom: 25px;
    }

    .document-upload { width: 100%; text-align: center}
}

.flex-form-row-between {
    flex-wrap:wrap
}

.body-docs {
    display:block;
    position:relative;
    margin:0 -10px;
    padding-top:10px
}

.wrap-doc {
    display:block;
    position:relative;
    width:25%;
    min-width: 300px;
    float:left
}

.wrap-doc > div.yellow-border-box {
    padding:10px;
    margin:10px;
    height:150px;

}

.document-layer {
    position:absolute;
    right:7px;
    bottom:-8px
}

.yellow-border-box {
    display:block;
    position:relative;
    border:1px solid #FFD500
}

.yellow-border-box:hover {
    border:1px solid #9CA3A6
}

.doc-icon {
    display:inline-block;
    position:relative
}

.doc-info {
    display:inline-block;
    position:relative;
    width:calc(90% - 85px);
    vertical-align:top;
    padding:5px 15px 5px 5px
}

.doc-info .doc-info-flex {
    display:flex;
    flex-direction:column;
    height:100px
}

.doc-title {
    display:block;
    position:relative;
    padding:5px 0;
    line-height:20px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    max-height:70px;
    width:100%
}

.doc-size {
    display:block;
    position:relative;
    padding:5px 0;
    font-family:'robotoregular',sans-serif;
    font-size:12px;
    line-height:20px;
    color:#9CA3A6;
    text-align:left
}

@media screen and (max-width: 913px) {
    .wrap-doc {
        width:33.3%
    }
}

@media screen and (max-width: 741px) {
    .wrap-doc {
        width:50%
    }
}

@media screen and (max-width: 659px) {
    .wrap-doc {
        width:100%
    }
}

.header-wrap-icon {
    display:inline-block;
    position:relative;
    width:13px;
    height:12px;
    margin-left:10px
}

.header-wrap-icon .icon-arrow-bottom {
    font-size:8px;
    position:absolute;
    bottom:2px
}

.body-settings {
    display:block;
    position:relative;
    margin:20px 0
}

.table-settings table {
    border-collapse:collapse;
    width:100%
}

.table-settings table th {
    background-color:#F6F6F6;
    font-weight:400
}

.table-settings table th,.table-settings table td {
    padding:13px 10px;
    position:relative;
    font-family:'robotoregular',sans-serif;
    font-size:14px;
    line-height:20px;
    color:#231F20
}

.table-settings table th:nth-child(1) {
    width:5%;
    min-width:30px
}

.table-settings table th:nth-child(2) {
    width:40%;
    min-width:194px
}

.table-settings table th:nth-child(3) {
    width:20%;
    min-width:201px
}

.table-settings table th:nth-child(4) {
    width:20%;
    min-width:117px
}

.table-settings table th:nth-child(5) {
    width:20%;
    min-width:108px
}

.table-settings table th:nth-child(6),.table-settings table th:nth-child(7),.table-settings table th:nth-child(8) {
    width:5%
}

.table-settings table tr {
    border-bottom:1px solid #CED1D3
}

.table-settings table tr:nth-child(1) {
    border-bottom:0
}

.table-settings table td:nth-child(6),.table-settings table td:nth-child(7),.table-settings table td:nth-child(8) {
    padding:10px 5px
}

.table-settings table td:nth-child(8),.table-settings table td:nth-child(7) {
    display:none
}

.user .table-settings table td:nth-child(1),.user .table-settings table th:nth-child(1) {
    display:none
}

.wrap_table_checkbox {
    display:block;
    position:relative;
    padding-left:10px
}

.wrap-border-icon .icon-bar {
    width:15px;
    height:2px;
    top:14px;
    left:7px
}

.wrap-border-icon .icon-ic-eye-1 {
    position:absolute;
    bottom:8px
}

.settings .simple-button {
    min-height:30px;
    padding:2px 20px;
    margin:2px 5px
}

.settings .simple-button>span {
    font-size:14px
}

.user .wrap-buttons {
    display:none
}

.settings .wrap-buttons {
    display:none
}

#modalReportUsers .modal-content {
    width:560px
}

#modalReportUsers .simple-form-wrapper {
    max-width:517px
}

.wrap-radio-users {
    display:block;
    position:relative;
    margin-left:-5px;
    margin-bottom:20px
}

.wrap-radio-users .jq-radio.checked .jq-radio__div,.wrap-radio-users .jq-radio,.wrap-radio-users .wrap-radio {
    width:117.5px
}

@media screen and (max-width: 644px) {
    #modalReportUsers .modal-content {
        width:auto
    }
}

#modal-question .modal-content {
    width:400px;
    height:170px
}

#modal-question .simple-button:link,#modal-question .simple-button:visited,#modal-question .simple-button {
    min-width:155px
}

.project-head {
    position:relative;
    display:block;
    margin-top:20px;
    margin-bottom:10px
}

.content-without-margin .project-head {
    margin-top:5px
}

.header-content .wrap-border-icon {
    display:inline-block;
    width:40px;
    height:40px;
    margin-right: 4px;
    padding:6px 15px
}

.header-content .wrap-border-icon .icon-arrow-left {
    font-size:14px
}

@media screen and (max-width: 425px) {
    .header-content .wrap-border-icon {
        margin-right:5px
    }
}

.project-head .map-iconed-project-link-desc {
    border-bottom:0
}

.date-range-desc .text {
    font-family:'robotoregular',sans-serif;
    font-size:14px;
    color: #707577
}

.icon-ic-flag {
    margin-right:10px;
    color: #707577;
}

@media screen and (max-width: 490px) {
    .date-info-block .form-input-simple {
        width: 100%;
        margin-bottom: 10px;
    }

    .date-info-block .icon-ic-flag {
        margin-right: 2px;
    }
}

.flex-form-row-flexstart {
    display:flex;
    position:relative;
    align-items:center;
    justify-content:flex-start;
    padding-bottom:10px;
    padding-top:10px;
    flex-wrap:wrap
}

.project-head-info-node {
    font-family:'robotoregular',sans-serif;
    font-size:14px;
    color:#231F20;
    margin:10px 30px 10px 0
}

.project-head-info-node .desc {
    font-family:'robotomedium',sans-serif;
    margin-left:5px
}

.form-input-simple p {
    font-family:'robotoregular',sans-serif;
    font-size:14px;
    color:#231F20;
    line-height:2em
}

.project-author {
    font-family:'robotoregular',sans-serif;
    color:#707577;
    text-align:left;
    text-transform:none
}

.project-body {
    position:relative;
    overflow-x:auto
}

.project-body .all_project_status_legend.active {
    display:inline-block
}

.project-body .all-project-status-legend-node {
    width:auto;
    padding:5px 40px
}

.project-table {
    position:relative;
    margin-top:30px
}

.project-table table {
    border-collapse:collapse;
    width:100%
}

.project-table table th {
    background-color:#F6F6F6;
    font-weight:400
}

.project-table table th,.project-table table td {
    padding:13px 20px;
    position:relative;
    font-family:'robotoregular',sans-serif;
    font-size:14px;
    line-height:20px;
    color:#231F20
}

.project-table table th:nth-child(1),.project-table table td:nth-child(1) {
    width:5%;
    min-width:30px;
    padding:5px;
    text-align:center
}

.project-table table td:nth-child(2) {
    min-width:218px
}

.project-table table td:nth-child(4) {
    border-right:1px solid #CED1D3;
    white-space:nowrap
}

.project-table table th:nth-child(3) {
    width:10%;
    min-width:30px
}

.project-table table th:nth-child(4) {
    width:10%;
    min-width:160px
}

.project-table table td:nth-child(5) {
    width:18%;
    min-width:164px
}

.project-table table th:nth-child(6) {
    width:20%;
    min-width:30px
}

.project-table table td:nth-child(6),.project-table table td:nth-child(7) {
    padding:13px 3px
}

.project-table table tr {
    border-bottom:1px solid #CED1D3
}

.doc-icon-project {
    position:relative;
    width:18px;
    height:20px;
    display:inline-block;
    vertical-align:middle;
    margin-right:10px
}

.doc-icon-project .icon-pdf {
    width:18px;
    height:20px;
    background-size:contain
}

.loaded-docs-link,.loaded-docs-link:focus,.loaded-docs-link:link {
    border-bottom:1px dashed #CED1D3;
    color:#231F20
}

.doc_name,.doc_name:focus,.doc_name:link {
    position:relative;
    font-family:'robotoregular',sans-serif;
    font-size:12px;
    line-height:20px;
    color:#231F20;
    text-align:left!important;
    border-bottom:1px solid #CED1D3;
    -moz-transition:color .3s cubic-bezier(.54,0,.42,1);
    -o-transition:color .3s cubic-bezier(.54,0,.42,1);
    -webkit-transition:color .3s cubic-bezier(.54,0,.42,1);
    transition:color .3s cubic-bezier(.54,0,.42,1)
}

.doc_name:hover {
    color:#9ca3a6
}

.project-step-node-none:before {
    background-color:#CED1D3
}

.project-head .form_group {
    text-align:right;
    padding:10px 0
}

.title_stage {
    display:inline-block;
    position:relative
}

.version {
    position:relative;
    width:140px;
    font-family:'robotoregular',sans-serif;
    font-size:14px;
    line-height:1.5em;
    color:#231F20
}

.version .jq-selectbox__select-text {
    min-width:25px
}

.version span {
    margin-right:15px
}

.stage-body {
    position:relative
}

.wrap-stage {
    position:relative;
    margin-bottom:45px
}

.header-block-stage {
    position:relative;
    min-height:50px;
    background-color:#F6F6F6;
    border-bottom:1px solid #9ca3a6;
    padding-top:13px;
    padding-left:20px;
    padding-right:20px;
    margin-top: 25px;
}

.title-header-block-stage {
    font-family:'robotomedium',sans-serif;
    font-size:18px;
    color:#231F20;
    line-height:1.5em
}

.right-header-block-stage {
    position:relative;
    font-family:'robotoregular',sans-serif;
    font-size:14px;
    color:#9CA3A6;
    line-height:1.5em
}

.right-header-block-stage span {
    color:#231F20;
    font-family:'robotomedium',sans-serif;
    margin-left:10px;
    min-width:105px
}

.right-header-link,.right-header-link:link,.right-header-link:focus {
    font-family:'robotoregular',sans-serif;
    font-size:14px;
    color:#9CA3A6;
    line-height:1.5em;
    -moz-transition:color .3s cubic-bezier(.54,0,.42,1);
    -o-transition:color .3s cubic-bezier(.54,0,.42,1);
    -webkit-transition:color .3s cubic-bezier(.54,0,.42,1);
    transition:color .3s cubic-bezier(.54,0,.42,1)
}

.right-header-link:hover {
    color:#231F20
}

.body-block-stage {
    position:relative;
    margin-top:30px
}

.flex-between-top {
    display:flex;
    position:relative;
    align-items:top;
    justify-content:space-between
}

.wrap-answers-users {
    display:inline-block;
    position:relative;
    width:100%;
    vertical-align:top
}

.wrap-docs-users {
    display:block;
    position:relative;
    width:100%;
    vertical-align:top
}

.wrap-docs-users ul.files li {
    width:calc(25% - 10px);
    float:left;
    margin:5px
}

.files .media-body strong {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    top: 5px;
}
.wrap-docs-users ul.files li .media-left {
    padding-top: 4px;
}
.wrap-docs-users ul.files li .media-body {
    font-size: 13px;
}

.wrap-docs-users .simple-button:link,.wrap-docs-users .simple-button:visited,.wrap-docs-users .simple-button {
    min-width:auto;
    margin-bottom:5px
}

@media screen and (max-width: 1280px) {
    .wrap-docs-users ul.files li {
        width:calc(50% - 10px)
    }
}

@media screen and (max-width: 780px) {
    .wrap-docs-users ul.files li {
        width:100%
    }

    .wrap-docs-users ul.files li + .wrap-docs-users ul.files li {
        width:calc(50% - 10px)
    }
}

@media screen and (max-width: 375px) {
    .wrap-docs-users ul.files li {
        width:100%;
        float:none;
        margin:5px 0
    }

    .wrap-docs-users .body-docs-stage {
        overflow:scroll;
        max-height:360px
    }
}

.wrap-docs-users .flex-form-row-between {
    margin-top:0
}

@media screen and (max-width: 700px) {
    .wrap-answers-users {
        display:block;
        width:100%;
        vertical-align:top
    }

    .wrap-docs-users {
        display:block;
        width:100%;
        vertical-align:top
    }

    .body-block-stage .flex-between-top {
        display:block
    }
}

.table-answers-users {
    position:relative;
    margin-bottom:30px
}

.table-answers-users table {
    border-collapse:collapse;
    width:100%
}

.table-answers-users table tr {
    border-bottom:1px solid #CED1D3
}

.table-answers-users table th {
    background-color:#F6F6F6;
    font-weight:400
}

.table-answers-users table th,.table-answers-users table td {
    padding:16px 20px;
    position:relative;
    font-family:'robotoregular',sans-serif;
    font-size:14px;
    line-height:17px;
    color:#231F20
}

@media screen and (max-width: 375px) {
    .table-answers-users table th,.table-answers-users table td {
        padding:10px
    }

    .table-answers-users table td.vote-date {
        font-size:11px
    }
}

.txt-roboto-med {
    font-family:'robotomedium',sans-serif;
    margin-right:5px;
    font-weight:500
}

.wrap-docs-users .header-block-stage {
    border-bottom:0
}

.wrap-answers-users .flex-form-row-between {
    max-width:570px
}

.wrap-answers-users .simple-button {
    padding:7px 52px
}

.wrap-docs-users .header-block-stage {
    position:relative;
    font-family:'robotoregular',sans-serif;
    font-size:14px;
    line-height:17px;
    color:#231F20
}

.right-txt-underline {
    font-family:'robotoregular',sans-serif;
    font-size:14px;
    color:#9CA3A6;
    line-height:1.5em;
    border-bottom:1px dashed #9CA3A6;
    margin:0;
    cursor:pointer;
    -moz-transition:color .3s cubic-bezier(.54,0,.42,1);
    -o-transition:color .3s cubic-bezier(.54,0,.42,1);
    -webkit-transition:color .3s cubic-bezier(.54,0,.42,1);
    transition:color .3s cubic-bezier(.54,0,.42,1)
}

.right-txt-underline:hover {
    color:#231F20
}

.wrap-docs-users input[type="file"],.jq-file {
    display:none!important
}

.body-docs-stage {
    position:relative;
    margin-top:10px
}

.iconed-doc {
    position:relative;
    width:20%;
    cursor:pointer
}

.iconed-doc:hover {
    background:#F6F6F6
}

.iconed-doc .doc-icon {
    margin:10px
}

.iconed-doc .doc-info {
    padding:0
}

.iconed-doc .doc-info .doc-info-flex {
    height:auto;
    min-height:50px
}

@media screen and (max-width: 700px) {
    .iconed-doc {
        width:30%
    }
}

.icon-pdf1 {
    display:block;
    position:absolute;
    width:26px;
    height:30px;
    top:0;
    left:0;
    background-image:url(../images/ic_pdf_1.svg)
}

.wrap-comment-stage .right-header-block-stage {
    border-bottom:1px dashed #9CA3A6
}

.body-comments_stage {
    position:relative;
    padding:20px 10px
}

.wrap-comment {
    position:relative;
    padding-top:10px;
    padding-bottom:20px;
    border-bottom:1px solid #9CA3A67a
}

.wrap-comment:nth-child(2n+1) {
    background: #F9F9F9;
}

.header-comment {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding: 10px 5px
}

.header-comment-left {
    display:block;
    position:relative;
    max-width:500px
}

.header-comment-right {
    display:block;
    position:relative;
    max-width:200px
}

.icon-check-title {
    display:inline-block;
    position:relative;
    margin-left:10px;
    font-family:'robotoregular',sans-serif;
    font-size:14px;
    color:#231F20
}

.header-comment-right .wrap-icon-check {
    vertical-align:middle;
    line-height:2.8em
}

.comment-ava,.comment-user-name,.comment-date {
    display:inline-block;
    position:relative
}

.comment-ava {
    width:30px;
    height:30px;
    border-radius:50px;
    background-size:contain;
    margin-right:15px;
    vertical-align:middle
}

.comment-user-name {
    font-family:'robotoregular',sans-serif;
    font-size:14px;
    color:#231F20;
    margin-right:20px
}

.comment-date {
    font-family:'robotoregular',sans-serif;
    font-size:14px;
    color:#9CA3A6
}

.body-comment {
    position:relative
}

.text-comment {
    position:relative;
    font-family:'robotoregular',sans-serif;
    font-size:14px;
    color:#231F20;
    line-height:20px;
    margin:10px 5px
}

.wrap-comment-links {
    display:flex;
    position:relative;
    max-width:250px;
    justify-content:space-between
}

.comment-link,.comment-link:focus,.comment-link:link {
    display:inline-block;
    position:relative;
    font-family:'robotoregular',sans-serif;
    font-size:14px;
    color:#9CA3A6;
    line-height:16px;
    border-bottom:1px dashed #9CA3A6;
    -moz-transition:color .3s cubic-bezier(.54,0,.42,1);
    -o-transition:color .3s cubic-bezier(.54,0,.42,1);
    -webkit-transition:color .3s cubic-bezier(.54,0,.42,1);
    transition:color .3s cubic-bezier(.54,0,.42,1)
}

.comment-link:hover {
    color:#231F20
}

.wrap_more_comment {
    position:relative;
    padding:0 30px;
    border-left:1px solid #CED1D3;
    margin-bottom:30px;
    margin-top:20px
}

.more_comment {
    position:relative;
    padding:10px 0
}

.form-input-simple {
    padding:3px 10px
}

@media screen and (max-width: 991px) {
    .header-comment {
        position: relative;
        padding: 0px
    }
    .comment-ava,.comment-user-name,.comment-date {
        display:inline-block;
        position:relative
    }

    .header-comment-right {
        position: absolute;
        right: 5px;
        top: -7px;
    }

    .header-comment-left {
        position: relative;
        top: 40px;
        left: 5px;
    }

    .body-comment {
        margin-top: 62px;
    }

    .comment-date {
        position: absolute;
        top: -40px;
        left: 0px;
    }

    .text-comment {
        padding: 10px 5px;
    }
}

@media screen and (max-width: 552px) {
    .double-charts-left,.double-charts-right {
        width:100%
    }
}

.link-collapse {
    position:relative;
    display:inline-block;
    width:40px;
    height:20px
}

.wrap-informer {
    display:block;
    position:absolute;
    left:-4px;
    top:53px;
    width:320px;
    border-radius:2px;
    box-shadow:2px 5px 15px rgba(0,0,0,0.2);
    z-index:10;
    background-color:#fff;
    cursor:default
}

.wrap-informer:before {
    content:'';
    display:block;
    position:absolute;
    top:-20px;
    left:35px;
    border:10px solid transparent;
    border-bottom:10px solid #fff
}

.notice {
    position:relative;
    padding:17px 20px;
    border-bottom:1px solid #E9E9E9
}

.notice-content {
    position:relative;
    overflow:hidden;
    text-overflow:ellipsis;
    font-family:'robotoregular',sans-serif;
    font-size:12px;
    line-height:20px;
    color:#9CA3A6;
    text-align:left
}

.notice-content a {
    color:#007bff
}

.ui-pnotify-text .notice-content {
    color:#000
}

.notice:last-child {
    border-bottom:0
}

.notice_date {
    font-family:'robotoregular',sans-serif;
    font-size:12px;
    line-height:20px;
    color:#9CA3A6;
    text-align:left;
    padding-top:4px
}

a.notice-link,a.notice-link:link,a.notice-link:focus {
    color:#231F20;
    border-bottom:1px solid #ced1d3
}

a.notice-link:hover {
    border-bottom:0
}

.all-notice {
    position:relative;
    font-family:'robotoregular',sans-serif;
    font-size:12px;
    line-height:20px;
    text-align:center
}

.page-info {
    position:relative;
    max-width:158px
}

.tltp-info {
    text-align:left
}

.tltp-page-info {
    position:relative;
    font-size:12px;
    line-height:1em
}

#modal-question2 .modal-content {
    max-height:170px;
    max-width:410px
}

#profile .modal-content {
    max-height:550px;
    max-width:480px
}

#profile .wrap_contacts {
    padding-bottom:30px;
    border-bottom:1px solid #CED1D3;
    margin-bottom:10px
}

.modal-form .email,.modal-form .phone1,.modal-form .phone2 {
    margin:6px 0
}

#profile .simple-button.yellow {
    width:240px
}

#profile .simple-button.white {
    min-width:150px
}

.user#profile .wrap-buttons {
    display:none
}

.user#profile .wrap_contacts {
    border-bottom:0
}

#profileEdit .jq-selectbox {
    width:268px
}

#profileEdit .inline-phone {
    width:100%
}

#profileEdit .form-group {
    margin-bottom:25px
}

#profileEdit .simple-button.yellow {
    margin-right:10px
}

.modal-form .wrap_contacts {
    padding-bottom:30px
}

.settings .wrap-buttons {
    display:none
}

.menu-list-group {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    padding-left:0;
    margin-bottom:0
}

.menu-list-group-item {
    position:relative;
    display:block;
    padding:.75rem 1.25rem;
    margin-bottom:-1px;
    background-color:#fff;
    border:1px solid rgba(0,0,0,.125)
}

.menu-list-group-item.active {
    z-index:2;
    color:#fff;
    background-color:#31363a;
    border-color:#31363a
}

.menu-list-group-item a {
    position:relative;
    font-family:'robotoregular',sans-serif;
    font-size:12px;
    line-height:20px;
    color:#231F20;
    border-bottom:1px solid #CED1D3
}

.tooltip-inner {
    background-color:#fff;
    border-radius:2px;
    color:#9CA3A6;
    padding:10px;
    line-height:1.5em;
    box-shadow:2px 5px 15px rgba(0,0,0,0.2);
    max-width:260px
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before {
    border-top-color:#fff
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before {
    border-bottom-color:#fff
}

.project-role-invite,.project-user-role-layer .button-arrow-right {
    cursor:pointer
}

.all-project-head {
    position:relative;
    display:block;
    margin-top:0;
    margin-bottom:10px
}

.flex-form-row-between {
    position:relative;
    display:flex;
    padding-bottom:10px;
    flex-direction:row;
    align-items:center;
    justify-content:space-between
}

.form-input-simple {
    position:relative;
    padding:0
}

.search-input-wrap {
    position:relative;
    display:block
}

.simple-form .search-input-wrap input {
    max-width:400px;
    padding-right:30px;
    height:30px;
    line-height:1em
}

.simple-form .search-input-wrap button {
    display:block;
    position:absolute;
    top:0;
    right:0;
    width:30px;
    height:30px;
    border:none;
    background:transparent;
    padding:0;
    cursor:pointer;
    -moz-transition:opacity .3s cubic-bezier(.54,0,.42,1);
    -o-transition:opacity .3s cubic-bezier(.54,0,.42,1);
    -webkit-transition:opacity .3s cubic-bezier(.54,0,.42,1);
    transition:opacity .3s cubic-bezier(.54,0,.42,1)
}

.simple-form .search-input-wrap button:hover {
    opacity:.7
}

.simple-form .search-input-wrap button span {
    position:relative;
    display:flex;
    margin:auto;
    width:14px;
    height:14px;
    background:url(../images/ic_search.svg) no-repeat center center;
    background-size:contain
}

.all_project_status_legend {
    position:relative;
    display:none;
    margin-left:-5px;
    margin-right:-5px
}

.all_project_status_legend li {
    position:relative;
    display:inline-block;
    vertical-align:top;
    padding:0 5px;
    margin-bottom:5px
}

.all-project-status-legend-node {
    width:180px;
    display:flex;
    position:relative;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    min-height:30px;
    padding:5px 10px
}

.all-project-status-legend-node:before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:.2
}

.all-project-status-legend-node.status-ready:before {
    background-color:#16CC12
}

.all-project-status-legend-node.status-work:before {
    background-color:#FFD500
}

.all-project-status-legend-node.status-loose:before {
    background-color:#EE2E23
}

.all-project-status-legend-node.status-agree:before {
    background-color:#820482;
    opacity: 0.3
}

.all-project-status-legend-node.status_closed:before {
    background-color:#337ab7
}

.all-project-status-legend-node.status_none:before {
    background-color:#CED1D3
}

.all-project-status-legend-node>span {
    position:relative;
    display:block;
    font-family:'robotoregular',sans-serif;
    font-size:14px;
    line-height:16px;
    color:#231f20
}

.all_project_status_legend.active {
    display:block
}

.j-stage-status {
    cursor:pointer
}

.j-stage-status.active {
    color:#EE2E23
}

.all_project_status_legend_button {
    display:none
}

.all_project_status_legend_hide {
    display:none
}

@media screen and (max-width: 409px) {
    .all_project_status_legend li {
        width:49%
    }

    .all-project-status-legend-node {
        width:100%
    }
}

@media screen and (max-width: 1197px) {
    .all_project_status_legend_button {
        display:inline-block;
        font-size:14px
    }

    .all_project_status_legend_hide {
        display:block
    }

    .all_project_status_legend_layer {
        display:none
    }
}

.all-project-body {
    position:relative;
    margin-top:20px;
    margin-bottom:0
}

.all-project-table {
    position:relative;
    display:block;
    min-height:250px
}

.all-project-table table {
    border-collapse:collapse;
    width:100%
}

.all-project-table table th {
    text-align:left;
    position:relative;
    min-height:50px;
    padding:10px;
    font-family:'robotoregular',sans-serif;
    font-size:14px;
    line-height:16px;
    color:#231f20;
    border-bottom: 2px solid #CED1D3;
    background: #F6F6F6;
}

.all-project-table table td {
    text-align:left;
    min-height:50px;
    padding:5px 10px;
    font-family:'robotoregular',sans-serif;
    font-size:14px;
    color:#231f20;
    border-bottom:1px solid #CED1D3
}

.all-project-table table tr {
    height:46px
}

.all-project-table table td.table_row_index {
    color:#9CA3A6
}

.all-project-table table td:nth-child(2) {
    width:auto
}

.all-project-table table td:nth-child(3) {
    width:auto;
    white-space:nowrap
}

.all-project-table table td:nth-child(4) {
    min-width:210px;
    white-space:nowrap
}

.all-project-table table td:nth-child(5) {
    min-width:120px;
    max-width:180px;
    white-space:nowrap
}

.all-project-table table td:nth-child(6) {
    min-width:175px;
    white-space:nowrap
}

.all-project-table table td:nth-child(7) {
    min-width:120px
}

.map-iconed-project-link {
    position:relative;
    display:inline-block;
    vertical-align:top
}

.map-iconed-project-link .icon-subtract {
    position:relative;
    display:block;
    float:left;
    margin-right:10px;
    top:4px;
    width:14px;
    height:16px
}

.map-iconed-project-link .icon-subtract:before {
    -moz-transition:color .3s cubic-bezier(.54,0,.42,1);
    -o-transition:color .3s cubic-bezier(.54,0,.42,1);
    -webkit-transition:color .3s cubic-bezier(.54,0,.42,1);
    transition:color .3s cubic-bezier(.54,0,.42,1)
}

.map-iconed-project-link-desc-full,.map-iconed-project-link-desc {
    position:relative;

    font-family:'robotoregular',sans-serif;
    font-size:14px;
    color:#231f20;
    -moz-transition:color .3s cubic-bezier(.54,0,.42,1);
    -o-transition:color .3s cubic-bezier(.54,0,.42,1);
    -webkit-transition:color .3s cubic-bezier(.54,0,.42,1);
    transition:color .3s cubic-bezier(.54,0,.42,1)
}

.map-iconed-project-link-desc-full {
    display:inline-block;
}

.map-iconed-project-link .icon-subtract + .map-iconed-project-link-desc-full {
    float:left;
    width:calc(100% - 14px - 10px)
}

.map-iconed-project-link-desc {
    max-width:150px;
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    white-space:nowrap;
    display: inline-block;
}

.map-iconed-project-link-desc:before {
    position:absolute;
    left:0;
    bottom:0;
    content:'';
    border-bottom:1px dashed #CED1D3;
    width:100%
}

.map-iconed-project-link:hover .icon-subtract:before,.map-iconed-project-link:hover .map-iconed-project-link-desc {
    color:#3C464C
}

.project-steps-progress-container {
    position:relative;
    display:block
}

.project-steps-progress-slider {
    position:relative;
    display:inline-block;
    vertical-align:top;
    margin-right:20px;
    width:95px;
    height:20px
}

.project-steps-progress-slider>span {
    position:absolute;
    top:50%;
    left:0;
    margin-top:-1px;
    width:100%;
    height:2px;
    border-radius:25px;
    overflow:hidden;
    background-color:#CED1D3
}

.project-steps-progress-slider>span>span {
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:100%;
    background-color:#FFD500
}

.project-steps-progress-slider-roller {
    position:absolute;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    border-radius:25px;
    background-color:#ffd500;
    border:2px solid #fff;
    height:20px;
    width:40px;
    margin-left:-20px;
    top:0;
    font-family:'robotoregular',sans-serif;
    font-size:11px;
    line-height:13px;
    color:#231f20
}

.project-steps-progress-right-desc,.project-steps-progress-desc {
    position:relative;
    display:inline-block;
    vertical-align:top;
    font-family:'robotoregular',sans-serif;
    font-size:14px;
    color:#231f20
}

.project-steps-progress-desc {
    margin-right:23px
}

.project-step-node {
    position:relative;
    display:inline-block;
    vertical-align:top;
    text-align:center;
    width:40px;
    height:40px
}

.project-step-node:before {
    content:'';
    display:block;
    position:absolute;
    opacity:.2;
    top:0;
    left:0;
    width:100%;
    height:100%
}

.project-step-node.project-step-node-ready:before {
    background-color:#16CC12
}

.project-step-node.project-step-node-work:before {
    background-color:#FFD500
}

.project-step-node.project-step-node-loose:before {
    background-color:#EE2E23
}

.project-step-node.project-step-node-agree:before {
    background-color:#820482;
    opacity: 0.3
}

.project-step-node>span {
    position:relative;
    display:inline-block;
    padding-top:14px;
    font-family:'robotoregular',sans-serif;
    font-size:14px;
    line-height:13px;
    color:#231f20
}

.tooltip .date {
    position:relative;
    display:block;
    font-family:'robotoregular',sans-serif;
    font-size:12px;
    line-height:14px;
    color:#9CA3A6;
    margin-bottom:4px
}

.tooltip .version {
    position:relative;
    display:block;
    font-family:'robotoregular',sans-serif;
    font-size:12px;
    line-height:14px;
    color:#231F20;
    margin-bottom:10px
}

.round-status {
    position:relative;
    display:block;
    font-family:'robotoregular',sans-serif;
    font-size:12px;
    line-height:14px;
    color:#9CA3A6
}

.round-status .icon {
    position:relative;
    display:inline-block;
    vertical-align:top;
    margin-right:5px;
    width:12px;
    height:12px;
    border-radius:100%;
    color:#231F20;
    text-align:center
}

.round-status-ready .icon {
    background-color:#FFD500
}

.round-status-work .icon {
    background-color:#FFD500
}

.round-status-loose .icon {
    background-color:#FFD500
}

.round-status-ready .icon:before {
    font-size:5px;
    color:#231F20;
    position:relative;
    display:inline-block;
    line-height:1em;
    top:-2px
}

.round-status-work .icon:before {
    font-size:5px;
    color:#231F20;
    position:relative;
    display:inline-block;
    line-height:1em;
    top:-2px
}

.round-status-loose .icon:before {
    font-size:6px;
    color:#231F20;
    position:relative;
    display:inline-block;
    line-height:1em;
    top:-2px
}

.round-status .desc {
    position:relative;
    display:inline-block;
    vertical-align:top;
    font-family:'robotoregular',sans-serif;
    font-size:12px;
    line-height:14px;
    color:#9CA3A6
}

.form-input-inline {
    position:relative;
    display:block;
    margin-left:-5px;
    margin-right:-5px;
    margin-bottom:15px
}

.simple-button-yel {
    position:relative;
    display:inline-block;
    vertical-align:top;
    width:160px;
    padding:2px 10px;
    height:30px;
    background-color:#fff;
    border:1px solid #CED1D3;
    text-align:center;
    border-radius:2px;
    margin-left:5px;
    margin-right:5px;
    -moz-transition:background-color .3s cubic-bezier(.54,0,.42,1),border .3s cubic-bezier(.54,0,.42,1);
    -o-transition:background-color .3s cubic-bezier(.54,0,.42,1),border .3s cubic-bezier(.54,0,.42,1);
    -webkit-transition:background-color .3s cubic-bezier(.54,0,.42,1),border .3s cubic-bezier(.54,0,.42,1);
    transition:background-color .3s cubic-bezier(.54,0,.42,1),border .3s cubic-bezier(.54,0,.42,1)
}

span.simple-button-yel {
    cursor:default
}

span.simple-button-yel,.simple-button-yel:hover,.simple-button-yel.active {
    background-color:#FFD500;
    border:1px solid #FFD500
}

.simple-button-yel span {
    position:relative;
    display:inline-block;
    font-family:'robotoregular',sans-serif;
    font-size:14px;
    line-height: 1.6;
    color:#231f20
}

.reports-project-dashed-block {
    position:relative;
    border-bottom:2px solid #CED1D3;
    background-color:#F6F6F6;
    padding:10px 20px 0
}

.project-time-header {
    position:relative;
    display:block;
    color:#9CA3A6;
    font-family:'robotoregular',sans-serif;
    font-size:14px
}

.project-time-header span {
    position:relative;
    color:#231F20
}

.dial-container {
    position:relative;
    display:inline-block;
    margin-right:20px;
    width:68px;
    height:68px;
    border-radius:100%
}

.dial {
    top:0;
    left:0;
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    border-radius:100%
}

.dial p {
    top:0;
    left:0;
    position:absolute;
    display:flex;
    width:100%;
    height:100%;
    border-radius:100%;
    font-family:'robotoregular',sans-serif;
    font-size:20px;
    color:#1e2b38;
    line-height:1em!important;
    text-align:center;
    flex-direction:column;
    align-items:center;
    justify-content:center
}

.dial p span {
    position:relative;
    display:block;
    font-size:12px;
    line-height:1em;
    text-align:center;
    margin-top:4px
}

.dial-desc {
    position:relative;
    display:block;
    text-align:left;
    font-family:'robotoregular',sans-serif;
    font-size:12px;
    color:#9CA3A6;
    line-height:1.5em
}

.reports-radial-diagram-block {
    position:relative;
    margin-top:20px;
    margin-bottom:20px;
    padding-top:20px;
    padding-left:20px
}

.report-radial-node {
    margin-bottom:35px;
    margin-right:15px
}

.report-radial-node-radial {
    position:relative;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between
}

.report-radial-node-title {
    position:relative;
    display:block;
    font-family:'robotomedium',sans-serif;
    font-size:14px;
    color:#231F20;
    line-height:1em;
    margin-bottom:20px
}

.report-radial-node-title span {
    position:relative;
    margin-right:15px;
    font-size:30px
}

.report-radial-node-desc {
    position:relative;
    display:block;
    margin-top:15px;
    max-width:220px;
    font-size:12px;
    font-family:'robotoregular',sans-serif
}

.line-chart {
    width:100%;
    position:relative;
    display:block;
    margin-top:20px
}

.line-chart-name {
    position:relative;
    display:block;
    margin-bottom:30px;
    margin-top:40px
}

.line-chart-names {
    position:relative;
    display:inline-block;
    vertical-align:top;
    font-family:'robotoregular',sans-serif;
    font-size:14px;
    color:#231F20;
    line-height:1em
}

.drop-down-button {
    position:relative;
    display:inline-block;
    vertical-align:top;
    border:none;
    background:none;
    padding:0;
    cursor:pointer;
    padding-right:20px;
    font-family:'robotoregular',sans-serif;
    font-size:14px;
    color:#231F20;
    line-height:1em;
    -moz-transition:color .3s cubic-bezier(.54,0,.42,1);
    -o-transition:color .3s cubic-bezier(.54,0,.42,1);
    -webkit-transition:color .3s cubic-bezier(.54,0,.42,1);
    transition:color .3s cubic-bezier(.54,0,.42,1)
}

.drop-down-button:before {
    content:"\e90f";
    display:block;
    position:absolute;
    top:5px;
    right:0;
    font-size:6px;
    font-family:'icomoon'!important;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -moz-transition:color .3s cubic-bezier(.54,0,.42,1);
    -o-transition:color .3s cubic-bezier(.54,0,.42,1);
    -webkit-transition:color .3s cubic-bezier(.54,0,.42,1);
    transition:color .3s cubic-bezier(.54,0,.42,1)
}

.drop-down-button:hover,.drop-down-button:hover:before {
    color:#86ba85
}

.double-charts {
    position:relative;
    margin-top:40px
}

.double-charts-left,.double-charts-right {
    position:relative;
    display:block;
    float:left;
    vertical-align:top;
    padding-left:20px;
    padding-right:20px;
    margin-bottom:30px
}

.double-charts-left {
    width:50%
}

.double-charts-right {
    width:50%
}

@media screen and (max-width: 991px) {
    .double-charts-left,.double-charts-right {
        width:100%;
        float:none
    }
}

.dashed-link,.dashed-link:link,.dashed-link:visited {
    position:relative;
    display:inline-block;
    vertical-align:top;
    font-family:'robotoregular',sans-serif;
    font-size:11px;
    color:#9CA3A6;
    line-height:1em;
    border-bottom:1px dashed #9ca3a6;
    padding-bottom:2px
}

.dashed-link:hover {
    border-bottom:1px dashed transparent
}

.bar-chart-legend {
    position:relative;
    display:block;
    margin-top:30px
}

.bar-chart-legend-list {
    position:relative;
    display:block
}

.bar-chart-legend-list li {
    position:relative;
    display:inline-block;
    margin-right:20px;
    margin-left:20px;
    font-family:'robotoregular',sans-serif;
    font-size:14px;
    color:#231f20;
    line-height:20px
}

.bar-chart-legend-list li span {
    position:relative;
    display:inline-block;
    vertical-align:top;
    width:20px;
    height:20px;
    margin-right:20px
}

.bar-chart-legend-list li span[data-type="fast"] {
    background-color:#A1D498
}

.bar-chart-legend-list li span[data-type="general"] {
    background-color:#FFF1A7
}

.bar-chart-legend-list li span[data-type="slow"] {
    background-color:#FF8E87
}

.bar-chart-table {
    position:relative;
    width:100%;
    border-collapse:collapse;
    border:none
}

.bar-chart-table tr,.bar-chart-table th,.bar-chart-table td {
    border:none
}

.bar-chart-table th {
    text-align:center;
    padding:10px;
    font-family:'robotoregular',sans-serif;
    font-style:normal;
    font-weight:400;
    line-height:20px;
    font-size:12px;
    color:#231F20
}

.bar-chart-table td {
    position:relative;
    text-align:left;
    font-family:'robotoregular',sans-serif;
    line-height:20px;
    font-size:12px;
    color:#231F20;
    border-left:1px dashed #E9E9E9;
    border-right:1px dashed #E9E9E9;
    height:65px
}

.bar-chart-table td:first-child {
    border-left:none;
    width:40px
}

.bar-chart-table td:last-child {
    border-right:none;
    width:50px
}

.bar-chart-node {
    position:absolute;
    left:-1px;
    display:block;
    width:calc(100% + 2px);
    height:6px;
    margin-top:-2px
}

.bar-chart-node[data-type="fast"] {
    background-color:#A1D498
}

.bar-chart-node[data-type="slow"] {
    background-color:#FF8E87
}

.bar-chart-node[data-type="general"] {
    background-color:#FFF1A7
}

.error-summary {
    color:#a94442;
    margin:10px 0
}

.error-summary ul {
    margin-left:30px;
    list-style:square
}

.menu-active a {
    color:#fff;
    font-weight:700
}

input.user-form-control,textarea.user-form-control {
    display:block;
    width:100%;
    padding:10px;
    border:0;
    border-bottom:1px solid #cacaca;
    font-family:'Open Sans',sans-serif;
    font-size:18px;
    font-weight:300;
    margin-bottom:10px
}

.has-error input.user-form-control {
    border-bottom-color:#a94442
}

.error-layer {
    color:#a94442
}

textarea.user-form-control {
    resize:none;
    height:150px;
    font-size:14px
}

.shell-panel {
    -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.32);
    -moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.32);
    box-shadow:0 0 20px 0 rgba(0,0,0,0.32);
    margin-bottom:25px
}

.shell-panel-header {
    background:#2F65CA3d;
    padding:15px;
    font-size:20px
}

.shell-panel-body {
    padding:15px
}

.shell-row-gray {
    margin-top:10px;
    background:rgba(108,108,108,0.3);
    padding:15px;
    margin-bottom:25px
}

.shell-row-gray > div {
    position:relative
}

.project-role {
    margin-bottom:25px;
    height:42px
}

.project-role-name {
    text-align:right
}

.project-role-name > span {
    display:inline;
    font-weight:700;
    position:relative;
    top:12px
}

.project-role-add {
    cursor:pointer
}

.project-role-create-layer {
    color:#43ADF3;
    border:1px solid #fff;
    background:#fff;
    padding:10px
}

.project-role-user-layer {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}

.project-role-delete {
    position:relative;
    top:6px;
    color:red
}

.shell-row-gray .project-role-user-layer {
    background:#fff;
    padding:6px
}

.type-hidden {
    display:none
}

.type-hidden.show {
    display:block
}

.custom-hide {
    display:none
}

.suggest {
    position:relative
}

.suggest input {
    z-index:99
}

.suggest .list-group {
    position:absolute;
    top:32px;
    left:0;
    width:100%;
    z-index:100;
    display:none;
    -webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.75);
    -moz-box-shadow:0 0 15px 0 rgba(0,0,0,0.75);
    box-shadow:0 0 15px 0 rgba(0,0,0,0.75)
}

.suggest .list-group > a {
    background:#fff;
    display:block
}

.suggest .list-group-item.active {
    color:#000;
    background:#FFD500;
    border-color:#FFD500
}

.auto-save-informer {
    font-size:12px;
    opacity:0;
    text-align:center;
    color:#fff;
    display:inline-block;
    position:fixed;
    bottom:1px;
    right:5%;
    background:#009cca;
    padding:10px 25px
}

.stage {
    position:relative;
    width:100%;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-top:10px
}

.stage-layer {
    background:#fff;
    border:1px solid #CED1D3;
    min-height:150px;
    padding:10px;
    cursor:pointer;
    display:block;
    margin-bottom:0;
    width:20%;
    font-weight:400
}

.stage-layer > div {
    width:100%;
    height:42px
}

.stage-name {
    display:block;
    width:100%
}

.stage-layer:first-child {
    border-top-left-radius:2px
}

.stage-layer:last-child,.stage-layer:nth-child(10) {
    border-bottom-right-radius:2px
}

.stage-layer:nth-child(5) {
    border-top-right-radius:2px
}

.stage-layer:nth-child(11) {
    border-bottom-left-radius:2px
}

.stage-checkbox {
    width:29px;
    height:29px;
    border:1px solid #cacaca;
    border-radius:50%;
    float:left
}

.stage-checkbox:before {
    content:"\e910";
    font-family:'icomoon'!important;
    display:inline-block;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    color:#000;
    font-size:12px;
    line-height:29px;
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transition:.3s;
    transition:.3s;
    text-align:center;
    width:29px;
    height:29px
}

.stage-layer input[type="checkbox"] {
    display:none
}

.stage-layer input[type="checkbox"]:checked + .stage-checkbox {
    background:#ffd13d;
    border:1px solid #ffd13d
}

.stage-layer input[type="checkbox"]:checked + .stage-checkbox:before {
    -webkit-transform:scale(1);
    transform:scale(1)
}

.stage-code {
    margin-left:10px;
    margin-top:6px;
    float:left
}

.stage-code-table {
    width:70px;
    display:inline-block
}

@media screen and (max-width: 1025px) {
    .stage-layer {
        width:25%
    }
}

@media screen and (max-width: 862px) {
    .stage-layer {
        width:33.3%
    }
}

@media screen and (max-width: 465px) {
    .stage-layer {
        width:50%
    }
}

@media screen and (max-width: 330px) {
    .stage-layer {
        width:100%
    }
}

.project-role-user-block {
    display:inline-block;
    margin-right:10px;
    margin-bottom:3px;
    font-family:'robotoregular',sans-serif
}

.project-role-user-block a {
    color:#000;
    opacity:.3;
    font-size:12px
}

.project-role-user-block a:hover {
    opacity:.6
}

.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:18px
}

.parent-project-role-user-block {
    padding:10px 0
}

.create-project-stage-role {
    display:none
}

.avatar-blank {
    display:block;
    float:left;
    margin-right:10px;
    position:relative;
    top:-8px;
    width:35px;
    height:35px;
    border:1px solid #cacaca;
    border-radius:50%
}

.avatar-nav {
    display:block;
    float:left;
    width:35px;
    height:35px;
    margin-right:10px;
    position:relative;
    top:-8px;
    border:1px solid #cacaca
}

.document-checklist {
    margin-top:42px;
    width:100%;
    overflow-y:auto;
    height:150px
}

.document-checklist label {
    display:block;
    padding:5px 4px 5px 40px;
    font-weight:400;
    position:relative;
    cursor:pointer
}

.document-checklist input[type="checkbox"] {
    display:none
}

.document-checklist span:after {
    content:'';
    width:20px;
    height:20px;
    position:absolute;
    left:0;
    top:5px;
    border-radius:5px;
    border:1px solid #cacaca;
    -webkit-transition:.3s;
    transition:.3s
}

.document-checklist input[type="checkbox"]:checked + span:after {
    background:#fad336;
    border:1px solid #fad336;
    content:'\e013';
    font-family:'Glyphicons Halflings';
    font-weight:400;
    color:#000;
    text-align:center;
    font-size:13px
}

.project-sq {
    border:1px solid #cacaca;
    padding:5px;
    margin-left:5px
}

.flex-container-document {
    padding:0;
    margin:0;
    list-style:none;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-flow:row wrap;
    align-items:center;
    justify-content:left
}

.flex-container-document > div {
    padding:10px;
    width:250px;
    margin-top:10px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox
}

.flex-container-document a {
    text-decoration:none
}

.flex-item-document {
    font-weight:400;
    align-items:center;
    word-wrap:break-word;
    display:block;
    text-decoration:none
}

.flex-item-document:hover {
    background:rgba(0,0,0,0.1)
}

.flex-item-document img {
    float:left;
    margin-right:10px;
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
    filter:grayscale(100%);
    filter:gray;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -o-transition:all 1s;
    transition:all 1s
}

.flex-item-document:hover img {
    -webkit-filter:none;
    -moz-filter:none;
    -ms-filter:none;
    -o-filter:none;
    filter:none;
    filter:none
}

.wrap-doc .yellow-border-box.new {
    border:3px solid red
}

.wrap-doc img,.grayscale {
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
    filter:grayscale(100%);
    filter:gray;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -o-transition:all 1s;
    transition:all 1s
}

.wrap-doc:hover img,.grayscale:hover {
    -webkit-filter:none;
    -moz-filter:none;
    -ms-filter:none;
    -o-filter:none;
    filter:none;
    filter:none
}

.stage-user-active {
    background-color: #f8d7da;
    border:3px solid #f14e5e !important;
}

.system-stage-padding {
    padding-right:200px!important
}

.system-stage-position-right {
    position:absolute;
    right:10px;
    top:50%;
    margin-top:-17px
}

@media screen and (max-width: 1050px) {
    .system-stage-padding {
        padding-right:20px!important
    }

    .system-stage-position-right {
        position:relative;
        right:0;
        top:0;
        margin-top:10px
    }
}

.header-comment span.checkbox-icon.agreed:after {
    top:1px
}

.header-comment span.checkbox-icon {
    position:relative;
    left:10px;
    top:2px
}

span.checkbox-icon.checkbox-vote {
    cursor:pointer
}

span.checkbox-icon-comment.agreed:after,span.checkbox-icon-small.agreed:after,span.checkbox-icon.agreed:after {
    content:'\e013';
    font-family:'Glyphicons Halflings';
    display:inline-block;
    font-weight:400
}

span.checkbox-icon-comment.rejected:after,span.checkbox-icon.rejected:after,span.checkbox-icon.rejected:after {
    content:'\e014';
    font-family:'Glyphicons Halflings';
    display:inline-block;
    font-weight:400
}

span.checkbox-icon-comment {
    width:22px;
    height:22px;
    border:1px solid #cacaca;
    border-radius:50%;
    color:#cacaca;
    position:relative;
    display:inline-block;
    margin-right:-5px;
    position:relative;
    top:6px
}

span.checkbox-icon-comment.agreed.active {
    border:1px solid #6fcf97;
    background:#6fcf97;
    color:#2c352f
}

span.checkbox-icon-comment.agreed:after {
    font-size:10px;
    position:absolute;
    top:2px;
    left:5px
}

span.checkbox-icon-comment.rejected.active {
    border:1px solid red;
    background:red;
    color:#fff
}

span.checkbox-icon-comment.rejected:after {
    font-size:10px;
    position:absolute;
    top:3px;
    left:5px
}

span.checkbox-icon-small {
    width:16px;
    height:16px;
    border:1px solid #cacaca;
    border-radius:50%;
    color:#cacaca;
    position:relative;
    display:inline-block;
    margin-right:5px;
    position:relative;
    top:2px
}



span.checkbox-icon-small.agreed.active {
    border:1px solid #FAD336;
    background:#FAD336;
    color:#000
}

span.checkbox-icon-small.agreed:after {
    font-size:8px;
    position:absolute;
    top:-2px;
    left:3px
}

span.checkbox-icon-small.checkbox-icon-small-fix.agreed:after {
    top:1px;
}

span.checkbox-icon-fix.agreed:after{
    top:-3px;
}

span.checkbox-icon {
    width:34px;
    height:34px;
    border:1px solid #ced1d3;
    background: #fff;
    border-radius:3px;
    color:#3e3b3c;
    position:relative;
    display:inline-block;
    margin-right:5px;
    position:relative;
    top:2px
}

span.checkbox-icon.agreed.active {
    border:1px solid #FAD336;
    background:#FAD336;
    color:#000
}

span.checkbox-icon.agreed:after {
    font-size:11px;
    position:absolute;
    top:7px;
    left:10px
}

span.checkbox-icon.rejected.active {
    border:1px solid red;
    background:red;
    color:#fff
}

span.checkbox-icon.rejected:after {
    font-size:11px;
    position:absolute;
    top:7px;
    left:10px
}

.header-comment span.checkbox-icon.rejected:after {
    top:1px
}

ul.project-stage-list {
    margin:0;
    padding:0
}

ul.project-stage-list li {
    list-style:none;
    display:inline-block
}

.project-stage-list a,.project-stage-list span {
    display:inline-block;
    cursor:pointer;
    padding:10px
}

ul.project-stage-list li:hover {
    font-weight:700
}

.project-stage-list .success {
    background:#e4f9e6
}

.project-stage-list .working {
    background:#ffeca0
}

.project-stage-list .rejected {
    background:#ffeae9
}

.project-stage-list .normal {
    background:#f4f6f5
}

.project-stage-list .agreement {
    background:#ffffec
}

@media screen and (max-width: 375px) {
    span.checkbox-icon {
        width:23px;
        height:23px
    }

    span.checkbox-icon.agreed:after,span.checkbox-icon.rejected:after {
        top:2px;
        left:5px
    }
}

.project-show-info {
    display:inline-block;
    border:1px solid #cacaca;
    padding:10px;
    color:#000;
    text-decoration:none
}

.project-show-info:hover,.project-show-info.active {
    background:#ffd13d;
    border:1px solid #ffd13d;
    text-decoration:none;
    color:#000
}

#project-table {
    position:relative
}

.project-table > tbody > tr > th,.project-table > tbody > tr > td {
    padding:10px
}

.project-table > thead > tr {
    background:#f6f6f6
}

.project-table > thead > tr > th.project-table-number {
    width:5%
}

.project-table > thead > tr > th.project-table-name {
    width:25%
}

.project-table > thead > tr > th.project-table-complete {
    width:10%
}

.project-table > thead > tr > th.project-table-stages {
    width:60%
}

.project-view-date {
    color:#929292
}

.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {
    margin-bottom:25px
}

.gray {
    color:#929292
}

.strong {
    font-weight:700
}

.overlay {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 300;
    background:rgba(108,108,108,0.2) url(/images/ajax-loader.gif) center center no-repeat
}

#comment-layer {
    position:relative
}

.position-relative {
    position:relative
}

.vote-positions {
    position:absolute;
    top:12px;
    left:20px
}

.document-row {
    display:block;
    width:100%;
    padding:15px;
    background:#f6f6f6;
    color:#000;
    text-decoration:none
}

.document-row:hover {
    text-decoration:none;
    background:#cacaca
}

a.sort {
    color: #231f20;
    text-decoration: none;
}

a.sort.filter-sort {
    position: relative;
    left: 27px;
}

a.sort.asc, a.sort.desc {
    color: #EE2E23;
}

a.sort:after {
    position:relative;
    top:1px;
    display:inline-block;
    font-family:'Glyphicons Halflings';
    font-style:normal;
    font-weight:400;
    line-height:1;
    padding-left:5px;
    font-size: 12px;
}

a.sort:after,
a.sort.asc:after {
    content: "\e155";
}

a.sort.desc:after {
    content: "\e156";
}





.comment-text {
    word-wrap:break-word;
    word-break:break-word
}

#notifyIcon.active {
    color:#43ADF3
}

.project-role-dl,.project-role-do {
    display:none
}

.project-role-dl.in,.project-role-do.in {
    display:block
}

.pagination {
    display:inline-block;
    padding-left:0;
    margin:20px 0;
    border-radius:2px
}

.pagination > li {
    display:inline
}

.pagination > li > a,.pagination > li > span {
    position:relative;
    float:left;
    padding:6px 12px;
    line-height:1.42857143;
    text-decoration:none;
    color:#231F20;
    background-color:#fff;
    border:1px solid #CED1D3;
    margin-left:-1px
}

.pagination > li:first-child > a,.pagination > li:first-child > span {
    margin-left:0;
    border-bottom-left-radius:2px;
    border-top-left-radius:2px
}

.pagination > li:last-child > a,.pagination > li:last-child > span {
    border-bottom-right-radius:2px;
    border-top-right-radius:2px
}

.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus {
    z-index:3;
    color:#231F20;
    background-color:#FFD500;
    border-color:#FFD500;
    cursor:default
}

.pagination > .disabled > span,.pagination > .disabled > span:hover,.pagination > .disabled > span:focus,.pagination > .disabled > a,.pagination > .disabled > a:hover,.pagination > .disabled > a:focus {
    color:#777;
    background-color:#fff;
    border-color:#ddd;
    cursor:not-allowed
}

a.j-stage-step {
    font-size:10px;
    font-weight:400;
    text-decoration:underline
}

.alert-success {
    background:rgba(22,204,18,0.2)
}

.alert {
    font-family:'robotoregular',sans-serif;
    color:#231f20;
    font-size:14px;
    border:0;
    padding:10px 40px;
    display:inline-block
}

.alert-full {
    width:100%;
    text-align:center
}

.alert-warning {
    background-color:#fcf8c8;
    color:#333
}

.alert-approve {
    background-color:#dab4d9;
    color:#333
}

.alert-loose {
    background-color:#f8d5d5;
    color:#333
}

.alert-new {
    background-color:#f5f7f6;
    color:#333
}

.alert-complite {
    background-color:#d0f5cf;
    color:#333
}

.alert-work {
    background-color:#fcf7cc;
    color:#333
}

@media screen and (max-width: 768px) {
    .alert-full-mobile {
        width:100%;
        padding:.75rem
    }
}

#files,.files {
    font-family:'robotoregular',sans-serif;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#files li,.files li {
    margin:10px 0;
    border:1px solid #CED1D3;
    padding:10px
}

#files li.full-width, .files li.full-width {
    width: 100%
}

.file-time {
    font-size:12px;
    opacity:.8
}

.ui-pnotify.custom .ui-pnotify-container {
    background-color:#fff!important;
    background-image:none!important;
    border:none!important
}

.ui-pnotify.custom .ui-pnotify-title,.ui-pnotify.custom .ui-pnotify-text {
    font-family:'robotoregular',sans-serif;
    font-size:12pt!important;
    color:#000!important;
    padding-left:50px!important
}

.ui-pnotify.custom .ui-pnotify-title {
    font-weight:700
}

.ui-pnotify.custom .ui-pnotify-icon {
    float:left
}

.ui-pnotify.custom .fa {
    margin:3px;
    width:33px;
    height:33px;
    font-size:33px;
    color:#FF0
}

.brighttheme .ui-pnotify-action-button.simple-button {
    font-weight:400;
    width:45%;
    display:inline-block;
    position:relative;
    min-height:20px;
    font-family:'robotoregular',sans-serif;
    border:1px solid #CED1D3;
    color:#231F20;
    text-align:center;
    letter-spacing:0;
    font-size:16px;
    -moz-transition:color .3s cubic-bezier(.54,0,.42,1),background-color .3s cubic-bezier(.54,0,.42,1);
    -o-transition:color .3s cubic-bezier(.54,0,.42,1),background-color .3s cubic-bezier(.54,0,.42,1);
    -webkit-transition:color .3s cubic-bezier(.54,0,.42,1),background-color .3s cubic-bezier(.54,0,.42,1);
    transition:color .3s cubic-bezier(.54,0,.42,1),background-color .3s cubic-bezier(.54,0,.42,1)
}

.brighttheme .ui-pnotify-action-button.simple-button.yellow {
    background-color:#FFD500;
    border:1px solid #FFD500
}

.brighttheme .ui-pnotify-action-button.simple-button.yellow:hover {
    background-color:#fff;
    color:#231F20;
    border:1px solid #CED1D3
}

.brighttheme .ui-pnotify-action-button.simple-button.white:hover {
    background-color:#FFD500;
    color:#231F20;
    border:1px solid #FFD500
}

.tooltip-loaded-doc {
    display:block;
    position:relative;
    padding:10px 20px;
    border-bottom:1px solid #CED1D3;
    text-align:left
}

.tooltip-loaded-doc:last-child {
    border-bottom:0
}

.wrap-select-custom {
    width:40%
}

.wrap-select-custom .jq-selectbox {
    width:100%
}

.nowrap {
    white-space:nowrap
}

.approve-admin-layer {
    padding:10px 15px 30px!important
}

.setting-simple-form .form-group {
    margin-bottom:15px
}

.modal-open {
    padding-right:0!important
}

input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance:none;
    margin:0
}

input[type=number] {
    -moz-appearance:textfield
}

.name-overflow {
    display:block;
    overflow:hidden;
    width:auto;
    white-space:nowrap;
    text-overflow:ellipsis;
    max-width:calc(100% - 35px)
}

.cursor-pointer {
    cursor:pointer
}

#collapseTopMenu {
    position:absolute;
    right:5px;
    min-width:250px
}

.j-show-confirm {
    margin-bottom:15px
}

.form-inline-custom {
    display:inline-block
}

.alert-full > div + .form-inline-custom {
    margin-top:10px
}

#reportCompanyFilter-styler .jq-selectbox__dropdown {
    overflow-y:auto;
    max-height:350px
}

.comments-paste input[type="file"] {
    display:none
}

.comments-paste .file {
    cursor:pointer
}

.dm-uploader {
    border:2px dashed #cacaca;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    cursor:pointer;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}

.preview-img {
    width:64px;
    height:auto
}

.dm-uploader .btn {
    position:relative;
    overflow:hidden
}

.dm-uploader .btn input[type="file"] {
    position:absolute;
    top:0;
    right:0;
    margin:0;
    border:solid transparent;
    width:100%;
    opacity:0;
    filter:alpha(opacity= 0);
    cursor:pointer
}

.dm-uploader {
    color:#707577;
    font-size:14px;
    text-align:center;
    width:100%;
    padding:50px 0;
    margin:50px auto;
    background:#fcfcfc
}

.dm-uploader input {
    display:none
}

.dm-uploader-active {
    border:2px dashed #FFD500
}

.dm-uploader-loading {
    border:2px dashed green
}

.comments-paste .dm-uploader {
    width:100%;
    border:0;
    text-align:center;
    padding:10px
}

.comments-paste.dm-uploader-active .dm-uploader {
    text-align:center;
    border:2px dashed #FFD500;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    cursor:pointer;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    color:#cacaca;
    font-size:14px
}

.comments-paste.dm-uploader-active .dm-uploader:after {
    content:'Перетащите фаил для загрузки'
}

.comment-files ul {
    list-style:none
}

.comment-files ul li {
    list-style:none;
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    position:relative
}

.comment-files ul li a.img {
    background:#cacaca;
    background-size:cover;
    overflow:hidden;
    display:block;
    width:66px;
    height:66px;
    border-radius:5px
}

.comment-files ul li .doc-icon .icon-pdf {
    width:66px;
    height:66px;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center
}

.comment-files ul li img {
    width:100%;
    height:100%;
    border-radius:5px;
    border:1px solid transparent
}

.comment-files ul li button {
    position:absolute;
    top:5px;
    right:5px;
    opacity:1;
    z-index:100
}

.comment-files ul li button span {
    color:#fff;
    text-shadow:0 0 10px #000
}

.comment-files ul li.preload img {
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%);
    opacity:.5
}

.comment-files ul li.preload {
    position:relative
}

.comment-files ul li.preload:before {
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    background:url(../images/ajax-loader.gif) center center no-repeat
}

.comment-button-layer .image-loader {
    width:calc(100% - 195px);
    float:left;
    margin-right:20px
}

.comment-button-layer .button-layer {
    float:right;
    width:160px
}

.system-stage-approve {
    float:left;
    margin-right:10px;
    position:relative;
    top:-3px
}

.system-stage-approve + .project-role-user-block {
    position:relative;
    top:8px
}

.comment_notification {
    z-index:9;
    position:absolute!important;
    right:2px;
    top:1px;
    border-radius:50%;
    color:#fff;
    background-color:#dc3545;
    display:inline-block;
    padding:0 .5em;
    font-size:75%;
    font-weight:700;
    line-height:1;
    text-align:center;
    white-space:nowrap;
    vertical-align:baseline;
    box-sizing:border-box;
    width:10px;
    height:10px
}

.chat_comment_new {
    background:rgba(255,201,0,0.15)
}

.version .jq-selectbox__select {
    border:1px solid #ffd500;
    background:#ffd500;
    text-shadow:none
}

.show-mobile {
    display:none
}

@media screen and (max-width: 991px) {
    .show-mobile {
        display:block
    }
}

.image-loader-layer {
    border:2px dashed #cacaca;
    color:#cacaca;
    font-size:14px;
    text-align:center;
    padding:10px 0;
    margin:-15px auto;
    background:#fcfcfc;
    border-radius:5px
}

.image-loader-layer input {
    display:none
}

@media screen and (max-width: 1024px) {
    .image-loader-layer {
        border: 0px;
        padding: 0px;
        margin: 0px;
        border-radius: 0px;
        background: transparent;
        display: block;
        float: left;
        color: #333;
        text-align: right;
    }

    .image-loader-layer .dm-uploader {
        position: relative;

        width: 20px;
        height: 24px;

        top: 11px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        font-size: 20px;
        padding: 0;
        margin: 0px auto;

    }

    .image-loader-layer .dm-uploader:after {
        content: "\e142";
    }

    .dm-uploader > div {
        display: none;
    }
}

.approve-remove-user {
    opacity:.5
}

.table-responsive {
    width:100%;
    margin-bottom:15px;
    overflow-y:hidden;
    overflow-x:scroll;
    -ms-overflow-style:-ms-autohiding-scrollbar;
    -webkit-overflow-scrolling:touch;
    min-height:450px
}

.small-descr {
    max-width: 180px;

    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    white-space:nowrap;
    display: inline-block;
}

@media screen and (max-width: 768px) {
    .small-descr {
        max-width: 400px;
    }
}

@media screen and (max-width: 425px) {
    .small-descr {
        max-width: 280px;
    }
}

@media screen and (max-width: 375px) {
    .small-descr {
        max-width: 200px;
    }
}

@media screen and (max-width: 320px) {
    .small-descr {
        max-width: 180px;
    }
}

.show-mobile-stage {
    display:none;
    border-bottom:3px solid #CED1D3
}

@media screen and (max-width: 1197px) {
    .show-stage {
        display:none
    }

    .all-project-table table td {
        border:0;
        padding:10px 10px 5px
    }

    .all-project-table table tr.show-mobile-stage td {
        padding:5px 10px 10px
    }
}

.circle:before {
    content:' \25CF';
    font-size:20px
}

.red {
    background-color:red
}

.green {
    background-color:green
}

.blue {
    background-color:#43ADF3
}

.yellow {
    background-color:#ffd500
}

.sphere {
    padding:1px;
    height:10px;
    width:10px;
    border-radius:50%;
    text-align:left;
    font-size:50%;
    position:relative;
    display:inline-block;
    margin:5%
}

.sphere::after {
    background-color:rgba(255,255,255,0.3);
    content:'';
    height:45%;
    width:12%;
    position:absolute;
    top:4%;
    left:15%;
    border-radius:50%;
    transform:rotate(40deg)
}

.desktop-header div .header-top-version {
    position:absolute;
    bottom:70px;
    left:17px;
    height:32px;
    width:192px;
    z-index:10;
    font-size:12px;
    color:#9CA3A6;
    text-align:center
}

.desktop-header div .header-top-version a {
    color:#9CA3A6
}

.desktop-header div .header-top-version a.bordered {
    border-bottom:1px dashed #9CA3A6
}

.desktop-header div .header-top-version.toggled {
    display:none
}

.header-basement-bg {
    position:absolute;
    bottom:10px;
    left:33px;
    width:158px;
    z-index:10;
    font-size:10px;
    text-align:center
}

.header-basement-bg a {
    color:#9CA3A6;
    text-align:center
}

.desktop-header div .header-basement-bg.toggled {
    display:none
}

@media screen and (max-width: 768px) {
    .page-info {
        display:none
    }
}

.j-auto-update .alert {
    margin-bottom:10px;
    margin-top:7px
}

.alert.system-stage-position-right {margin-top:-19px}
.project-stage-document-mobile-down {
    display: none;
}

@media screen and (max-width: 991px) {
    .mobile-table-show {
        display:block;
        clear:both
    }

    .project-stage-document-mobile-down {
        display: block;
        text-align: center;
        margin: 10px 0 20px 0;
    }

    .mobile-table-show .form-input-simple {
        display:block;
        padding:3px 0;
    }

    .mobile-table-show .form-input-simple.border-bottom-layer:before {
        content: '';
        position: absolute;
        left:4px;right:6px;
        bottom: -18px;
        border-bottom: 1px dashed #cacaca;
        z-index: 1;
    }

    .mobile-table-show .form-input-simple .project-head-info-node {
        clear:both;
        display:block;
        margin: 0px;
    }

    .project-head-info-node {}

    .mobile-table-show .form-input-simple .project-head-info-node > span {
        display:block;
        padding-top:5px;
        padding-bottom:5px;
        height:100%;
        float:left
    }

    .mobile-table-show .form-input-simple .project-head-info-node > span > span {
        background: #fff;
        display: inline-block;
        z-index: 2;

        position: relative;
    }

    .mobile-table-show .form-input-simple .project-head-info-node > span:first-child > span {
        padding-right: 10px;
    }

    .mobile-table-show .form-input-simple .project-head-info-node > span:first-child {
        width:35%
    }

    .mobile-table-show .form-input-simple.inline-info-layer .project-head-info-node > span:first-child {
        width:100%
    }

    .mobile-table-show .form-input-simple .project-head-info-node > span:last-child {
        width: calc(65% - 6px);
        padding-left:20px;
        text-align: right;
    }

    .mobile-table-show .form-input-simple.inline-info-layer .project-head-info-node > span:last-child {
        width: 100%;
        padding-left:0px;
        text-align: left;
    }

    .mobile-table-show .form-input-simple.inline-info-layer .project-head-info-node > span:last-child > span {
        padding-left: 0px;
    }

    .mobile-table-show .form-input-simple.inline-info-layer .project-head-info-node .desc {
        margin-left: 0px;
    }

    .mobile-table-show .form-input-simple .project-head-info-node > span:last-child > span {
        padding-left: 10px;
    }

    .table-stage-mobile {
        margin-top: 15px;
    }

    .table-stage-mobile thead tr {
        display: none;
    }

    .project-head {
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 320px) {
    .mobile-table-show .project-head-info-node {
        font-size:13px
    }
}

@media screen and (max-width: 469px) {
    .project-author {
        margin-bottom:15px
    }

    .map-iconed-project-link {
        margin-bottom:17px
    }
}

.form-input-simple h5 {
    margin-bottom: 15px;
}

@media screen and (max-width: 500px) {
    .input-small {
        height: 40px !important;
    }
}

#project-form .card-header {
    margin-bottom: 14px;
}

.role-add-button {
    font-size: 9px; color: #888888
}

@media screen and (max-width: 768px) {

    .role-add-button {
        font-size: 12px;
    }

    .content {
        padding-top: 0px;
    }

    #project-form .simple-button:link, #project-form .simple-button:visited, #project-form .simple-button {
        width: 100%;
        margin-bottom: 5px;
    }

    #project-form .simple-form input {
        height:40px !important;
    }

    #project-form .simple-form input.input-small {
        height:30px !important;
    }

    #project-form .simple-form input.input-small-mobile {
        height:40px !important;
        font-size: 16px;
    }

    #project-form .inline-input,
    #project-form .lettering-input,
    #project-form .calendar-input,
    #project-form .form-group{
        display: block;
        width: 100%;
    }

    #project-form .calendar-input-iconed {
        display: block;
        width: 100%;
        margin: 5px 0px;
    }

    #project-form .form-row {
        padding: 0px 0;
    }

    #project-form .form-group.kind {
        padding-right: 0;
    }

    #project-form .form-group.prognosis {
        margin-right: 0;
    }

    #project-form .project-roles .inline-input {
        margin: 0;
    }

    #project-form .jq-selectbox {
        display: block !important;
    }

    #project-form .jq-selectbox__trigger,
    #project-form .jq-selectbox__select {
        height: 40px;
    }

    #project-form .jq-selectbox__trigger-arrow {
        top: 0;
    }

    #project-form .jq-selectbox__select-text {
        padding-top: 12px;
    }

    #project-form .plusing-input:nth-child(even) {
        padding-left: 0;
    }

    #project-form .cmp-mobile-layer {
        margin-bottom: 0;
    }

    #project-form .form-row-full-input .form-group {
        margin-top: 2px;
    }

    #project-form .project-roles {
        margin-top: 6px;
    }

    #project-form .list-docs {
        display: inline-block;
    }

    #project-form .inline-input.list-docs-inline {
        display: inline-block;
        width: auto;
    }

    #project-form .form-row-full-input .label-form.list-docs-inline {
        display: inline-block;
        width: auto;
    }

    #project-form .line {
        margin: 24px 0 15px 0;
    }

    #project-form .line-mobile {
        margin: 16px 0 16px 0;
    }

    #project-form .line-mobile-project-roles {
        margin: 18px 0 15px 0;
    }

    .dm-uploader {
        margin: 3px auto;
    }

    #project-form .accordion {
        margin-top: 20px;
    }

    #project-form .form-row-full-input .inline-input{
        margin-top: 1px
    }

    #project-form .label-form {
        width: 100%;
    }

    #project-form .radio-row {
        margin: 0px;
    }
}

@media screen and (max-width: 420px) {
    .plusing-input {
        padding-left: 0;
    }
}

.text-success {
    color: #218838 !important;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.mobile-info-title { display: none; position: relative }
.j-status-mobile-show {
    cursor: pointer;
    position: relative;
}

.j-status-mobile-show.active {
    color: red;
}

.mobile-info-status-block {
    display: none;
    position: absolute;
    bottom: 150%;
    left: -7px;
    width: 280px;
    min-height: 150px;
    border-radius: 2px;
    box-shadow: 2px 5px 15px rgba(0,0,0,0.2);
    z-index: 10;
    background-color: #fff;
    cursor: default;
}

.j-status-mobile-show.active + .mobile-info-status-block {
    display: block;
}

.mobile-info-status-block:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -19px;
    left: calc(50% - 10px);
    border: 10px solid transparent;
    border-top: 10px solid #fff;
}

.mobile-info-status-block .all_project_status_legend {
    display: block;
}

.mobile-info-status-block .all_project_status_legend li {
    width: 48%
}

.mobile-info-status-block .all_project_status_legend li .all-project-status-legend-node {
    width: 100%
}

.mobile-show,
.table-title-hide,
.mobile-edit-button,
.date-stage-mobile-show {
    display: none;
}

.mobile-title-block {
    border-top: 2px solid #CED1D3;
    position: relative;
}

.mobile-title-block .mobile-title-layer {
    display: none;
}

.mobile-title-block.toggle .mobile-title-layer {
    display: block;
}

.mobile-filter-title-hide {

}

.mobile-filter-title-hide {
    display: inline-block;
    color: #9fa2a4;
    background: #fff;
    padding: 0 22px 0 5px;
    font-size: 16px;
    position: absolute;
    top: -12px;
    left: 50%;
    margin-left: -74px;
    cursor: pointer;
    z-index: 2;
}

.mobile-title-block .mobile-filter-title-hide:before,
.all-project-head .mobile-filter-title-hide:before {
    content: "\e90f";
    font-size: 7px;
    font-family: 'icomoon'!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 5px;
    top: 8px;
}

.mobile-title-block.toggle .mobile-filter-title-hide:before,
.all-project-head.toggle .mobile-filter-title-hide:before {
    content: "\e90f";
    transform:rotate(180deg);
}

.table-mobile > table > tbody > tr.show-mobile-info > td .task-status-hide {
    display: none;
}

.mobile-show-block {
    display: none;
}

@media screen and (max-width: 1480px) {
    .th-checkbox {
        left: 0px;
    }
}

@media screen and (max-width: 991px) {

    .mobile-show-block {
        display: block;
    }

    .no-show-mobile {
        display: none;
    }

    .all-project-body {
        margin-top: 0px;
    }
    .table-mobile > table > thead {
        display: none;
    }

    .mobile-edit-button {
        display: block;
        margin-top: 15px;
    }

    .table-mobile > table > tbody > tr.show-mobile-info > td {
        display: block;
        text-align: right;
        width: 100%;
        max-width: 100%;
        position: relative;
    }

    .table-mobile > table > tbody > tr.show-mobile-info > td:before {
        content: attr(aria-label);
        float: left;
        margin-left: 0;
        font-weight: 700;
        background: #fff;
        padding-right: 10px;
        z-index: 2;
        position: relative;
    }

    .table-mobile > table > tbody > tr.show-mobile-info > td.task-mobile-show-name {
        text-align: left;
    }

    .table-mobile > table > tbody > tr.show-mobile-info > td > span {
        z-index: 2;
        background: #fff;
        padding-left: 10px;
        position: relative;
    }

    .table-mobile > table > tbody > tr.show-mobile-info > td:after {
        z-index: 1;
        content: '';
        position: absolute;
        left: 13px;
        right: 9px;
        bottom: 22px;
        border-bottom: 1px dashed #cacaca;
    }

    a.task-btn-next {
        display: inline-block;
        width: auto; height: auto;
        padding: 7px 52px;
        border: 1px solid #CED1D3;
    }

    a.task-btn-next:after {
        content: 'подробнее';
        text-align: center;
    }

    a.task-btn-next > div {
        display: none;
    }

    .table-mobile > table > tbody > tr.show-mobile-info > td.task-mobile-show-name:after {
        border-bottom: 0px dashed #cacaca;
    }

    .table-mobile > table > tbody > tr.show-mobile-info > td.task-mobile-show-name .title-task {
        font-weight: 700;
        font-size: 16px;
    }

    .table-mobile > table > tbody > tr.show-mobile-info > td .task-status-hide {
        display: flex;
        margin-top: 15px;
    }

    .table-mobile > table > tbody > tr.show-mobile-info > td.status-table-row {
        display: none;
    }

    .all-project-table.table-mobile table td:nth-child(4) {
        min-width: 100%;
        max-width: 100%;
        white-space: normal;
    }

    .table-mobile > table > tbody:nth-child(2n+1) > tr.show-mobile-info > td,
    .table-mobile > table > tbody:nth-child(2n+1) > tr.show-mobile-info > td:before,
    .table-mobile > table > tbody:nth-child(2n+1) > tr.show-mobile-info > td > span,
    .table-mobile > table > tbody:nth-child(2n+1) > tr.show-mobile-stage > td {
        background: #F9F9F9;
    }

    .table-mobile > table > tbody > tr.show-mobile-stage > td {
        text-align: left;
        padding-bottom: 21px;
    }

    .table-mobile .map-iconed-project-link {
        margin-bottom: 0
    }

    #project-table .mobile-info-title {
        width: 100%;
        margin-bottom: 10px;
        display: block;
        font-weight: 700;
    }

    #projectFormFilterInit .mobile-show {
        display: flex;
    }

    #projectFormFilterInit.all-project-head {
        padding: 15px 0 5px;
        margin-top: 10px;
        border-top: 2px solid #CED1D3;
    }

    #projectFormFilterInit.all-project-head .hidden-block { display: none; opacity: 0; }
    #projectFormFilterInit.all-project-head.toggle .hidden-block {
        display: block;
        opacity: 1;
        border-bottom: 2px solid #CED1D3;
        padding-bottom: 8px;
        padding-top: 5px;
    }

    #projectFormFilterInit .wrap-checkbox {
        display: block;
        text-align: left;
    }

    #projectFormFilterInit .form-input-simple {
        width: 50%;
    }

    #projectFormFilterInit .form-input-simple:last-child {
        text-align: right;
    }

    #projectFormFilterInit .form-input-simple .jq-selectbox {
        width: 95%;
        text-align: left;
    }

    #projectFormFilterInit .search-input-wrap input,
    #projectFormFilterInit .search-input-wrap {
        width: 100%;
        max-width: 100%;
    }

    #projectFormFilterInit .jq-selectbox {
        width: 100%
    }



    .table-mobile > table > tbody > tr.show-mobile-info > td.table-title-hide {
        display: block;
        text-align: left;
        font-weight: 700;
        padding-top: 20px;
    }

    .table-mobile > table > tbody > tr.show-mobile-info > td.table-title-hide a {
        position: relative;
    }

    .table-mobile > table > tbody > tr.show-mobile-info > td.table-title-hide a .map-iconed-project-link-desc {
        max-width: 200px;
    }

    .table-mobile > table > tbody > tr.show-mobile-info > td.table-title-hide a.map-iconed-project-link {
        margin-right: 55px;
    }

    .table-mobile > table > tbody > tr.show-mobile-info > td.table-title-hide a.map-iconed-project-link:before {
        content: "\e902";
        color: #9ca3a6;
        font-size: 8px;
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        right: -30px;
        top: 2px;
        border: 1px solid #CED1D3;
        border-radius: 2px;
        padding: 4px 7px;
    }

    .table-mobile > table > tbody > tr.show-mobile-info > td.table-title-hide a:hover:before {
        border: 1px solid #3C464C;
        color: #3C464C;
    }

    .table-mobile > table > tbody > tr.show-mobile-info > td.table-title-hide::after {
        border: 0;
    }

    .version {
        margin: 0px auto;
    }


    .table-answers-users table tbody td.vote-date,
    .table-answers-users table thead th:last-child {
        display: none;
    }

    .date-stage-mobile-show {
        display: block;
        margin-top: 8px;
        opacity: 0.7;
    }

    .right-header-block-stage span {
        margin-left: 0px;
        text-align: center;
    }

    .small-btn-red {
        padding: 0 5px;
        background: red;
    }

    .tooltip {
        display: none;
    }
}

.position-block-center {
    margin: 5px auto;
}

a.decorate {
    border-bottom: 1px dashed #CED1D3;
}

a.stage-link {
    border-bottom: 1px dashed #CED1D3;
}


.project-user-role-draft {
    position: absolute; bottom: 3px; right: 0px; color: red; font-size: 9px; opacity: 0.8
}

.form-control.range-value {
    height: 30px;
}

.kv-drp-dropdown .left-ind, .kv-drp-dropdown .right-ind {
    top: 6px !important;
}

.kv-drp-dropdown .kv-clear {
    right: 25px !important;
    top: 9px !important;
}

.kv-drp-dropdown .range-value {
    padding-left: 3rem !important;
    padding-right: 5rem !important;
}

.report-layer .form-input-simple {
    margin-right: 15px;
}

.report-layer .form-input-simple:last-child {
    margin-right: 0px;
}

@media screen and (max-width: 991px) {
    .report-layer .form-input-simple {
        margin-right: 0px;
        margin-bottom: 10px;
        display: block;
        width: 100%;
    }

    .report-layer .form-input-simple .jq-selectbox.jqselect {
        width: 100%;
    }
}

.reports-line-diagram-block {
    overflow-x: auto;
}

.line-diagram-container {
    min-width: 991px;
}

.full-width-select .jq-selectbox {
    display: block !important;
}

.full-width-select td {
    vertical-align: top;
}

.larger-icon {
    font-size: 20px;
    color: #F38E91FF;
    display: flex;
    justify-content: center;
}