body {
    color: #333 !important;
    overflow-y: hidden;
    overflow-x: auto;
    height: 100vh;
    font-family: Medium !important
}

.atwho-inserted {color: #4e87c3}
.atwho-view {
    position:absolute;
    top: 0;
    left: 0;
    display: none;
    margin-top: 18px;
    background: white;
    color: black;
    border: 1px solid #DDD;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    min-width: 120px;
    z-index: 9999999  !important;
}

.atwho-view .atwho-header {
    padding: 5px;
    margin: 5px;
    cursor: pointer;
    border-bottom: solid 1px #eaeff1;
    color: #6f8092;
    font-size: 11px;
    font-weight: bold;
}

.atwho-view .atwho-header .small {
    color: #6f8092;
    float: right;
    padding-top: 2px;
    margin-right: -5px;
    font-size: 12px;
    font-weight: normal;
}

.atwho-view .atwho-header:hover {
    cursor: default;
}

.atwho-view .cur {
    background: #f3f3f3;
    color: #333;
}
.atwho-view .cur small {
    color: #333;
}
.atwho-view strong {
    color: #333;
}
.atwho-view .cur strong {
    color: 333;
    font:bold;
}
.atwho-view ul {
    /* width: 100px; */
    list-style:none;
    padding:0;
    margin:auto;
    max-height: 200px;
    overflow-y: auto;
}
.atwho-view ul li {
    display: block;
    padding: 5px 10px;
    border-bottom: 1px solid #DDD;
    cursor: pointer;
    /* border-top: 1px solid #C8C8C8; */
}
.atwho-view small {
    font-size: smaller;
    color: #777;
    font-weight: normal;
}



.pf_error i{margin-right: 10px;}

#popupDatepicker, #popupDatepickerInner { display: none !important;}
.datepick-popup {border: 1px solid #efefef; background: #fff; padding: 15px 15px; z-index:9999999;}
.datepick, .datepickInner {width: auto !important; }
.datepick-month-row {margin-top: -10px}
.datepick-month td, .datepick-month th {width: 30px; height: 30px; text-align: center;}
.datepick-month td a:hover {background: #efefef;}
.datepick-month td a, .datepick-month td span  {color: #333; position: relative; width: 27px; height: 27px; display: block; padding: 3px 5px;}
.datepick-month td span {color: #999}
.datepick-month th {color: #999}
.datepick-today, .datepick-today:hover {background-color: #2ecc71 !important; color: #fff !important; border-radius: 2px;}
.datepick-selected, .datepick-selected:hover {background-color: #4e87c3 !important; color: #fff !important; border-radius: 2px;}
.datepick-nav {text-align: center; padding-bottom: 10px}
.datepick-cmd {font-family: Bold; color: #333 !important;}
.datepick-cmd-prev {float: left}
.datepick-cmd-today {color: #999 !important; font-family: Medium}
.datepick-cmd-next {float: right}
.datepick-month-header {text-align: center; font-family: Bold; text-transform: uppercase; padding-bottom: 10px;}
.datepick-other-month {color: #ccc}

.modal-backdrop {z-index: 999999;}
.modal {z-index: 9999999;}
.podlojka {position: absolute; background: rgba(0, 0, 0, .2); width: 100%; height: 100vh; z-index: 1200;}
.error {border: 1px solid red;background: red;}
.DESC, .ASC {color:#0790b8}
.noBorder {border:none !important}
.colortitle{margin: -20px -30px 0px;
    background: #82B0BB;
    padding: 20px 30px 10px;}
.round_notif_icon {font-size: 12px; width: 22px !important; height: 22px; border: 1px solid #999; color: #999; line-height: 20px; border-radius: 50%;top: -3px !important;}
.round_notif {position: absolute; background: #e15258; color: #fff; font-size: 10px;  min-height: 16px; min-width: 16px;
    border-radius: 50%; text-align: center; line-height: 16px; margin-top: -10px; margin-left: -14px; font-family: Bold;}
.colortitle h3 {color:#fff !important;    width: 90% !important;}
.polosatiy .rows:nth-child(2n+1){background:#eff3f8;}
.polosatiy .rows { border:none !important;}
.mini_button {background: #737375; color: #fff; position: relative; top: -2px; margin-left: 5px; border-radius: 3px !important;}
.mini_button:hover, .mini_button:focus {color:#EFEFEF}
.select2-container--classic .select2-selection--multiple {background: transparent !important;}
.select2-selection__choice {background: transparent !important;}
::-webkit-scrollbar-button {
    height: 0px;
}
::-webkit-scrollbar-track {
    background: #eeeff3
}
::-webkit-scrollbar-track-piece {
    background: #eeeff3
}
::-webkit-scrollbar-thumb {
    background: #DFE4E6;
}
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}
.container {
    min-width: 1000px !important;
}
col-xs-12 {
    width: 1000px !important
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.selectTypeTr:before {content: "\f107";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #a2a5a5;
    font-size: 13px;
    position: absolute;
    margin-top: 5px;
    right: 45px; }

/* RIGHT - PANEL*/
.right-panel {background: #fff; box-shadow: -6px 0 5px -4px rgba(34, 34, 34, 0.05), -6px 0 5px -4px rgba(34, 34, 34, 0.05); width: 500px; float: right;}
.right-panel h3 {font-size: 14px; padding: 0; margin: 0; color: #666; max-width: 400px; line-height: 18px}
.right-panel h3 i {display: table-cell; float: left; margin-right: 5px; height: 15px;}
.right-panel h2 {line-height: 1.3; margin: 10px 0 15px;}
.right-panel h5 {margin: 0; color: #666;}
.r-p-child {overflow-y: auto; padding: 30px; margin: 0 -15px !important; float: right; height: 100vh; width: 500px; position: relative;}

.addEdit-window h1 {margin: 3px 0 20px; color:#f9f9f9; font-family: Bold; font-size: 16px; margin-right: 30px;}
.addEdit-window label {color: #333; font-family: Bold; width: 90px;}
.addEdit-window .form-control, .addEdit-window .input-group {width: calc(100% - 105px) !important;}
.addEdit-window .stf-in .form-control, .addEdit-window .input-group input {padding: 0 !important; padding-bottom: 1px !important; background: transparent;}
.addEdit-window .mod-title i{color:#fff;}
.addEdit-window .mod-title {margin: -30px -30px 10px; padding: 20px 30px 5px; background: #2cc990;}
.addEdit-window .mod-title.notadd {background: #E8E8E8 !important; color:#666;}
.addEdit-window .mod-title.notadd .close-window i{color:#666 !important;}
.addEdit-window .mod-title.notadd h1 {color:#666 !important;}
.addEdit-window li:nth-child(2n) {background: #f5f5f5;}
.addEdit-window li:last-child {background: transparent !important;}
.addEdit-window li {display: block; margin: 0 -30px; padding: 18px 30px 10px}
.addEdit-window li li {display: inherit; margin: inherit; padding: inherit; background: transparent !important;}
.addEdit-window .select2-selection {background: transparent !important}
.addEdit-window .form-group {margin-bottom: 5px;}
.addEdit-window li .modal-btn {left:0; padding: 10px 15px; border-radius: 2px !important; transition: .3s; width: 100%;}
.addEdit-window .input-group-addon {position: absolute;  right: 6px; top: -5px;}
.addEdit-window .input-group .selectDate {width:100%; border:none; border-bottom: 1px solid #eee}
.textarea_modal {width: 100%; border: 1px solid #eee; background: #fcfcfc; height: 80px; margin-top: 10px;}
.file_att_atr label {margin-left: -2px !important; width: 350px !important; font-family: Medium}

.h_file_log {
    text-align: center;
    padding: 10px;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 2px;
}




.body-content.login-form input {padding-left: 0 !important; color:#333;}
.title-login-form .security {margin-top: 40px !important; text-align: center; color: #7E8484;}
.title-login-form .questions {margin-top: 60px !important; text-align: center; color: #7E8484;}
.title-login-form button {width: 100%; left: 0; right: 0;}
.title-login-form .checkbox-list a {color: #999; position: relative; font-size: 12px; top: -10px;}

.element-settings {padding-top: 2px; margin-left: -5px;}
.element-settings ul li {display: block; margin: 0; padding: 0; border-bottom: 1px solid #F9FAFA;}
.element-settings ul li:last-child {border-bottom: none;}
.element-settings a:hover {color: #1aafd0 !important}

.work-group li {display: inline-block; margin-right: 5px; width: 25px; height: 25px; overflow: hidden; border-radius: 25%}
.work-group li img {width: 25px;}
.work-group li:first-child {border: 2px solid #a3a3a3; width: 29px; height: 29px; position:relative; top: 3px;}
.work-group li:first-child:before {content: " "; position: absolute;top: 0px; left: 0PX; right: 0PX; bottom: 0PX; border: 2px solid #ffffff; BORDER-RADIUS: 5PX;}
.work-group li:first-child img {margin-left: -1px; width: 26px !important}
/*.work-group li:first-child:after {content: url(../images/tm-flag.png); position: absolute; margin-top: -23px; margin-left: 25px;}*/
.simpl-pick {margin-right: 5px; width: 25px !important; height: 25px; overflow: hidden; border-radius: 25%; margin-top: 8px}
.simpl-pick img {width: 25px;}
.select2-dropdown {border: 1px solid #c4c4c4 !important; box-shadow: 0 0 5px rgba(0,0,0,0.2); padding-bottom: 2px !important; padding-top: 2px !important}

.form-ico {
    color: #666;
    border: none;
    border-bottom: 1px solid #eee !important;
    position: relative;
    padding-left: 0;
    padding-right: 0;
    top: -1px;
    padding-bottom: 1px;
    background: transparante;
}
.pull-right:after {
    position: absolute;
    top: -20px;
    right: 12px;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    content: " ";
}
.pull-right:before {
    position: absolute;
    top: -20px;
    right: 12px;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ccc;
    content: " ";
}
.pull-left:after {
    position: absolute;
    top: -20px;
    left: 12px;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    content: " ";
}
.pull-left:before {
    position: absolute;
    top: -20px;
    left: 12px;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ccc;
    content: " ";
}
.filter-form:after {
    position: absolute;
    top: -19px;
    right: 12px;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    content: " ";
}
.filter-form:before {
    position: absolute;
    top: -19px;
    right: 13px;
    border-top: 9px solid transparent;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #D6D6D6;
    content: " ";
}
.a-a-curr .select2.select2-container {width: 93px !important}
.delComFile {
    position: absolute;
    right: 30px;
    margin-top: 1px;
    color: #ccc;
    z-index: 100;
}
.delComFile:hover {
    color: #333
}
.chat-auto {
    height: 65vh;
    overflow-y: auto;
    width: calc(100% + 10px);
}
h5.modal-title {
    width: 95%;
    font-weight: 600
}
h6.modal-title {
    font-size: 16px;
    width: 96%;
}
.tags-prev {
    list-style: none;
    padding: 0;
}
.tags-prev li {
    display: inline-block;
    margin-right: 2px;
    padding: 3px 10px 4px;
    border-radius: 2px !important;
    background: #d5d8dc;
    color: #666;
    margin-bottom: 3px;
    font-size:12px;
}
#canvas-holder {
    width: 25%;
    display: inline-block
}
.canvas-desc {
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
    font-size: 14px;
}
.canvas-desc p {
    margin: 0 !important;
    text-align: center;
    padding: 0;
    position: relative;
    left: -15px !important;
}
.canvas-desc .red {
    color: #F7464A;
    font-size: 18px;
    font-weight: 700;
    position: relative;
    bottom: -5px;
}
.canvas-desc .grey {
    color: #949FB1;
    font-size: 18px;
    font-weight: 700;
    position: relative;
    bottom: -5px;
}
.canvas-desc .darkGrey {
    color: #4D5360;
    font-size: 18px;
    font-weight: 700;
    position: relative;
    bottom: -5px;
}
input[placeholder] {
    text-overflow: ellipsis;
}
input::-moz-placeholder {
    text-overflow: ellipsis;
}
input:-moz-placeholder {
    text-overflow: ellipsis;
}
input:-ms-input-placeholder {
    text-overflow: ellipsis;
}
/*TIMER*/
.timerPlugin {background:#000307; width: 140px; margin-bottom: 15px; padding:8px 0; text-align:left}

.timerText {
    height: 27px;
    width: 70px;
    position:relative;
    margin-left:15px;
    top: 2px;
}
.timerImg {
    width: 22px !important;
    height:22px !important;
    right: 5px;
    position:relative;
    left:10px
}
.pause-timer-window {
    position: absolute;
    width: 250px;
    height: 145px;
    position: absolute;
    left: 140px;
    top: -85px;
    background: #000307 !important;
    display: none;
    border-radius:0px;
}
ul .clock {padding-left:10px}
.timerBTN {background: #20272F !important; font-size: 13px; padding: 5px 8px !important; border-radius: 2px !important; float:right; margin:5px}
.pause-timer-window li:first-child {
    width: 250px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align:left !important;
}
.pause-timer-window li:nth-child(2) {
    padding-left:12px
}

.pause-timer-window li:first-child img {
    width: 25px;
    margin: auto 5px;
}
.secSave {position: absolute;font-size: 13px;left: 90px; top: -13px; display: none;}
.p-t-w-m .secSave {display: block !important}
.secSave:hover {background: transparent !important}
.pause-timer-window .clock span {
    font-size: 16px;
    padding: 0;
    margin: 0;
    color: #6E9EAA;
    top: 5px;
    position: relative;
}
.m-a-a {background: transparent; width: 220px !important; padding: 0 !important; color: #fff}
.pause-timer-window input {
    background: transparent;
    padding: 0;
    margin: 0;
    text-align:left
}
.pause-timer-window span.select2 {
    padding: 0;
    margin: 0;

}
.pause-timer-window span.select2 span {
    background: transparent;
    border-radius: none;
    font-size: 14px
}
.select2-selection {border-bottom: 1px solid #d6d6d6 !important;}
.pause-timer-window .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    float: left;
    font-size: 13px;
    padding: 0;
    padding-top: 13px;
    padding-bottom: 0 !important;
    line-height: 13px;
    background-color: transparent !important;
    border: none !important;
    color: #fff;
    margin-right: 0px;
}
.pause-timer-window li {
    text-align:left
}
.pause-timer-window li p {
    color: #fff;
    font-size:13px;
}
.pause-timer-window .select2-container--classic .select2-selection--multiple {
    background-color: transparante;
    border-bottom: 1px solid #eee;
    border-radius: 0px;
    cursor: text;
    text-align:left
}
.pause-timer-window .select2-container .select2-selection--multiple {
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none;
    width: 220px !important;
    text-align:left
}
.pause-timer-window .select2-selection__choice__remove {
    display: none!important;
}
.select2-selection__choice__remove {
    position: relative;
    top: -7px;
    margin-left: 0px !important;
    margin-right: -3px;
}
.tags_form .select2-selection__choice__remove{top: -1px !important; margin-left: 5px !important;}
.pause-timer-window .select2-container .select2-search--inline .select2-search__field {
    border: none;
    width: 100%;
    margin-top: 5px;
    padding: 0;
    margin-left: -18px;
}
input.g_a_d {
    margin-top: 18px;
    height: 18px;
    width: 220px;
    margin-bottom: 20px;
}
.g_a_d::-webkit-input-placeholder {
    color: #fff;
}
.g_a_d[placeholder] {
    color: #fff
}
.g_a_d::-moz-placeholder {
    color: #fff
}
.g_a_d:-moz-placeholder {
    color: #fff
}
.g_a_d:-ms-input-placeholder {
    color: #fff
}
.sub-side-menu {
    position: fixed;
    left: 90px;
    margin-top: -66px;
    width: 100%;
    width: inherit;
    display: none;
    top: auto !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}
.sub-side-menu li {
    width: 90px;
    height: 66px;
    float: left;
    background: rgba(93, 172, 229, .8);
    color: #fff;
    padding: 15px 0 15px !important;
    border: none !important
}
.sub-side-menu li a {
    padding: initial !important;
}
.sub-side-menu.dropdown-menu>li>a:hover {
    background: transparent !important;
    color: #eee !important
}
.navbar-static-side li ul.sub-side-menu a {
    background: none;
    color: #fff
}
.navbar-static-side li.active ul.sub-side-menu a,
.navbar-static-side li ul.sub-side-menu a:focus {
    background: none;
    color: #fff;
}
.navbar-static-side li.active ul.sub-side-menu a:hover {
    color: #eee
}
.sub-side-menu li:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.sub-side-menu {
    position: fixed;
    left: 90px;
    margin-top: -66px;
    width: 100%;
    width: inherit;
}
.sub-side-menu:after {
    position: absolute;
    top: 24px;
    left: -7px;
    display: inline-block;
    border-top: 8px solid transparent;
    border-left: 0px solid transparent;
    border-right: 7px solid #79B9E7;
    border-bottom: 8px solid transparent;
    content: " ";
    transition-delay: .5s;
}
.sub-side-menu img {
    width: 25px;
    border-radius: 25%;
    margin-top: -11px;
}
.btn-w {
    background: transparent;
    border-radius: 10px;
    border: 1px solid #fff;
    padding: 2px 7px;
    color: #fff;
    cursor: pointer;
    position: absolute;
    right: 15px
}
a.btn-w {
    padding: 2px 7px 2px 7px;
    right: 65px
}
.btn-show:hover,
.btn-w:hover {
    color: #fff
}
.modal-btn {
    float: left;
    background: #636969;
    color: #fff !important;
    padding: 8px 15px;
    border: none;
    border-radius: 4px !important;
    transition: .3s;
    left: -5px;
    position: relative
}
.red-modal-btn {
    float: left;
    background: #666;
    color: #fff !important;
    padding: 8px 10px;
    border: none;
    border-radius: 4px !important;
    transition: .3s;
    left: -5px;
    position: relative
}
.auth_btn {
    float: left;
    background: #52b9cf;
    color: #fff !important;
    padding: 8px 10px;
    border: none;
    border-radius: 4px !important;
    transition: .3s;
    left: -5px;
    position: relative
}
.modal-btn-mini {
    padding: 5px 10px !important;
}
.modal-btn:hover,
red-modal-btn:hover,
btn-default:hover {
    color: #eee !important
}
.comment-btn-style {
    float: right;
    border: none !important;
    background: #899798 !important;
    color: #fff !important;
    padding: 7px 11px !important;
    border-radius: 0px !important;
    margin-top: -2px;
    margin-right: -10px;
    border-bottom-right-radius: 4px !important;
}
.btn-show {
    display: none;
    position: absolute;
    right: 35px;
    top: 4px;
    color: #fff;
}
.openSaveForm {background: transparent !important; padding: 0 !important; position: absolute; top: 2px; font-size: 13px; left: 90px; display:none}
.p-t-w-m {
    display: block;
    position: bsolute;
    width: 140px;
    height: 27px !important;
    top: -27px;
    overflow: hidden;
    z-index: 1;
    left: 0;
}
.p-t-w-m .clock span {
    font-size: 14px;
    top: -5px;
    position: relative;
}
.p-t-w-m .btn-w {
    display: none
}
.p-t-w-m .btn-show {
    display: block
}
/*links*/

.dropdown-menu>li>a {
    background: #FFFFFF;
    color: #666;
}
.dropdown-menu>li {
    border-bottom: 1px solid #eee !important;
}
.dropdown-menu>li>a:hover {
    background: #f9f9f9 !important;
    color: #666 !important;
}

a {
    transition: .5s !important;
}
a.dashlink {
    border-bottom: 1px solid
}
.dashlink-btn {
    background: transparent;
    border: none;
    border-bottom: 1px solid;
    color: #1e90b8;
    padding: 0;
    transition: .5s
}
.dashlink-btn:hover {
    color: #196278
}
a.modalLoad {
    cursor: pointer;
}
.close-window {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size:20px;
    z-index:1;
}
.close-window a {
    font-size: 20px;
    color: #666;
}

/* tables */

table td,
table th {
    padding-left: 0px !important;
}
.table-responsive {
    margin: 15px -15px;
    padding: 0 15px;
    border: none !important
}
.tab-content table {
    margin-bottom: 0px;
}
table.tablesorter thead tr .header {
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
    margin-right: 20px;
}
.table.waitt .header {color:#333;}
.table.paidt .header {color:#333;}
table.tablesorter tbody tr.odd td {
    background-color: #fff !important;
}
table.tablesorter thead tr .headerSortUp {
    background-image: url(../plugins/tablesort/sort_asc.png);
}
table.tablesorter thead tr .headerSortDown {
    background-image: url(../plugins/tablesort/sort_desc.png);
}
table.tablesorter input[type=checkbox]:not(old) + label {
    margin-left: 0;
}
table.tablesorter .check {
    width: 40px;
    text-align: center;
}
input[type="radio"] {
    display: none;
}
input[type="radio"] + label span {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    background: url(../images/check_radio_sheet.png) -57px top no-repeat;
    cursor: pointer;
}
#billing input[type="radio"] + label span {
    margin: -1px 4px 0 0 !important;
}
input[type="radio"]:checked + label span {
    background: url(../images/check_radio_sheet.png) -38px top no-repeat;
}
input[type="radio"] + label:hover span {
    background: url(../images/check_radio_sheet.png) -19px top no-repeat;
}
input[type="radio"]:checked + label:hover span {
    background: url(../images/check_radio_sheet.png) -38px top no-repeat;
}
#div-table {
    display: table;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px
}
.div-table {display: table;
    width: 100%;}
.div-row {
    display: table-row;
}
.vert_aligtn_t {
    vertical-align: top !important;
}
.div-left {
    float:left;
    vertical-align: middle;
}
.div-cell {
    display: table-cell;
    vertical-align: middle;
}
.div-inline {display:inline-block}.div-inline-r {text-align:right;display:inline-block; vertical-align:top}
.div-cell-8 {
    width: 8.5%;
}
.div-cell-7 {
    width: 6.5%;
}
.div-cell-12{
    width: 12%;
}
.div-cell-13{
    width: 13.5%;
}
.div-cell-84 {
    width: 84%;
}
.div-cell-x15 {
    width:15%;
}
.div-cell-100 {
    width: 100%;
}
.div-cell-90 {
    width: 90%;
}
.div-cell-80 {
    width: 80%;
}
.div-cell-81 {
    width: 82%;
}
.div-cell-19 {
    width: 18%;
}
.div-cell-70 {
    width: 70%;
}
.div-cell-60 {
    width: 60%;
}
.div-cell-6 {
    width: 6%;
}
.div-cell-50 {
    width: 50%;
}
.div-cell-40 {
    width: 40%;
}
.div-cell-30 {
    width: 30%;
}
.div-cell-29 {
    width: 29%;
}
.div-cell-20 {
    width: 20%;
}
.div-cell-10 {
    width: 10%;
}
.div-cell-95 {
    width: 95%;
}
.div-cell-85 {
    width: 85%;
}
.div-cell-75 {
    width: 75%;
}
.div-cell-65 {
    width: 65%;
    word-wrap: break-word;
}
.div-cell-55 {
    width: 55%;
    word-wrap: break-word;
}
.div-cell-45 {
    width: 45%;
}
.div-cell-35 {
    width: 35%;
}
.div-cell-25 {
    width: 25%;
}
.div-cell-15 {
    width: 15%;
}
.div-cell-5 {
    width: 5%;
}
.div-cell-33 {
    width: 33%;
}
.header {
    font-family: Bold;
    color:#909090;
}

.timesheetResult {margin:0 -30px; }
.timesheetResult .timesheetResult {margin:0 0px; border: 1px solid #ccc; border-radius: 2px}
.timesheetResult .timesheetResult  li {
    padding: 0 15px;
    background: transparent !important;
}
.timesheetResult .close_ts_ditails {position: absolute; right: 31px;color: #666;}
.timesheetResult li {
    border-top: 1px solid transparent;
    font-size: 0;
    width: 100%;
    transition: 0.2s;
    padding: 0 30px;
}
.timesheetResult li:last-child {
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
}
.timesheetResult li div {
    display: inline-block;
    font-size: 13px;
    padding-bottom: 9px;
    padding-top: 10px;
}
.timesheetResult li div.tooltip-arrow {
    font-size: inherit !important;
    padding-bottom: inherit !important;
    padding-top: inherit !important;
}
.timesheetResult li div.tooltip-inner {padding: 3px 10px}
.timesheetResult li img {
    width: 25px;
    border-radius: 25%;
    margin-right: 5px;
    margin-top: -2px;
}
.timesheetResult.amount-expenses {
    border-bottom: 1px solid #ccc;
    margin-top: 0px;
}
.timesheetResult.amount-expenses:before {
    position: absolute;
    margin-top: -8px;
    margin-left: 304px;
    display: inline-block;
    border-top: 0px solid transparent;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ccc;
    content: " ";
}
.timesheetResult.amount-expenses.personal-fees:before{margin-left: 210px;}
.timesheetResult.amount-expenses.personal-expense:before{margin-left: 304px;}
.timesheetResult.amount-expenses div {
    vertical-align: text-top
}

.timesheetResult.amount-expenses li {
    border-bottom: 1px solid #eee;
}
.timesheetResult.amount-expenses li:last-child {
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
}

.timesheetResult .amount-expenses li.fees-li div:nth-child(2) {padding-right: 15px}
.podsvetka {
}
.feesPanel {
    position: absolute;
    border: none !important;
    text-align: center;
    right: 4px;
    margin-top: 0px;
}
.feesPanel img {width: 22px !important}
.feesPanel a {
    color: #07aada !important;
    margin: 10px
}

/*info icons*/

i.attention {
    font-size: 11px;
    position: relative;
    top: -2px;
    transform: rotate(-45deg) !important;
    color: #E74C3C;
}i.archive {
     font-size: 12px;
     color: #666;
     position: relative;
     top: -1px;
 }
i.active {
    font-size: 12px;
    color: #5CB882;
    position: relative;
    top: -1px;
}
i.all {
    font-size: 12px;
    position: relative;
    top: -1px;
}
.icon-mf {
    padding: 8px 2px !important;
    background: transparent !important;
    width: 34px !important;
    height: 34px !important;
    border: 1px solid #899798 !important;
    border-radius: 50% !important;
    margin: 5px;
}
#topbar .navbar-top-links li > a.icon-mf i {
    font-size: 16px;
    color: #899798;
}
#topbar .navbar-top-links li > .icon-mf:hover i {
    color: #4E4E4E;
}
.add-new{
    position: absolute;
    top: 13px;
    width: 100%;
    max-width:2000px;
    min-width:670px;
}
.add-new-collapse {width: calc(50% + 90px);}
.add-new-btn{
    float:right;
    margin-right: 30px !important;
    background: #2cc990;
    padding:7px 15px;
    border-radius:2px;
}
.add-new-btn { font-size:14px !important; color:#fff !important; display:block; top:-1px !important}
.add-new-btn i{ top:1px !important;    padding-left: 5px;}
b,
strong {
    font-family: Bold, Georgia, "Times New Roman", Times, serif;
    margin: 0;
    padding: 0;
}
p {
    margin: 5px 0 5px 0 !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333
}
h1 {
    font-size: 28px;
}
h2 {
    font-size: 24px;
}
h3 {
    font-size: 20px;
}
h4 {
    font-size: 18px;
}
h5 {
    font-size: 16px;
}
.page-title {
    position: fixed;
    z-index: 1025;
    width: 100%;
    background: #fff;
    left: 0px;
    min-width:1000px;
}
.page-title h2 {
    display: inline-block;
    color: #444444;
    font-size: 28px;
    margin-left: 170px;
    font-family: Bold;
    margin-top:15px
}
.page-title h2 span{
    font-family: Times New Roman;
    font-weight: 100;
}
.page-title a {
    position: relative;
    top: 1px;
    font-size: 26px;
    color: #909090;
}
.page-title a i{
    position:relative;
    top:-3px
}
.assignment-search{
    position:absolute;
    width: 100%;
    background: #fff;
    left: 0px;
    top:65px;
    margin-left:170px;
    width: 360px;
}
.searching {
    border: 1px solid #D7D7D7;
    border-radius: 4px;
    height: 32px;
}
.searching i{color:#9C9C9C; }
.searching input {border:none !important; padding-left:0; background:transparent !important;  padding-top: 5px;}
.page-title ul.pull-right{left: 370px;
    right: inherit;
}

.sent_to_comm {position: absolute; width: 115px;  right: 85px; margin-top: -26px;}
.sent_to_comm span {font-size: 14px; position: absolute;}
.sent_to_comm p {margin: 3px 0 0 24px !important;}

.top-pagination {
    position: absolute;
    top: 60px;
    width: 100%;
    max-width: 2000px;
    min-width: 670px;
}
.top-pagination p {font-size: 14px;  color: #909090; margin-right: 30px !important; float: right;}
.top-pagination p.clientnav{width: calc(50% + 50px);}
.top-pagination p a {margin-left: 3px; color: #666;} .top-pagination p a i {font-size:13px; top:-2px; border: 1px solid; border-radius: 50%; padding: 2px 6px 2px 7px;} .top-pagination p a.prev{padding-left:7px} .top-pagination p a.prev i{padding: 2px 7px 2px 6px !important;}
.top-pagination p a.disable {color:#ccc}
.top-paginationCollapse {    width: 55%; top: 107px !important;}

.projTL span {
    border-radius: 5px;
    color: ##1d1d1d;
    font-weight: bold;
}
.projTL img {
    width: 25px;
    border-radius: 25%;
    margin-right: 10px;
    margin-top: -4px;
}
.projWG img {
    width: 25px;
    border-radius: 50%;
    margin-right: 5px;
}
.window-mod-css {
    background: #fff;
    border-radius: 2px;
    border: 1px solid #D6D6D6;
    font-size: 12px;
}
.shadow-b {
    background: #fff;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.06);
    border-radius: 4px;
}
.hidden-element {
    display: none
}
.elliosis {
    -webkit-line-clamp: 9;
}
.hidden-element-important {
    display: none !important
}
.invis-element {
    visibility: hidden
}
.btn-group> .btn {
    margin-right: 5px;
}
.files1 .file-input-wrapper,
.files2 .file-input-wrapper,
.files3 .file-input-wrapper {
    max-width: 100%;
    font-size: 12px
}
/*horizontal style*/

.hor-tabs {margin: 25px -30px 0; padding: 0 20px;border-bottom: 1px solid #ccc; margin-bottom:15px}
.hor-tabs li {display: inline-block; padding: 10px 10px;position: relative;top: 1px;  border: 1px solid transparent;border-bottom: none;}
.hor-tabs li a {background: transparent; margin: 0px; color: #999; font-family: Bold}
.hor-tabs li.active {background: #fff; border: 1px solid #ccc;border-bottom: none;border-radius: 2px;border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;}
.hor-tabs li.active > a {color: #333}
.hor-tabs li a:hover {color: #333}
.hor-tabs li.icon-assignment.active {
    background: none !important;
    border-bottom: none !important;
    padding-bottom: 3px;
}
/*pagination*/

.all-pagination {
    text-align: right;
    padding-top: 5px;
    transition: .2s;
}
.all-pagination p {
    display: inline-block;
    font-weight: 100;
    position: relative;
    top: 2px;
}
.all-pagination i.fa-angle-down {
    position: relative;
    top: 2px !important;
    font-size: 16px;
}
.tagsForm {
    float: right;
    width: 83%;
    margin-top: 5px;
}
.tagsForm .form-control {
    border: none;
}
.tagsForm .select2-container-multi .select2-choices {
    background-image: none;
}
.table-user {
    width: 25px;
    margin-top: -4px;
    border-radius: 50%;
    margin-right: 10px;
}
/*assignment*/
assignment-top{
    height:95px;
}
#assignmentEdit .addNewClientBlock:before {position: absolute; content: ''; border: 8px solid transparent; border-bottom: 7px solid #cccccc; margin-top: -35px; left: 118px; z-index: 6666;}
.specSA div.datetimepicker-disable-time {width: 100px; display: inline-block; position: relative; top: 5px;}
.specSA div.datetimepicker-disable-time:nth-child(2) {margin-left: 7px;}
.specSA div.datetimepicker-disable-time input {padding-left: 0; padding-bottom: 3px !important; padding-right: 0 !important; width: 80px;}
.specSA .input-group-addon {width: 10px !important;padding: 3px 0 4px !important; border-bottom: 1px solid #eee;}
.assignmentCA {display: block; text-align: right; padding-right: 12px;}
.nametm{
    left: 5px !important;
    position: relative;
    line-height: 1;
    margin-top: 8px !important;
}
.thAT {
    background:#fff;
    text-align:left;
    position:fixed;
    width: calc(100% - 145px);
    z-index:100;
    padding-top: 15px;
    left:0;
    margin-left:140px;
    min-width:995px;
    color:#949494;
    max-width:1855px
}
.thAT div {float:left; border-top:1px solid #ccc; padding-top: 15px; padding-bottom: 15px; font-family:Bold}
.thAT div:first-child {border:none; width:30px}
.thAT div:last-child {border:none; width:20px}
.thATcollapse div:last-child {border-top:1px solid #ccc}
.thAT div:nth-child(7){padding-left:0px}

.Smth {margin-top: 0 !important;
    height: inherit;
    width: calc(100% - 147px);
    position: fixed;
    left: 0;
    text-align: left;
    margin-left: 140px;
    z-index: 100;
    max-width:1853px;
    min-width: 995px !important;}
.Smth div {float:left; border-top:1px solid #ccc; padding-top: 15px; padding-bottom: 15px; font-size:13px; font-family:Bold, Arial, Helvetica, sans-serif; color:#949494; cursor:pointer}
.Smth div:first-child {border: none; width: 30px; cursor:default}
.Smth div:last-child {border: none; width: 20px; cursor:default}

.special-20 {width:calc(20% - 10px)}
.tenPer {width:10%}
.specialRight {margin-right: -15px;}
.balance {width:10%}

.firstTDcollapse {width:calc(100% - 70px);}
.thATcollapse{min-width:500px; width:calc(50% - 70px);}

.filter-form {
    position: absolute;
    top: 48px;
    padding-top: 20px;
    z-index: 1000;
    display: none;
    right: 15px;
    width: 315px !important;
}
.filter-form .btn {
    position: relative;
    float: right;
    margin-bottom: 15px;
}
.filter-form select {
    padding: 2px;
    background: transparent;
    -webkit-appearance: none;
}
.filter-form .arrow {
    overflow: hidden;
    background: url(../../images/arrow.jpg) no-repeat right #fff;
}
.clearFilter {
    margin-right: 10px;
    display: none;
}
.input-group.date {
    float: inherit;
    color: #440e00;
    display: inline-block;
}
#fees .input-group.date {
    float: inherit;
    color: #440e00;
    width: 100%;
    display: table-row-group;
}
#fees .timesheetResult:first-child li:nth-child(2n) {background: #f5f5f5}
#fees .timesheetResult:first-child li:nth-child(2n+1) {background: #fff}
#info .a-v-divlist .rows:nth-child(2n) {background: #f5f5f5 !important}
#billing .a-v-divlist .rows:nth-child(2n) {background: #f5f5f5 !important}
#billing .a-v-divlist span {font-size: 16px;font-family: Bold}
#myTabContent #fees #div-table {padding:0; margin:0}
#myTabContent #fees .progress {margin: 10px 0px 10px;    border-radius: 2px !important;}
.filterFormBtn {
    margin: auto -15px;
    border-top: 1px solid #ccc;
    margin-top: -5px;
    padding: 10px;
    padding-top: 15px;
}
.list-assig-t {
    text-align:left;
    margin-top: 70px;
    height: calc(100vh - 180px);
    overflow-y: auto;
}
.list-assig-t .simpl-pick {padding-top:0 !important; float:left}
.list-assig-t .simpl-pick img{margin-top:-0px;}
.list-assig-t .tags-prev {margin-top: 1px;}
.list-assig-t .rows div{
    vertical-align: middle;
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
}
.list-assig-t .rows {
    padding-bottom: 10px;
    padding-top: 10px;
    display: inline-block;
    width: 100%;
    margin-right: -15px;
    border-bottom: 1px solid #eee;
    font-size: 2px;
}
.list-assig-t .rows.activerow {background:#eff3f8}
.list-assig-t .rows div:nth-child(2) {padding-right:30px}
.list-assig-t .rows div:first-child {border:none; width:30px}
.list-assig-t .rows div:last-child {border:none; width:20px}
.assignment-sta-s {
    display: inline-block;
    float: left;
    margin-top: 10px;
    margin-left: 5px;
}
.assignment-sta-s ul {
    min-width: 120px;
    text-align: left;
    left: 35px;
    margin-top: 9px
}
.assignment-title {
    display: inline-block;
    margin: 0;
}
.assignment-nav {
    margin-top: -5px;
    float: right;
    display: inline-block;
}
.assignment {
    text-align: right;
    background: #fff;
    margin-top: 15px;
    transition: .2s;
    z-index: 100;
    min-height: calc(100vh - 100px);
}
.assignment .list-assig-t .rows div}
.assignment h2 {
    padding-bottom: 10px;
}
.assignment table tr.gray th {
    padding-bottom: 20px;
}
.assignment span {
    font-family: Bold, Georgia, "Times New Roman", Times, serif
}
.assignment a {
    color: #333;
    font-family: Medium, Georgia, "Times New Roman", Times, serif
}
.left-assignment{
    padding-right: 0px !important;
    margin-top: -95px;
    z-index: 2000;
    overflow:hidden;
    overflow:hidden;
}
.a-v-h2 {font-size: 20px; margin-left: -30px !important; padding-left: 26px;}
.onGoing {border-left: 4px solid #2cc990;}
.inArchive {border-left: 4px solid #666;}
.a-t-sort {position: absolute !important;font-size: 13px !important; line-height: 1; top: 20px !important; color: #999 !important;}
.a-t-sort-tab {display: inline-block; font-size: 28px !important; font-family: Bold; margin-top: -3px; color: #ccc !important;}
.icon-assignment {right: 35px; position: absolute; margin-top: -8px;}
.icon-assignment i {font-size: 15px; color:#666 }
.icon-assignment ul {position: absolute; right: -18px !important; margin-top: 13px; z-index: 999;}
.a-v-divlist .rows p {margin: 0 !important; text-align: left;}
.a-v-divlist .contact-client {padding-top: 5px}
.a-v-divlist .contact-client li {margin-bottom:0px; margin-top:0px; padding-left: 1px}
.a-v-divlist .rows {clear: both; margin: 0 -30px; padding: 10px 30px; min-height: 40px}
.a-v-divlist .rows:nth-child(2n) {background: #eff3f8}
.a-v-divlist .rows .dashlink {position: absolute; right: 30px;}
.a-v-c-t {font-family: Bold; color: #666; padding-bottom: 5px;}
.a-label {width: 120px; vertical-align: middle;}
.a-label strong {color:#666;}
.a-slabel {padding-right: 10px; vertical-align: middle;}
.a-rate p {padding-top: 5px }
.a-half {width: 210px; display: inline-block;}
.a-half .input-group.date {width: 50% !important}
.a-half:nth-child(2) {padding-left: 12px}
.a-half .reAddRegion {width: 210px !important}
.a-budget .a-half:nth-child(2) {padding-left: 0 !important; margin-left: -40px}
.a-rate {margin-top: 0px; width: 50% !important; text-align: right; padding-right: 2px; background: transparent;}
input#rate {width: 60px !important; padding-left: 0 !important;}
.budgetfild input.form-control {position: absolute;margin-top: -12px; padding-bottom: 3px !important; width: 100px !important;}
.a-status { right: 200px; position: absolute;  margin-top: 26px;  z-index: 999; }
.a-status li {cursor: pointer; display: inline-block; margin-right: -7px; margin-left: 5px; color: #999; border-radius: 2px; padding: 2px 10px 2px 5px;}
.a-status li:first-child {cursor: default;}
.a-status li.active {background: #f3f3f3; padding: 2px 10px 2px 5px;}
.datetimepicker-disable-date {position: relative; top: -1px;}
.titleStatus_s {position: absolute;left: 340px;margin-top: -2px;}
.titleStatus_s a {padding: 2px 10px;border-radius: 2px; font-size: 11px}
.titleStatus_s a.hasp{background: #E74C3C;color: #fff;}
.titleStatus_s a.nonep{color: #ccc;}
.titleStatus_s a.nonep i {font-size: 9px;}
.fa-exclamation-circle {color: #ff746d;}
.issue-list li:nth-child(2n+1){background: #eff3f8}
.issue-list li:nth-child(2n){background: transparent !important}
.issue-list .errand_issures_list li:last-child {background: inherit !important;}
#errand_issures_list li {    padding: 18px 30px 18px !important;}
.issue-list textarea.form-control {width: 100% !important; height: 60px; border: 1px solid #eee; margin-bottom: 15px; border-radius: 2px !important;}
.a-a-spec {width: 100% !important; margin-top: 15px;}
.a-i-right {width:550px !important}
.a-i-right .r-p-child {width: 550px !important;}
.a-t-a-b {display: block; width: 100%; left: 0; margin-bottom: 10px;}
.tags_form .select2-selection__rendered {position: relative; top: 3px;}
.tags_form .select2-selection__rendered li {display: inline-block;margin-right: 2px;padding: 3px 10px 4px; border-radius: 0px; background: #E6E6E6 !important;
    color: #666; margin-bottom: 3px; font-size: 12px;}
.tags_form .select2-selection__rendered li:last-child {background: transparent !important; color: #333; font-size: 13px;}
.a-billing .form-group div{display: table-cell; color:#333}
.a-billing label {width: 20px !important}
.a-billing .tm-bill {padding: 0 10px;}
.a-billing .blabel {width: 90px;color: #333 !important; font-family: Bold;}
.a-billing p {margin:0; font-family: Bold; margin: 0 0 15px!important; color: #333 !important}
.a-billing .d-b-late-i {padding-top: px;}
.a-billing .d-b-late-i input {width: 40px !important; padding: 0; text-align: center; background: transparent;}

.addEdit-window .stf-in.a-ajax-contact label {width: 25px !important; display: table-cell; float: left;}
.addEdit-window .stf-in.a-ajax-contact {margin-top: 15px !important; margin-left: -5px !important}
.addEdit-window .stf-in.a-ajax-contact li:last-child i{ color: #999; width: 25px}
.addEdit-window .stf-in.a-ajax-contact li:last-child a {color: #0790b8}
.addEdit-window .stf-in.a-ajax-contact li:last-child div {margin-left: 0px !important;}
.addEdit-window .stf-in.a-ajax-contact li a {color:#666;}
.addEdit-window .stf-in.a-ajax-contact li div {margin-left: 25px; padding-bottom: 8px;}
.addEdit-window .stf-in.a-ajax-contact li div a {color: #3d9dcb}
.addEdit-window .stf-in.a-ajax-contact li div p {margin:0 !important;}
.addEdit-window .stf-in.a-ajax-contact li div.addNewClientBlock {margin-left: -90px !important; margin-top: 10px; border: 1px solid #ccc; border-radius: 2px; padding: 20px 20px 5px 8px;}
.addEdit-window .stf-in.a-ajax-contact li div.addNewClientBlock button {margin-top: 10px; padding: 7px !important; margin-bottom: -10px;}

.a-archive-title {margin: -15px 0px 15px !important; width: 95%;}
.cont-label {padding-left: 5px !important; font-family: Bold; width: 90px; display: table-cell;}
.cont-ul-list li {display: block !important; clear:both;}
.cont-block {display: table-cell !important;}
.a-log {background: #f5f5f5; text-align: center; border: none; padding: 1px !important;}





.statusA {
    color: #333;
}
.statusA span {
    color: #333;
    font-family:Bold;
    color:#949494;
}
.statusA span i {
    padding: 0
}
.statusA a i {
    transition: .5s
}
.statusA a.first {
    margin-left: 10px;
}
.statusA .first.issu i {
    color: #FF746D
}
.statusA .first.issu span {
    background: #6A6A6A;
    border-radius: 50%;
    padding: 2px 4px;
    color: #fff;
    font-size: 9px;
    position: relative;
    top: -7px;
    right: 4px;
}
.archiv_tech-text {
    margin-top: 10px !important;
    padding-top: 15px;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-bottom: -10px !important
}
.archive_list_p {border-bottom: 1px solid #e8e8e8; padding-bottom: 5px;}
.archiv_info-text {
    margin-top: 5px !important;
    padding-top: 15px;
    font-size: 14px;
    font-weight: 100;
    color: #333;
    margin-bottom: 10px !important;
}
.issue-title {
    font-size: 14px;
    font-weight: 600;
    margin-top: 20px
}
.archiv_info-text i {
    color: #5CB882;
    border: 1px solid;
    padding: 4px 9px 3px 8.5px;
    border-radius: 50%;
    margin-right: 5px;
    position: relative;
    font-size: 13px;
    top: 1px;
}
.archiv_tech-text i,
.issue-title i {
    color: #FF746D
}
.statusA a.first i {
    font-size: 15px;
    margin-right: 5px;
    position: relative;
    top: -5px;
    color: #999;
    margin-right:15px
}
.statusA a.first i{width:inherit; height:inherit}
.statusA a.second i {
    color: #A7A7A7;
    padding: 4px 6px !important;
}

.statusA a.second i:hover {
    color: #666
}
.statusA a.first i:hover {
    color: #FF746D
}
.colorStatus h3 {color:#fff !important;    width: 90% !important;}
.colorStatus {background: #82B0BB;
    margin: -20px -30px 0px;
    padding-top: 20px;}
.colorStatus p.code{
    color:#e7e7e7;
}
.statusBG {background: #F9F9F9;
    padding: 5px 10px;
    border-radius: 15px;
    width: 275px;}
.titleStatus {
    margin: 0px -30px 15px;
    position: relative;
    padding: 5px 30px 15px;
    color: #ccc;
    border-bottom:1px solid #ccc;
}

table.assigment-inner {
    margin-top: -5px
}
table.assigment-inner td {
    padding-top: 5px !important;
    padding-bottom: 0px !important;
}
.assignment table tr th {
    border-bottom: none;
    border-top: 1px solid #eee !important;
    padding-top: 20px;
}
.assignment table tr th:nth-child(1){border:none !important}
.assignment table tr th:nth-child(8) {border:none !important}
.assignment table tr td:nth-child(1) {
    width: 30px
}
.assignment table tr td:nth-child(7) {
    width: 30px
}
.assignment table tr td:nth-child(8) {
    width: 30px
}
.assignment table tr.activetr {
    transition-delay: .5s
}
.assignment table tr.activetr td {
    background: #DAECF9;
    border-right: 1px solid #DAECF9;
}
.a_v_billper {position: absolute;right: 28px; font-size: 12px; margin-top: -25px; padding: 2px 5px; background: #515a65; border-radius: 4px; color: #fff;}
.saman {
    color: #FF746D
}
.issue_text {
    padding-left: 5px
}
/*Settings*/


.inner-tags-title {
    border-bottom: 1px solid #ccc;
    margin: 0 -30px 15px -30px;
    padding: 0 30px;
}
.inner-tags-title li {
    display: inline-block
}
.inner-tags-title h3 {
    margin-top: 16px;
    padding-bottom: 3px;
}
.inner-tags-title .element-settings a.dropdown-toggle {
    position: relative;
    top: 16px;
    right: 0px;
    color: #666;
}
.inner-tags-title .element-settings i {
    font-size: 20px
}
.inner-tags-title .element-settings ul {
    position: relative;
    margin-right: -20px !important;
    top: 31px
}
.inner-tags-title input {
    padding-left: 5px !important;
    border-bottom: none !important;
    position: relative;
    top: -2px;
}
.inner-tags-title .input-text-name {
    position: absolute;
    margin-top: -12px;
    margin-left: -220px;
    border: 1px solid #bbb;
    padding: 2px 10px;
    border-radius: 4px;
    background: #fff
}
.inner-tags-title .input-text-name:before {
    position: absolute;
    top: 0px;
    right: -13px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #bbb;
    border-right: 0px solid #bbb;
    border-bottom: 14px solid transparent;
    content: " ";
}
.inner-tags-title .input-text-name:after {
    position: absolute;
    top: 1px;
    right: -12px;
    display: inline-block;
    border-top: 13px solid transparent;
    border-left: 13px solid #fff;
    border-right: 0px solid #fff;
    border-bottom: 13px solid transparent;
    content: " ";
}
.droptrue {
    padding: 0px 25px 50px 25px !important;
    border-radius: 4px;
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: 30px;
    color: #fff;
}
.droptrue li {
    padding: 3px 5px 1px 5px;
    border-radius: 8px;
    background: #8E9FA0;
    float: left;
    height: 22px;
    border: 0px solid #4DA0BF;
    cursor: pointer
}
.droptrue li a {
    color: #fff;
    position: relative;
    top: -1px;
}
.droptrue li a i {
    font-size: 8px;
}
.droptrue li {
    margin: 5px
}
.tags-admin .coll_s {
    width: 49% !important;
    padding-left: 0%;
    float: left;
    clear: right;
}
.tags-admin .c_1 {
    margin-right: 1%;
}
.tags-admin .c_2 {
    margin-left: 1%;
}
.droptrue input {
    background: transparent;
    border: none;
}
/*Timesheet*/

.timesheetList {
    margin-top: 15px;
}
.timesheetList li {
    border-bottom: 1px solid #eee;
    transition: .2s;
    background: #F9FAFA;
}
.timesheetList ul:last-child {
    border: none
}
.timesheetList li a {
    font-size: 14px;
    color: #666;
    padding: 8px 20px !important;
    display: block
}
.timesheetList li,
.timesheetList li:first-child.active,
.timesheetList li:first-child:hover {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}
.timesheetList li.active,
.timesheetList li:hover {
    color: #5a5a5a;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.1);
    background: #fff;
}
.timesheetList p.client-ts {
    font-size: 14px;
    font-family: Medium;
}
.timesheetList p.assignment-ts {
    font-size: 14px;
    font-weight: normal !important;
}
.timesheetList .clock {
    display: none;
    position: absolute;
    margin-top: -71px;
    left: 83%;
    background: rgb(149, 165, 166);
    width: 20px;
    height: 71px;
}
.timesheetList .clock i {
    font-size: 30px;
    position: absolute;
    top: 28px;
    left: 0px;
    color: #fff;
}
.timesheetList li.active > .clock,
.timesheetList li:hover > .clock {
    display: block;
}
.chat-ts {
    margin-top: 15px;
}
.chat-ts .hor-tabs {
    border-bottom: 1px solid #ccc;
    margin: auto 0px;
    padding: 15px 15px 0px 15px;
}
.chat-ts .tab-content {
    padding: 15px 30px;
}
#newEntry .modal-btn {width:100% !important; float: inherit !important;}
.ts-add input {padding-left:0px; padding-right: 0; }
.ts-add-time {
    border-bottom: 1px solid #ccc;
    padding: 0 30px 15px 30px;
    margin: 0 -30px 15px -30px;
}
.ts-add-time h3 {
    padding: 0 !important;
    margin: 0 !important;
}
.add-time {
    margin-top: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 30px;
}
.add-time input {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#newEntry .text_form input {
    display: none
}
#newEntry {
    margin-bottom: 10px;
    background: #FDFDFD;
    margin: auto -30px;
    padding: 15px 30px 25px 30px;
    border-bottom: 1px solid #eee;
    display: none
}
#newEntry .date input {
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: relative;
    top: -1px;
}
#newEntry input {
    background: transparent;
}

.timeAmount-add{border: 1px solid #ccc; padding: 10px 25px 15px; border-radius: 2px; margin: 15px 0; min-height: 106px}
.timeAmount-add:before {content: url(../images/icons/arrow.jpg); position:absolute; left: 97px; margin-top: -24px;}
.timeAmount-add .rows {display: none; position: relative; padding-bottom: 40px; margin-top: -10px}
.timeAmountExpenses {right: 50px; position: absolute; margin-top: -33px;}
.timeAmountExpenses a {padding: 4px 10px; border: 1px solid transparent; border-radius: 2px; color: #999}
.timeAmountExpenses a.active{border: 1px solid #ccc; border-bottom: 1px solid #fff; color: #333}
.timeAmount-add input{padding: 0 !important}
.ta-a-1 {padding:5px 0; margin-top: 10px}
.ta-a-2 {padding:10px 5px 10px 0px}
.ta-a-3 {padding:10px 15px 10px 25px}
.ta-a-4 {padding:10px 5px 10px 15px}
.cashier_ts {margin-top: 5px; margin-bottom: 0px;}
.cashier_ts label {margin-right: 10px; color: #999}
.timeAmount-add .input-group-addon{padding: 0; padding-right: 1px; border-bottom: 1px solid #d6d6d6;}
.ts-more {position: absolute; bottom: 50px; right: 0px;}
.ts-onepart {margin: auto -25px; padding: 3px 25px 0; background: transparent !important; }
.ts-onepart input {background: transparent !important;}
.ts-onepart:nth-child(2n) {background: #eff3f8}
.ts-onepart .pf_error{margin: -3px -25px 3px;}
.ta-button {background: #636969; color: #eee !important; border-radius: 2px !important; width: 100%; margin-top: 5px; position: absolute; bottom: 0}

.formfees input {padding: 0px;}
.formfees .ta-a-1 {padding:5px 0 0px; width: 100%; }
.formfees .ta-a-2 {display: inline-block;width: 120px;}
.formfees .ta-a-3 {display: inline-block; width: 115px; margin-top: 1px;}
.formfees .ta-a-3 .input-group {padding: 0px !important;}
.formfees .ta-a-4 div {padding-top:0px;}
.formfees .ta-a-4 {display: inline-block; width: 200px;}
.formfees .ta-a-4 input {width: 60px !important;}
.formfees .ta-a-5 {margin-top: -20px; display: block; margin-bottom: 30px;}
.formfees .input-group {display: table}
.formfees .ts-onepart {margin:0; padding: 0; width: 100%}
.formfees .input-group-addon{position: relative; left: -15px; padding: 0; border-bottom: 1px solid #D6D6D6;}
.formfees .rauno{position: absolute;  margin-left: -27px !important;  margin-top: 3px !important;}
.formfees .ta-button {position: relative !important; margin-bottom: 15px; margin-top: -25px;}
.formfees {background: #f3f3f3 !important}
.formfees .i-g-addon {display: table-cell; position: relative; left: 0px; top: -7px; border-bottom: 1px solid #d6d6d6; padding-bottom: 2px;}

.newEntryShow {margin: 5px -30px 0; border-top: 1px solid #eee; background: #FDFDFD; text-align: center; margin-bottom:20px}
.newEntryShow #div-table {
    margin: 0;
}
.newEntryShow .show-ts {
    margin-left: 5px;
    position: relative;
    top: 2px;
    color: #666;
}
.time-window,
.expenses-window,
.amount-window {
    text-align: left
}
.textAlignLeft {
    text-align: left;
}
.textAlignLeft a {
    border: none;
    top: 3px !important
}
.newEntryShow .left-cell,
.newEntryShow .right-cell {
    padding: 15px auto !important;
    padding-top: 10px !important;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.leftCellModern {
    border-bottom: 0 !important;
    border-right: 1px solid #ccc
}
.rightCellModern {
    border-bottom: 0 !important;
    border-left: 1px solid #ccc
}
.noneEntryShow {
    border-top: none;
    background: transparent;
    margin-top: -15px
}
.noneEntryShow .left-cell {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.add-time #newEntry {
    background: transparent;
    border-bottom: none;
    padding-bottom: 15px;
}
.timesheet-tabs {
    text-align: center;
    margin: -15px -30px 35px -30px;
}
.timesheet-tabs li {
    padding-bottom: 15px;
    padding-top: 20px;
    border-bottom: 1px solid #ccc;
    float: left;
}
.timesheet-tabs li:first-child.active {
    border-right: 1px solid #ccc;
    border-bottom: none
}
.timesheet-tabs li:last-child.active {
    border-left: 1px solid #ccc;
    border-bottom: none
}
.timesheet-tabs li img {
    margin-right: 5px;
    position: relative;
    top: -3px;
}
.timesheet-tabs li a {
    color: #666;
    display: block
}
.plus15top {
    top: -10px;
    position: relative;
}
/*animation*/

.animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated.hinge {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-700px);
        transform: translateX(-700px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-700px);
        -ms-transform: translateX(-700px);
        transform: translateX(-700px);
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}
@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(700px);
        transform: translateX(700px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(700px);
        -ms-transform: translateX(700px);
        transform: translateX(700px);
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.slideInLeft {
    -webkit-animation-name: slideInRight;
    animation-name: slideInLeft;
}
/*Search style*/

.search-result {
    background: #fff;
    padding-top: 15px
}
ul.search_menu {
    margin-bottom: 1em;
    list-style: none;
}
ul.search_menu li {
    display: inline-block;
    padding: 6px 12px;
    font-family: Medium, Georgia, Times, serif;
}
.selected {
    background: #2ecc71;
}
.selected a,
.selected a:visited {
    color: #fff;
}
ul.search_item li {
    list-style-type: none;
    clear: both;
    border-bottom: 1px solid #dee1e2;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
ul.search_item li:last-of-type {
    border-bottom: none;
}
ul.search_item li span {
    background: #e74c3c;
    color: #fff;
    padding: 2px 10px;
    margin-right: 15px;
    float: left;
}
ul.search_item li a {
    color: #2c3e50
}
.search_item li a:hover {
    text-decoration: none;
}
ul.search_item li p {
    font-family: Medium, Georgia, "Times New Roman", Times, serif;
    color: #2c3e50;
}
#dropbox {
    min-height: 230px;
    overflow: hidden;
    position: relative;
    margin-left: -30px;
    margin-right: -30px;
    padding: 30px;
    padding-top: 0;
}
#dropbox a.uploadFile,
#dropbox .file-input-name {
    display: none !important
}
.filesList .file_icon {
    float: left;
    margin-right: 15px;
}
#dropbox ul li {
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}
#dropbox ul li:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
#dropbox.active {
    background: url(../images/addFile.png) center no-repeat #fff;
}
#dropbox div.text a {
    transition: 0s !important
}
#dropbox.active div.text,
#dropbox.active div.text a {
    visibility: hidden;
}
.overlay {
    background: rgba(255, 255, 255, 0.5);
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.overlay span {
    position: absolute;
    top: 35%;
    color: black;
    font-weight: bold;
}
.overlay .updone {
    position: relative;
    text-align: right;
    text-shadow: 1px 1px 1px #D7D7D7, 1px 1px 1px rgba(0, 0, 0, 0.7);
    transition: all 0.5s linear 0s;
    font-size: 25px;
    text-align: right;
}

.b-a-radio {height: 40px;}
.b-a-radio label{width: auto !important;}
.data-to {margin: 0 5px 0 10px;}
.b-a-radio .input-group-addon {position: absolute; top: 0; right: 15px;}
.b-a-radio input[type="text"] {width: 100% !important; height: 20px !important;top: 5px; position: relative;margin-left: 5px; margin-right: 5px;}
.full-top-shaddow {border-bottom:1px solid #ccc}
.b-a-dr {position: absolute; left: 175px; margin-top: -30px;}


.contact-client li {margin-left: -10px; margin-top: 10px;}
.contact-client li:last-child {border-bottom:none; padding-bottom:0; margin-bottom:0px;}
.contact-client li i{margin-left: -5px; color:#666}
.contact-client li a.darkgray {color:#333333}
.contact-client li div i {margin-left: 0px;}
.contact-client li div span {color:#999}
.contact-client li div:first-child{ display: inline-block;margin-left: 5px;position: relative; top: -2px;color: #333;}
.contact-client h4{font-size:14px; padding-bottom: 10px;}
.addNewClientBlock :hover .delCont{display:block}
.listCAI div{vertical-align:middle}
.listCAI div:first-child{padding-right:5px}
.listCAI div:first-child span{color:#999}
.tagsplace {padding-top: 20px;color: #666;}
.tagsplace i{float: left; width: 20px; margin-left: -2px;}
.clientTags {display: inline;position: relative;list-style: none; padding: 0;top: -3px; margin-bottom: 15px;}
.new-l-f-c {display: table-cell; font-family: Bold; width: 90px; top: -2px; position: relative;}
.client-page-view .modal-btn {width: 100% !important; float: inherit !important; margin-left: 5px;}
.client-page-view p.clientAdress {margin-top:-5px !important; padding-bottom: 4px; color: #999}
.client-page-view .singleTitle {width: 94%; margin-top: -12px}
.client-page-view .right-panel .tags-prev {margin-top: 15px; margin-bottom: 15px}
.client-page-view .c-stat #div-table {margin: 0 auto;}
.client-page-view .c-stat {margin: 20px -30px 0; padding: 0px 30px}
.client-page-view .c-stat li {margin: 0px -30px; padding: 20px 30px}
.client-page-view .c-stat li:nth-child(2n+1) {background: #eff3f8;}
.client-page-view .c-cont div {display: inline-block;}
.client-page-view .c-i-loadContent .simpl-pick {float: left; margin-top: 0px !important; margin-left: 7px;}
.client-page-view .c-i-loadContent .nametm {margin-top: inherit !important; }
.client-page-view .c-i-loadContent span {font-size: 12px; top: -5px; position: relative; color: #999;}
.client-page-view .c-i-loadContent .div-cell {vertical-align: middle;  border-bottom: 1px solid #ccc;padding: 5px 0;}
.client-page-view .c-i-loadContent .rows:last-child .div-cell {border-bottom:none}
.client-page-view .hideEl {position: absolute; right: 30px; margin-top: -12px;  color: #b7b7b7;}
.client-page-view .c-inf-title {font-family: Bold}
.client-page-view i.fa-user-plus {margin-left: 2px}
.client-page-view .addNewClientBlock .form-group {margin:5px auto !important; padding: 0 !important}
.addNewClientBlock .form-control {width:100% !important; background: transparent;}
.moreContact {position: absolute; margin-top: -35px;right: 35px;}

.delCont{position: absolute; margin-top: 0px; font-size: 13px; right: 10px; padding: 3px 5px; z-index: 1; border-radius: 50%; color: #BABABA;}
.c-c-edit {margin-top: 10px}
.c-c-edit li div i {margin-left: -5px !important;}
.c-c-edit li div.aditionalCon {margin-left: 17px !important}
.c-c-edit li {width: 100%}
.c-c-edit i.fa-angle-down {margin-left: 0px !important}
.c-d-edit {position: absolute;  right: 35px;  margin-top: -2px;}
.c-d-edit i {color:#E74C3C}


.h_file_block label {width: inherit !important;  margin-left: -2px !important;}


.panel {border: none !important; background: transparent !important; border-top: 1px solid #E0E0E0 !important; padding:0 !important;position:relative;z-index: 1;}
.panel:first-child {border: none !important;}
.panel-group .panel+.panel {margin-top: 0px !important; padding-top:5px !important}
.panel-group {margin: 0px -30px; padding: 0 30px;}
.clientAssignmentInvoice {margin-top:10px !important}
.panel-body, .panel-heading {padding-left:0px !important; padding-right:0 !important}
.panel-heading a {position:relative; padding-bottom:5px; top:5px}
.panel-body {padding:0px}
.panel-title a { font-size:14px;}
.panel-title a span{width: 250px; display: inline-block; font-size:13px;}
.panel-title a:hover, .panel-title a:active, .panel-title a:visited, .panel-title a:link {color:#333}
.selectPanel {background : #F1F1F1 !important;  margin:0 -30px; padding : 0 30px !important; margin-bottom: -1px !important; z-index:2; border-bottom: 1px solid #E0E0E0 !important;}
.selectPanel .panel-title a span {font-family:Bold}
.panel-group .panel {padding-bottom:10px !important; padding-top:5px !important}
.panel-group .panel:first-child.selectPanel {border-top: 1px solid #E0E0E0 !important; border-bottom: 1px solid #E0E0E0 !important;}
.addContactTitle {border-top:1px solid #ccc; padding: 15px 30px 5px 30px;}
.addContactTitle h5{width: 60%; display: inline;}
.addContactTitle a {float:right}
.addContactLine {margin-bottom: 15px;}
.aditionalCon {margin-left:21px; padding-top:4px; line-height: 1.7;}

.expenses-a {min-width: 640px; width: calc(50% + 70px);left: 0px;}
.expManthTitle h4{display:inline; color:#666}
.expManthTitle a {padding: 3px 6px 2px 6px;  border-radius: 50%;  border: 1px solid #666;  color: #666;  font-size: 8px;position: relative;top: -1px;}
.expManthTitle a.prevM {margin-left:10px; margin-right:5px}
.expManthTitle a i {font-size: 13px;}
.expIcon {background: #6E9EAA; width: 28px !important;height: 28px !important;text-align: center;line-height: 29px;border-radius: 2px;color: #fff; margin-right: 10px; float:left; margin-left:17px}
.expList{margin-top:20px}
.expListTitle {padding-bottom:5px; border-bottom:1px solid #ccc; margin-bottom: 10px; cursor:pointer}
.expListTitle h5 {font-size: 13px;text-transform: uppercase;color: #666;font-family: Bold;display: inline;}
.expListTitle span {float: right; color: #333;}
.greyC {color: #9A9A9A !important;}
.expListUl{margin-top: -5px; margin-bottom: -15px;}
.expListUl li {border-bottom: 1px solid #eee; padding-bottom:0px; padding-top: 10px;}
.expListUl li:last-child {border:none !important}
ul.third {padding-left:20px; border-left: 3px solid #6E9EAA; margin-left: 16px;}
ul.third li:first-child {padding-top:5px}
ul.third li {border-bottom: 1px solid #eee; padding-bottom:0px; padding-top: 10px;}
ul.third li p {padding-left:0}
ul.third .div-inline span {color: #999; font-size:12px}
ul.third .div-inline span a {display: inline;color: #9F9F9F;}
ul.third .div-inline span a:hover {color:#2F363E}
ul.third ul { margin-left: 0px;}
.expListUl li ul {margin-bottom:10px}
ul.third .iarrow {left: 15px;}
ul.third p {margin:0 !important}
ul.third a {margin-bottom: -5px !important;}
.expListUl a {display:block}
.expListUl a p {position: relative; top: -6px; line-height: 16px;color: #333; display: inline-block; font-family: Bold; padding-left:15px}
.expListUl a p span {font-size:12px;color: #999; float:inherit; font-family: Medium;}
.expListUl a span {float:right; color: #333;}
.exp-mod {width: 500px !important;}
.exp-mod .r-p-child{width: 500px !important; background: #fff}.iarrow {position: absolute; left: 10px; margin-top: 7px; color:#ccc}
#nam i.fa-times {left:inherit !important; position: relative; top: -2px; right: -4px; margin: 0; padding: 0; width: auto !important; z-index: 1; color: #ddd}

.acmanage_list {margin: 0 -30px;  padding: 10px 30px;}
.acmanage_list .header_s {color: #949494}
.acmanage_list:nth-child(2n) {background: #eff3f8}
.row_cassa {display: table; width: 100%}
.row_cassa .div-cell {vertical-align: middle;}
.row_cassa .div-cell:first-child {font-family: Bold; padding-right: 10px;}
.row_cassa .div-cell:last-child {text-align: center}
.row_cassa .div-cell:last-child a {color: #666;}
.row_cassa .simpl-pick {margin-right: 0px; margin-top:0px; width: 25px !important;position: relative; top: 5px;}
.row_cassa .nametm {margin-top: 4px !important;}
.row_cassa span {color: #666; font-family: Medium}
.exp-mod #delete-mod {width: 500px; margin: 0px -30px 0 -15px;}


.al_el {box-shadow: 0px 1px 2px 0px rgba(34, 34, 34, 0.1);background: #fff; padding: 10px 15px !important;vertical-align: middle; word-break: break-all;border: 0;}
.al_top_el {display: table; width: 100%; margin-bottom: 10px;}
.al_eltitle {width: 35%; display: table-cell; vertical-align: middle}
.al_action {width: 20%; display: table-cell; text-align: right; vertical-align: top;}
.acmanage_list .al_user {display: table-cell; width: 30%; vertical-align: middle}
.al_desc {display: table-cell; width: 15%; vertical-align: middle}


.exp-mod .select2-selection li {padding: 0 !important; margin: 0 !important;}
.new_m_ac {margin: 20px 0 10px !important;}
.new_m_ac a {color:#0790c7}
.new_m_ac a i{font-size: 10px; margin-right: 5px}
.new_m_ac .forms_add {background: #fff; margin: 10px -30px 0; padding: 10px 30px; height: 170px;}
.forms_add button{width: 100%; margin-left: 5px; margin-top: 5px;}
.forms_add input, .forms_add select {background: transparent}
.forms_add .form-group {margin-bottom:10px !important;}
.form-group .dl_sel select {width: 109px !important; padding: 0; padding-bottom: 1px !important;}
.form-group .dl_sel:after {font-family: FontAwesome; content: "\f107";display: inline-block;right: 7.5%; margin-top: 5px; position: absolute; color: #999;cursor: pointer;}
.acmanage_list .forms_add {height: 180px}
.closeedit {position: absolute; right: 15px; color: #999; font-size: 12px;}








.e_a_i_f {padding: 0px; top: -3px; position: relative; margin-left: 10px; margin-top:10px; }
.newCateg .e_a_i_f{border:none !important}
.saveNC {float: right;color: #fff !important;background: #636969;padding: 8px;}
.cat-select {border-radius: 2px !important;  padding: 2px 5px; background: transparent; border: 1px solid #999; color: #333 !important; text-align: left; font-size: 13px; margin: 5px 3px 0px 0px;}
.cat-select.active {-webkit-box-shadow: none !important; box-shadow:none !important;}
.deletCat i.fa-times {left: inherit !important; margin-top: -7px !important; margin-left: -2px; background: #636969 !important;height: 12px !important; width: 12px !important; line-height: 13px !important; font-size: 8px;}
.newCateg {position: relative; width: 100%; background: #fff; height: 38px; border: 1px solid #ccc; z-index: 1050;margin-bottom: 0px !important; margin-top: 7px;}
.recordExpenses {top: 0px;position: absolute;z-index: 9999;background: #2F363E;left:140px;width:350px;padding:15px 20px;box-shadow:2px 2px 5px #ccc;}
.recordExpenses input[type=text]{color:#f9f9f9; background:transparent; padding:0}
.recordExpenses .add-new-btn {    position: absolute; right: 20px;top: 50px !important; background: #6e9eaa; border-radius:2px; padding: 5px 10px; border-radius: 2px; margin-right:0px !important}
.reAdd {display: inline-block; padding: 5px; padding-bottom: 5px !important; top: -1px; position: relative;}
.reAddTitle {width: 93%;}
.reAddRegion {margin-left: 15px; margin-bottom:5px;}
.ex_no_error {font-size: 40px; margin-top: 27vh; font-family: Bold; text-align: center; color: #cdcdcd;}
.cat-exp {margin: 8px -15px 0; padding: 10px 15px 1px;}
.cat-exp .cat-select {padding: 2px 8px 2px 5px !important;}

.addNewCatName {margin-left:0px !important;;padding: 7px !important; color: #fff !important;margin-top: 10px; display: block;background: #636969;text-align: center;} .addNewCatName:hover, .addNewCatName:visited {color: #333;}
.addNewCatName input {background: transparent;border: none;font-size: 16px;line-height: 1;padding: 0;}
.unsortExp {font-family:Medium !important; width:70%; position:relative; top: -6px; line-height: 16px;color: #333; display: inline-block;}
.unsortExpMoney {float: right;color: #333;}
.unsortExpBy {font-size:12px;color: #999; float:inherit; font-family: Medium;}
.unsortLeft{display:inline} .unsortRight{display:inline} .unsortCenter{display:inline-block; vertical-align:top; text-align:center}
.unsortCenter i {color: #6E9EAA; cursor:pointer;     padding-top: 2px !important;}
.unsortCenter a {display: inline;}
.chooseCategory {position: absolute;background: #fff;border: 1px solid #ccc;padding: 0 0px 0px; margin-top: -2px; margin-left: -168px; text-align:left; width:247px; z-index:1050;    }
.chooseCategory li a{cursor:pointer; padding:10px 20px;}
.chooseCategory li {margin-left: -20px; margin-right: -20px; padding-top:0}
.chooseCategory li.firstChild{padding-bottom: 10px;font-family: Bold;background: #F1F1F1;margin: 0 -20px;padding: 10px 20px;width:245px; cursor:text}
.chooseCategory li.firstChild a {display:block; float:right; padding:0 !important}
.chooseCategory li:nth-child(2) {margin-top:0px}
.chooseCategory ul li:nth-child(2) {margin-top:inherit}
.chooseCategory ul {margin-left:20px}
.chooseCategory li ul {display:none; padding-left:10px}
.chooseCategory .selectedCat a.celectedLink{background: #6E9EAA; color: #fff;}
.modal-body .categoriesofexp {border:1px solid #ccc; margin-top:5px;}
.lBold {font-family: Bold;}
.categoriesofexp {width:100%;}
.expCatTitle{padding:10px 20px; width: 100%; font-family: Bold; margin:0; background:#DFE4E6}
.expCatTitle a{position: absolute;float: right;padding: 10px 15px;background: #6E9EAA;color: #fff;right: -1px;top: -1px;}
.chooseCategory .cat-select {display: block;text-align: left; border: none; border-bottom:1px solid #ccc; border-radius:0 !important; padding: 10px 20px; }
.chooseCategory .deletCat {position: absolute;right: 15px;padding: 0px !important;margin-top: -18px;font-size: 13px;font-family: Bold; background: transparent;}
.cat-select.selected {background: #636969; color: #fff !important; border: none; margin-right: 10px;}
.cat-select.selected:first-child {margin-left: 0px !important;}
.cat-select.selected:after {font-family: "FontAwesome"; content: "\f0da"; position: absolute; font-size: 23px; color: #636969; margin-left: 3px; margin-top: -6px; }
.cat-select.selected:first-child:before {content:""}
.chooseCategory .addNewCatName{border: none; color: #6E9EAA; padding-bottom: 10px;}
.chooseCategory .addNewCatName.active:after { display:none}
.chooseCategory .addNewCatName.active:before {display:none}
.saveNC {width:24%}
.r_save span{border-radius: 50%; border: 1px solid #6E9EAA; padding: 0 5px; margin-right: 5px; color: #6E9EAA; float:right}
.r_save {color: #6E9EAA; padding: 10px 10px; position: relative; top: -1px; border:none !important;}
.cat-select i{color: #666; border: none; position: relative; font-size: 12px; margin-top: 2px; width: 5px; margin-left: 3px;  margin-right: 3px;}
a.cat-select i {color: #666; margin-right: 10px; font-size: 11px;}
.activeC {background:#6E9EAA; color:#fff !important}





.del_mod_modal {margin: 0 !important; max-width: 100% !important;}
#delete-mod {z-index:999;background: rgba(78, 160, 184, 0.9); padding: 30px 30px 40px; margin: 0px -30px; position: fixed; width: 100%; max-width: 550px; bottom: 0;}
#delete-mod a {color: #fff; padding: 5px 12px; border: 1px solid #fff; border-radius: 2px; margin-right: 15px}
#delete-mod p {margin: 0px 0px 20px!important; font-family: Bold; color: #fff; font-size: 14px;}
.full_page {padding: 30px 60px 40px !important; max-width: none !important;}
#addplus-mod {background: #60b5cb; position: absolute; padding: 3px 9px; border-radius: 2px; color: #fff;}
.apm-right {right: 36px;}


.new-a-sl label {font-family: Medium}
.new-a-sl li{padding: 5px 30px !important;}
.new-a-sl li:nth-child(2n+1) {background: #f5f5f5;}
.new-a-sl li:first-child {padding-top: 18px !important;padding-bottom: 18px !important;}
.new-a-sl li:nth-child(2) {padding-top: 0px !important}
.new-a-sl li .select2-selection li {padding: inherit !important;}
.new-a-sl li input {background: transparent !important;}
.new-a-sl .rb-label {width:175px; display:inline-block;margin-left: -1px; }
.new-a-sl .rb-label label {width:20px !important}
.new-a-sl .qvadro {width:250px; display:inline-block; text-align: right;padding-right: 15px;}


.sacc_f1_f {padding: 0; background: transparent;}
.sacc_f1_l {}
.sacc_f2_l {padding: 2px 5px !important; color: #fff !important; background: #636969; border:none !important; border-radius: 2px}

.u-i-new {color: #e9e9e9;}
.u-i-new:hover, .u-i-new:visited, .u-i-new:active, .u-i-new:focus {color:#e9e9e9;}
.u-i-new i.fa-user {font-size: 14px; clear: both; margin-right: 5px; color: #7c7c7c;}
.userInfo {position: absolute; bottom: 0; width: 140px;padding: 20px 0px 20px; color: #e4e4e4;text-align: center; background: #171f28;}
.userInfo ul{padding-left: 28px;}
.userInfo li a:hover, .userInfo li a:visited, .userInfo li a:active, .userInfo li a:focus {color:#fff; background: transparent !important;}
.vremenniy_da {position: absolute;
    margin-left: 140px;
    margin-top: -46px;
    padding: 12px;
    background-color: rgba(47, 54, 62, 0.79);
    color: #eee;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;width: 275px;}
.menu_but, .menu_but:hover, .menu_but:focus, .menu_but:active, .menu_but.active {background: #060f19 !important;}

.rb1_in {text-align: left !important; padding-left: 60px;}


/*New styles*/
.projectList {border-right:2px solid #ccc}
.projectGroupList {background: #f9f9f9; padding-bottom: 15px !important; font-family: Bold;}
.projectTaskList div:nth-child(2) a{font-family: Medium;}

/* changes 07.06 */
.p_expf_success{display: none; color: #fff;}
img#expf_close {float: right;width: 16px;}

/* changes 21.06 */
li.ptf_success{
    display: none !important;
}
.pause-timer-window{
    height: auto;
}
#p_time_fast_add .pf_error{
    font-size: 14px;
    width: 230px;
}
.r-p-child .pf_error {margin: -10px -30px 0; background: #fcf8e3; padding: 15px 30px; color: #66512c; font-family: Bold; display:none;}
.r-p-child .pf_error i{ margin-right: 10px;}
.ptf_success {
    width: 250px;
    padding: 10px;
    position: absolute;
    left: 140px;
    top: 0;
    background: #000307 !important;
    border-radius: 0;
    display: none;
}

img#ptf_close {
    width: 16px;
    float: right;
}

.textTypeL {cursor: text;}
.close_ib {font-size: 12px; position: absolute; right: 3px; margin-top: -9px; color: #999 !important;}
.close_ib i {font-size:14px}










.vrem_sht li:first-child {margin-left:30px; margin-top: 15px }
.vrem_sht li {display:block;cursor:pointer;}
.vrem_sht ul:after {    position: absolute;
    top: -17px;
    left: 31px;
    border-top: 8px solid transparent;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
    content: " ";}
.vrem_sht ul:before {
    position: absolute;
    top: -20px;
    left: 30px;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ccc;
    content: " ";
}

.new_ver_d1 {position: absolute; margin-top: -25px; left: 175px;}
.new_ver_d2 {position: absolute; margin-top: -34px; left: 175px;}
.new_ver_d3 {position: absolute; margin-top: -28px; left: 250px;}
.popover.fade.left.in {margin-top: -10px !important}

.error_bal {margin: 0 -25px; padding: 3px 25px; background: #ffe4d7; color: #413e3a;}
.error_bal .fa-warning {display: inline-block; position: relative; top: -9px; padding-right: 10px; color: #c54848;}
.error_bal p {display: inline-block;}

.notif_bal {margin: -3px -25px 0; padding: 5px 25px; background: #e74c3c; color: #fff;}
.notif_bal .fa-exclamation-triangle {display: inline-block; position: relative; padding-right: 10px; color: #fff;}
.notif_bal p {display: inline-block;}

.not_b_f {position: relative; top: -5px;border: none;}



/*
[Workout timer]
*/


.timer_add_page {position: absolute; z-index: 2000; background: #eff3f8; height: 100vh; width: 450px; box-shadow: 2px 0 5px 4px rgba(34, 34, 34, 0.1); padding: 0 25px;}

.timer_add_page .tap_header{height: 48px;line-height: 48px; background: #2cc990; margin: 0 -25px; padding: 0 25px; color: #fff; font-size: 16px; font-family: Bold;}
.timer_add_page label {width: 90px; display: inline-block; font-family: Bold;}
.timer_add_page input, .timer_add_page select {width: 76%; display: inline-block; background: transparent !important; z-index: 1; padding: 0 !important;}
.timer_add_page  .selectTypeTr:before {right: 30px !important}
.timer_add_page .form-group {margin-bottom: 0px !important;}
.timer_add_page .addT_to_list {padding: 20px 25px 10px; margin: 0 -25px;}
.timer_add_page .addT_to_list .pf_error {display:none;margin: -15px -25px 10px;padding: 10px 25px;background: #fcf8e3;color: #66512c;
    font-family: Bold;}
.timer_add_page .addT_to_list .pf_error i{margin-right: 10px}
.timer_add_page .addT_to_list .select2-selection__choice{width: 95% !important; padding-bottom: 5px !important;}
.timer_add_page .addT_to_list .select2-selection__rendered {width: 100%}
.timer_add_page .trows {padding-bottom: 10px;}
.timer_add_page button {width: 100%; margin-left: 5px; margin-top: 5px; float: inherit !important;}

.new_timer_t {background: transparent; overflow-y: auto;}
.workout-timer {min-height:50px; margin: 0px 20px 5px; border-radius: 2px; border-spacing: 3px 3px; border-collapse:inherit}

.workout-timer__play-pause,
.workout-timer__reset {
    color: #666;
    text-align: center;
    width: 12px;
}

.workout-timer__play-pause:after {
    content: "\f04c ";
    font-family: FontAwesome;
    color: #e74c3c;
    font-weight: normal;
}
.workout-timer__play-pause[data-paused=true]:after {
    content: "\f04b";
    font-family: FontAwesome;
    color: #2cc990;
    font-weight: normal;
}
.tap_add_t {font-family: Bold; color: #0790b8 !important;}
.tap_add_t i{font-size: 10px; position: relative; top: -1px;}
.timerstarted {background: #2cc990 !important;}
.timerstarted .fa-hourglass-end {color: #fff !important;}
.tap_total {font-family:Bold; box-shadow: 0px 1px 2px 0px rgba(34, 34, 34, 0.1); color:#fff; vertical-align: middle; width: 60px; text-align: center;}
table.workout-timer:nth-child(1n) .tap_total, .exp_red_c{background: #e74c3c;}
table.workout-timer:nth-child(2n) .tap_total, .exp_green_c{background: #2ecc71;}
table.workout-timer:nth-child(3n) .tap_total, .exp_violet_c {background: #9b59b6;}
table.workout-timer:nth-child(4n) .tap_total, .exp_yellow_c {background: #f1c40f;}
table.workout-timer:nth-child(5n) .tap_total, .exp_blue_c {background: #3498db;}
table.workout-timer:nth-child(6n) .tap_total, .exp_orange_c {background: #e67e22;}
table.workout-timer:nth-child(7n) .tap_total, .exp_lightblue_c{background: #1abc9c;}
table.workout-timer:nth-child(8n) .tap_total{background: #c0392b;}
table.workout-timer:nth-child(9n) .tap_total {background: #27ae60;}
table.workout-timer:nth-child(10n) .tap_total {background: #8e44ad;}
table.workout-timer:nth-child(11n) .tap_total {background: #f39c12;}
table.workout-timer:nth-child(12n) .tap_total {background: #2980b9;}
table.workout-timer:nth-child(13n) .tap_total {background: #d35400;}
table.workout-timer:nth-child(14n) .tap_total {background: #16a085;}
.workout-timer .fa-trash-o {display:none; cursor:pointer; position: absolute; left: 422px; padding: 5px 10px; margin-top: -20px; color: #1f262e; font-size: 13px;}
.workout-timer:hover .fa-trash-o {display: block !important;}
.tap_total.saved {background: #2cc990 !important;}
.tap_total.saved i {font-size: 18px;padding-top: 5px; padding-left: 2px;}
.tap_description {box-shadow: 0px 1px 2px 0px rgba(34, 34, 34, 0.1);background: #fff;display: table-cell;padding: 10px !important; width: 245px; vertical-align:middle; word-break: break-all}
.tap_t_el {box-shadow: 0px 1px 2px 0px rgba(34, 34, 34, 0.1);background: #fff; vertical-align: middle; width: 70px; text-align: center;}
.tap_t_el2 {box-shadow: 0px 1px 2px 0px rgba(34, 34, 34, 0.1);background: #fff; vertical-align: middle; width: 25px; text-align: center;}
.tap_description:hover .popover_timer{display: block}

.workout-timer .popover {position: absolute; border-radius: 2px !important;margin: 0 !important;}

.workout-timer__counter {display: inline-block; font-size: 14px; font-family: Bold}
.workout-timer__play-pause {padding: 4px 0;display: inline-block; position: relative; font-size: 14px; color: #2cc990;}
.workout-timer__reset {padding: 4px 0;display: inline-block; cursor:pointer; position: relative; font-size: 14px;}
.closeTimer {position: absolute;right: 20px;} .closeTimer i {color: #fff; }

/*Balance page*/
.money_account {margin-top: 40px; background: #eeeff3; height: calc(100vh - 40px); padding-right: 0px; padding-top: 30px; overflow-y: auto;}
.account_coll {margin-bottom:20px; margin: 0 30px;}
.account_cashier, .account_cashier a {font-size: 14px; color: #333; font-size: 14px; color: #333; font-family: Bold; margin: 10px 0;}
.cassa_ac li {margin-bottom: 20px; background: #fff; box-shadow: 3px 2px 4px -1px rgba(34, 34, 34, 0.1); width: 23.6%; padding: 7px 15px; display: inline-block; margin-right: 1.5%;}
.cassa_ac li:nth-child(4n) {margin-right: 0 !important;}
.cassa_ac li hr {padding: 0; margin: 6px 0 3px; width: 40px; height: 3px;}
.cassa_ac i {position: relative; float: right; margin-top: -16px; font-size: 16px; color: #999;}
.exp_amount {margin-top: 5px;}
.exp_amount span{text-transform: uppercase; font-size: 10px; font-family: Bold; color: #999;}
.exp_amount p {text-transform: uppercase;  font-family: Bold;  font-size: 14px;  padding: 0 !important;  margin: 0 !important;}

.ma_title {background: #f8f8f8; padding: 12px 15px; font-family: Bold;}
.ma_title a {color: #333}
.ma_title .simpl-pick {float: left; position: relative; top: -11px; margin-right: 5px}
.ma_content {padding: 12px 15px 0px; width: 100%; display: table;}
.ma_header:first-child{text-align: left}
.ma_header {display: table-cell;padding-bottom: 5px; border-bottom: 1px solid #ccc; text-align: center;}
.ma_table {padding: 7px 15px; width: 100%; display: table;}
.ma_table div {display: table-cell; border-bottom:1px solid #ccc; padding-bottom: 7px; vertical-align: middle; text-align: center;}
.ma_table div:first-child {text-align: left}
.ma_table:last-child div {border: none}
.ma_table.last div{border:none !important;}

.balance_top_title {padding-bottom: 10px; background: #eeeff3}
.balance_cho {top:60px !important; background: #f8f8f8; box-shadow: 3px 2px 4px -1px rgba(34, 34, 34, 0.1);}
.balance_cho ul {margin-left:170px; font-size: 0;}
.balance_cho ul li {cursor:pointer;display: inline-block; font-family: Bold; font-size:14px; color: #999; padding: 15px; transition: .2s;}
.balance_cho ul li:hover {background: #c6e1f3; color: #fff;}
.balance_cho ul li.active {background: #5eb3ec; color: #f8f8f8;}

.spec_acc_am {display: none}

.p_m_account {margin-top: 40px; background: #eeeff3; padding: 30px 30px; }
.p_m_account ul {width: 100%; display: block; font-size: 0; position: relative}
.p_m_account ul:first-child li {position: relative}
.p_m_account ul li{vertical-align: top; width: 32%; display: inline-block; font-size: 13px; word-wrap: break-word;}
.p_m_account ul li:nth-child(2){margin: 0% 2%;}
.p_m_account .pf_error {display:none; margin: -10px -15px 5px; background: #fcf8e3; padding: 10px 15px; color: #66512c;  font-family: Bold;}
.p_m_account .pf_error i {margin-right: 10px}
.p_m_account ul:first-child li .fa-times{position: absolute; color: #eee; right: 10px; top: 11px;}
.p_m_account ul:nth-child(2) li .fa-times {position: relative; left: calc(100% - 8px) !important; top: 1px; line-height: 17px; color: #fff;}

.pam_ftitle {padding: 0px 15px; line-height: 42px; margin-bottom: 8px; font-family: Bold; color: #666; background: #e2e2e2 !important; height: 42px; }
.pam_ftitle i {position: relative; top: 1px; font-size: 13px;}
.pam_ftitle i.fa-angle-down{color:#4e8dd6}
.pam_ftitle i.fa-plus {float: right; position: relative; top: -1px; height: 42px; width: 42px; right: -15px; line-height: 45px; background: #dbdbdb; color: #2cc990; border-left: 1px solid  #e2e2e2; cursor: pointer;}
.pam_ftitle i.fa-minus {float: right; position: relative; top: -1px; height: 42px; width: 42px; right: -15px; line-height: 47px; background: #dbdbdb; color: #e74c3c; cursor: pointer;}
.pam_ftitle i.activ_i:after {font-family: "FontAwesome"; font-size: 20px; color: #dbdbdb; content: "\f0d7"; position: absolute;
    margin-top: 21px; margin-left: -10px;}
.pam_ftitle i.fa-plus.activ_i:after {margin-top: 22px;}
.pam_ftitle span {cursor: pointer; color:#4e8dd6}
.accaunt_list {cursor:pointer; padding: 10px 15px; margin-bottom: 3px; background: #ddd; color: #5a5a5a; font-family: Bold;}
.accaunt_list span {font-family: Medium; font-size: 13px; color: #696969;}

.accaunt_list hr{margin: 3px 0 4px; width: 30px; padding: 0; height: 3px; border: none;}
.accaunt_list.exp_red_c{border-left:3px solid #e74c3c;}
.accaunt_list.exp_green_c{border-left:3px solid #2ecc71;}
.accaunt_list.exp_violet_c {border-left:3px solid #9b59b6;}
.accaunt_list.exp_yellow_c {border-left:3px solid #f1c40f;}
.accaunt_list.exp_blue_c {border-left:3px solid #3498db;}
.accaunt_list.exp_orange_c {border-left:3px solid #e67e22;}
.accaunt_list.tap_total, .exp_lightblue_c{border-left:3px solid #1abc9c;}

.al_title {width: 60%; display: inline-block; vertical-align: middle;}
.al_title i {font-size: 13px;}
.al_title i.fa-building-o {margin-left: -2px;}
.al_balance {vertical-align: middle; display: inline-block; text-align: right; width: 38%; font-size: 16px; line-height: 1;color: #5a5a5a;}
.al_balance span {font-family: Bold;}
.al_balance p {font-size: 15px; top: -2px; position: relative;}
.singl_cassa {background: #ddd; padding: 0px 7px 2px; margin-top: -10px}
.singl_cassa .dlist_code {font-family: Medium}
.singl_cassa .dlist_discript {font-family: Bold}

.dlist_b{ auto; box-shadow: 0px 1px 0px 0px rgba(34, 34, 34, 0.1);}
.al_dlist {background: #fff; padding: 10px 15px; margin-bottom: 3px; font-size: 0px; position: relative}
.al_dlist.plus {border-left:4px solid #2cc990}
.al_dlist.minus {border-left:4px solid #e74c3c}
.al_dlist.unknown {border-left:4px solid #b9b9b9}
.al_dlist .new_trans {font-size: 13px; padding: 0; box-shadow: none;}
.al_dlist ul.dropdown-menu {display: none; position: absolute; width: 90px; min-width: 90px; right: -14px;  margin-top: 8px; top: inherit;}
.al_dlist .open>.dropdown-menu {display: block}
.al_dlist ul.dropdown-menu li {display: block; width: 100%; text-align: left; margin: 0 !important; height: auto !important;}
.al_dlist .outcoming, .al_dlist .incoming {position: relative}
.al_dlist .select2-selection__choice{width: 91% !important; padding-bottom: 5px !important;}
.al_dlist .select2-search{float: left; width: 5px !important;}

.dlist_info {width: 100%; display: table; border-top: 1px solid #ccc;
    margin-top: 15px; margin-bottom: 5px}
.dlist_info button {left:0 !important; width: 100%; float: inherit !important;}
.dlist_info .account_select {margin-top: 10px}
.dlist_info .select2-selection__choice {width: auto !important;}
.dlist_info .cl_as p:first-child{display: inline-block; width: 80px; vertical-align: top; margin: 0 !important;}
.dlist_info .cl_as p:last-child{display: inline-block; width: calc(100% - 90px); vertical-align: top; margin: 0 !important;}
.pending .dlist_info .select2-container{top: 5px; position: relative;}
.pending .dlist_info .account_select {height: inherit; margin-bottom: 20px;}
.pending .pf_error {margin-top: 10px;}
.dlist_row {display: table; width: 100%; font-size: 13px}
.dlist_code {color: #666; font-size: 12px;font-family: Bold;}
.dlist_money {position:relative; display: table-cell; width: 40%; text-align: right; font-family: Bold; color: #333; font-size: 14px; vertical-align: middle}
.dlist_money span{font-family: Medium; color: #999; font-size: 12px;}
.dlist_money i {color: #333}
.dlist_row:nth-child(2) {margin-top: 5px}
.dlist_action {vertical-align:middle;font-size: 14px; display: table-cell; width: 30%; color: #bbb; text-align: right; cursor: pointer}
.dlist_action i.fa-check-square-o, .dlist_action i.fa-edit {position: relative;top: 1px;}
.dlist_action i {transition: .5s;}
.dlist_action i:hover {color:#4e8dd6;}
.dlist_action i.active {font-size: 14px; color:#4e8dd6; top:0;}
.dlist_action a {font-size: 13px}
.dlist_categ {font-size: 12px;display: table;width: 100%;margin-top: 5px;color: #666;}
.dlist_categ div:first-child {width: 80%; display: table-cell;}
.dlist_categ div:last-child {width: 20%; text-align: right;display: table-cell;}
.dlist_minitrans {font-size: 13px;display: table;width: 100%;margin-top: 5px}
.dlist_minitrans .div-row div{border-bottom: 1px solid #e2e2e2; padding: 5px 0;}
.dlist_minitrans .div-row div:last-child {text-align: right }
.dlist_minitrans .div-row:last-child div{border-bottom: none;}
.dlist_date {vertical-align: top;text-align: right; font-size: 12px; color: #999; display: table-cell; width: 30%}
.al_dlist .new_trans {margin-top: 8px;}
.al_dlist .cat-exp {margin: 10px -15px 5px !important;}
.al_dlist .balance_details input {margin-top: -5px !important;}
.al_dlist .balance_save button {margin-top: 0 !important; margin-bottom: 0px !important;}
.al_dlist i.fa-times.close_bl_e {background: transparent !important;color: #999 !important;font-size: 12px !important; top:-5px !important; right: -10px !important; left: inherit !important;}
.dlist_client {font-family:Bold; color:#666}
.dlist_paymen {display: table-cell; width: 60%; color: #666; font-family: Medium}
.dlist_assignment {display: none}
.hide_ditails {color: #fff; font-size: 13px; position: relative;}
.pending {font-size: 13px}
.pending .dlist_code {font-size: 13px}
.pending .cat-exp {font-size: 13px; margin-top: 0 !important;}

.p_m_account .select2-selection__choice {display: inline-block; width: 89% !important; padding-bottom: 3px !important;}

.pam_new {background: #fff; padding: 12px 15px; margin-top: 3px; margin-bottom: 7px; box-shadow: 0px 0px 6px 0px #e4e4e4;}
.popover_timer {font-size: 12px; color: #777; display: none; position: absolute; width: 241px; word-break: break-word;
    background: #fcf8e3; margin-left: -10px; padding: 5px 10px; box-shadow: 0px -1px 2px 0px rgba(34, 34, 34, 0.05); border-radius: 10px;}
.popover_timer:after {position: absolute; bottom: -8px; left: 10px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid #fcf8e3; content: "";}







.select2-results__options li{border-bottom: 1px solid #f3f3f3;}
.select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #eff3f8; color: #000;}
.workout-timer__reset.active { color: #666; cursor:pointer;}
.workout-timer__reset {color: #ccc; cursor:not-allowed;}



/*balance page*/
.new_trans {background: #fff; padding: 10px 15px 0px;margin-bottom: 7px; box-shadow: 0px 1px 5px 1px rgba(34, 34, 34, 0.05);}
.new_trans .select2-selection li {width: auto}
.outcoming.new_trans .select2-container {width: calc(100% - 90px) !important; margin-top: 5px}
.incoming.new_trans .select2-container {width: calc(100% - 90px) !important; margin-top: 5px}
.new_trans .invoice_payment {display: none}
.new_trans .invoice_payment .select2-selection__rendered li{display: inline-block; margin: 0}
.new_trans .invoice_payment .select2-selection__rendered li.select2-selection__choice{width: 93%;padding-bottom: 5px;}
.new_trans .invoice_payment label{font-family: Bold; width: 90px}
.new_trans .invoice_payment .select2-container{width: calc(100% - 94px) !important;}
.outcoming, .incoming {display:none; width: 100%; position: absolute; z-index: 1; }
.new_trans.io_s_t {max-height: calc(100vh - 130px); overflow-y: auto;}
.budget_header {padding: 9px 15px; margin: -10px -15px 10px;}
.incoming .budget_header {background: #2cc990;}
.outcoming .budget_header {background: #e74c3c;}
.balance_add_title{font-family: Bold; color: #fff}
.balance_details {margin: -7px -15px 0; padding: 10px 15px 1px !important;}
.balance_details:first-child {padding-top: 15px !important;}
.balance_details input, .balance_details select {background: transparent}
.balance_details .bal_in input{float: right; width: calc(100% - 90px); margin-top: -2px; padding: 0;}
.balance_details .text_form label {display: inline-block; width: 86px}
.balance_details .text_form input{; padding-left: 0}
.account_select p {float:left; margin-right: 10px !important; font-size: 13px}
.account_select select{float: right; width: calc(100% - 125px);}
.balance_save button{position: relative; margin-top: 5px; margin-bottom:20px; width: 100%; background: #636969; color: #eee !important; border-radius: 2px !important; border: none; padding: 5px 0px;}
.spentBy {display: block}
.spentBy .select2-container {width: calc(100% - 170px) !important;}
.moreexp {display:none; position: relative; margin-left: calc(100% - 65px); top: -40px;}
.scroll_al li{height: calc(100vh - 130px); overflow-y: auto;}
.scroll_al .select2-selection li {overflow: inherit; height: auto !important;}

.close_x_bud {position: absolute; right: 20px;  margin-top: 2px;}
.close_x_bud i.fa-times {color: #999 !important; font-size: 12px; background: transparent !important;}
#approveRequest .close_x_bud {margin-top: 2px !important;}



.radio_color {width: 200px; position: absolute; margin-top: -14px; margin-left: 92px;}
.radio_color label {display: inline-block; cursor: pointer; position: relative; margin-right: 15px; font-size: 13px; width: inherit;}
.radio_color input[type=radio] {display: none;}
.radio_color label:before { content: ""; display: inline-block; width: 16px;height: 16px;
    margin-right: 10px; position: absolute; left: 0; bottom: 1px;}
.radio_color span:first-child label:before {background: #e74c3c;}
.radio_color span:nth-child(2n) label:before{background: #2ecc71;}
.radio_color span:nth-child(3n) label:before{background: #9b59b6;}
.radio_color span:nth-child(4n) label:before{background: #f1c40f;}
.radio_color span:nth-child(5n) label:before{background: #3498db;}
.radio_color span:nth-child(6n) label:before{background: #e67e22;}
.radio_color span:nth-child(7n) label:before{background: #1abc9c;}
.radio_color .radio label:before {border-radius: 8px;}
.radio_color input[type=radio]:checked + label:before {font-family: FontAwesome; content: "\f00c"; color: #fff; font-size: 12px; text-align: center; line-height: 18px;}



.money_request {position: absolute; left: 148px; border-radius: 2px; top: 0; width: 300px; background: #232d3d; color: #e8e8e9;}
.mr_header {background: #273142; padding: 10px 15px; font-family: Bold; border-top-left-radius: 2px; border-top-right-radius: 2px}
.mr_header:before{position: absolute; top: 11px; left: -14px; border-top: 7px solid transparent; border-left: 7px solid transparent; border-right: 7px solid #273142; border-bottom: 7px solid transparent; content: " ";}
.mr_header a {background: #2cc990; padding: 10px 0px 10px 15px !important; border-top-right-radius: 2px; float: right; margin: -10px -15px;}
.mr_header a:hover {background: #2cc990 !important;}.mr_header a i {color:#fff !important; position: relative; top:1px}
.mr_body {padding: 10px 15px 0px;}
.mr_body div.na_n_a_x .select2-container {width: 100% !important;}
.mr_body div.curr_tr .select2-container {margin-top: -4px;}
.mr_body div .select2-container{width: 105px !important;}
.mr_body input::-webkit-input-placeholder {color:#fff;}
.mr_body input::-moz-placeholder{color:#fff;}
.mr_body input:-moz-placeholder{color:#fff;}
.mr_body input:-ms-input-placeholder{color:#fff;}
.money_request input {background: transparent; padding: 0}
.money_request input, .money_request .select2-selection__choice {color:#e8e8e9 !important;}
.money_request li {height: auto !important; margin-top: 5px;}



.global_nat {position: absolute; z-index: 9999; left: 5px; width: 300px; opacity: 0.7; padding: 15px 20px; bottom: 30px;}
.global_nat:hover {opacity: 1}
.gn_ico {display: table-cell; padding-right: 10px; vertical-align: middle}
.gn_ico i {font-size: 22px;}
.gn_desc {display: table-cell}

.gn_error { background: #e74c3c;  color: #fff;}

.currency_info {display:none; position: absolute; width: 200px; left: -208px; margin-top: -1px; background: #fcf8e3;box-shadow: 0px -1px 2px 0px rgba(34, 34, 34, 0.05); padding: 5px 10px}
.currency_info:after {position: absolute; top: 5px; right: -14px; border-right: 7px solid transparent; border-left: 7px solid #fcf8e3; border-top: 8px solid transparent; border-bottom: 8px solid transparent;content: "";}
.p_c_i:hover .currency_info {display:block}



/*NEW BILLING STYLE*/
.billing_list.bl_payment {margin-top: 0 !important; overflow-y: auto; padding: 0 !important; position: relative; top: 40px;}
.billing_list li{padding-left: 30px; padding-right: 20px;}
.billing_list li:nth-child(2n-1) {background:#eff3f8}
.billing_list.bl_payment {height: calc(100vh - 163px);}
.billing_list .invoice-infoblock {margin: -5px -20px 0px -30px !important; border: 0 !important;}
.billing_list .inv_sum {float: right; position: relative; top: 3px;font-size: 14px; font-family: Bold}
.billing_list .spec_bil_icon {position: relative; top: -1px;margin-right: 3px;font-size: 12px; border: 1px solid #666; border-radius: 50%; width: 20px; height: 20px; line-height: 18px; color: #333; margin-left: 3px;}
.invoice-id.inv_not {padding: 8px 30px 17px !important; margin-top: -6px !important; min-height: 50px}
.total_sum_ico {height: 10px;top: -2px; left: 5px;position: relative}

.billing-search{ position:absolute; background: #fff; left: 0px; margin-left: 30px; width: 30%;padding-top: 6px;}
.billing-search .searching {border: 1px solid #D7D7D7; border-radius: 4px; height: 32px;}
.billing-search .searching i{color:#9C9C9C; }
.billing-search .searching input {border:none !important; padding-left:0; background:transparent !important}

.payment_info {margin: 10px 20px 10px 30px;}
.payment_info .div-table {border-top: 1px solid #e2e2e2;}
.payment_info .div-table button {float: right; position: relative; top: 10px;width: 170px; padding: 4px;}
.payment_info .pf_error {margin: -10px -30px 0; background: #fcf8e3; padding: 10px 30px; color: #66512c;display: none; font-family: Bold;}
#payment_info .ul-billing-header .div-row div {padding-top: 0 !important; border: none !important;}
#payment_info .ul-billing-header li {padding: 7px 20px 10px 30px !important}
#payment_info .ul-billing-header {margin-top: 5px !important;}
#payment_info ul.list {margin-top: 47px !important; height: calc(100vh - 155px) !important;}
#payment_info .ul-billing-header {width: calc(100% - 145px) !important; overflow-x: hidden;}

/*Billing*/
.billing-top { height: 104px; width: 100%; min-width: 670px;  max-width:2000px}
.billing-nav {margin-left: 170px; border-bottom:1px solid #ccc; padding-top: 15px;  margin-right:30px;}
.billing-nav li{display:inline-block; margin-left: 20px; border-bottom:3px solid #fff;  padding-bottom:5px;}
.billing-nav li a {font-size: 15px; font-family: Semibold;}
.billing-nav li:first-child { margin-left:0px;}
.billing-nav li.active{border-bottom:3px solid #e15258;}
.billing-nav .date-filter {position:relative; top:-7px; left:10px; display: inherit;}
.billing-nav .date-filter .dropdown-menu {margin-top:20px}
.billing-nav li.active a{color:#666;}
.billing-nav li a{color:#999; display:block;}

.billing-nav li div.date-filter li{padding: 0 !important;background: transparent;display: block;margin: 0;border-radius: 0;border-bottom: 1px solid #eee !important; top:0 !important} .billing-nav li div.date-filter li a {background:transparent !important}
.billing {margin-top: 104px;}
.billing #div-table {padding-left:30px; padding-right:20px;}
.billing ul{padding-top:80px}

.billing ul.list{margin-top: 105px;position: absolute;z-index: 1;padding-top: 0;height: calc(100vh - 225px); overflow-y: scroll; width: 100%}
.billing ul.list li:first-child{border-top:none !important}
.billing li {padding-top:12px !important; padding-bottom:12px; margin:0 !important;}
.billing ul li:first-child {border-top:1px solid #ccc}
.billing .div-cell {vertical-align: middle;}
.billing ul li:last-child {border:none}
.billing .tab-content {height: calc(100vh - 110px)}
.billing .tab-pane {padding-bottom:10px; }
.billing .tab-pane li {cursor:pointer}
.billing .ascl {padding-right:20px}
.billing-preTop {margin-top:5px; position:fixed; width: calc(100vw - 140px); min-width:750px; background:#fff; padding-top:0px !important; left:0; margin-left:140px; z-index:1000; max-width:1855px}


.billing-preTop .top-pagination {top:inherit !important; padding-top:7px}
.billing .infosearch {margin-left:30px; position: relative; top:8px;}
.billing .infosearch p.b-n-t{ position:relative; top:-1px; font-size: 13px; padding-left:8px !important; line-height:16px; color:#666;}
.billing .infosearch p{font-size: 20px; float:left; line-height:.7; color:#666;}
.billing .ul-billing-header {position: fixed; cursor: auto; background: #fff; margin-left: 140px; left: 0; width: calc(100% - 150px);padding-top: 0px; margin-top:45px;    min-width: 750px; z-index:2; max-width:1855px}
.billing .ul-billing-header .div-row div.div-cell{ border-top:1px solid #ccc; padding-top: 15px;}
.billLastActiv {padding-left: 8px !important; background: #F9F9F9;position: fixed; width: 100%; z-index: 1;max-width: 310px;}
.billing #list_body li:nth-child(2n-1) {background: #eff3f8}

.timeline-logs {height: calc(100vh - 57px);overflow: auto; margin-top:55px}
.timeline-logs ul {margin-top: 10px; border-left: 4px solid #ccc;margin-left: 10px; padding-right:15px;}
.timeline-logs li {margin: -5px 5px 20px;display: block; position: relative; padding: 0px 10px 5px; color: #333; transition: .3s; cursor: default; }
.timeline-logs li span{color:#9F9F9F}
.timeline-logs li:before {content: url(../images/nuhta.png); position:absolute; left:-14px;}

.invoice-infoblock {padding-bottom:0px; border-bottom: 1px solid #ccc !important; border-top: 1px solid #ccc !important; margin: -12px -20px -12px -30px; padding-top: 13px;}
.invoice-infoblock p {display:table; margin:0 !important;}
.invoice-infoblock p.title {font-size: 13px;color: #333;float: left; width: 120px !important;}
.invoice-infoblock p span {position: relative;height:25px;}
.invoice-info-right table.paidt td{border-bottom:1px solid #E2E2E2; border-top:none !important}
.invoice-info-right table.paidt td:first-child{border-bottom:none}
.invoice-info-right table.paidt tr:first-child td{border-bottom:1px solid #ccc !important}
.invoice-info-right table.waitt td{border-bottom:1px solid #E2E2E2; border-top:none !important}
.invoice-info-right table.waitt tr:first-child td{border-bottom:1px solid #ccc !important}
.invoice-info-right table.waitt tr:last-child td{border-bottom:none !important}
.invoice-info-right {border-left:1px solid #ccc; min-height: 125px; margin-left: -.34em;}

.invoice-id span.id_in{display: table;  position: relative;left: 40px; top: -30px; font-size: 13px;  line-height: 16px;font-family: Bold;}
.invoice-id i{font-size: 30px; margin-left:-6px;}
.invoice-id {border-bottom:1px solid #ccc; width:100%;padding:5px 30px}
.invoice-id p{display: block; height: 33px;}

.invoice-info {width:55% !important; padding: 15px 30px 10px; display:inline-block;vertical-align:top; border-right: 1px solid #ccc;}
.invoice-info span {display:table; position:relative; left:5px}
.invoice-info strong {float:left; width:20px}
.invoice-info-right {width: 44% !important; padding: 15px 30px 10px !important; padding-left: 20px; display: inline-block; vertical-align: top;}
.invoice-info p, .invoice-info-right p {padding-bottom:5px}
.invoice-info-right i {border: 1px solid #ccc; border-radius: 50%; padding: 4px 14px 3px 9px; margin-right:5px}
.invoice-info-right i.fa-trash-o {border: none; position: absolute; padding: 0 !important;color: #999; right: 20px;font-size: 12px;}
.invoice-dobtn {right: 25px; position: absolute; margin-top: -43px;}
.invoice-dobtn a {margin-left:5px}
.btn-i-tpl {border-left: 1px solid #ccc;padding: 0px 10px; display: inline-block;}
.btn-i-tpl a {padding:0; margin:0; color:#458598}
.draft-s {background:url(../images/status/draft.png) no-repeat 170px 5px; padding-top:12px !important}
.sent-s {background:url(../images/status/sent.png) no-repeat 170px 5px; padding-top:12px !important}
.paid-s {background:url(../images/status/paid.png?ver=2) no-repeat 170px 5px; padding-top:12px !important}
.deliv-s {background: url(../images/status/delivered.png) no-repeat 170px 5px; padding-top: 12px !important;}
.overdue-s {background: url(../images/status/overdue.png) no-repeat 170px 5px; padding-top: 12px !important;}

.invoiceSending .form-group input {padding:0; margin-top:-5px; }
.invoiceSending .form-group:first-child {padding-top:15px;}
.invoiceSending .form-group {clear:both; padding-bottom:20px;}
.invoiceSending input[type=checkbox]:not(old) + label {margin-left:-5px}
.invoiceSending textarea {border: 1px solid #ccc !important; border-radius: 4px !important; height: inherit;}
.functionallink a{padding-bottom: 0px; display: inline-block;  padding-left: 50px;}
.functionallink a i{color:#707F83}
.functionallink a:first-child{padding-left:0px}
.invoiceSending input[type=checkbox] + label {color:#6A6F6A}

.billing_filter {position: absolute; left: 34%; margin: 7px;z-index: 1041; top:1px}
.billing_filter p {display: inline-block; font-family: Bold; color: #999;}
.billing_filter .input-group.date{display: inline-block; width: 110px; border: 1px solid #D7D7D7; border-radius: 4px; height: 28px;}
.billing_filter .date input {width: 100px;display: inline-block; border: 0; padding-top: 4px; padding-left: 8px;}
.billing_filter .date div {position: absolute; top: 0; right: 9px;}
.billing_filter .clearBtn {line-height: 1.2; position: absolute; right: -45px; top: 0; display: none}
.bil_payment_header {padding: 2px 0 10px; font-family: Bold; color: #666; border: none !important;}
.billing_payment_date {margin-right: 60px;  display: inline; position: initial;}
.reimbursed {position: relative; right: 3px; font-size: 11px !important; background: #2cc990; color: #fff !important; padding: 1px 7px 2px;}


.client_ch_form {position: relative; left: 5px; display: none; width: 250px;}
.client_ch_form select {width: 200px}
.client_ch_form button {background: none;border: none; position: relative; top: 1px;}
.client_ch_form li.select2-search {height: 33px; padding: 0;}
.client_ch_form ul.select2-selection__rendered {height: 21px;}
.client_ch_form ul.select2-selection__rendered li{padding: 0 !important;}

/*NEW STYLE FOR SAME ELEMENTS*/
h3 {margin: 0 0 10px 0; font-size: 14px; font-family: Semibold;}

.v_c_padding {padding: 0}

.highcharts-container{position: absolute; width:100% !important;height:100% !important;}

.link_col {color:#0790b8}
.purple_bg {background: #9b59b6;}   .purple_col{color: #9b59b6 !important;}
.yellow_bg {background: #f1c40f;}   .yellow_col{color: #f1c40f !important;}
.blue_bg {background: #2196f3;}     .blue_col {color: #2196f3 !important;}
.orange_bg {background: #e67e22;}   .orange_col {color: #e67e22 !important;}
.wight_bg {background: #fff;}       .wight_col {color: #fff !important;}
.green_bg {background: #2cc990;}    .green_col {color: #2cc990 !important;}
.red_bg {background: #e74c3c;}      .red_col {color: #e74c3c !important;}
.darkblue_bg {background: #233752;} .darkblue_col {color: #233752 !important;}
.gray_col999 {color: #999; font-family: Medium !important;}
.gray_bg {background: #eeeff3;}
.darkgray_bg {background: #636969;}

.gray_header_block {background: #e2e2e2; margin: -10px -15px 15px; padding: 12px 15px 6px; border-bottom: 1px solid #ddd; height: 42px}

.transparent {background: transparent !important; box-shadow: none !important;}
.cur_p {cursor: pointer;}
.r_pad10 {padding-right: 7px}
.form_btn {color: #fff !important; padding: 8px 15px; border: none; border-radius: 4px !important; transition: .3s; left: -5px; position: relative; width: 100%}
.export_btn {position:relative; top:10px}

.shadow {box-shadow: 0px 1px 5px 1px rgba(34, 34, 34, 0.05);}
.slide_dw {box-shadow: 0px 1px 5px 1px rgba(34, 34, 34, 0.05); background: #fff; border-radius: 2px;}

.block_pad {padding: 0 30px 10px 0px; margin-bottom: 15px}
.block_razd {margin-top: 10px; margin-bottom: 10px;}

.title_p {position: fixed; z-index: 1025; width: 100%; left: 0px; min-width: 1000px;}  /*заголовок страницы*/
.title_p h1 {display: inline-block; color: #444444; font-size: 28px; margin-left: 170px; font-family: Bold; margin-top: 20px; margin-bottom: 20px}

.grey_title_block {padding: 0px 15px; line-height: 42px; margin-bottom: 8px; font-family: Bold; color: #666; background: #e2e2e2 !important; height: 42px; }
.grey_title_block i {position: relative; top: 1px; font-size: 13px; margin-left: 5px}

ul.tab_page_nav {margin-left: 170px; border-bottom:1px solid #ccc; padding-top: 15px;  margin-right:30px;}
ul.tab_page_nav li{display:inline-block; margin-left: 20px; border-bottom:3px solid #fff;  padding-bottom:5px;}
ul.tab_page_nav li a {font-size: 15px; font-family: Semibold; color: #999}
ul.tab_page_nav li:first-child { margin-left:0px;}
ul.tab_page_nav li.active{border-bottom:3px solid #e15258;}
ul.tab_page_nav li.active a{color:#666;}

.w_i_g_parent {margin: 0px -20px 0 -30px;}
.w_i_g_child {margin: 0 15px;}
.w_i_g_element {background: #fff; padding:7px 15px; margin-top: 5px; box-shadow: 0px 1px 5px 1px rgba(34, 34, 34, 0.05)}

.label_90 {width: 90px; float: left}
.select_90 span.select2-container, .input_90 {width: calc(100% - 90px) !important;}
.label_60 {width: 60px; float: left}
.select_60 span.select2-container, .input_60 {width: calc(100% - 60px) !important;}
.input_amount {width: 80px; margin-top: -2px;}

/*statistic' style*/
.statistic-page-view {height: 100vh; }
.statistic {margin-top: 85px; padding: 15px 20px 15px 0px; background: #fff;}
.statistic .div-table li {position: relative}
.statistic-top .tab_page_nav {margin-left: 140px; border-bottom: 1px solid #ccc; padding-top: 15px; margin-right: 5px; padding-left: 30px;}
.statistic-top .tab_page_nav li {border-color:  #fff;}

.overview_total_count_g {color:#2CC990; font-family: Semibold; font-size: 16px; float: right}
.overview_total_count_r {color:#E15258; font-family: Semibold; font-size: 16px; float: right}
.overview_total_internal {font-family: Bold; font-size: 14px; text-transform: uppercase}
.o_t_i_22 {font-size: 24px;}
.o_t_i_19 {font-size: 20px;}
.o_t_i_16 {font-size: 16px;}
.overview_title {text-transform: uppercase; font-size: 10px; font-family: Bold; color: #999;}
.overview_title_graph {font-size: 11px; font-family: Bold; color: #333;}
.stat_tag {font-size: 11px; font-family: Bold; color: #999; margin-right: 10px}

.statistic .dropdown-menu {top:auto !important; left: auto !important; right: auto !important;}
.statistic .dropdown-menu.pull-left {margin-top: 27px; margin-left: -13px;}
.statistic .dropdown-menu.pull-right {margin-top: 7px; margin-right: -13px;}

.stat_year_nav {position: absolute; z-index: 2; right: 20px; padding: 2px 10px 4px; border-radius: 10px; top: 0;}
.cur_year_stat {font-size: 12px; font-family: Bold; padding: 0px 10px;}
.stat_year_nav i{font-size: 12px; font-weight: 700; color: #171f28;}
.stat_year_nav i.disable {color:#c6e5ee !important;}

.stat_invoices_form {position: relative; width: 400px; left: 3px;}
#hr_bar1_chart, #hr_bar2_chart {height: 220px !important}

.stat_a_on_gray {float: left; z-index: 2; position: relative; margin-bottom: 8px; font-family: Bold;}
.saog_title {color: #666;}

.graph_block {border-bottom: 1px solid #cccccc; padding-bottom: 20px; margin-top: 25px; padding-left: 30px;}
.graph_block .col-xs-8 {position: relative;}
.graph_block .col-xs-8 .gb_220h{position: relative; z-index: 3; margin-top: 30px}
#hbstat_left .graph_block:last-child {border-bottom:none !important; padding-bottom: 100px}
.gb_220h {height: 220px;}
.graph_block h3{font-size: 20px; font-family: Semibold; line-height: 1 margin-bottom: 20px; color: #343433; margin-left: 15px;}
.graph_block h3 span {font-size: 13px;}
.graph_info_block {padding-bottom: 0px}
.graph_info_block .col-xs-3 {border-right: 1px solid #ccc;  padding: 25px 15px 25px; cursor: pointer} .graph_info_block .col-xs-3:last-child {border:none;}
.graph_info_block .col-xs-3:nth-child(2n) .overview_total_internal{color: #FFC107;}
.graph_info_block .col-xs-3:nth-child(3n) .overview_total_internal{color: #FF9800;}
.graph_info_block .col-xs-3:nth-child(4n) .overview_total_internal{color: #FF5722;}
.graph_info_block .col-xs-3:nth-child(5n) .overview_total_internal{color: #F44336;}
.graph_info_block_budget .col-xs-3 {padding: 0px 15px 25px;}
.graph_info_block_budget .col-xs-3 .overview_total_internal{color: #2CC990;}
.graph_info_block_budget .col-xs-9 {border-left: 1px solid #ccc;}
.graph_info_block .colxs6 {border-right: 1px solid #ccc;  padding: 0px 15px 25px;} .graph_info_block .colxs6:last-child {border:none;}
.overview_count {color: #666;font-family: Bold;font-size: 11px;text-transform: uppercase;position: relative;top: 2px;}
.overview_exel {font-size: 11px; font-family: Bold; position: relative; top:2px}
#finv_chart, #fpay_chart, #fday_chart, #revenue_chart {min-height: 277px}

.stat_menu {padding: 15px 10px; border-bottom: 1px solid #ccc; cursor: pointer;}
.stat_menu.active_stat {border-color: #2CC990;}
.stat_submenu {background: #f7f7f7; padding: 0px 10px 5px; max-height: 250px; overflow-y: auto;border-bottom: 1px solid #ccc;}
.stat_submenu ul li {padding: 5px 10px; cursor: pointer}
.stat_submenu ul li.active_submenu {font-family: Semibold}

#b_chart_invoice .highcharts-tooltip .tollt, #b_chart_payment .highcharts-tooltip .tollt{z-index:999999999 !important;}
#b_chart_invoice .highcharts-container, #b_chart_payment .highcharts-container {overflow: visible!important;}
#b_chart_invoice svg:not(:root), #b_chart_payment svg:not(:root) {overflow: visible!important;}

.stat_hr_list {margin: 0 20px 0 30px;  }
.stat_hr_list ul{margin: 0 -20px 0 -30px;}
.stat_hr_list ul li{padding: 10px 20px 10px 30px;}
.stat_hr_list h3 {font-size: 18px; margin-top: 20px;}
.stat_hr_list h2 {font-size: 18px;  margin-top: 7px; font-family: Bold; line-height: 0.5;}
.ul-stat_hr-header {border-bottom: 1px solid #ccc;}
.stat_hr_list .polosatiy #div-table:nth-child(2n+1) {background: #eff3f8;}
.stat_hr_list ul #div-table {margin-top: 0; margin-bottom: 0;}
.stat_hr_list ul.polosatiy {margin-right: -25px;}
.active_hr {border-bottom: 2px solid #e15258 !important; margin-bottom: -2px;}

.hr_per_photo {width: 70px; height: 70px; overflow: hidden; border-radius: 50%; border: 1px solid #ccc; margin-left: calc(50% - 35px);}
.hr_per_photo img {width: 70px}
.statPersonalInfo {overflow-y: auto; height: calc(100vh - 120px); margin: 0 -19px 0 -15px; padding: 25px 15px;}
.stat_hr_card {border-top: 1px solid #ccc; line-height: 1.7; margin-top: 10px; padding-top: 10px;}
.stat_hr_card .div-row .div-cell:nth-child(2n) {padding-left: 5px}
.stat_haurs {font-size: 16px; font-family: Bold;}
.stat_months_list {margin-top: 10px; line-height: 1.7; color: #666; font-size: 11px}
.stat_ava {text-align: center; line-height: 1; margin-top: 8px; font-size: 16px;}
.cartochka {background: #efefef; padding: 15px; position: relative; top: -25px; width: 95%}
.cartochka:after {content: ""; position: absolute; left: 0; bottom: -10px; border-top: 10px solid #efefef; border-right: 100px solid transparent;}
.cartochka:before {content: ""; position: absolute; right: 0; bottom: -10px; border-top: 10px solid #efefef; border-left: 100px solid transparent;}
.hts {cursor: pointer}
.hr_tab_stat {border-right: 1px solid #0790be}
.hr_tab_stat:after {content:''; border-top: 10px solid transparent; border-left: 10px solid #0790be; border-bottom: 10px solid transparent; position: absolute; right: 5px;  margin-top: -20px;}
.stat_hal {padding: 5px 15px; border-left: 1px solid #ccc; margin-top: 20px; min-height:200px; max-height: calc(100vh - 440px); overflow-y: auto;}
.stat_hr_headlist {width: 100%; border-bottom: 1px solid #eee;}
.stat_hr_innerlist {width: 100%;}
.stat_hr_headlist div:first-child, .stat_hr_innerlist div:first-child {padding: 7px 15px; border-bottom: 1px solid #eee;}
.stat_hr_headlist div:last-child, .stat_hr_innerlist div:last-child {padding: 7px 0px; 7px 10px; border-bottom: 1px solid #eee;}

/*BUDGET*/
.budget {margin-top: 70px; height: calc(100vh - 70px)}
.budget_m_sum {float: right; color: #20272f;}
.budget_list {padding: 5px 15px;}
.budget_list_el_title {font-family: Semibold; color: #666; padding: 15px 0; border-bottom: 1px solid #ccc}
.budget_list_el:last-child  .budget_list_el_title {border:none}
.budget_list_el_title span {float: right}

.unsort_transaction {padding:8px 15px 13px; margin-bottom: 5px}
.unsort_transaction .ut_list_det {top: 5px; position: relative; color: #999; font-size: 12px;}
.unsort_transaction a {background: #2cc990; color: #fff; padding: 1px 9px 2px;}
.unsort_transaction_scrol {overflow-y: scroll; height: calc(100vh - 130px); margin-right: -5px; position: relative}
.unsort_transaction:last-child {margin-bottom: 150px}

.parent_cat {margin-top: -1px;}
.parent_cat_el {margin: 0px -15px; padding: 8px 15px; background: #ddd; margin-bottom: 3px; cursor: pointer}
.parent_cat_el.active{background: #aeaeae}
.child_cat {margin: 8px 0 0;}
.child_cat_el {margin: 0px -15px; padding: 9px 15px 8px; background: #f8f8f8; margin-bottom: 3px}
.child_cat_el .close_bl_e {float: right !important; cursor: pointer}
.budget_list li span{float: right}
.budget_accept, .budget_internal {width: 225px; position: absolute; padding:15px 10px 15px; right: 35px; border: 1px solid #dfdfdf; display: none}
.budget_accept:after, .budget_internal:after {position: absolute; top: -20px; right: 12px; border-top: 11px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; content: " ";}
.budget_accept:before, .budget_internal:before {position: absolute; top: -20px; right: 12px; border-top: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ccc; content: " ";}
.budget_accept label, .budget_internal label {width: 60px}

#editBudget span{float: none !important;}



/*NOTIFICATION PAGE*/
#notification_page {position: absolute; width: 430px; background: #fff; box-shadow: 6px 0 10px 5px rgba(34, 34, 34, 0.05);height: 100vh; z-index: 8888;}
.np_body {}
.np_header {padding: 15px 20px 13px; background: #343e4c; color: #f9f9f9; font-family: Bold; font-size: 16px;}
.np_nav_icon {float:right;} .np_nav_icon i {color: #f9f9f2;}
.np_podlojka {position: absolute; background: rgba(0, 0, 0, .2); width: 100%; height: 100vh; z-index: 5000;}
.np_list {overflow-y: auto; height: calc(100vh - 80px);}
.np_list li {padding: 15px 20px; border-top: 1px solid #eee; transition: .3s;}
.np_list li:hover {background:#f8f8f8}
.np_list li:hover  .np_todo a {background: #999 !important;}
.np_list li:first-child {border:none}
.np_list_content {padding-left: 5px}
.np_list_content h5 {font-size: 13px; font-family: Bold; margin: 0;}
.np_list_content h6 {float: right; margin: 2px 0 0; font-size: 11px; color: #999;}
.np_list_content p {}
.np_list_content .np_link {color:#0790b8; cursor: pointer}
.np_todo {text-align: right}
.np_todo a {background: #e2e2e2; padding: 1px 4px 2px 3px; border-radius: 6px;}
.np_todo i {color: #fff; font-size: 11px}

.hexagon {width: 26px; height: 18px; position: relative;}
.hexagon:before {content: ""; position: absolute; top: -6px; left: 0; width: 0; height: 0; border-left: 13px solid transparent; border-right: 13px solid transparent;}
.hexagon:after {content: ""; position: absolute; bottom: -6px; left: 0; width: 0; height: 0; border-left: 13px solid transparent; border-right: 13px solid transparent;}
.hexagon i {color:#fff;}

.np_status .hexagon i {padding-left: 7px;}
.np_status .hexagon {background: #c8db4d;}
.np_status .hexagon:before{border-bottom: 6px solid #c8db4d;}
.np_status .hexagon:after{border-top: 6px solid #c8db4d}
.np_assignment .hexagon i {padding-left: 6px;}
.np_assignment .hexagon {background: #c87e99;}
.np_assignment .hexagon:before{border-bottom: 6px solid #c87e99;}
.np_assignment .hexagon:after{border-top: 6px solid #c87e99}
.np_billing .hexagon i {padding-left: 7px;}
.np_billing .hexagon {background: #e24b36;}
.np_billing .hexagon:before{border-bottom: 6px solid #e24b36;}
.np_billing .hexagon:after{border-top: 6px solid #e24b36}
.np_balance .hexagon i {padding-left: 5px;}
.np_balance .hexagon {background: #ffd300;}
.np_balance .hexagon:before{border-bottom: 6px solid #ffd300;}
.np_balance .hexagon:after{border-top: 6px solid #ffd300}
.np_project .hexagon i {padding-left: 5px;}
.np_project .hexagon {background: #7ccce5;}
.np_project .hexagon:before{border-bottom: 6px solid #7ccce5;}
.np_project .hexagon:after{border-top: 6px solid #7ccce5}

.np_filter {background: #586d8a;}
.np_filter li {display: inline-block; padding:10px 13px; border-right: 1px solid #4a5c75; color: #fff; position: relative; cursor: pointer}
.np_filter li:last-child {border: none}
.np_filter .act_fil:after {content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #586d8a; position: absolute;
    left: calc(50% - 5px); bottom: -5px;}
.np_filter_hide {display: none}

.np_menu_calc{position: absolute;font-size: 10px; margin-top: -6px; margin-left: -19px; background: #e15258; width: 15px; height: 15px; border-radius: 50%; text-align: center;}
.np_reviewed {opacity: .7} .np_reviewed:hover {opacity: .9}


.dashboard {background: #eeeff3;}
.d_sc {background: #eeeff3; height: calc(100vh); overflow-y: auto;}
.d_informpanel {background: #fff; border-top: 1px solid #efefef; min-width: 745px; height: 100vh;}
.d_i_element {padding: 20px 0 20px 30px; border-top: 1px solid #e5e5e5;}
.d_i_element hr {width: 50px; margin: 27px auto;}
.d_i_count {font-size: 30px; font-weight: Bold;  color: #20272f; display: inline-block;}
.d_i_type {color: #666; font-family: Bold; font-size: 11px;position: relative; margin-left: 5px; display: inline-block; text-align: left;}
.d_i_lastm {font-size: 11px; font-family: Bold; color: #999; position: relative; top: -2px; margin: 0 !important;} .d_i_lastm strong{color: #2cc990; font-size: 12px}
.d_h_tot {font-size: 24px; line-height: 1; font-family: Bold;  border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; margin: 0 0 4px 0 !important;}
.d_h_tot span{font-size: 13px; line-height: 1; font-family: Bold; color: #999}
.d_informpanel .overview_title_graph {margin-left: 7px;}

.d_calendar {padding-top: 20px; padding-bottom: 6px;}
.d_calendar h3{font-size: 18px; color:#607d8b; text-transform: uppercase}
.d_calendar h3 span {color: #ccc}
.d_c_header {padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; margin: 0 0px 0 -30px; padding-left: 15px;}
.d_c_week {font-family: Bold; color: #999;}
.d_c_week .d_c_ul li {padding: 5px 0;}
.d_c_week .d_c_ul {border-bottom: 1px solid #e5e5e5;  margin-bottom: -10px;}
.d_c_days .d_c_ul li p {width: 40px; height: 40px; text-align: center; margin: 0 auto !important; padding-top: 10px; }
.d_c_ul {font-size: 0; list-style: none}
.d_c_ul li {width: 14%; text-align: center; display: inline-block; font-size: 13px; padding-left; padding: 25px 0; position: relative}
.d_c_aldday {color: #ccc}
.d_c_current p {background: #4cabcf; border-radius: 50%; color: #fff;}
.d_c_has_event p {border-radius: 50%; border: 1px solid #efefef}
.d_c_eventlist {vertical-align: top}
.d_c_eventlist ul{overflow-y: auto; margin-left: 15px; background: #f2f6ff;}
.d_c_eventlist li {margin-bottom: 10px}
.d_c_point {vertical-align: top; width: 10px}
.d_c_intro {padding-left: 3px; position: relative; top: 1px;}
.d_c_intro .d_c_intro_sp1 {color: #666}
.d_c_intro .d_c_intro_sp2 {font-family: Bold}
.d_c_eventblock {margin-left: 15px; background: #f2f6ff; padding: 20px 15px 15px; border-bottom: 1px solid#efefef}
.d_c_eventblock h3{font-size: 18px; color:#607d8b;}
.d_c_eventblock h3 span{font-size: 13px; color: #999; font-family: Medium;}
.d_c_eventblock a {float: right; width: 35px; height: 35px; background: #4cabcf; border-radius: 50px; margin-top: 0px; padding: 9px 12px;}
.d_c_eventblock a i {color: #fff}
.d_c_evinc {height: calc(100vh - 84px); overflow-y: auto;padding: 15px;}
.d_c_evinc li {background: #ffe07f; border-radius: 2px; padding: 10px;  margin-bottom: 15px;}
.d_c_evinc li:nth-child(2n) {background:#ffbfd4}
.d_c_evinc li:nth-child(3n) {background:#a9efea}


.d_block {background: #fff; padding: 12px 15px;}
.d_block h3 {display: inline-block;font-size: 20px; margin: 0; color: #333}
.d_b_totalrec {text-align: left}
.d_b_totalrec p:first-child{text-transform: uppercase; font-size: 10px; font-family: Bold; color: #666;}
.d_b_totalrec p:last-child {font-size: 28px; margin-top: 1px !important; margin-left: 2px !important; color: #2cc99d; line-height: 0.6;}
.d_b_totalrec span {font-size: 13px; font-family: Bold;}
#d_info_time {padding: 15px 15px 0; border-top: 1px solid #e5e5e5;}
.d_b_selector {font-family: Bold; position: relative; float: right; top: -18px;}
.d_b_selector span {color: #999; font-family: Medium;}
.d_b_selector i {font-weight: bold; cursor: pointer; color: #0790b8;}
.d_b_selector .fa-angle-left {margin-right: 7px;}
.d_b_selector .fa-angle-right {margin-left: 7px;}
.d_c_lister {float: right; font-family: Bold; color: #333; top: 5px; position: relative;}
.d_c_lister i {font-weight: bold; cursor: pointer; color: #0790b8;}
.d_c_lister .fa-angle-left {margin-right:7px;}
.d_c_lister .fa-angle-right {margin-left: 7px;}
.d_c_add {float: left; top: 5px; position: relative;}
.d_c_add i {font-size: 10px; margin-left: 6px}


.d_c_event {position: absolute; width: 100%; text-align: center; margin-top: -13px; font-size: 5px}
.d_c_meeting {color:#2196f3; font-size: 6px}
.d_c_deadline {color:#e15258; font-size: 6px}
.d_c_google {color:#9b59b6; font-size: 6px}
.d_c_reminder {color:#e67e22; font-size: 6px}
.d_c_table {padding-top: 15px;}
.d_informpanel #loading {margin-top: 20%}

.d_profile {padding: 20px 30px;}
.d_c_img {width: 58px; height: 58px; overflow: hidden; border: 1px solid #ccc; border-radius: 25%; display: inline-block}
.d_c_img img {width: 58px; margin: auto}
.d_c_data {display: inline-block; margin-left: 5px; vertical-align: top; line-height: .1; max-width: 154px}
.d_c_data h3 {font-size: 18px; font-family: Bold; padding-top: 3px;margin: 0; color: #666; display: inline-block; word-break: break-all;}
.d_c_data h4 {color: #999; font-size: 11px; text-transform: uppercase; font-family: Bold;margin: 0;padding-top: 5px;}
.d_c_data .d_c_stat {margin-top: 10px;}
.d_c_data .d_c_stat img {width: 28px; margin-right: 2px;}
.d_c_rate {display: inline-block; position: relative; top: 7px; left: 0px;}
.d_c_rate img {position: relative; z-index: 1}
.d_c_r_bg {background: #e74c3c; height: 19px; position: absolute; top: 1px;}

.d_c_addForm {padding: 20px 20px 40px; top:50px; display:none; position: absolute; width: 450px; margin-top: 30px; background: #fff; margin-left: calc(50% - 235px); border: 1px solid #ccc; border-radius: 4px;}
.d_c_addForm .fa-times {position: absolute; right: -12px; top: -12px; padding: 5px 7px; background: #fff; border-radius: 50%; cursor: pointer;}
.dcf_l select{width: 300px !important;}
.d_c_formfild label{display: inline-block; width: 90px}
.d_c_formfild select {display: inline-block; width: 160px; z-index: 10; position: relative;}
.d_c_formfild .selectTypeTr {z-index: 1;}
.d_c_formfild .selectTypeTr:before {left: 262px !important; margin-top: -20px; !important;}
.d_c_f_desc .textarea_modal {width: 100%; border: 1px solid #d6d6d6; background: #fcfcfc; height: 50px; margin-top: 10px; padding: 5px;}
.d_c_addForm .date, .d_c_addForm .clock{width: 149px; display: inline-block; position: relative;top: 7px;}
.d_c_addForm .date input, .d_c_addForm .clock input {width: 100px}
.d_c_addForm .input-group-addon {text-align: left; padding: 0;}
.d_c_addForm .input-group-addon span{border-bottom: 1px solid #ccc; padding-bottom: 5px; position: absolute; top: 3px;}
.d_c_af_save {background: #636969;color: #eee !important; border-radius: 2px !important; width: 91%; margin-top: -5px; position: absolute;}
.d_c_billable {display: none}
.d_c_has_event {cursor: pointer}


/*PROJECT*/
.campaign {margin-top: 75px;  background: #fff; height:calc(100vh - 75px); padding-right: 0px; border-top: 1px solid #efefef}
.campaign h3 {font-size: 18px; color: #666;}
.project_list {background: #fafafa; margin: 0 -15px; height:calc(100vh - 80px); overflow-y: auto; border-right: 1px solid #e2e2e2;}
.project_list li {padding: 15px 30px; border-bottom: 1px solid #efefef; cursor: pointer; font-family: Bold}
.project_list li:last-child {border:none}
.project_list li.active {background: #dfe4e6; color: #333;}
.p_l_search {padding: 0 15px !important; cursor: text !important; border-color: #ccc !important;}
.p_l_search .searching {border: none}
.project_type .dropdown-menu {position: absolute; left: 30px; top: 48px}
.project_type .dropdown-menu li {padding: 0px;}
.project_type h6 {font-family: Bold; color: #666; font-size: 16px; margin: 0; display: inline-block;}
.project_type .dropdown-toggle i {color: #666;}

.p_active_type .dropdown-menu {position: absolute; right: -15px; top: 26px;}
.p_active_type .dropdown-menu li {padding: 0px;}
.p_active_type {position: absolute; right: 15px;top: 17px;}
.p_active_type h6 {font-family: Bold; color: #999; font-size: 13px; margin: 0; display: inline-block;}
.p_active_type .dropdown-toggle i {color: #666;}

.p_active_s_type .dropdown-menu {position: absolute; right: 5px; top: 37px;}
.p_active_s_type .dropdown-menu li {padding: 0px;}
.p_active_s_type {border}
.p_active_s_type h6 {font-family: Bold; color: #666; font-size: 13px; margin: 0; display: inline-block;}
.p_active_s_type .dropdown-toggle i {color: #666;}
.p_active_s_type .dropdown-menu li {display: block;}
.p_active_s_type .dropdown-menu li.active a {background: transparent; color: #333}


.project_func_btn {position: absolute;left: 14px; width: 59px; height: 25px; margin-top: -35px; z-index: 9999; display: none; background: #485b6e; border-radius: 5px; padding: 4px 10px;}
.project_func_btn:after {border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #485b6e; content: ""; position: absolute; bottom: -5px;}
.task_title:hover .project_func_btn {display: block}
.project_func_btn a{color: #fff; padding: 0 2px}

.tit_t {margin: 0 -15px; border-bottom: 7px solid #f0f1f2;}

.tasks {background: #fff; padding-right: 15px;}
.tasks h2 {font-size: 13px; font-family: Bold;  margin-top: 0px;  color: #333; text-transform: uppercase;}
.tasks h1 {font-family: Bold; color: #666; font-size: 18px; margin: 0}
.tasks h2.ttd:after {content: ""; position: relative; display: inline-block; width: calc(100% - 100px); height: 1px; vertical-align: middle;  background: #ccc;margin-left: 10px;}
.tasks h2.ttd_d:after {width: calc(100% - 115px) !important; }
.tasks h2.ttc:after {content: ""; position: relative; display: inline-block; width: calc(100% - 138px); height: 1px; vertical-align: middle;  background: #ccc;margin-left: 10px;}
.tasks_elements {height:calc(100vh - 155px); overflow-y: auto; background: #f0f1f2; margin-left: -15px; padding-left: 15px;}
.t_list {padding: 10px 15px}
.t_list .col-xs-4 {padding-left: 0}
.t_list li {margin-bottom: 15px; padding-left: 0;}
.t_t_add {text-align: center; padding: 5px; background: #fff;  border-radius: 2px;     box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);}
.t_t_add:hover {box-shadow: 0 4px 10px 0 rgba(0,0,0,0.1);}
.t_t_add i {font-size: 10px; color: #999;}
.t_completed {margin-top: -10px;}
.task_title {padding: 15px 30px; min-height: 63px; box-shadow: 0 1px 0px 0 rgba(0,0,0,0.1);}
.task_title .div-cell-5 {padding-left:15px; vertical-align: middle; text-align: right;}
.task_title_edmod{padding: 10px 0; border-bottom: 1px solid #efefef;}
.task_title_edmod input{font-size: 18px; font-family: Bold; border: none}
.task_title_edmod i {margin-left: 5px; color: #999; cursor: pointer}
.task_title_edmod form {display: none; margin-top: -3px; margin-bottom: -2px}
.t_single_task {border: 1px solid #f7f7f7; background: #fff; border-radius: 2px;     box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);}
.t_single_task:hover {box-shadow: 0 4px 10px 0 rgba(0,0,0,0.1);}
.t_single_task p {margin: 0 !important; padding: 10px 15px 0; font-family: Bold; word-wrap: break-word; cursor: pointer}
.t_single_task_add {display: none;}
.t_single_task_add .pf_error{margin:0; background: #fcf8e3; padding: 15px; color: #66512c; font-family: Bold; display: none;}
.t_single_task_add form {background: #fff}
.t_single_task_add textarea {width: 100%; padding: 10px 15px; background: transparent; border: 0;resize: none;}
.t_single_task_add .task_btn {width: 100%; left: 0; padding: 7px; background: #636969; border: none;  color:#fff; border-radius: 4px !important; transition: .3s; position: relative;}
.tst_footer {margin-top: 10px; padding: 5px 15px 5px;}
.mp_userphoto {width: 25px; height: 25px; overflow: hidden; border-radius: 8px; padding-bottom:1px; margin-right: 5px; cursor: pointer}
.mp_userphoto img {width: 25px}
.date_selected {border: none !important; width: auto !important; font-size: 11px; color: #999; padding-top: 4px; margin-left: 5px;}
.date_selected_inner {border: none !important; width: auto !important;}
.date_inner_st {font-size: 12px; color: #999; padding-top: 0px; margin-left: 5px; position: relative; top: -4px;}
.tst_footer .div-cell-50:first-child span {position: relative; top: -8px; text-align: right;color: #999; font-size: 11px;}
.tst_footer_comment {text-align: right}
.tst_footer_comment i {color: #999; font-size: 16px}
.tst_footer_comment span {font-size: 11px; color: #999; position: relative; right: -1px;}
.tst_title span {font-size: 12px; color: #999}
.atwho-view-ul {max-height: 150px; background: #fff;  border: 1px solid #efefef;
    border-top-left-radius: 4px; border-top-right-radius: 4px; margin-left: 2px;}
.atwho-view-ul li {padding: 7px 15px 4px; cursor: pointer}
.comm_user {width: 25px; height: 25px; overflow: hidden; display: inline-block; border-radius: 5px}
.comm_user img {width: 25px}
.comm_name{display: inline-block; vertical-align: top; padding-top: 4px; margin-left: 10px; color: #6a6a6a;}


.privacy_block {position: relative; top: -25px; margin-bottom: -25px;}
.privacy_label {margin: 0px 77px; border-left: 1px solid #ccc;padding: 3px 0px 0px 10px; width: 250px;}
.privacy_label span{ width: 15px} .privacy_label label{ width: 25px !important;}
.privacy_label i {color: #999; margin-right: 5px;}

.data_proj {width: auto !important; height: auto !important; border: none !important; overflow: visible !important;}
.markascomplete {display: inline-block; cursor: pointer; position: absolute; right: 90px}
.markascomplete.active .tmod_r_icon {margin-right: 2px; background: #2cc990; border: none; padding-top: 1px;}
.markascomplete.active .tmod_r_icon i {color: #fff}

.markasdelete {display: inline-block; cursor: pointer; position: absolute; right: 50px}
.markasdelete .tmod_r_icon i {margin: 7px 9px; color: #999;}

.markasactivated {display: inline-block; cursor: pointer; position: absolute; right: 90px; margin-right: 2px; border: none; padding-top: 1px;}
.markasactivated .tmod_r_icon{background: #2cc990 !important}
.markasactivated.active .tmod_r_icon{background: transparent !important}
.markasactivated .tmod_r_icon i {color: #fff !important;}
.markasactivated.active .tmod_r_icon i {color: #999 !important;}

.mp_team {padding: 0; text-align: right;}
.mp_workgroup {font-size: 0; margin-top:10px}
.mp_workgroup h4 {text-transform: Uppercase; font-size: 10px;font-family: Bold; color: #999;margin-top: 0; margin-bottom: 5px}

.graph_btn, .graph_btn:visited, .graph_btn:active, .graph_btn:focus {background: #0796cb; color: #fff; padding: 3px 10px; border-radius: 4px;}
.graph_btn:hover {color: #efefef;}
.graph_btn i {margin-right:5px; }

.ellipsis_class {padding: 3px 11px; margin-left: 10px; border: 1px solid #999; color: #999; border-radius: 50%;}
.project_submenu {background: #fff; width: 100px; border-radius: 4px; position: absolute; right: 50px; margin-top: -23px; padding: 5px 9px 5px 0;display: none}
.project_submenu a {color:#999; padding: 6px}

.tmod_header {}
.tmod_header h1{margin: 10px 15px 0px !important; padding: 0; top: -5px; font-size: 18px; font-family: Bold; display: inline-block; width: 70%; position: relative;}
.tmod_header .teamleader {width: calc(30% - 60px);; display: inline-block}
.tmod_header .teamleader .simpl-pick {float: right}
.tmod_iframe {min-height: 50px;background: #fff; padding: 5px 10px 10px; border: 1px solid #efefef;border-top-left-radius: 2px !important; border-top-right-radius: 2px !important; width: 100%;}
.tmod_header h2 {display: inline-block; margin: 0; position: relative; font-size: 13px; color: #666; vertical-align: top; padding-top: 9px; margin-right: 15px}
.tmod_r_icon {width: 30px; height: 30px; overflow: hidden; border-radius: 50%; border: 1px solid #efefef; display: inline-block}
.tmod_r_icon img {width: 30px; position: relative; top: -1px; left: -1px;}
.tmod_r_icon i {margin: 7px 8px; color: #999;}
.tmod_body {min-height: 200px; height: calc(100vh - 250px); overflow-y: auto; }
.tmod_body h3{font-size: 13px; font-family: Medium; margin: 0; color: #999}
.tmod_body h1{font-size: 18px; font-family: Bold; margin: 0; color: #333; word-wrap: break-word }
.tb_ri {margin-top: 10px;  margin-right: 10px;}
.tmod_commlist {margin-top: 15px}
.tmod_commlist li{margin-bottom: 15px;}
.tmod_commlist .div-cell{vertical-align: top}
.tmod_commlist p {margin: 0 !important; padding-bottom: 5px; font-family: Bold}
.tmod_commlist p span {font-family: Medium; color: #999; padding-left: 10px; font-size: 12px}
.tmod_commlist li:hover .task_com_del {display: block !important;}
.task_com_del {float: right; cursor: pointer; color: #999; display: none !important;}
.div-cell-92 {width: 92%} .div-cell-8 {width: 8%}
.event_details {color: #666;padding-top: 10px;}
.show_any_d {cursor: pointer}
.my_task_selector {position: absolute; margin-top: -23px; background: #f0f1f2; width: 20px;}
.select_task_type.open .dropdown-menu {position: absolute; top: 34px; left: auto;}
.select_task_type.open .dropdown-menu li {margin-bottom: 0}

.tmod_footer {background: #f8f8f9; text-align: left; padding: 14px 20px 15px;}
.tmod_footer textarea {height: 50px; background: #fff; padding: 5px 10px; border: 1px solid #efefef; border-top-left-radius: 2px !important; border-top-right-radius: 2px !important;}










.project-stic {background: #fff; margin: 10px; padding: 15px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); border-radius: 4px; overflow: hidden;}
.project-stic h4 {font-size: 13px; font-family: Bold; margin-top: 0; padding-left: 12px; margin-left: -15px;}
.project-stic h4.ongoing {border-left: 3px solid #5CB882;}
.project-stic h4.due {border-left: 3px solid #E15258;}
.project-stic h4 a{color: #666;}
.stic-footer {background: #f8f8f8; margin:15px -15px -15px; padding:5px 15px 2px;}
.stic-footer p {margin: 0 !important; padding: 0 !important;}
.stic-img {position: relative; margin-bottom: -5px; width: 25px; height: 25px; overflow: hidden; border-radius: 40%; display: inline-block;}
.stic-img img {width: 25px}
.stic-img2 {position: absolute; margin-top: -5px; width: 25px; height: 25px; overflow: hidden; border-radius: 40%; display: inline-block;}
.stic-img2 img {width: 25px}
.stic-dl {float: right; top: 6px; position: relative; color: #999; font-size: 12px}
.campaign .list_coll  {height: 79vh;  overflow-y: auto !important; padding-right: 15px; padding-left: 20px; top: 20px;position: relative;}
.list_coll li {margin-bottom: 25px}
.stic-lastComment {text-align: right;}
.stic-lastComment p {color:#999; text-align: justify;}
.stic-lastComment span {color:#666; font-size: 12px}
.stic-lastComment img {width: 100%}
.stic-lastComment hr { margin:10px 0; width: 80%;}
.del_com {position: absolute; right: 45px; margin-top: -17px; color: #999;}
.stic-wg p{width: 25px; height: 25px; overflow: hidden; border-radius: 40%; display: inline-block; }
.stic-wg img {width: 25px}
.stic-wg {position: absolute; margin-top: -31px; margin-left: 35px; background: #EFEFEF; padding: 1px 5px; border-radius: 4px; display: none; max-width: 150px}
.stic-wg:before {position: absolute; top: 10px; left:-10px; border: 5px solid transparent;  border-right: 5px solid #EFEFEF; content: " ";}
.stic-img:hover + .stic-wg {display: block !important; }
.stic-wg:hover {display: block !important;}
.single-project {/*background-color: rgba(0, 0, 0, .2);*/ width: calc(100% - 30px); height: 100vh; position: absolute; z-index: 2000; display: none;}
.single-date {margin-top:20px;}
.single-date p {color: #999;} .single-date span {font-family: Bold;}
.single-wg {margin-top:20px;}
.single-wg p {color: #999;}
.single-wg li {width: 30px; height: 30px; display: inline-block; overflow: hidden; border-radius: 25%; margin-left:2px }
.single-wg li:first-child {margin-left: 0px !important}
.single-wg li img {width: 30px}
.single-wg li:last-child {background: #6E9EAA; text-align: center;}
.single-wg li a {font-size: 20px; color: #fff; display: block;}
.project-activity {margin-top: 20px}
.project-activity .chat-form {background: transparent; border-top: none; margin-top: 0px; margin-bottom: -5px;}
.project-activity p {color:#333; display: inline-block;}
.project-activity ul li{padding: 10px; border: 1px solid #e4e4e4; border-radius: 2px; margin-top: 10px; margin-bottom: 20px}
.activity-add {float: right;margin-top: 2px; font-family: Bold}
.pa-title .ava {width: 30px; height: 30px; overflow: hidden; float: left; border-radius: 25%} .pa-title .ava img{width: 30px}
.pa-title p {margin: 0!important; padding-left: 10px; color: #333;relative;top: -2px}
.pa-title span {font-size: 11px;color: #999; margin-left: 10px;position: relative;top: -2px}
.activity-file {background: rgba(230, 230, 230, 0.45); display: inline-block; width: 48.9%; margin-top: 5px; height: 30px; border-radius: 4px}
.activity-file:nth-child(2n) {margin-left: 5px}
.af-project {display: block; text-align: left; margin-top: 10px; width: 100% !important}
.activity-file a {top: 5px; position: relative; color:#666; display: block;}
.file-icon {width: 20px; height: 20px;float: left; background: url(../images/file-icon.jpg) no-repeat; background-size: cover; margin: 5px; border-radius: 4px}
.psd-link .file-icon {background-position: -40px;}
.wd-link .file-icon {background-position: -20px;}
.ex-link .file-icon {background-position: 0px;}
.oth-link .file-icon {background-position: -60px;}
.img-link { overflow: hidden; border-radius: 4px; margin-top: 5px }
.img-link img {width: 100%; margin: -5% auto}
.project-search {position: absolute; background: transparent; left: 0px; top: 8px; margin-left: 0; width: 60%}
.project-search .searching {border:none; border-bottom: 1px solid #ccc; border-radius: 0px;}
.project-title {color: #999; font-family: Medium; padding-top: 1px;}
.project-viewby {position: absolute;right: 0px; top: 70px; right: 30px; z-index: 1999}
.project-viewby .select2-selection{position: relative; border: none;  border-radius: 0; top: -2px;}
.addEdit-window .input-group.date {width: 40%}
.addEdit-window  .stf-in {margin-top:-1px !important;}
.addEdit-window .reAddRegion {margin-bottom: 1px !important; width: 120px;}
.addEdit-window .reAddRegion label {width: 100%;}
.addEdit-window .projectNameparent {width: 65%; position: absolute; right: 9px; margin-top: -26px;}
.addEdit-window #projectName {width: 295px !important}
.rauno {position: absolute; margin-left: -20px !important; margin-top: 3px !important;}

.task_date_range {display: inline-block; margin-left: 20px; font-size: 13px; position: relative; top: -8px;}
.task_starting_date{display: inline-block; }
.task_date_range .input-group.date {color: #999 !important; }
.task_deadline {display: inline-block;margin-left: 15px; }
.task_date_input {width: 90px; border: none; color: #999; cursor: pointer; font-family: Bold;}

.add_task_date_range {position: absolute; font-size: 11px; margin-top: -26px; left: 55px}
.add_task_starting_date{float: left}
.add_task_deadline {display: inline-block;margin-left: 0; float: left}
.add_task_date_input {width: 75px; border: none; color: #999; cursor: pointer; font-family: Bold;}

.cal_desc {background: #20272f; color: #fff; padding: 7px 10px;}

.borderline {border: 1px solid #ccc !important;}
.task_user_sel, .task_date_sel {border: 1px dashed #999;}
.task_user_sel i {padding: 5px 8px; font-size: 13px; color: #999;}
.task_date_sel i {padding: 5px 0 4px 2px; font-size: 13px; color: #999; width: 25px; height: 25px}
.fp_user_add {box-shadow: 0 2px 3px rgba(0,0,0,0.3);position: absolute;height: 65px; background: #fff; width: 310px; border: 1px solid #ccc;  z-index: 10; border-radius: 2px; margin-top: 6px}
.fp_user_add h5 {font-size: 12px; margin: 0; padding: 5px 8px; font-family: Bold; color: #666;}
.fp_user_add form {padding-left: 8px; padding-top: 2px; margin: 0}
.fp_user_add form select{width: 170px; height: 29px; border-radius: 2px; border: 1px solid #ccc; padding: 5px;}
.fp_user_add p {position: absolute; right: 7px; top: 23px; color: #999; font-family: Bold; padding: 0 !important; margin: inherit !important;}
.fp_user_add a {border: 1px solid #2eb7d6; padding: 4px 5px; border-radius: 4px; margin-left: 6px; top: 2px; position: relative;}
.fp_user_add:before {content: ""; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #cccccc; position: absolute; top: -9px;
    margin-left: 4px;}
.mp_userphoto .input-group-addon {padding: 0}
.cal_event_btn {float: right; display: none}
.d_c_evinc li:hover .cal_event_btn {display: block}
.cal_event_btn i {color: #969696}
.cal_event_btn .fa-trash-o{position: relative; top: -1px;}

.gantStyle{}
.gantWG {padding-left: 15px}
.gantWG li {width: 25px; height: 25px; overflow: hidden; border-radius: 25%; float: left; margin-left:5px;}
.gantWG .moreWG{text-align: center; background: #6f7275; padding-top: 3px;}
.gantWG .moreWG a {color: #fafafa; font-family: Bold;}
.gantWG li img {width:25px;}
.campaign .list-assig-t {margin-top: 60px;}
.campaign .firstTD {padding-top: 3px}
.campaign .firstTD a {color:#333;}
.campaign .firstTD i {margin-right: 10px; color: #999}
.campaign .thAT {background: #f9f9f9; padding-top:5px;}
.campaign .thAT div {border-top: none; border-bottom:1px solid #d0d0d0; }
#project .progress {position: relative; margin:0;height: 15px; border-radius: 7px !important;top: 8px;  text-align:center; width:100%;}
#project .progress span.progress-value{position:absolute; right:0;left:0; top:-1px;}
#project .progress span.progress-value.pv-wc {color:#fff;}



.mp_tasks li{background: #fff; border-radius: 2px; padding: 10px 15px; margin-bottom: 15px}
.mp_tasks h3 {margin: 25px 0 15px; color: #787878; font-family: Bold; font-size: 15px}
.mp_tasks h2 {font-size: 13px; font-family: Bold; margin-top: 0; padding-left: 12px; margin-left: -15px;}
.mp_tasks span {font-size: 12px}
.mp_tasks h2 a {color: #333}
.project_code{color: #999; font-family: Bold;}
.mp_tasks h5 {font-size: 13px; font-family: Bold; color: #666; margin: 10px 0;}
.mp_userphoto {width: 25px; height: 25px; overflow: hidden; border-radius: 7px; display: inline-block; margin-right: 5px;}
.mp_userphoto img {width: 25px}
.mp_tl {border: 2px solid #c29006;}
.mp_tl img {margin-left: -2px; margin-top:-1px}
.mp_taskfooter {background: #f8f8f8;margin: 8px -15px -10px;padding: 10px 15px 10px;border-bottom-left-radius: 2px; border-bottom-right-radius: 2px;}
.mp_taskfooter span {color: #999}
.mp_taskfooter a {position: relative; float: right; background: #2cc990; padding: 10px; margin-top: -10px; border-bottom-right-radius: 2px; color: #fff; margin-right: -15px;}


/*timeline*/
.project_view_tl {margin-top: 70px; height: calc(100vh - 70px); background: #f9f7f8}
.timeline_elem {padding: 0 30px 20px; overflow-y: auto; height: calc(100vh - 135px); margin-top: 20px}
.timeline_elem li {background: #fff; margin-bottom: 15px; width: 100%; border: 1px solid #f7f7f7; border-radius: 2px; box-shadow: 0 0px 7px 0px rgb(239, 239, 239);  }

.te_leftblock {border-right:3px solid #f9f7f8; padding: 25px 35px 25px 50px;}
.te_rightblock {padding: 25px 45px 25px 30px;}
.te_rightblock li, .te_rightblock li:hover {box-shadow: none; border: none; padding-bottom: 8px; margin: 0; border-bottom: 1px solid #efefef; margin-top: 8px;}
.te_rightblock li:first-child{padding-top: 0 !important; margin-top: 0;}
.te_rightblock li:last-child{border: none}
.te_rightblock li span {color: #999; font-size: 12px; line-height: 2;}
.te_rightblock h3 {border-bottom: 1px solid #efefef; margin: 0 -30px 5px !important; padding: 0 30px; padding-bottom: 19px;}
.timeline_elem h3 {margin: 0 0 3px 0; color: #666;}
.timeline_elem span.hdesc {color: #999; text-transform: uppercase; font-size: 11px}
.timeline_elem .timeline_title {padding: 15px 15px 30px; line-height: 1.6;  font-family:Bold; font-size: 14px}
.timeline_elem .timeline_title span{font-family:Medium; color: #999; text-transform: uppercase;font-size: 11px;}
.timeline_elem .mp_workgroup {padding: 20px 30px 5px; border-top: 3px solid #f9f7f8; margin: 30px -35px 0;}
.timeline_elem .mp_workgroup h4{line-height: 1.3; font-size: 11px; color: #666; float: left; margin-right: 10px; border-right: 1px solid #efefef; padding-right: 10px;}
.te_tasklist {max-height: 170px; overflow-y: auto; margin-right: -30px; padding-right: 30px;}
.te_tasklist .fa-circle {color: #ccc}

.pvt_header {margin: 0 30px; text-align: right;}
.pvt_navmenu li[data-type="none"]{border-bottom: none}
.pvt_navmenu li {cursor:pointer; display: inline-block; margin-right: 15px; padding: 10px 5px; border-bottom: 3px solid #ccc; font-family: Bold; color: #999;}
.pvt_navmenu li:last-child {margin-right: 0}
.pvt_navmenu li.active {border-color: #E15258; color: #666}

.pt_deadline {font-size: 11px;line-height: 2;}

.timeline_row {font-size: 0}
.timeline_elem_line {background: #ccc; height: 4px; margin-right: 4px; display: inline-block;}
.timeline_elem_line:last-child {margin-right: 0}
.tel_compl {background: #2cc990;}
.tel_deadline {background: #E15258;}


/*Global settings*/
.global_settings {margin: 0 15px;}
.global_settings h1 {display: inline-block; color: #444444; font-size: 28px;  font-family: Bold; margin:0}
.settings_leftside {width: calc(100% - 300px); float: left; background: #f9f7f8; padding: 15px 30px; height: 100vh; overflow-y: auto}
.settings_rightside {width: 300px;float: left; padding: 20px 0; background: #fdfdfd;}

.settings_menu {margin-top: 15px;}
.settings_menu li {transition: .2s; padding: 10px 30px; cursor: pointer;  border-bottom: 1px solid #eee;}
.settings_menu li:first-child{ border-top: 1px solid #eee;}
.settings_menu li:last-child{border: none}
.settings_menu li.active,.settings_menu li:hover {background: #f9f7f8}
.settings_menu li.active .set_menu_item i {color: #333}
.set_menu_item {display: table; width: 100%;}
.set_menu_item div {display: table-cell}
.set_menu_item div:first-child {width: 15%}
.set_menu_item div:last-child {width: 85%}
.set_menu_item i {color: #666}

.settings_page {}


/*GANTt FOR PROJECT*/
.ganttStyle{display:table; border-bottom: 1px solid #efefef; width: 100%;}
.gantt_employers {width: 60px; border-right: 1px solid #efefef; display: table-cell; vertical-align: middle}
.gantt_employers .mp_userphoto {margin: 10px 0}
.gantt_tasks {display: table-cell; width: calc(100% - 60px); vertical-align: middle; padding: 5px 0 5px 15px;}
.gantt_tasks_list {width: 100%}
.gantt_tasks_list div {height: 15px; background: #ccc; margin: 5px 0;}
.gantt_tasks_dates {}
.gantt_td {border-right: 1px solid #EFEFEF; height: 10px; width: calc(100% / 11)}



.my_calend {z-index:1;display:none;box-shadow: 0px 1px 5px 1px rgba(34, 34, 34, 0.05);background: #fff; width: 150px; border-radius: 2px;position: absolute; text-align: center; padding: 0 0 10px;}
.yearSelect {height: 30px}
.yearSelect span {cursor: auto; color: #333; font-family: Bold}
.yearSelect a {color:#999}
.sing_month {width: 50px; text-align: center; float: left; height: 30px; cursor: pointer}
.my_calend:before {position: absolute; top: -20px; right: 12px; border-top: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ccc; content: " ";}
.my_calend:after {position: absolute;top: -20px; right: 12px; border-top: 10px solid transparent;border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; content: " ";}
.sing_month.active {color:#2cc990}
.spec_el .select2-selection__choice {margin-bottom: 5px;}

.my_calend.my_calend_st {z-index: 5; margin-top: 10px;}
 .popover-content {
     max-height: 220px;
     overflow-y: auto;
 }
 .popover {
     width: 350px;
     max-width: 500px;}

 /*Settings*/

.set_flex_100 {
    width: 100%;
    display: flex;
    padding: 0 15px;
}
.set_flex_5 {
    width: 5%;
    display: inline-flex;
    align-items: center;
}
.set_flex_10 {
    width: 10%;
    display: inline-flex;
    align-items: center;
}
.set_flex_15 {
    width: 15%;
    display: inline-flex;
    align-items: center;
}
.set_flex_20 {
    width: 20%;
    display: inline-flex;
    align-items: center;
}
.set_flex_25 {
    width: 25%;
    display: inline-flex;
    align-items: center;
}
.set_flex_30 {
    width: 30%;
    display: inline-flex;
    align-items: center;
}
.set_flex_35 {
    width: 35%;
    display: inline-flex;
    align-items: center;
}
.set_flex_40 {
    width: 40%;
    display: inline-flex;
    align-items: center;
}
.set_flex_45 {
    width: 45%;
    display: inline-flex;
    align-items: center;
}
.set_flex_50 {
    width: 50%;
    display: inline-flex;
    align-items: center;
}
.set_content_18{
    background: #fff;
    padding: 15px 0px 0px;
    margin-top: 25px;
}
.set_th_18 {
    font-weight: 600;
    color: #949494;
    padding-top: 0px;
    padding-bottom: 15px;
    border-bottom: 1px solid #efefef;
}
.set_td_18 {
    padding: 10px 0;
}

.set_table_cont_18 .set_row:nth-child(2n+1) {
    background: #eff3f8;
}
.set_flex_btn{
    margin-left: auto;
}
.set_flex_btn a{
    padding: 0 5px;
}
.set_flex_btn a i{
    font-size: 16px;
    color: #949494;
}
.set_add_new {
    position: absolute;
    top: 0px;
    right: 0;
    width: 100%;
    min-width: 670px;
}
.set_add_new_btn, .set_add_new_btn:hover{
    float: right;
    color:#fff;
    background: #2cc990;
    padding: 7px 15px;
    border-radius: 2px;
}

.set_title_h1{
    margin: 3px 0 20px !important;
    color: #f9f9f9 !important;
    font-family: Bold !important;
    font-size: 16px !important;
    margin-right: 30px !important;
}
.set_ava {
    width: 130px;
    height: 130px;
    background: #efefef;
    text-align: center;
    display: flex;
    align-items: center;
    margin: auto;
    font-size: 12px;
}
.set_ava a {
    color: #666;
}
.set_ava i {font-size: 18px}

.set_rate_cur {
 margin: 25px 0;
}

.set_rate_cur li {
    width: 23.5% !important;
    position: relative;
}
.set_rate_cur a{
    float: right;
    font-size: 12px;
    text-decoration: underline;
}
.newtextareaf {
    height: 50px !important;
    border: 1px solid #cccccc !important;
    padding: 5px 10px !important;
    border-radius: 3px !important;
}
.note_form_content {
    width: calc(100% - 90px);
}
.note_form_lable {
    width: 90px;
}

.note_form_bill{
    display: flex
}
.textareanotehide {
     display:none;
}
.textareanoteshow {
    display:block;
}
.clientstatus {
    margin-top: -10px !important;
    font-family: Semibold;
    border-bottom: 1px solid #efefef;
    padding-bottom: 15px;
}
.activeclient{
    color: #5CB882;
}
.inactiveclient{
    color: #E74C3C;
}
.active_cl {
    padding-right: 5px;
    font-size: 8px;
    color: #5CB882;
    position: relative;
    top: -1px;
}
.inactive_cl {
    padding-right: 5px;
    font-size: 8px;
    color: #ccc;
    position: relative;
    top: -1px;
}

/* Alovuddin's changes */
figure {
    width: 200px;
    height: 200px
}
.thumbnail {
    position: relative;
    width: 210px;
    height: 200px;
    margin-bottom: 10px;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 25%;
    display: inline-block;
}

.thumbnail > img {
    max-width: 200px;
    height: 200px;
    transition: all 0.3s ease
}

.thumbnail div {
    position: absolute;
    background: rgba(1,1,1,0.8);
    color: #fff;
    width: 200px;
    height: 200px;
    opacity: 0;
    transition: all 0.3s ease;
    line-height: 300px;
    text-align: center;
    font-size: 30px;
    z-index: 2;   
}

.thumbnail:hover > img {
    transform: scale(1);
}

.thumbnail:hover > div {
    opacity: 1
}
.tags {padding: 0 20px;}
.tags a,.tags button {border-radius: 4px!important;
    -webkit-border-radius: 4px!important;
    -moz-border-radius: 4px!important;display:inline-block;color:#717171;background:#FFF;-webkit-box-shadow:0 1px 1px 0 rgba(180,180,180,0.1);box-shadow:0 1px 1px 0 rgba(180,180,180,0.1);-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;transition:all .1s ease-in-out;border-radius:2px;margin:0 3px 6px 0;padding:5px 10px}
.tags a:hover{border-color:#08C;}
.tags a.primary{color:#eeeef1;background-color:#045cb9;font-weight: bold;cursor: pointer;}
.tags a.success{color:#FFF;background-color:#5CB85C;border-color:#4CAE4C}
.tags a.info{color:#045cb9;background-color:#eeeef1;font-weight: bold;cursor: pointer;}
.tags a.warning{color:#FFF;background-color:#F0AD4E;border-color:#EEA236}
.tags a.danger{color:#FFF;background-color:#D9534F;border-color:#D43F3A}
/* Tabs panel */
.tabbable-panel {border:1px solid #eee;padding: 10px;}
/* Default mode */
.tabbable-line > .nav-tabs {border: none;margin: 0px;}
.tabbable-line > .nav-tabs > li {margin-right: 2px;}
.tabbable-line > .nav-tabs > li > a {border: 0;margin-right: 0;color: #737373;}
.tabbable-line > .nav-tabs > li > a > i {color: #a6a6a6;}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {border-bottom: 2px solid #a2d1f9;}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {border: 0;background: none!important;color: #045cb9;font-weight: bold;}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {color: #a6a6a6;}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {margin-top: 0px;}
.tabbable-line > .nav-tabs > li.active {border-bottom: 2px solid #4e8dd6;position: relative;}
.tabbable-line > .nav-tabs > li.active > a {background: none!important;border: 0;color: #045cb9!important;font-weight: bold;}
.tabbable-line > .nav-tabs > li.active > a > i {color: #404040;}
.tabbable-line > .tab-content {margin-top: -3px;background-color: #fff;border: 0;border-top: 1px solid #eee;padding: 15px 0;}
.portlet .tabbable-line > .tab-content {padding-bottom: 0;}
.tags > .popover {max-width:85px;}
.tags > .popover.right {margin-left: 5px;}
.tags > .popover >.popover-content {padding: 10px 2px 2px 2px;}
.text-truncate {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 100px;padding: 8px 8px 6px 8px!important;}
.text-expand {display: block;position: absolute;background-color: #eeedf9;max-width:300px;padding: 8px 8px 6px 8px!important;}
.text-expand:hover{background-color: #eeedf9;}
.more_vert {cursor: pointer;display: block;background: url(../images/more_vert.png);text-indent: -9999px;width: 20px;height: 20px;background-size: 20px 20px;}
.cell{cursor: pointer;}
#zeTable .popover {max-width:85px;margin-top: 40px !important;}
#zeTable .popover.left {margin-left: 12px;}
#zeTable .popover >.popover-content {overflow-y: inherit;padding-left: 5px;padding-top: 2px;padding-bottom: 2px;}
#zeTable .popover.left .arrow {visibility:hidden;}
#zeTable .popover.fade.left.in {margin-top: 40px !important;}
.material-switch > input[type="checkbox"] {display: none;}
.material-switch > label {cursor: pointer;height: 0px;position: relative;     width: 40px;  }
.material-switch > label.primary { background-color: #045cb9;}
.material-switch > label::before {    background: rgb(0, 0, 0);    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);    border-radius: 8px;    content: '';    height: 16px;    margin-top: -8px;    position:absolute;    opacity: 0.3;    transition: all 0.4s ease-in-out;    width: 40px;}
.material-switch > label::after {    background: rgb(255, 255, 255);    border-radius: 16px;    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);    content: '';    height: 24px;    left: -4px;    margin-top: -8px;    position: absolute;    top: -4px;    transition: all 0.3s ease-in-out;    width: 24px;}
.material-switch > input[type="checkbox"]:checked + label::before {    background: inherit;    opacity: 0.5;}
.material-switch > input[type="checkbox"]:checked + label::after {    background: inherit;    left: 20px;}
.settings_page .pf_error {    margin: -10px -30px 0;    background: #fcf8e3;    padding: 15px 30px;    color: #66512c;    font-family: Bold;    display: none;}