/* GLOBAL */
/* .body{background-color:#F5F3EF !important;} */
.container {
    width: auto !important;
    /*max-width: 1400px;*/
    /* background-color:#F5F3EF !important; */
}
body {
    background-color: rgba(236, 241, 245, 0.5) !important;
}
.multitapleSearchInput{
    width: 100%;
}
#s {
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAYAAABvVQZ0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT5JREFUeNqsVLtOw0AQtIMlRJHCEhUVMg398QEUSZnSfILzCXxDPsFu6XAJHWnTcS1lWsprKdmLxtKwvjVBYaTV7cm+udnX5fPb+yyBSmwhVmK/FfPZLyjUPhI8YtXYi23EOovs7PzyevAbsWeoGg5HNUHsCipX8F9TZDOstVgLPxIsxW6w3sHv6dJ2StkLbh6IPtR/AWRfSIET20H9D2U1hfaAgxY2KMagcBSmg9/rmwx0lBqTzGfHoVfVHxXgXzCjHNRHnnHke4vMGc2q0RBR0GSeCLlpLaJGFWKUszVuib32nih7iTFrjXAPyGnQ48c3Gu5AOVlMtMk6NZuf+FiC+AIhV0T+pBQ5ntXceIJKqKko2duJ2TwoLAz5QTVnagJaXWEO8y/wSMuKH9RTJoCTHyNZFidOUEfNu/8WYAAOXUT04MOtlwAAAABJRU5ErkJggg==) 9px 8px no-repeat;
    text-indent: 1em;
    display: inline-block;
    border: 0 none;
    width: 300px;
    cursor: text;
    height: 3em;
    border-radius: 5px;
    -webkit-transition: .3s;
    transition: .3s;
    outline: none; padding: 1em 1.5em; cursor: pointer; -webkit-appearance: none; font-weight: inherit; font-size: inherit; font-family: inherit; color: black; vertical-align: baseline; }
input#s[type=search]::-webkit-search-cancel-button { -webkit-appearance: none; }

#s.showSerch {
    background-color: #fff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAYAAABvVQZ0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT5JREFUeNqsVLtOw0AQtIMlRJHCEhUVMg398QEUSZnSfILzCXxDPsFu6XAJHWnTcS1lWsprKdmLxtKwvjVBYaTV7cm+udnX5fPb+yyBSmwhVmK/FfPZLyjUPhI8YtXYi23EOovs7PzyevAbsWeoGg5HNUHsCipX8F9TZDOstVgLPxIsxW6w3sHv6dJ2StkLbh6IPtR/AWRfSIET20H9D2U1hfaAgxY2KMagcBSmg9/rmwx0lBqTzGfHoVfVHxXgXzCjHNRHnnHke4vMGc2q0RBR0GSeCLlpLaJGFWKUszVuib32nih7iTFrjXAPyGnQ48c3Gu5AOVlMtMk6NZuf+FiC+AIhV0T+pBQ5ntXceIJKqKko2duJ2TwoLAz5QTVnagJaXWEO8y/wSMuKH9RTJoCTHyNZFidOUEfNu/8WYAAOXUT04MOtlwAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
}

.navbar .TopRight .navbar-right li a .btn {margin: 0 20px 0 0;}


body {
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 11px;
}
.typeFile {
    background-position: 50% 50%;
    background-repeat:  no-repeat;
    background-size: cover;
}
.typeFile {
    width: 25px;
    height: 25px;
    display: inline-block;
    margin: 7px;
}
.typeFile:hover{
    cursor: pointer;
}
.modalArrowCell{
    display: table-cell;
    float: none;
    width: 5%;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    color: #A7C7E0;
}
.modal-body .modalArrowBody{
    width: 100%;
    display: table-cell;
    float: none;
}
.modal-w11{
    width: 80%;
}
.modalArrowCell:hover i{
    color: #333;
}
.modalArrowCell i{
    font-size: 26px;
}
.folderIcon{
    font-size: 22px;
    margin: 7px
}
.backIcon{
    font-size: 22px;
    margin: 7px;
    color: #337ab7;
}

.typeFile.type-file-image, .SendEmailModal .type-file-image {
    background-image:url('data:image/png;base64,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');
}
.typeFile.type-file-pdf, .SendEmailModal .type-file-pdf {
    background-image: url('data:image/png;base64,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');
}
.typeFile.type-file-text, .SendEmailModal .type-file-text {
    background-image: url('data:image/png;base64,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');
}
.typeFile.type-file-msword, .SendEmailModal .type-file-msword {
    background-image: url('data:image/png;base64,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');
}
.typeFile.type-file-msexcel, .SendEmailModal .type-file-msexcel {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAC91BMVEUAAAAAAAAAAQAAAAAAAAAAAgAAAQAMVQEBBwAYoAMAAQAGMgAhbBUGLQEWkgMDFwAHNwACDQAAAAAWhgkJPwEPaQEBCwADEgAVkwMViQMUgQITeQIRcgIXoAMCEwAMVQESjAEPagERgQENWgEOawEBCgAPewAYnwMAAgAXnAMDFQAJQQEAAQAJQAEXngMJQAAQcQICDwAMYAAMWQAKTwAGKAAEIQEAAAAJQQAYoAMWlAMUiAP6+fr9/P37+/vw8PD19PUYowP29vby8vL4+Pjt7e0jcRcXnwPr6+yZnZlYuEvl5eXc3Nzw6vHQz9AXnAPn5+f+/v7j4uMWmQPg4ODk9+Dj8OLT0tTBwsPp6enf693Gxcabn5pxyWHh79/Ly8uZzI6XmZZ2tW4afBEXdQzq6urZ19m/4raQxYnh9d7h+dvd59rd9dbX79Oy16yivZ6f0pd/lHwVfArn++TOzs233q+m1Z2UyIsflRQYcQ8TbwesytvM6cW+v77C5724ubnA7bW43bOws7Cm2JjqtJWa3oSGy3yAqnaBzHN8tXFcoUkhnBUcgxP0+vPg3OGrraqjpqKcuJiY542OnouHmoSMx4KL3nuDu3iF2nNxrWRsw1xnrFoeixMYjguMzvPW3dTR7sm13aam5pKVsZGi2Y+TqI6Gvn5zu2dptF5cq09VqEkjoxZ1we/o4unn9uTZ49XY9dDHzcaxxK688aqu65/qu5/w3p7jpoWKs4N/wnV+zW570Wdqp2BisVdLrTxIoTxFmDU0nyb07PXv/ezr29Cdu9DR1c+nwM/I2cS/zry7ybi07a3rxa2t2KKkzJ+q4Zyi7Jr4vZmWuZGR0ISB4HuM0Xj52XZ6yGdnpVRex05gvk1RlD48rS2x1urz8udYqObE1Nvt1LKt46Llyp3iwZHq1I3zrX/Rt3R8pnHunWdv0F/vxFNOuT5EszM7hihqs+3y4tju3tWGr9B9rMuktL+wx6PTx6LNu57RsJ3JpJDHk3V3kXPghU7FuHQ2AAAAPHRSTlMAFV1YEraz/uU7S+/+77YF7jYJ/u+3d2b+tra2tjkrD/yl79LMl92xPyMcsqOA6uXj3LObj4zrz8m/lHmVNhQLAAAF8UlEQVRYw83Wd1wSUQDA8VKzokFYKS1H2t57HdzFKAsyZqhkEKUCgloOKkeaNrS0stwNM8vRHmZqWrb33nvvvdcfvQdmVncH/ddPP++j73jfz7vjPnB1atWlYe3amepChYecuvyad6pDUMPhuA3tSq3j1KnWRE9HJyou0Gn4aJyuD3eh2XUZUpt06VyXigus4435q70rR4tdaNRhPWsBrvY0O3xgE4pwOEjtmNjew5X0fjRHF/rInw3v1Z1igwc0XbcJEzL+DNsbeN25f2drN3oN0MLWqi4+sBJj/B17zMmq9j0o9m7iGqAeATB/JZuBEzrGsK4jEHqLxxob+a8Ak7th7fyODpQBQDAP4IW4J6vGujlQOrQXmwEOogwmTgyWryxb3NKK0q29GDSWHMAV2Bu2FNH7Wlt3a04KTIMAbkJ0w9Hdzi4Uq27OpEAoAPBjcDdsrXLuR3FwpYvFxIACZSBEgldyUFX7/hR7V/rYZqQAQUxEkHx2PryhXBv3sbXGBVpN2wIAYoHnt3NaR3uKvW29DhQbAoALAEKBI5Kp6OCGcrB3cLTDB+RkAMJgJSuy6W5WNJqjDRUXWCZ3Z8IX4gf2wOZvKXJ2o3S1A+txAU8IcDaOMzbhZ+NMJQEb9QO3Q1+aUx0SgDnuqg8oK6usbB6srMwnC06MjkZAXNnWquYDaHYEQJQvACa8OJ+RkVbuk5u7/W7cqe25uRk+GWkZac/DEJivbOfywQ5dqQSAFziFCZXnU1Jy0y5t3xYTc+rUtm3bZl9KS0k5fSUWMSYJWt6rQ2fcLbReFiVAOIj39StZPuU+VzNmz5594QIYyq9eefq0/EUYB8YULV7ejOAzsfWCmQImACrngC5l5eXF5V04F5eXNy9r3pw5557H/gLqWdclASYUaPR6/YlUrU6XExem1WlXKSN1+o1z/FlGQAIBK0IAYXG8C3TSjdKwtVppyOa4VVrpvjBDtFSadA4ALBYLSSYFeBCoTFWrDfmFqWpDakG+Wq3MryhVq4MLYzkmYHVzYmCWESgKDw4OLi0AoyG/NDw4vDRfGRx8oiLWtAO+eWBXiEajCVwbopHmKANDNCGBhkipZl+qv8VA9matVBqYDq6EXhkOr4E6WitNqgHWEAJtJpmAPSpVQkLFbjCqigpVCekVRQVg3B3IgiF+5oFC/9jYMLUqOjYw6OzioKCgs6vhuPqIDK0GGhECC0Vgl97ZOo0UXgNpgJdQCL9thaZEXEsAjOVdGBOp14ercvSbeEIGejy+eD+LzUKYQgkXwzBEtmSqGSBgT3b2rszEPZm7dkqETO6dM8WvhQyQkO9uGeCd6O8fHXkyXZ8TefvGjdvHzxTvB7NJSUl+lgAsDAtIjInM2QyuQYh3xIoVEcfPxL9hcDiR0TGHIcDxIAMWAYAVcE0ZtyrMkOkffRgCxQ/j97Nv3oyJOXbEF+6ABGhbDbxMTLx82XgNDq1fERH/MP7ejgd3jh3bDgC4g6VkgASewrXwE6v8lek63aZD69dHxD8BwMUdd0+fPuoFAJYZAGMDQBkOgITN2oADr9ZHlDwpuX/x4o64lJStXhibTQpMXsSHwMvLmQnpmYkG5YcDt24dKPlecv/ZswfK82lbBRAIJQfYKCaYa+zx3Mdr3r99d+jz1y+fHj36eFKtnMXDwGHF0snEwHg/FEXZTAR+dIDzlchDFaEKT085+JV7yqMEbHAYAE3IAC4QqsO4EomED/KDg0QiQlFwWD6FDJBx3aFQQ/weGwWHSYCW00fJfH2NAooTGwXrvdzJAQ+BwCTg/BjXCwSeZMBEBY9nFPDiwvU8XtSUGSSAXCLiCbxwBa47XC+SzCQFPPlEAlzP44n4fHMAX8SD6/96AwDhK+BJ+H7kwKwocM8oFKEeHjKZBywU/Fn9T6hCAe6oqIVkwJJRsPGgUcYmGjPN1cx+IwRcZoyoXeNfjfitGQMJAJprfYtq1IDgSbWrg22fBpY0iOBJ1Y5m393WkjoQPKlSbRwp1pbU2ZHgQZFq52RjSeBB9X/qB843UIVzv/L6AAAAAElFTkSuQmCC");
}
.typeFile.type-file-mspower, .SendEmailModal .type-file-mspower {
    background-image:url('data:image/png;base64,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');
}
.typeFile.type-file-compress, .SendEmailModal .type-file-compress {
    background-image: url('data:image/png;base64,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');
}
body.modal-open {
    overflow: auto;
}
.navbar{margin-bottom: 0 !important;}
/* Dmitry added white color for nav dropdown with companies 21.05.18 */
.navbar-header .navbar-company-dropdown { color: #c4d0d9; }
/* Dmitry added display flex to nav header 21.05.18 */
.navbar-header {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;position: absolute;z-index: 999;}
.navbar-inverse {
    /* background: -moz-linear-gradient(#131e26, #0d3d57); */ /* FF 3.6+ */
    /* background-image: -webkit-linear-gradient(top, #131e26 0%, #0d3d57 100%); */ /* Safari 5.1+, Chrome 10+ */
    /* background-image: -o-linear-gradient(top, #131e26 0%, #0d3d57 100%); */ /* Opera 11.10 */
    /* background-image: -webkit-gradient(linear, left top, left bottom, from(#131e26), to(#0d3d57)); */ /* Safari 4+, Chrome 2+ */
    /* background-image: linear-gradient(to bottom, #131e26 0%, #0d3d57 100%);
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff0d3d57', GradientType=0); */ /* IE6 & IE7 */
    /* filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); */
    /* -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#131e26', endColorstr='#0d3d57')"; */ /* IE8+ */
    font-size: 12px;
    background-color: #123346 !important;
    border-color: #123346;
    background-image: none;
}
li.NewActive > a {
    color: white !important;
}
li.settings {
    /* width: 24px; */
}
li.NewMobActive > a {
    color: white !important;
    text-decoration: none;
}
li.NewActive.activeLink > a::after {
    content: "";
    color: #F5F3EF;
    background-color: transparent;
    font-size: 0;
    line-height: 0;
    border-bottom: 14px solid #f6f6f6;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    display: block;
    /* margin-left: 7px; */
    /* margin-bottom: -12px; */
    /* text-align-last: center; */
    text-align: center;
    /* max-width: 0; */
    width: 15px;
    /* margin-right: 0; */
    position: absolute;
    left: calc(50% - 15px);
}
.FastMatterBrand a.navbar-brand {
    font-size: 28px;
    margin-top: 10px;
    letter-spacing: 2px;
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.navbar {
    min-height: 42px !important;
    height: 42px !important;
    z-index:1001;
    position:sticky!important;
}

.navbar-right {
    float: none !important;
}

.navbar-inverse .navbar-brand {
    color: #c4d0d9 !important;
    height: 0;
    padding: 0 15px;
    font-size: 9px;
    margin-top: -4px;
}

.navbar-inverse .navbar-nav > li > a {
    color: #869fb1;
}

.nav > li > a {
    padding: 10px 7px 0;
    line-height: 12px;
    margin-top: 10px;
}
.TopRight .nav > li > a, .TopRight .nav > div > a {
    margin-top: 10px;
    padding: 0;
}
.TopRight .nav > li > a .caret, .TopRight .nav > div > a .caret{
    margin-top: 10px;
    padding:0 0 7px;
    color:#ffffff;
}
.TopRight li.dropdown {
    float: none;
    margin-bottom: 10px;
}
@media print {
    a[href]:after {
        content: none !important;
    }
}

pre {
    /* display: block; */
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #333;
    word-break: normal;
    word-wrap: break-word;
    background-color: inherit;
    border: none;
    border-radius: 4px;
    font-family: "Lucinda Grande", Tahoma, Helvetica,arial,sans-serif;
    white-space: pre-line;
}

nav {
    float: left;
}

.navbar-toggle {
    position: relative;
    float: left;
    padding: 10px 10px;
    margin-top: -15px;
    margin-right: 15px;
    margin-bottom: -9px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.bold{font-weight:bold;}
.btn-xs, .btn-group-xs > .btn {font-size: 11px;line-height: 1.3;}
/* TOP RIGHT */
.TopRight {
    /*    width: 400px; */
    float: right;
    /*    margin-top: -52px; */
    display: inline-flex;
    /* display: -webkit-inline-box; */
    display: -ms-inline-flexbox;
}
.TopRight li.glyphicon {
    /* color: red; */
    color: #fff;
    font-size: 20px;
    padding: 5px;
    margin: 7px 5px 0;
}
.navbar-nav.navbar-right.navbarBell {margin-right: 5px;}
.TopRight li.glyphicon.glyphicon-user {
    margin-left: -152px;
    color: #c4d0d9;
    border: 1px solid #c4d0d9;
    background-color: #fefefe;
    border-radius: 4px;
    padding: 2px 2px 0;
}
.TopRight .fullName {
    color: #c4d0d9;
    vertical-align: middle;
}
.TopRight .cFireTasksInActive {
    color: #869fb1 !important;
}
.TopRight .cFireTasksInActive .TaskCount {
    display: none;
}

/*
.nav li.glyphicon.glyphicon-bell {
    margin-left: -180px;
}
.nav li.glyphicon.glyphicon-fire {
    margin-left: -210px;
}
*/
.btn {padding: 0 4px;}
h2, .h2 {font-size: 20px;}
h1, .h1, h2, .h2, h3, .h3 {margin-top: 10px;margin-bottom: 5px;}
h4, .h4 {font-size: 13px;font-weight: bold;}
.row.MatterDetailsRight {margin-bottom:-14px;}
.row {margin-left: 0;margin-right: 0;}
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {margin-top: -2px;}

/* MATTERS LIST*/
button.AddNewMatter {
    /* position: absolute; */
    /* margin-top: -25px; */
    /* right: -50px; */
    /* margin-left: 20px; */
    /* top: -10px; */
}
button.AddNewMatter h6 {margin-top: 5px;margin-bottom: 5px;}

.row-matter {
    background-color: #fefefe;
    border: 1px solid #dde1e2;
    border-radius: 3px;
    margin: 0 0 2px 5px;
    padding: 0 0 0 5px;
    clear: both;
    /*    max-height: 33px; */
}
.row-matter.Active {background-color: #e7ecef;}
.row-matter .nbsp {display: none;}
.matterNameMpbile h4.caseName { white-space: nowrap;}
.workTime label.glyphicon.glyphicon-time {padding-right: 0; }
.row-matter .workTime, .row-matter .addTimeButtons {white-space: nowrap; }
.row.row-matter.MatterClosed {background-color: #f3f3f3 !important;}
.row-matter .glyphicon-ok, .row-matter .glyphicon-unchecked {float: left;top: -1px;background-color: #fff;}
.row-matter .glyphicon-ok {top: 16px;left: 3px;}
.row-matter .btn {padding: 0 3px;}
.row-matter .matterCreated {margin-left: 15px;margin-top:0;}
.row-matter .matterCreated label{float:left;}
.row-matter .matterCreated .openedOn{float:left; color: #aaa;min-width: 50%;font-size:10px;}
.row-matter .matterCreated .openedOn:hover {color: #000;}
.row-matter .matterCreated .hasDescr{float:left; min-width:20px;}
.row-matter .matterCreated .matterFiles{float:left; min-width:20px;}
.row-matter .matterUsers .btn {padding: 0 1px;}
.row-matter button {margin-bottom: -12px;}
.row-matter .btn-success {padding: 0 5px;}
.row-matter .matterDetails {display: inline-flex;}
.row-matter label {color: #aaa;font-weight: normal;padding-right: 4px;font-size:9px;margin-bottom: 0;}
.row-matter a:hover {text-decoration: none;}
.row-matter .matterBalance .balance {float: right;margin-right:0;font-size: 10px;}
.row-matters .StickyMatter .matterBalance label.lbl {font-size: 10px;color: #337ab7;margin: 0;font-weight: inherit;}
.row-matters .StickyMatter .matterBalance label.lbl:hover {text-decoration: underline; cursor: pointer;}
.row-matter .matterBalance label{margin-left:-27px;display: none;}
.row-matter .btn-primary{background-color: #fff;color: #aaa;border-color: #cdd7de;text-shadow: none;padding: 0 1px;}
.row-matter .btn-primary:hover {background-color: #204d74 !important;color: #fff !important;border-color: #122b40 !important; }
.row-matter .btn-primary.glyphicon-plus.moneyToClientAccount {top: 0;font-size: 10px; padding: 0 1px 0 2px;}
.row-matter .glyphicon {color: #ccc;}
.row-matter .glyphicon-pencil {color: #ccc;}
.row-matter .glyphicon-pencil:hover {color: initial;}
.row-matter .matterTasks .glyphicon-check, .caseMetrics .fa-list, .caseMetrics .glyphicon-time   {font-size: 12px;color:#ccc; top: 2px;}
.row-matter .matterTasks .matterProgress{max-width:75%;height:12px;margin: 3px 0 0 0;}
.row-matter .matterTasks .progress {
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #ededed 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #ededed 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ededed));
    background-image: linear-gradient(to bottom, #ffffff -15%, #ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffededed', GradientType=0);
    background-repeat: repeat-x;
}
.row-matter .matterTasks .matterProgress .progress-bar-success{min-width:0.5em;font-size:10px;line-height: 12px; color:initial;/*text-shadow: 0 0 1px #fff;*/
    background-image: -webkit-linear-gradient(top, #D1E0CB 0%, #bbb 100%);
    background-image: -o-linear-gradient(top, #D1E0CB 0%, #bbb 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#D1E0CB), to(#bbb));
    background-image: linear-gradient(to bottom, #D1E0CB 0%, #bbb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffD1E0CB', endColorstr='#ffbbb', GradientType=0);
}
.row-matter .matterTasks .matterProgress .progress-bar-success:hover{background-image:initial;}
.row-matter .matterUsers {margin-bottom: -10px;/*text-align: left;*/ /*background-image: linear-gradient(to right, transparent 20%, #fff);*/  }
.mattersList .matterUsers img {width: 20px;padding-right: 0;vertical-align: top;}
.mattersList .MatterListDragUser img {cursor: -webkit-grab;cursor: -moz-grab;width: 25px;margin: 0 1px;}
.mattersList .nav-tabs li {cursor: pointer;}
.mattersList .keydates h6 {font-size: 10px;margin-top: 2px;text-align: center;}
.mattersList .row-matter .duedates {text-align: center;}
.mattersList .workTime {float: left;}
.mattersList .row-matter .matterFiles .glyphicon-folder-open {color:#ccc;margin-right:3px;}
.mattersList button.editMatter, .mattersList button.deleteMatter, .MatterPage button.editMatter {float: right;}

.mattersList button.editMatter:active {
    background-color: white;
}
.mattersList button.editMatter:focus {
    background-color: white;
}
.mattersList .open button.editMatter {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
    z-index: 1000;
    outline: none;
    box-shadow: none;
}
/* Dmitry added dropdown and Add New Notes for editing matter 28.05.18 */
.mattersList ul.editMatterDropdown {
    top: -3px;
    left: -54px;
    min-width: 100px;
    z-index: 80;
    position: relative;
}
.mattersList .matterAddNewNotes {
    position: absolute;
    top: 22px;
    left: -248px;
    border: 1px solid lightgrey;
    z-index: 1000;
    min-width: 300px;
    min-height: 75px;
}


/*
   Ross added max height and scroll 08.05.18
*/
.mattersList .MattersNewContainer {/* overflow-y: scroll; *//* max-height: 100%; */}


.wipLedgerAccount .progress {
    height: 15px;
    margin-bottom: -5px;
    /* overflow: hidden; */
    background-color: #f8fef4;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    background-image:none;
}
.wipLedgerAccount .glyphicon-ok{float:right;}
.wipLedgerAccount .progress-bar.progress-bar-success {/* margin-bottom: -15px;*/}

/* MATTER PAGE */
.MatterTop {
    position: fixed;
    z-index: 15;
    top: 42px;
}
.MatterTop.MatterClosed {
    background-color: #f3f3f3 !important;
}
.cMatterStatusIcon {
    float: left;
    margin-top: 5px;
}
/*.MatterTop.minSize {*/
/*width: 100%;*/
/*z-index: 50;*/
/*}*/

.MatterLeftColumn {
    position: fixed;
    z-index: 15;
    height: 100%;
}

.MatterRightColumn {
    /*position: relative;*/
    /*z-index: 20;*/
}
.MatterPage .MatterBalance{text-align:right;}
.MatterMain {
    max-width: 924px;
}
.MatterPageHeader .glyphicon-cog{color: #6798c1;cursor: pointer;float: right;font-size: 14px;}
.MatterPageHeader .glyphicon-cog:hover{color:#23527c;}
/*.MatterMain.minSize {*/
/*margin-top: 0;*/
/*}*/

.MatterSidebarTop {
    position: fixed;
    top: 40px;
    /* right: 0;*/
    /*left: 66.6666667%;*/
    /*min-height:12%;*/
    max-width: 466px;
    z-index: 40;
}

/*.MatterSidebarTop.minSize {*/
/*position: relative;*/
/*top: 0;*/
/*left: 0;*/
/*height: 100% !important;*/
/*width: 100% !important;*/
/*max-width: 100%;*/
/*}*/

.MatterSidebarTop.minSize .cImportantDates {
    display: none;
}

.MatterSidebarMain {
    height: 85%;
    overflow-y: scroll;
    position: fixed;
    /* right: 0;*/
    /*left: 67%; !*66.6666667%;*!*/
    bottom: 0;
    max-width: 466px;
}

/*.MatterSidebarMain.minSize {*/
/*overflow-y: visible;*/
/*position: relative;*/
/*left: 0;*/
/*height: 100% !important;*/
/*width: 100% !important;*/
/*max-width: 100%;*/
/*}*/
.matterSectionRow{
    background-color: #E7ECEF;
    margin-left: 0;
    margin-right: 0;
    cursor: pointer;
}
.matterSectionRow h5, .matterSectionRow .h5{margin: 0;}
.matterSectionRow .progress{width:50%;float:left;margin:2px 0 4px 15px;}
.progress {
    background-image: -webkit-linear-gradient(top, #ebebeb 0%, #D1E0CB 100%);
    background-image: -o-linear-gradient(top, #ebebeb 0%, #D1E0CB 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#D1E0CB));
    background-image: linear-gradient(to bottom, #ebebeb -15%, #cbdae0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#ffD1E0CB', GradientType=0);
    background-repeat: repeat-x;
}
.progress-bar-success {
    background-image: -webkit-linear-gradient(top, #5cb85c 0%, #85BB85 100%);
    background-image: -o-linear-gradient(top, #5cb85c 0%, #85BB85 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#85BB85));
    background-image: linear-gradient(to bottom, #5c8ab8 0%, #85afbb 00%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff85BB85', GradientType=0);
    background-repeat: repeat-x;
    color: inherit;
    white-space: nowrap;
}
.progress-bar{font-size:11px;}

/*screen-lg corresponds with col-lg*/
@media (min-width: 1400px) {
    .MatterSidebarMain, .MatterSidebarTop {
    }
    .modal-xl {width: 1280px;}
}

/*screen-lg corresponds with col-lg*/
@media (max-width: 768px) {
    .MatterSidebarMain, .MatterSidebarTop {
        position: relative;
        left: initial;
        max-width: initial;
        bottom: initial;
        height: initial;
        top: initial;
        overflow-y: initial;
    }

    .MatterMain {
        height: initial;
        overflow-y: initial;
        position: initial;
        overflow-x: initial;
        margin-left: initial;
        max-width: initial;
    }
}

/* FRONTPAGE */
.frontpage .feature-item{background-color: #fefefe; border: 1px solid #ccc; border-radius: 6px; margin:2px;}
.frontpage .glyphicon-unchecked{top:7px; left:-3px;color: #c4d0d9 !important;}
.frontpage .glyphicon-ok {top: 12px;}
.frontpage .features-checklist h3{color:#0d3d57; font-size:15px; margin: 7px 5px;max-height: 42px;}
.TopRight ul.nav{display:inherit;}
.frontpage .jumbotron h1{color:#0d3d57;letter-spacing: 8px;}
.frontpage h2{font-size:22px;}
.frontpage .front-top img {float: right;}
section.frontpage {background-color: #fff;margin-top: -8px; margin-bottom: -30px;}
.row.front-top {background-color: #fff;}
.front-top h3{font-size:18px;}
@media (min-width: 768px){
    .container .jumbotron, .container-fluid .jumbotron {padding-top:10px;padding-bottom:38px;}
}
.Registration .acceptTerms{padding:0 2px 12px;color:#878787;}
.Registration .input-group .form-control {z-index: initial;}
.Registration .dropdown {position: initial;}
.Registration .input-group-lg .ui-select-container .form-control{font-size:11px;}
.cust-list {font-size: 100px;}
.cust-list-sm {font-size: 30px;}

.paddingTopBottom {
    padding-top: 15px;
    padding-bottom: 15px;
}

.MatterSection {
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    margin: 2px 0;
}

.MatterSection h2 {
    float: left;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    letter-spacing: 1px;
    padding-left: 7px;
    font-weight: bold;
    color: #131E26;
    margin: 5px 0 5px !important;
}

.DivBorder4 {
    border: 1px solid #ccc;
    background-color: white;
}

.MatterPage .glyphicon-pencil, .EditProfile .glyphicon-pencil {
    color: #aaa;
    cursor: pointer;
    font-size: 12px;
}

.MatterPage .glyphicon-pencil:hover, .EditProfile .glyphicon-pencil:hover {
    color: #444;
}

.MatterPage .ui-select-match-text font {
    font-weight: bold;
}

.MatterPage .MatterTotalTime {
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    /*	margin-top: -2px; */
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.MatterPage .BalanceLabel {
    float: left;
    margin-right: 5px;
    font-size: 10px;
}
.MatterPage .BalanceDebit, .MatterPage .BalanceCredit {
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    margin-top: -4px;
    display: initial;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.MatterPage .cMatterMembers {display: none;}

.cMatterStatus {float: left;}
.cMatterStatus .glyphicon {
    top: 3px;
    cursor:pointer;
    margin-left: 4px;
}
.MatterPage .MatterTop .ui-select-container .btn {padding: 4px 4px;}
.cMatterStatus .glyphicon-unchecked {font-size: 24px;}
.MatterPage .cMatterStatus .glyphicon-ok::before {
    font-size: 25px;
    margin-left: -31px;
    margin-top: -14px;
}
.MatterTop button.glyphicon-time {
    background-color: #ddd;
    border: medium none;
    border-radius: 3px;
    color: #222;
    font-size: 14px;
    margin-top: -4px;
    padding: 2px 4px 1px;
    vertical-align: top;
}
.row-matter button.glyphicon-time  {
    border: none;
    background-color: #ddd;
    color: #222;
    font-size: 11px;
    border-radius: 3px;
    padding: 3px 4px 2px;
    vertical-align: top;
}
.row-matter button.glyphicon-time:hover, .MatterTop button.glyphicon-time:hover{color:#fff;background-color:#5cb85c;}
.MatterTop .glyphicon-pencil {
    font-size: 17px;
    float: right;
    margin: 5px 5px 0 0;
}

.cMatterStatus button {
    margin: 5px 0 5px -4px;
}

div.cMatterTags {
    display: inline-block;
    padding: 0 4px;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin-right: 4px;
    margin-bottom: 4px;
}

.cMatterClientsCollapse, .cMatterDetailsCollapse, .cMatterContactsCollapse,
.cMatterFilesCollapse, .cTasksCollapse, .cAccountsBillingCollapse,
.cExpandCollapse {
    float: right;
    display: flex;
    display: -webkit-box;
    text-align: right;
    margin-top: 4px;
    margin-right: 6px;
}
.cTasksCollapse h4{color:#91a4b5}
.cTasksCollapse h4:hover{color:#647d94;}
.cMatterClientsCollapse {
    position: absolute;
    right: 1px;
    margin-right: -4px !important;
}

.MatterSection h4, .mattersList .cCompanyClientslbl h4, .cAdminCompanies .cExpandCollapse h4, .mattersList .cExpandCollapse h4,
.cOrgAccounts .accountExpand, .transferPopup .cExpandCollapse h4 {
    font-weight: normal;
    color: #23527c;
    cursor: pointer;
    margin: 0 2px 0 0;
}
.MatterSection h4{color:#99b0c6;}
.MatterSection h4:hover{color:##23527c;}
.cMatterDetailsCollapse .fa-check-circle{color: #66cb66;font-size: 14px;padding-right: 5px;}
h6.lblMatterDescription, h6.lblMatterContacts {
    font-weight: bold;
    margin-bottom: inherit;
}
.cFileNum {color: #aaa;}
.MatterMembers h4, .MatterSidebarTop .cImportantDates h4, #matterListSidebar .cImportantDates h4 {
    margin-top: 6px;
    margin-bottom: 0;
    font-size: 11px;
    color: #5d6d77;
}
.rowKeyDate {
    background-color: #fff;
    margin: 1px 2px;
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 0 0;
}
#matterListSidebar .cImportantDates-Date{min-width: 18%;}
.cImportantDates-Date {
    /*float: left;*/
    background-color: #ec9488;
    color:#fff;
    font-size: 10px;
    border-radius: 2px;
    padding: 1px 0 0 0;
}
.cImportantDates .fa-calendar, .cImportantDates-Date.fa-calendar {padding: 1px 0 1px 2px;}
.row-matter .cImportantDates-Date {width:fit-content;padding: 1px 2px;display: inline-table; }
.cImportantDates-Name {
    width: 82%;
    cursor: pointer;
    color: #337ab7;
    padding-left:2px !important;
}
.MatterPage .lblMatterNews h4 {
    margin-top: 2px;
}
.MatterPage .CaseNews ul, ul.CaseNewsList {
    padding-left: 10px;
}
.MatterPage .CaseNews ul li, ul.CaseNewsList li {
    list-style: none;
    border-bottom: 1px solid #ddd;
}
.MatterPage .lblUserName, .PrintWIPsItem .lblUserName, ul.CaseNewsList .lblUserName  {
    float: left;
    margin-right: 4px;
    font-weight: bold;
    color: #777;
}
.MatterPage .CaseNews .taskname a, ul.CaseNewsList .taskname a  {
    color: #777;
    line-height: 12px;
    text-decoration: none;
}
.MatterPage .CaseNews .taskname a:hover, ul.CaseNewsList .taskname a:hover {
    color: #23527c;
    text-decoration: underline;
}
.MatterPage .CaseNews .taskDescr, ul.CaseNewsList .taskDescr {
    font-size: 12px;
    color: #8a6d3b;
    background-color: #fffcef;
    border-color: #faebcc;
    clear: both;
    padding-left: 5px;
}
.MatterPage .CaseNews .glyphicon-comment,
.TaskModal .glyphicon-comment,
ul.CaseNewsList .glyphicon-comment{
    color: #aaa;
    float: left;
    padding-right: 3px;
    top: 0;
    margin-left: -11px;
}
.MatterPage .CaseNews .CaseMembers img, ul.CaseNewsList .CaseMembers img  {
    margin-left: -6px;
    border-radius: 50%;
}
.cAddNotes {
    padding: 4px 2px 15px;
    background-color: #e7ecef;
}
.matterList .cAddNotes, .matterList .cviewAddCaseMembers {
    position: absolute;
    right: 0;
    top: 19px;
    min-width: 320px;
    z-index: 2;
}
.cAddNotes .quickdate {
    float: left;
    position: absolute;
    font-size: 12px;
    text-decoration: none;
    padding-top: 4px;
}
.MatterPage .CaseNews .lblAddNotes, ul.CaseNewsList .lblAddNotes {font-weight: bold;}
.MatterPage .CaseNews .in, ul.CaseNewsList .in  {float: left;padding: 0 4px 0 0;}
.MatterPage .dragMatterUser .CaseMembers img {
    float: left;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    border-radius: 50%;
    margin-right: -15px;
    border: 1px solid #fff;
    background-color: #fff;
}
.MatterPage .MatterMembers a.cMatterPermissions {
    cursor: pointer;
    margin-bottom: 0;
}
.MatterPage .MatterMembers .btn-group{min-height:32px;}
.MatterPage .MatterMembers .caseManager{/*color:#eea236;*/color:#F5C37B;top:18px;left:8px;position:absolute;text-shadow: 0 0 5px red;}
.matterTemplateList .row-matter:hover{border-color:#aaa;cursor:pointer;}
.matterTemplateList .row-matter .glyphicon-pencil:hover{color:#111;cursor:pointer;}
.row-matter .contactsCountNum{display:inline;}
.modalCreateMatterTemplate .matterTemplateName{font-size:20px;}
.modalCreateMatterTemplate .MatterMembers a.cMatterPermissions {bottom: -15px; position: absolute;right: 20px;}
.modalCreateMatterTemplate .PracticeAreas{padding-top: 40px;}
.modalCreateMatterTemplate .PracticeAreas label{padding-top: 5px;}
.matterSectionRow .glyphicon-align-justify{margin-left:12px !important;}
.matterSectionRow .contactsCount{display:inline-block;position:absolute;margin-right:-20px;left:88px;width: 57px;}
.modalCreateMatterTemplate .contactsCount, .matterSectionRow .contactsCount .glyphicon,
.matterSectionRow .glyphicon-list-alt{color:#aaa;font-size:16px;padding-top:4px;margin-left:21px;display:inline-block;}
.modalCreateMatterTemplate .contactsCount .contactsCountNum, .matterSectionRow .contactsCount .contactsCountNum{font-size:14px;margin-left:0;color:#555;display:inline;font-weight:bold;}
.MatterPage .MatterMembers.glyphicon {cursor: pointer;}
.addMemberToMatter{/*display:inline;*/height:32px;cursor: pointer;margin-left: 10px !important;}
.MatterPage .MatterMembers .glyphicon-plus, .addMemberToMatter .glyphicon-plus{color:#a2b7cc;position:absolute;padding-top:4px;font-size:16px;background-color:#dfecf3;height:32px;width:32px;opacity:0.9;border-radius:4px;}
.MatterPage .MatterMembers .glyphicon-user, .addMemberToMatter .glyphicon-user{margin-left: 5px;color: #fff;top: -1px;left:-29px;z-index: -1;font-size: 28px;}
.MatterPage .MatterMembers .glyphicon-plus:hover, .addMemberToMatter .glyphicon-plus:hover {color:#5e768e;}
.MatterPage .cViewAddCaseMembers .ui-select-container {width: 94%;float: left;}
.NoKeyDates{color: #ccc;font-style: italic;padding-left: 10px;}
.MatterPage .cViewAddCaseMembers .glyphicon-remove, .MatterPage .closeMemberFinder .glyphicon-remove {
    padding-top: 9px !important;
    font-size: 14px !important;
    padding-left: 7px !important;
    left: 0 !important;
}
.MatterPage .cViewAddCaseMembers .glyphicon-remove:hover{color:initial !important;}
.tasksworklogTime {float: right;color: #ccc;font-style: italic;margin-right: 22px;}
.cTimeActivitiesRemove, .cAdditionalExpenses .glyphicon-pencil {position: absolute;right: 0;color: #aaa;cursor:pointer;top:0;}
.cTimeActivitiesRemove:hover {color: #4d4d4d;}
.CaseNews .glyphicon-pencil{font-size: 14px;}
.glyphicon-remove, .glyphicon-trash, .glyphicon-print {cursor: pointer;color: #d4d4d4;}
.newTaskBlock .glyphicon.glyphicon-remove.ng-scope {
    top: -2px;
}
.newTaskBlock .newTaskUserSelectGlyph {
    top: 6px !important;
    right: 2px;
    position: absolute;
}
.newTaskBlock  .btn.btn-default.form-control.ui-select-toggle, .newTaskBlock .quickdate {height: 22px; margin-top: 1px;}
.newTaskBlock .quickdate-button{padding:0 8px;}
.TaskCard .quickdate-popup.open{right:0;}
.DueDate .quickdate-button{padding: 0;color:#aaa;border:none;font-size: 11px;}
.TaskCard .DueDate .overdue, .TaskCard .DueDate .overdue a.quickdate-button  {color: #fb8282; font-size: 11px;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}
.DueDate.dateApproaching, .DueDate.dateApproaching a.quickdate-button  {color: #ffbc89 !important; }
.glyphicon-remove:hover, .glyphicon-trash:hover,.glyphicon-print:hover {color: #4d4d4d;}
.cPopapEditMatter h3{font-size:11px;font-weight:bold;}
.cpopapEditMatter .modal-title {height: 2em;}
input.form-control.color-picker-input-data.ng-pristine.ng-untouched.ng-valid.ng-not-empty.ng-valid-required {margin-bottom: 15px;}
.cPopapEditMatter .rowMatterTag{margin-top:15px;}
.row-matter button.editMatter, .MatterPage button.editMatter {font-size: 30px;color: #dee8ee;position:absolute;border-radius: 50%;background-color: #fff;outline:none; border: none;box-shadow: none;transition: all 0.4s ease-out;padding: 0 0 0 0 !important; /* background-color: red; */height: 24px;margin-top: -5px;top: -1px;line-height: 24px;}
.row-matter button.editMatter:focus, .MatterPage button.editMatter:focus {color: #89a8c4;z-index: 1001;transform: rotate(-45deg);}

/* Conflict of Interests*/
.ConflictCheckResult { /*display:inline-flex; */}
.ConflictCheckResult .Result {margin-left: 3px;float: right;}
.ConflictCheckResult .glyphicon-ok {font-size: 14px;margin-left: 20px;margin-bottom: -6px;}
.ConflictCheckResult .glyphicon-warning-sign, .coiResultItem .glyphicon-warning-sign  {color: rgb(255, 0, 0);font-size: 14px;margin-left: -18px;}
.ConflictCheckResult .potentialConflict {color: orange;}
.ConflictCheckResult h5 {margin-bottom: 1px;}
.ConflictCheckResult .Result .lbl {margin-left: -43px; color: #778C96;display: inline-flex;}
.ConflictCheckResult h4 {font-size: 11px;float: left;}
.coiBody {border:15px solid #778c96;border-radius:10px;padding:10px;margin-bottom:10px;font-size: 11px;font-family: "lucida grande", tahoma, verdana, arial, sans-serif;}
h2.coiTitle{color: #0d3d57;text-align: center;font-weight: bold;}
h4.coiDescr {color: #0d3d57;}
.coiBody .row {margin:0;}
.coiMatterClient {border: 2px solid #0d3d57;padding:2px;margin-bottom:15px;}
label.clientFullName {color: #000;float: none;}
.coiResultsLbl {color: #778c96;font-size: 20px;padding-left: 5px;}
.coiResults {border-top: 1px solid #778c96;padding: 5px;}
.coiCheckName {color: #778c96;font-weight: bold;padding-left: 5px;}
.coiResultItem h5 {margin: 0;font-weight: bold;font-size: 11px;color: #545454;}
.coiResults .whois{display:inline-table;}
.PotentialConflict {color: orange;}

.cPopapEditMatter .deleteMatter {float: left;}

/* CONTACTS */
.cMatterContacts button.btn-primary {margin-top: -16px;}
.cMatterContactsList, .cMatterContact, .cClient {
    border-radius: 5px;
    background-color: #fff;
    margin-bottom: 3px;
    padding: 4px;
}
.MatterClientColumn .cClient {border: 0.3px solid #cfdbe4;}
contact-item .item{border: 0.6px solid #d7e0e5; border-radius: 4px; padding: 3px;}
.contactTel .glyphicon, .contactTel .fa,
.crm-contact-page .crm-contact-details .fa,
.crm-contact-page .crm-contact-details .glyphicon,
.crm-contact-page .crm-contact-details label, .crm-contact-page .crm-contact-details-2 label{color: #778C96;}
.crm-contact-page .crm-contact-details-2 label{margin-right: 5px;}
.crm-contact-page .crm-contact-details .fa,
.crm-contact-page .crm-contact-details .glyphicon{font-size: 15px;}
.typeSelect{
    display: inline-flex;
}
.typeSelect .person, .typeSelect .organisation {
    border: 1px solid #EEEEEE;
    border-radius: 4px;
    padding: 5px;
    font-size: 1.7rem;
    margin-right: 30px;
    cursor: pointer;
    color: #BBBBBB;
}
.typeSelect .person.active, .typeSelect .organisation.active {
    border-color: #0b58a2;
    color: #0d3d57;
}
.crm-right .crm-contact-page{padding:20px;}
.crm-right .crm-contact-page .fa-user, .crm-right .crm-contact-page .fa-building-o{
    background-color: #778C96;
    color:#fff;
    font-size:30px;
    border-radius: 50%;
    padding: 8px 12px;
}
.crm-right .item{font-weight: bold;font-size: 20px;display: inline;}
.crm-right .code {
    display: inline;
    padding: 0 25px;
    opacity: 0.6;
    font-size: 20px;
}
.crm-right .crm-contact-details {
    padding-left: 40px;
    font-size: 120%;
}
.crm-right .crm-contact-details .fa, .crm-right .crm-contact-details .glyphicon{color: #778C96;}
/*
    Ross added min height and scroll 25.04.18
*/
.cMatterContactsList{border-color:transparent;background-color:#eaeaea;padding:0;border-radius: 0 0 4px 4px;/* max-height: 80vh; *//* overflow-y: scroll; */}
.cMatterContact:hover, .cClient:hover{/*cursor:pointer;*/border-color:#a0a0a0;}
.contactFirstName, .contactLastName {font-weight: bold;font-size: 13px;}
.cMatterContactsList h4.lblContactGroup{background-color:#ddd;margin:0;padding:4px;}
.contactDescription pre {
    font-size: 13px;
    line-height: inherit;
    padding: inherit;
    margin-bottom: 0;
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.cMatterContactsList .contactDescription {margin-left: 4px;color: #888;}
.contactAddress {margin-left: 70px;color: #777;}
.cMatterContactsList .cMatterContact .addressTitle, .cMatterContactsList .cMatterContact .emailTitle{color:#778C96; padding-right:4px;}
.cMatterContactsList .glyphicon-pencil {padding-right: 1px;cursor:pointer;float:right;}
.cMatterContactsList .contactName .glyphicon, .cMatterContactsList .contactName .fa, .contactWho .fa {font-size: 14px;color: #fff; background-color: #778C96; padding: 5px 7px; border-radius: 50%;}
.contactName{font-weight:bold;}
.contactType{font-weight: normal;color:#778C96;display:inline;padding-left:4px;}
.contactOccupation{font-weight: normal;color:#778C96;display:inline;padding-left:40px;}
.lblMatterContactsAddNew, .lblMatterContactsFind {text-align: right;}
.cMatterContacts .contactEdit {float: right;}
.cMatterContacts .glyphicon-pencil, .MatterPage .cMatterContacts .glyphicon-remove {font-size: 11px;color: #aaa;}
.cMatterContacts .glyphicon-pencil:hover, .MatterPage .cMatterContacts .glyphicon-remove:hover {color: #444;}
.btn.addContactToMatter{color:#3c763d; background-color:#dff0d8;font-weight: bold;}
.btn.addContactToMatter:hover{background-color:#5cb85c;color:#fff;}
.cMatterContacts .glyphicon-phone-alt, .cMatterContacts .glyphicon-phone, .cMatterContacts .glyphicon-print {color: #888;}
.cMatterContactsAddNew input, .cMatterContactsList input {height: 22px;padding: 0 1px 1px 2px;font-size: 11px;}
.contactDescription input[type="checkbox"] {height: auto;}
.cMatterContactsAddNew .contactSaveButtons, .cMatterContactsList .contactSaveButtons {text-align: right;}

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {width: auto !important;  }
/* TASKS */
.glyphicon-unchecked {
    font-size: 17px;
    color: #bbd1db;
    vertical-align: top;
    top: -5px;
    cursor:pointer;
}
.glyphicon-unchecked:hover {
    color: #bbb;
}
.TaskCard .glyphicon-ok::before, .frontpage .glyphicon-ok::before, .row-matter .glyphicon-ok::before {
    color: #4cae4c;
    /* color:#d91a16;*/
    font-size: 17px;
    margin-left: -19px;
    margin-top: -19px;
    position: absolute;
}
.cMatterStatus .glyphicon-ok::before {
    color: #4cae4c;
    font-size: 20px;
    margin-left: 3px;
    margin-top: -35px;
    position: absolute;
}
.TaskModal .glyphicon-ok {
    top: -15px;
    font-size: 16px;
    left: -19px;
    color: #4cae4c;
}
.as-sortable-item-handle {
    cursor: -webkit-grab;
    cursor: -moz-grab;
}
.MatterPage .TaskCard{margin-right: 5px;}
.TaskCard, .cMyNotificationItem {
    border: 1px solid #cbcbcb;
    border-radius: 7px;
    margin-bottom: 2px;
    background-color: #fff;
}
.cMyNotificationItem .glyphicon-comment{margin: 0 3px 0 -3px;}
.cMyNotificationItem {color: #777;}
.TaskCard:hover {border-color: #aaa; cursor: pointer;}
.TaskCard .cStopwatch {
    position: absolute; width:100px;
    margin-top: -20px;
}
.TaskCard .cStopwatch .glyphicon-play, .TaskCard .cStopwatch .glyphicon-time {
    font-size: 11px;
    margin-top: 2px;
    border: none !important;
    border-radius: 4px;
    padding: 1px 6px;
}
.firetasks .TaskCard .cStopwatch .glyphicon-play{font-size:10px; margin-top:0;}
.row-matter .glyphicon-play, .MatterPage .glyphicon-play{color: #000;font-size: 10px;border: none !important;padding: 2px 4px 2px;border-radius: 3px;}
.MatterPage .cMatterTotals .MatterTimerButtons{margin-left:3px;}
.MatterPage .cMatterTotals .glyphicon-play{padding:3px 6px;font-size:10px;border-radius:3px;top: -3px;}
.row-matter .glyphicon-pause, .row-matter .glyphicon-stop, .MatterPage .glyphicon-pause, .MatterPage .glyphicon-stop{color: #fff;font-size: 8px;border: none !important;}
.MatterPage .TaskCard .cStopwatch .glyphicon-play, .MatterPage .TaskCard .cStopwatch .glyphicon-time {margin-top: -6px; /*padding: 3px 6px;*/}

.TextORglyphicon{display: inherit;}
.glyphiconORText{display: none;}
.TaskCard .cStopwatch .glyphicon-play:hover, .row-matter .glyphicon-play:hover, .MatterPage .glyphicon-play:hover, .TaskModal .cStopwatch .glyphicon-play:hover,
.TaskCard .cStopwatch .glyphicon-time:hover {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #fff;
}
.manualClass.glyphicon-time:hover {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #fff;
}
.glyphicon-time.manualClass{
    margin-top: 2px;
    border: none !important;
    padding: 3px 6px;
    font-size: 10px;
    border-radius: 3px;
    top: -3px;
}
.TaskCard .cStopwatch .glyphicon-pause, .TaskCard .cStopwatch  .glyphicon-stop {
    margin-right: 6px;
    border-radius: 4px;
    border: none !important;
    margin-top: 4px;
    padding: 3px 6px;
}

.TaskCard p.form-control-static {
    min-height: 0;
    padding-top: 3px;
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 13px;
}
.TaskCard .TaskDetails .glyphicon{color:#777;margin-right:7px;}
.TaskCard .DueDate {color: #aaa;}
.TaskCard .importantDate {
    background-color: #ec9488;
    color: #fff;
    border-radius: 3px;
}
.TaskCard .PriorityLabel {
    position: absolute;
    top: -3px;
    right: 0px;
    color: transparent;
}
.TaskCard .quickdate.ng-empty .quickdate-button {color: transparent;}
.fireTasks .TaskCard .PriorityLabel {
    float: right;
    height: 4px;
    position: absolute;
    width: 60px;
    top: 0;
    right: -15px;
}
.fireTasks .TaskCard .glyphicon-ok::before {
    color: #4cae4c;
    font-size: 12px;
    margin-left: -5px;
    margin-top: -31px;
    position: absolute;
}
.fireTasks .TaskCard .cStopwatch{width:initial;}
.fireTasks .TaskCard .cStopwatch button.glyphicon-pause, .fireTasks .TaskCard .cStopwatch button.glyphicon-stop {font-size: 11px;margin-top: -2px; padding: 0px 3px;}
.fireTasks .TaskCard .cStopwatch button.glyphicon-stop {margin-left:3px;}
.StickyTask .TaskCard .TaskMembers {
    margin-top: -5px;
    margin-left: -8px;
}
.StickyTask {
    min-height: 35px;
    background-color: #fff;
}
.TaskCard .TaskMembers, .CalendarMobileView .TaskMembers {
    text-align: right;
    margin: 0 0 -8px -8px;
    float: right;
}
.TaskCard .TaskMembers .TaskMember, .CalendarMobileView .TaskMembers .TaskMember {
    float: right;
    /*width: 20px;
    height: 20px;*/
    margin-left: -5px;
}
.TaskCard .TaskMembers img, .CalendarMobileView .TaskMembers img  {
    /* padding-left: 2px; */
    width: 26px;
    /* height: 20px; */
    border-radius: 50%;
    margin-left: -1px;
    border: 1px solid #fff;
    background-color: #fff;
}
.TaskCard .TaskMemebers .fa.fa-user-plus {  }
.TaskCard .TaskMemebers .fa.fa-user-plus:hover {  }
.TaskMembers .glyphicon-plus {
    background-color: #ccc;
    border-radius: 3px;
    padding: 4px 4px 6px 6px;
    color: #fff;
    cursor: pointer;
}
.TaskMembers .glyphicon-plus:hover {
    background-color: #aaa;
}
.TaskMembers .glyphicon-unchecked {
    font-size: 30px;
    top: -20px;
}
.TaskMembers .glyphicon-ok {
    font-size: 30px;
    margin-left: -32px;
    margin-top: -37px;
}
.TaskModal h3.TaskName {
    margin-left: 30px;
    margin-top: -16px;
    font-weight: bold;
    width: 95%;
}
h3.TaskName pre, h3.TaskName .form-control {font-size: 17px;}
.TaskModal .glyphicon-unchecked {top: -16px;font-size: 20px;}
.TaskModal .glyphicon-ok {top: -18px;font-size: 20px;left: -22px;color: #4cae4c;}
.TaskModal .TaskName textarea {
    margin-left: 2px;
    margin-top: 2px;
    width: 95%;
}
.TaskModal .TaskDescription {
    margin: 0 35px 15px;
}
.TaskModal .TaskDescription pre, pre.valMatterDescription {
    color: #8a6d3b;
    /* background-color: #fcf8e3;*/
    background-color: #fff7ef;
    border-color: #faebcc;
    margin: 0 0 15px 0;
}
.TaskModal textarea#CasetaskDescription {
    background-color: #fcf8e3;
    color: #8a6d3b;
    border-color: #faebcc;
}
.TaskModal textarea#CasetaskDescription.form-control {
    font-size: 12px;
}
.TaskModal .cCheckBox {float: left;}
.CloseModalForm,.TaskModal .CloseModalForm{
    top: 10px;
    right: 10px;
    position: absolute;
}
.CloseModalForm,.TaskModal .CloseModalForm,
.TaskModal .TaskName .glyphicon-remove,
.TaskModal .TaskDescription .glyphicon-remove {
    font-size: 20px;
    color: #ccc;
}
.CloseModalForm:hover,
.TaskModal .CloseModalForm:hover,
.TaskModal .TaskName .glyphicon-remove:hover,
.TaskModal .TaskDescription .glyphicon-remove:hover {
    color: #aaa;
}
.TaskModal .label {
    color: #aaa;
    font-size: 14px;
    padding-left: 0;
}
.TaskModal .CaseTitle {
    font-size: 18px;
}
.cEmptyDescription {
    font-size: 14px;
    font-style: italic;
    color: #bbb;
    padding: 5px 10px;
    background-color: #fcf8e3;
    border-color: #faebcc;
    border-radius: 4px;
    margin-bottom: 20px;
}
.TaskModal section img.curUser {
    float: left;
    padding-right: 3px;
}
.TaskModal section textarea.form-control {
    width: 90%;
}
.TaskModal section .row { /*text-align: right;padding-right:30px;*/
}
.TaskModal section ul li {
    list-style: none;
}
.TaskModal .TaskMembers {
    margin-bottom: 15px;
    font-size: 18px;
}
.TaskModal .TaskMembers .glyphicon-remove, .MatterMembers .glyphicon-remove{
    background-color: white;
    color: #aaa;
    font-size: 11px;
    /* left: -2px; */
    position: absolute;
    right: 0;
    top: -2px;
    width: 11px;
    cursor: pointer;
    padding: 2px 1px 1px 1px;
}
.TaskModal .TaskMembers .glyphicon-remove:hover {/*color: #4d4d4d;*/color:#dc0d17;}
.TaskModal .ui-select-container .glyphicon-remove{position:initial;}
.MatterMembers .glyphicon-remove:hover{color:#dc0d17;}

.TaskModal .TotalTime {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: bold;
}
/*.TaskModal .cStopwatch .glyphicon-play{margin-bottom: 15px;}*/
.TaskModal .TaskPriority {
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: #d6dadc;
    width: 100%;
}

.TaskModal .TaskPriority .label {
    display: flex;
    display: -webkit-box;
    display: -ms-inline-flexbox;
    margin-bottom: -21px;
    color: #fff;
}
.TaskModal .TaskPriority select {
    background-color: transparent !important;
    padding: 14px 8px 2px;
    font-size: 17px;
    color: #fff;
    border: none;
    opacity: 0.9;
    /*	width: 140px; */
}
.TaskModal .TaskPriority select option:hover {background-color: #000 !important;opacity: 0.1;}
.TaskModal .duedate .label .labelText,
.TaskModal .keydate .label .labelText,
.TaskModal .TaskPriority .label .labelText {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    display: inline;
    margin-left: 3px;
}
.TaskModal .duedate {margin-bottom: 15px;background-color: #983326;}
.TaskModal .keydate {margin-bottom: 15px;background-color: #ec9488;}

.TaskModal .duedate .label, .TaskModal .keydate .label {
    display: flex;
    display: -webkit-box;
    display: -ms-inline-flexbox;
    margin-bottom: -19px;
    margin-left: 3px;
    color: #fff;
}

.TaskModal .duedate .quickdate-button, .TaskModal .keydate .quickdate-button {
    width: 140px;
    padding: 14px 0 1px 2px;
    background-color: transparent !important;
    /* margin-left: -3px; */
    border: none;
    color: #fff;
    text-decoration: initial;
}
.TaskModal .duedate .quickdate-button a, .TaskModal .keydate .quickdate-button a {color: #fff;font-weight: bold;}
.TaskModal .showincalendardiv{/*border:1px solid #eee;*/border-radius:4px;background-color:#eee;}
.TaskModal .showInCalendarDateLabel, .TaskModal .showInCalendarDateLabel{color:#778C96;float:left;width:23px;font-size:9px;text-align:right;line-height:20px;margin-bottom:-4px;}
.TaskModal .showInCalendarDate .quickdate{font-size:10px;border:none;}
.TaskModal .showInCalendarDate .quickdate-button{border:none;background-color: initial;}
.TaskModal .TaskDelete {text-align: right;margin-top: 20px;}
.TaskModal .cTaskActivites {
    border: 1px solid #ededed;
    padding: 2px;
    margin-right: 40px;
}
.TaskModal .cWorkOnTask {
    display: flex;
    display: -webkit-box;
    display: -ms-inline-flexbox;
}
.TaskModal .WorkDuration {font-weight: bold;padding: 0 4px;}
.TaskModal .WorkEndDate {
    color: #aaa;
    text-align: right;
    font-style: italic;
    margin-right: 22px;
}
.TaskModal .TaskDescription .taskDescr {font-size: 14px;}
.TaskModal .cTaskActivites .taskDescr {font-size: 11px;}
.TaskModal section ul{margin-top: 10px;}



/* FIRE TASKS */
.fireTasks {
    background-color: white;
    width: 330px;
    position: absolute;
    padding: 5px 3px 10px;
    border: 1px solid #ddd;
    max-height: 627px;
    overflow-x: visible;
    right: 0;
    box-shadow: -5px 15px 15px 1px rgba(0, 0, 0, .36);
    z-index: 10000;
}
.cMyNotificationBox {
    background-color: white;
    width: 330px;
    position: absolute;
    padding: 5px 3px 10px;
    border: 1px solid #ddd;
    max-height: 627px;
    overflow-y: scroll;
    right: 0;
    box-shadow: -5px 15px 15px 1px rgba(0, 0, 0, .36);
    z-index: 10000;
}

.FireTasksWrapper {
    overflow-y: scroll;
    max-height: 600px;
}
.TopRight .FireTasksWrapper ul.nav-tabs{position: fixed;background-color: #fff;margin-top: -6px;}
.TopRight .FireTasksWrapper .nav > li.uib-tab{margin-top: -2px;}
.TopRight .FireTasksWrapper .nav > li.uib-tab > a{padding: 4px 10px 2px;margin-top: 4px;}
.TopRight .FireTasksWrapper .tab-content{padding-top: 20px;}
.TopRight .fireTasks .close{font-size: 33px; position: absolute;top:-6px;color:#333333;right: 10px;}
.fireTasks .TaskCard .col-xs-1 {
    width: 15px;
}
.TopRight .FireTasksWrapper .tab-content .tab-pane .tasks.ng-enter, .TopRight .FireTasksWrapper .tab-content .tab-pane .tasks.ng-move {
    transition: all 0.5s linear;
    opacity: 0;
}

.TopRight .FireTasksWrapper .tab-content .tab-pane .tasks.ng-enter.ng-enter-active,
.TopRight .FireTasksWrapper .tab-content .tab-pane .tasks.ng-move.ng-move-active {
    opacity: 1;
}
.TopRight .FireTasksWrapper .tab-content .tab-pane .tasks.ng-leave {
    height: 60px;
    overflow:hidden;
    animation: 0.5s FireTasksWrapper_animation;
}
@keyframes FireTasksWrapper_animation {
    from {
        height: 60px;
    }
    to {
        height: 0;
    }
}
.fireTasks .CaseName {
    margin: -5px 0 -9px 0;
    display:inline-block;
}

.fireTasks .TaskCard p {
    font-size: 12px;
}

.fireTasks .glyphicon {
    font-size: 14px;
    text-align: left;
}
.TaskCard .date {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: inline;
}

.TaskCount {
    text-align: center;
    color: #fff;
    font-family: sans-serif;
    font-size: 10px;
    /* font-weight: 700; */
    /*    background-color: red; */
    border-radius: 3px;
    margin-left: 1px;
    margin-right: 4px;
    padding: 3px 1px 3px 1px;
    margin-top: -28px;
    position: relative;
    left: 7px;
    background-color: #dc0d17;
    background-image: linear-gradient(#fa3c45, #dc0d17);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .7);
}

/* TIMER */
.navbarTimer {
    width: 170px;
}

.TopRight .TimerTitle {
    width: 140px;
    padding-top: 5px;
}

.TimerTitle .row {
    margin-left: -2px;
    margin-right: -2px;
}

.TopRight .timertime {
    display: block;
    padding: 10px 0 0;
    margin-left: -42px;
    font-family: Helvetica, "Open Sans", Arial, sans-serif;
    font-size: 14px;
    text-align: right;
    width: 93px;
}

.TimerTitle .btn {
    padding: 0 9px;
    text-align: left;
    margin-top: -3px;
}
.TimerTitle .btn-success{background-color: #5c9fb8;border-color: #4c9cae;}

.TimerTitle .btn-danger {
    padding: 3px 1px 3px;
    margin-left: -8px;
    margin-top: 1px;
}

.TopRight .timerpop {
    background-color: white;
    width: 345px;
    position: absolute;
    padding: 15px 20px 10px 10px;
    border: 1px solid #ddd;
    z-index: 3;
    box-shadow: -5px 15px 15px 1px rgba(0, 0, 0, .36);
}
.TopRight .timerpop .TimerPopTabs {
    float: right;
    width: 93%;
    margin-bottom: 9px;
    border-bottom: 1px solid #ccc;
}
.TopRight .timerpop .vatNotIncluded{color:#878787;font-size:11px;}
.timerpop .ui-select-container {
    margin-bottom: 3px;
}
.TopRight .TimerRate input {width: 60px;}
.TopRight .timerpop .CalcWIP, .editWIP .CalcWIP {
    font-weight: bold;
    color: #565f65;
}
.TopRight .TimerSpecify {
    font-size: 82%;
    margin: 0;
    color: white;
    top: 28px;
    position: absolute;
    margin-left: -10px;
}
.timerpop h4 {font-weight: normal; font-size: 12px;text-align: right; color: #778C96;}
input.StopwatchAddTimeMan-From-Active,
input.StopwatchAddTimeMan-To-Active {
    width: 23px;
    font-weight: bold;
    font-size: 10px;
}

input.StopwatchAddTimeMan-Time-Active {
    width: 36px;
    padding: 0;
    font-weight: bold;
    font-size: 15px;
    font-family: Helvetica, "Open Sans", Arial, sans-serif;
    border-width: 1px;
    max-height: 21px;
}

.timerpop .ManualSwitch {
    float: right;
    border: 1px solid #ccc;
    border-bottom: none;
    padding: 2px 5px;
    border-radius: 5px 5px 0 0;
    margin-right: 4px;
}
.timerpop .TimerPopTabs a:hover, .timerpop .TimerPopTabs a:focus {text-decoration:none;}
.StopwatchAddTimeActiveTab .ManualSwitch {margin-bottom: -1px;background-color: #fff;padding-bottom: 3px;}
.StopwatchAddTimeActiveTab a.ManualSwitch {color: #777;}
.StopwatchAddTimeMan-Time-inActive,
.StopwatchAddTimeMan-From-inActive,
.StopwatchAddTimeMan-To-inActive,
.StopwatchAddTimeMan-From-Label,
.StopwatchAddTimeMan-To-Label {color: #aaa;}
.StopwatchAddTimeMan-Time-inActive {font-size: 20px;margin-top: 22px;}
.modal-content .timerpop .StopwatchAddTimeMan-Time-inActive {margin-top: 12px;}
.modal-content .timerpop .dateAndDescr{margin-bottom: 20px;}
.cStopwatchAddTimeMan1 {margin-top: -7px;}
.cStopwatchAddTimeMan2 {margin-top: 6px;}
.cStopwatchAddTimeMan3 {margin-top: 17px;}
.cStopwatchAddTimeMan1 .units {margin-bottom: 5px;}
.cStopwatchAddTimeMan1 .units input.StopwatchAddTimeMan-Time-Active {width: 42px;}

.cStopwatchAddTimeMan {margin-bottom: 20px;}

.cStopwatchAddTimeMan .quickdate-button {
    font-weight: bold;
    padding: 1px 2px 1px 20px;
    background-color: transparent !important;
    margin-bottom: -2px;
    width: 72px;
    margin-left: -6px;
    font-size:14px;
}

.cStopwatchAddTimeMan .quickdate-popup.open {
    right: 0;
}

.cStopwatchAddTimeMan .glyphicon-calendar {
    position: absolute;
    margin: 5px 0 0 0;
}

.ui-select-bootstrap > .ui-select-match > .btn {
    overflow: hidden;
    height: 30px;
}

.ui-select-bootstrap > .ui-select-match > .btn > .ui-select-match-text {
}

.timerpop .Save .btn {
    float: right;
    font-weight: bold;
    margin-top: 10px;
}

/* ACCOUNTS & BILLING */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 0;
    padding-left: 0;
}

.accounts-and-billing {
    margin-bottom: 100px;
}

.accounts-and-billing .DivBorder1 {
    border: solid 1px #eee;
    background-color: white;
    border-top: none;
}

.accounts-and-billing .colDebit .row, .accounts-and-billing .colCredit .row {
    /* border:solid 1px #eee; */
    background-color: white;
    border-top: none;
}
.accounts-and-billing .colCredit {border-left: 1px solid #999;}
.accounts-and-billing .colDebit, .accounts-and-billing .colCredit {border-top: 1px solid #999;}
.accounts-and-billing .quickdate-button {padding: 0;font-size: 11px;}
.accounts-and-billing .btn {padding: 0 3px;font-size: 12px;}
.accounts-and-billing .btn-xs {font-size: inherit;}
.accounts-and-billing .btn.PayBtn {
    padding: 0 3px;
    font-size: 13px;
    line-height: 1;
    margin-top: 0;
    font-weight: bold;
    /*float: right;*/
    margin-right: 4px;
    margin-left: 10px;
}
.accounts-and-billing .billNum {float: left;}
.accounts-and-billing .JournalentriesDescr input {width: 99%;}
.accounts-and-billing .JournalentriesAmount input {width: 50px;}
.accounts-and-billing .JournalentriesAmount input[type='checkbox'] {width: inherit;}
.accounts-and-billing .JournalentriesAmount,
.accounts-and-billing .wipLedgerAccountValueDebitAmount,
.accounts-and-billing .wipLedgerAccountValueCredit,
.accounts-and-billing .wipLedgerAccountValueBalance {
    text-align: right;
}
.JournalentriesLabelDate,
.JournalentriesLabelDescr,
.JournalentriesLabelAmount,
.wipLedgerAccountLabel {
    /* color: #aaa; */
    color: #778C96;
    text-align: left;
    font-weight: bold;
}
.accounts-and-billing .JournalentriesDate,
.accounts-and-billing .JournalentriesDescr {
    text-align: left;
}
.accounts-and-billing .TotalDebit, .accounts-and-billing .TotalCredit {
    text-align: right;
    font-weight: bold;
    border-top: 1px solid #000;
    border-bottom: 4px double #000;
}
.BalanceDebitLabel, .BalanceDebit, .BalanceRed {color: red;}
.BalanceCreditLabel, .BalanceCredit, .BalanceBlack {color: green;}
.BalanceDebitLabel, .BalanceCreditLabel {text-align: left;}
.BalanceDebit, .BalanceCredit {text-align: right;}
.accounts-and-billing .glyphicon-remove,
.accounts-and-billing .glyphicon-trash,
.accounts-and-billing .glyphicon-pencil {
    font-size: 11px !important;
    line-height: inherit;
    padding: 0 !important;
    top: -1px !important;
    padding: 0 !important;
    top: -1px !important;
}

.accounts-and-billing .quickdate {
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: inherit;
    vertical-align: top;
}

.accounts-and-billing .quickdate-button {border: none;}
.accounts-and-billing .quickdate-button a:hover {color: inherit;}
.accounts-and-billing .quickdate-button:hover {text-decoration: none;color: inherit;}
.accounts-and-billing .MatterBalanceRow {display: block;}
.MatterPage .accounts-and-billing .BalanceDebit, .MatterPage .accounts-and-billing .BalanceCredit {
    text-align: right;
    font-weight: normal;
    font-size: inherit;
}
.MatterPage .accounts-and-billing .BalanceDebit {border-right: 1px solid #000;right: -1px;}
.MatterPage .accounts-and-billing .BalanceCreditLabel {border-left: 1px solid #000;}
.MatterPage .accounts-and-billing .cCreateNewAccount {margin-top: 20px;margin-bottom: 20px;}
.cInvoices {margin-top: 30px;}
.cInvoices .lblInvoiceDate,
.cInvoices .lblInvoiceNum,
.cInvoices .lblInvoiceNetTotal,
.cInvoices .lblInvoiceVat,
.cInvoices .lblInvoiceTotalPayable {
    text-align: initial;
    color: #778C96;
    font-weight: bold;
    min-width: 85px;
}
.cInvoicePopap .progress.billProgress {height: auto;}
.cInvoicePopap {color: #123346;padding: 0 10px;}
.cInvoicePopap .lbl{font-weight: bold;}
.cInvoicePopap .row.duedate {background-color: #e6edf1;padding: 5px;}
.row.invoiceTotal {border-bottom: 5px double #000;border-top: 2px solid #ddd;}
.cOrgAccounts .negativeBalance {color: red;}

/* GLOBAL ACCOUNTS*/
.OrgAccount {
    border: 1px solid #f2eae3;
    background-color: #fdfaf6;
    margin: 2px 0;
}
.row.OrgAccount.ActiveAcc {
    background-color: #fff;
    border: 1px solid #fff;
}
.accountHeader .EditAcc.glyphicon-cog{font-size: 12px;}
.accSummary .EditAcc.glyphicon-cog, .crm-contact-page .glyphicon-pencil.editContact {font-size:22px;}
.accountHeader .EditAcc.glyphicon-cog, .accSummary .EditAcc.glyphicon-cog, .crm-contact-page .glyphicon-pencil.editContact {
    background-color: #dbe4e8;
    cursor: pointer;
    float:right;
    padding: 5px;
    border-radius: 50%;
    color: #94b2c3;
    margin-left: 20px;
}
.accountHeader .EditAcc.glyphicon-cog:hover, .accSummary .EditAcc.glyphicon-cog:hover, .crm-contact-page .glyphicon-pencil.editContact:hover {
    color: #123346;
    background-color: #c9dae4;
}
.dashboard .accountHeader {
    padding: 2px 4px;
    background-color: #ffffff;
    margin: 0;
    border: 0.6px solid #ccc;
    margin-bottom: 4px;
    border-radius: 5px;
}
.all-reconciled a {color: #76cb76;}
.accTransactionsList {
    height: calc(100% - 122px);
    overflow-y: scroll;
}
.bottomStripe {
    height: 20px;
}
.OrgAccount .accountHeader:hover {cursor:pointer;}
.accountHeader {padding: 4px;background-color: #fff8f0;margin: 0;}
.accountHeader .glyphicon-lock, .accountHeader .fa-lock {float: left;color: #bbb;}
.accountHeader .accountCode {margin-left: 14px;}
.accountHeader .accountName {
    font-weight: bold;
    margin-right: 10px;
}
.accountType{color:#565f65;white-space: nowrap;}
.accountHeader .lbl {color: #778C96;}
.Matterbills .progress,.cInvoicePopap .progress, .progress.billProgress{margin-bottom:initial;height:initial;background-image: none;background-color: #f8fef4;}
.cOrgAccounts .lbl {color: #778C96;font-weight: bold;}
.OrgAccount .lblTransaction {
    color: #778C96;
    font-weight: bold;
    border-bottom: 1px solid #778C96;
}
.TransactionRow {
    border-bottom: 1px solid #ddd;
    background-color: #fff;
}
.TransactionRow .col-xs-1,.TransactionRow .col-xs-3, .TransactionRow .col-xs-4, .TransactionRow .col-xs-5{border-left:1px solid #ddd;}
.TransactionRow .balanceValue{color: #777;}
.row.TransactionRow:hover {background-color: #efefef;}

/* matter WIP account*/
.cViewTAccount {
    text-align: right;
    float: right;
}
.wipAccount .lblTitle, .wipLedgerAccountHeader {
    font-weight: bold; /*color:#778C96;*/
    color: #000;
}
.row.wipLedgerAccountHeader {/*margin-top: -14px;*/}
.ledgerWIProw {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}
.wipLedgerAccountLabel {
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;
}
.wipLedgerAccountLabelDate, .wipLedgerAccountValueDate {
    border-right: 1px solid #aaa;
}
.wipLedgerAccountLabelDebit, .wipLedgerAccountValueDebit {
    border-right: 1px solid #aaa;
    border-left: 1px solid #aaa;
}
.wipLedgerAccountLabelBalance, .wipLedgerAccountValueBalance {
    border-left: 1px solid #aaa;
}
.wipLedgerAccount .row {
    margin-left: 0;
    margin-right: 0;
}
.wipLedgerAccountValue .net, .wipLedgerAccountValue .vat{opacity:0.6;}
.wipLedgerAccountLabelDescr, .wipLedgerAccountValueDescr {
    padding-left: 3px;
}
.wipLedgerAccountLabelDebit .wipLedgerAccountLabelDebitAmount, .wipLedgerAccountLabelCredit .wipLedgerAccountLabelCreditAmount {
    color: #aaa;
    font-size: 10px;
}
/* CLIENT and OFFICE ACCOUNTS */
.cAccountRow {margin-top: 20px;}
.cAccount {
    border: 1px solid #888;
    padding: 2px;
    margin-top: 5px;
    overflow: hidden;
}

.cAccount .sectionDeposit{display:none;}
.cAccount.hasDepositAcc .sectionDeposit{display:block !important;}
.cAccount .col-xs-4.LedgerDetails{width:50%;}
.cAccount .col-xs-8.LedgerAccounts{width:50%;}
.cAccount.hasDepositAcc .col-xs-4.LedgerDetails{width:33.33333333%;}
.cAccount.hasDepositAcc .col-xs-8.LedgerAccounts{width:66.66666667%;}
.cAccount .col-xs-4.sectionOffice,.cAccount .col-xs-4.sectionClient{width:50%;}
.cAccount.hasDepositAcc .col-xs-4.sectionOffice, .cAccount.hasDepositAcc .col-xs-4.sectionClient, .cAccount.hasDepositAcc .col-xs-4.sectionDeposit{width:33.33333333%;}
.cAccount .col-xs-4, .cAccount .col-xs-8{transition: width .9s;}
.sectionClient .dropdown-menu{
    text-align: left;
    font-size: 11px;
    cursor: pointer;
    padding: 2px 0;
    margin-left: -20px;
}
.cAccount .lbl {color: #778C96;}
.cAccount .lblAccountTransactions {border-bottom: 1px solid #ddd;}
.cAccount .section{border-left: 1px solid #ccc;min-height: 15px;padding-bottom:30px;margin-bottom: -30px;}
.lblAccountTitle {
    color: #000 !important;
    font-weight: bold;
    font-size: 11px;
}
.cAccount .glyphicon.glyphicon-arrow-left {position:absolute;right:-12px;color:#337ab7;cursor:pointer;z-index:1;font-size:14px;}
.cAccount .addDepositAcc.btn {position: absolute;right: 0;top: -3px;}
.vTransactions {background-color: #fff;border-bottom: 1px solid #ddd;}
.vTransactions .cDate, .vTransactions .cRef, .vTransactions .cTransactionsDescription, .vTransactions .cAmount, .vTransactions .cBalance {
}
.vTransactions .cDate {font-size: 9px;}
.vTransactions .cAmount, .vTransactions .cBalance {
    text-align: right;
}
.vTransactions .glyphicon-pencil{color:#aaa;}
.vTransactions .glyphicon-pencil:hover{color:#555;cursor:pointer;}
.vTransactions .cAmount .glyphicon-plus, .vTransactions .cAmount .glyphicon-minus,
.cAccounts .glyphicon-arrow-right, .cAccounts .glyphicon-arrow-left,
.cAccounts .glyphicon-arrow-up, .cAccounts .glyphicon-arrow-down {
    color: #337ab7;
    cursor: pointer;
    text-align: center !important;
}
.cAccount .glyphicon-plus:hover, .cAccount .glyphicon-minus:hover,
.glyphicon-arrow-right:hover, .glyphicon-arrow-left:hover,
.cAccounts .glyphicon-arrow-up:hover, .cAccounts .glyphicon-arrow-down:hover {color: #23527c;}
.vTransactionsPlus, .vTransactionsMinus{color: #337ab7;cursor: pointer;}
.vTransactionsPlus:hover, .vTransactionsMinus:hover{color: #23527c;}
.cAccounts .glyphicon-arrow-up, .cAccounts .glyphicon-arrow-down {display: none;}
.vTransactions .vTransactions .glyphicon-pencil{color: #aaa;}
.vTransactions .vTransactions .glyphicon-pencil:hover{color: #333;}
.cAccountClient {margin-left: -8px;width: 50%;}
.transferArrow {width: 0%;margin-top: 5px;}
.cAccountOffice {right: -12px;width: 50%;}

/* TRANSFER POPUP*/
.colTransfer {width: 30px;}
.colTransfer .glyphicon-transfer {
    font-size: 20px;
    color: #aaa;
    margin-top: 8px;
    padding: 10px 5px;
}
.colTransfer .glyphicon-transfer:hover {
    color: #444;
    cursor: pointer;
}
.transferPopup .transactionDate {
    margin-top: -3px;
}

/* BILLS list*/
.cInvoiceList .valInvoiceNetTotal,
.cInvoiceList .valInvoiceVat,
.cInvoiceList .valInvoiceTotalPayable {
    text-align: right;
}
.valInvoiceNum {
    color: #337ab7;
    cursor: pointer;
}

/* INVOICE POPUP */
.cCompanyAddress, .cCompanyParticulars {color: #949494;}
.lblInvoiceDate, .lblInvoiceNum, .lblInvoiceRef {
    float: left;
    width: 85px;
    text-align: right;
    padding-right: 3px;
    color: #778C96;
}
.cMatterClientSelect .form-control,
.cMatterClientSelect .ui-select-container {
    height: initial;
    width: 70%;
}
/*.cMatterClientAddress1, .cMatterClientAddress2, .cMatterClientAddress3, .cMatterClientAddress4 {
    padding-left: 65px;
}*/
.cMatterClientEmail input {
    width: 90%;
    margin-bottom: 10px;
}
.cTimeActivitySelect input, .cTransactionSelect input {
    margin: 3px 0 0 -4px;
    float: left;
}
.lblUnbilledLegalServicesDescr, .lblTransactionName {
    font-weight: bold;
    font-size: 13px;
}
.cInvoicePopap .cTimeActivities .cTimeActivityDate,
.cInvoicePopap .cTransactionDate {
    font-size: 10px;
    color: inherit;
    display: inline;
    margin-left: 2px;
}
.cInvoicePopap .JournalentriesDate .quickdate{font-size: 10px;}
.cInvoicePopap .cTimeActivityUser {
    margin-right: 5px;
}
.cInvoicePopap .noLogo {border: 4px dashed #e6edf1;height: 70px;width: 80px;text-align: center;}
.cInvoicePopap .noLogo h2{color:#869fb1;}
.cInvoicePopap .billStatus{
    position: absolute;
    top: 200px;
    left: 200px;
    padding: 35px 25px;
    border-radius: 109px / 71px;
    transform: rotate(-30deg);
    font-size: 36px;
    font-family: inherit;
    font-weight: bold;
    z-index: 1;
    opacity: 0.6;
    text-transform: uppercase;
}
.cInvoicePopap .billStatus.paid, .cInvoicePopap .billStatus.Paid  {
    /* border: 12px solid #74af5d;*/
    color: #268a31;
    background-color: #deecd9;
    border-style: solid;
    box-shadow: 0px 0px 0px 5px #accd9f inset, 0px 0px 7px 1px #74af5d;
    border: 4px solid #fff;
}
.cInvoicePopap .billStatus.paid::before { font-family: "FontAwesome"; content: "\f058"; padding-right: 15px;}
.billStatus.paid::before{font-family: "FontAwesome"; content: "\f058"; padding-right: 3px; color:#449d44;}
.billStatus.paid {color: #449d44;}
.cInvoicePopap .billStatus.Cancelled {
    color: #ea8e8e;
    border: 12px double #c2c5bf;
    background-color: #efdcdc;
}
.cInvoicePopap .dropdown-menu button[disabled]{color: #bbb !important; opacity: 0.6;cursor: not-allowed;}
.cInvoicePopap .dropdown-menu button {color: #778C96;padding: 10px;border: none;background-color: initial;border-bottom: #ccc 1px solid;width: 100%;}
.cInvoicePopap .dropdown-menu button:hover{background-color: #e4e9ee;}
.cInvoicePopap .fa.fa-eye-slash, .cInvoicePopap .fa.fa-eye {color: #ccc; }
.cInvoicePopap .fa.fa-eye-slash:hover, .cInvoicePopap .fa.fa-eye:hover {color: #4d4d4d;}
.cInvoicePopap .quickdate-button {border: solid 1px transparent; background-color: transparent;}
.cInvoicePopap .quickdate-button:hover {border: solid 1px #cccccc;    background-color: initial;}
.cInvoicePopap .quickdate-button i.fa.fa-calendar {color: transparent;}
.cInvoicePopap .quickdate-button:hover i.fa.fa-calendar {color: initial;}
.cInvoiceNumValue h4 {padding-left: 25px; }
.cInvoicePopap input.net, .cInvoicePopap input.vatAmount, .cInvoicePopap input.total{width: 90%;text-align: right;}
.cInvoicePopap input.vatPercent, input.addServiceVatPercent{max-width:18px;font-size:8px;}
.cInvoicePopap input.descr {width: 95%;}
.cInvoicePopap .lblTimeActivity {background-color: #e6edf1;}
.cInvoicePopap .cInvoiceDateValue .quickdate{font-size:12px;}
.cInvoicePopap .cInvoiceDateValue .quickdate-button{padding: 1px 8px;}
.cInvoicePopap .glyphicon-cog{cursor: pointer;color: #aaa;}
.cInvoicePopap .glyphicon-cog:hover{color: #4d4d4d;}
.cInvoicePopap .glyphicon-cog.editInvoiceNum{font-size: 10px;margin:7px 0 0 12px;}
.cInvoicePopap .cInvoiceNumEditValue .InvoiceNumLbl{color:#778C96;font-size:9px;}
.cInvoicePopap .cInvoiceNumEditValue .InvoiceNumInput input{max-width:41px;}
.cInvoicePopap .row.DueDate {background-color: #e6edf1;margin: 0 -15px;padding-left:20px;}
.cInvoicePopap .DueDate .quickdate button{padding: 1px 8px;margin-top:5px;}
.cInvoicePopap input.numberofdays{max-width:35px;}
.cInvoicePopap .glyphicon-pencil{color:#aaa; cursor:pointer;margin-top:4px;}
.cInvoicePopap .glyphicon-pencil:hover{color:#4d4d4d;}
.cInvoicePopap .lblPaymentInformation{float:left;margin-right: 15px;height:12px;}
.cInvoicePopap .lblInternationalPayments{padding-left:22px;}
.cInvoicePopap .cCompanyName h3 {color: #869fb1; font-size: 28px}
.cInvoicePopap .modal-header {border-bottom: 4px solid #869fb1;padding-bottom:1px;}
.cInvoicePopap .EditOrgName input{font-size:28px;color:#869fb1;max-height: 30px;width:100%; text-align:right; padding-right:8px;}
.cInvoicePopap .EditAddress input,.cInvoicePopap .EditContactDetails input{font-size:10px;width:90px;max-height:15px;}
.cInvoicePopap .EditAddress input.postcode{width:60px;}
.cInvoicePopap .EditAddress input.addressLine1,.cInvoicePopap .EditAddress input.addressLine2{width:110px;}
.cInvoicePopap .glyphicon-pencil.EditOrgDetails{float:right;margin: -3px -14px 0 3px;}

/*Placeholder Style*/
.form-control::-webkit-input-placeholder {font-style:italic;}
.form-control:-moz-placeholder { /* Firefox 18- */ font-style:italic;}
.form-control::-moz-placeholder { /* Firefox 19+ */font-style:italic;}
.form-control:-ms-input-placeholder {font-style:italic;}
.form-control::-ms-input-placeholder{font-style:italic;}

.lblUnbilledLegalServicesDescr .form-control,
.lblTransactionName .form-control {
    font-size: 13px;
    padding: 2px 5px;
}
.lblUnbilledLegalServicesDescr {
    margin-top: 4px;
}
.lblUnbilledLegalServicesHideDetails,
.lblTransactionHideDetails {
    cursor: pointer;
    color: #23527c;
    font-weight: bold;
    float: right;
}
.lblTimeActivity {
    color: #778C96;
    font-weight: bold;
    background-color: #d6dadc;
    border-bottom: 1px solid #778C96;
}
.lblBillItems {border-bottom: 1px solid #d6dadc;padding: 3px 0;}
.lblBillItemDescr textarea {width: 97%;}
.lblBillItemAmount {float: left;}
.lblBillItemAmount input {font-size: 15px;max-width: 70px;margin-top: 2px;}
.cInvoicePopap .lblTimeActivityCalcPrice {text-align: initial !important;}
.cPayingByChecks {display: inline-flex;}
.valPayingByChecks input {width: 350px;padding-left: 2px;}
.cInvoicePopap .glyphicon-remove {
    float: right;
    margin-right: -15px;
    font-size: 15px;
    margin-top: 3px;
}
.cTimeActivities,
.cAdditionalExpenses {
    border-bottom: 1px solid #d6dadc;
    min-height: 25px;
}
.cTimeActivityCalcPrice, .lblTimeActivityCalcPrice,
.cTimeActivityPrice, .lblTimeActivityPrice, .cTransactionAmount, .cTransactionTotalPrice {
    text-align: right;
    padding-right: 11px;
    min-width: 60px;
}
.cModalLoadAllTimeActivities .lblTimeActivityPrice{
    text-align: initial;
}
.cTimeActivityCalcPriceTotal, .cTimeActivityCalcTimeTotal, .lblTimeActivityTotal{font-weight:bold; text-align:right;}
.cTimeActivityBill {text-align: right;}
.lblTimeActivityBill{text-align: right;padding-right:4px;}
.cUnbilled {color: green;}
.cTimeActivityBill, .lblMatterClientEmail, .lblMatterClient {
    float: left;
    width: 72px;
    text-align: right;
    padding-right: 3px;
    color: #778C96;
    font-weight: normal;
}
.cClient .cAddress label {width: 90px; margin-bottom: initial;}
.lblMatterClient.glyphicon {width: 25px;}
.cClient label {margin-bottom: 2px;}
.MatterPage .cClient .glyphicon-pencil {
    font-size: 12px;
    float: right;
    padding: 2px 3px 0 0;
    visibility: hidden;
}
.MatterPage .cClient:hover .glyphicon-pencil{visibility: visible;}
.lblAdditionalExpenses {
    border-top: 1px solid #d6dadc;
    border-bottom: 1px solid #d6dadc;
}
.cTransactionTotalTime h4, .lblUnbilledLegalServicesTime h4 {font-size: 10px;}
.cTransactionTotalPrice h4, .lblUnbilledLegalServicesCalcPrice h4,
.cTransactionTotalPrice h4, .lblTransactionAmount h4,
.cTotalVAT h4 {
    font-size: 11px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.cTransactionTotals .lblTotalNet, .cTransactionTotalsVAT .lblTotalVAT {
    text-align: right;
}
.lblTransactionTotalPrice {padding-right: 50px;}
.cTotalNet {border-top: 1px solid;}
.cTransactionTotalsNet, .cTransactionTotalsVAT, .cTransactionTotalsPayable {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.cTotalPayable h4 {
    font-size: 14px;
    font-weight: bold;
    border-bottom-style: double;
    border-top: 1px solid;
}
.cPaymentInformation {
    border-top: 1px dashed #778C96;
    padding: 5px 20px 0;
}
.lblPaymentInformation {
    color: #778C96;
    font-weight: bold;
    font-size: 14px;
}
.cBankDetails, .lblPayingByChecks {padding-left:10px;}
.lblBankName, .lblAccountName, .lblAccountNum, .lblSortCode, .lblIBAN, .lblSWIFT {
    float: left;
    width: 135px;
    text-align: right;
    padding-right: 3px;
    color: #778C96;
    margin-left: 7px;
}

/* ORGANISATION */
.permission-table h4 {
    font-size: 11px;
    font-weight: bold;
    margin-top: 2px;
    margin-bottom: -4px;
    text-align: left;
}
.permission-label {
    padding-left: 57px;
    text-align: left !important;
}
.permission-table td {
    text-align: center;
}
.permission-table tr {
    border-bottom: 1px solid #ddd;
}
.permission-table tr.group {
    border-bottom: none;
}
.permission-table th {
    min-width: 64px;
    text-align: center;
}
.permission-table tbody tr th input{max-width: 70px;}

/* USER PROFILE */
.cropArea {
    background: #E4E4E4;
    overflow: hidden;
    width: 500px;
    height: 350px;
}
.ChangePic {
    background: #446285 none repeat scroll 0 0;
    border-top-left-radius: 33px;
    color: #ffffff;
    margin-left: 20px;
    margin-top: -26px;
    opacity: 0.7;
    padding: 5px 0 5px 25px;
    width: 160px;
}
.UserProfile .form-group {
    margin-bottom: 3px;
    width: 180px;
    display: inline-flex;
    /* display: -webkit-box; */
    display: -ms-inline-flexbox;
}
.EditProfile{float: right;width: 20px;margin: -6px 27px -8px 0;}
.UserProfile .form-group label {float:left;width:42px;font-size: 10px; padding-top: 4px;color: #888;}
.UserProfile .form-group input {width: 138px;}
.UserProfile .form-control {
    font-size: 13px;
    height: 23px;
    padding: 1px 2px;
    /*width: 100%;*/
}
.UserProfile .form-control .ui-select-match-text {width:180px;}
.UserProfile .principalPosition {margin-bottom:10px;}
.UserProfile .UserFullName h3 {font-size:18px;font-weight:bold;}
.UserProfile .userPosition label {display:none;}
.UserProfile .UserProfileDetails label {margin-right:7px;color:#bbb;font-size:12px;}
.UserProfile .principalOrganisation h4, .UserProfile .principalPosition h4 {margin:0;}

/* CALENDAR & EVENTS */
.fc-event-container .btn-remove-account {
    top: -2px;
    right: -2px;
    position: absolute;
    z-index: 2;
    font-size: 9px;
    font-family: cursive;
}
.fc-content {
    height: 100%;
}
.content{
    margin-top: 5px;
}
.botTascks{
    margin-bottom: 1.7%;
}
.fc-event {
    border-width: 1px;
    border-style: dotted;
    background-color: #fff;
}
.fc-event, .fc-event:hover, .ui-widget .fc-event {
    color: #444;
}
.fc-time-grid-event .fc-resizer {
    bottom: -2px;
}
.fc-event-container .glyphicon-unchecked {
    font-size: 9px;
    color: inherit;
}
.fc-time-grid-event .fc-title {
    text-indent: 8px;
}
.fc-event-container .glyphicon-unchecked, .fc-event-container .glyphicon-check {
    position: absolute;
    top: 11px;
}
.fc-event-container .fc-short .glyphicon-unchecked, .fc-event-container .fc-short .glyphicon-check {
    position: absolute;
    top: 1px;
    left: 22px;
    z-index: 2;
    background-color: #fff;
}
.fc-event-container .glyphicon-check {color: green;}
.fc-agendaDay-view .fc-title, .fc-agendaDay-view .fc-time-grid-event.fc-short .fc-title {font-size: 1.4em;}
.fc button {font-size: 1.5em;}

/* List View Calendar */
.CalendarMobileView .row {  }
.CalendarMobileView .row.item {background-color: #fff;  border-bottom: 1px solid #d6d6d6;  padding: 2px 0px;}
.CalendarMobileView .cap.row.azList{background-color: #f0f3f6;/*border-top: 1px solid #c6c6c6;*/ border-bottom: 1px solid #e1e1e1;}
.CalendarMobileView .cap { padding: 3px 10px 0;}
.CalendarMobileView .DateCol{text-align:right;padding-right: 7px;font-size: 1em; min-height: 30px;border-right-width: 1px;border-right-style: solid;}
.CalendarMobileView span.endTime { color: #a1a1a1;}
.CalendarMobileView .col-xs-10{padding-left:3px;}
.CalendarMobileView .taskname{font-size:1.15em; color: #123346;}
.CalendarMobileView .CaseName {white-space: nowrap; overflow: hidden;}


/* REPORTS */
.tab-content {
    background-color: #fff;
    padding: 5px;
    border-radius: 4px;
}
.ReportsFilters {
    /* background-color: #D5DCE2; */
    padding: 5px;
    background-color: #DDE3E8;
}
.ReportsLabels {
    /* background-color: #E3E9EF; */
    border-bottom: 1px solid #778C96;
    color: #778C96;
    background-color: #D5DCE2;
}
.cMembersFilter .ui-select-container, .cMattersFilter .ui-select-container {
    width: 92%;
    float: left;
}
.cMembersFilter .ui-select-choices, .cMattersFilter .ui-select-choices {
    width: 300px;
}
.cMembersFilter .glyphicon-remove, .cMattersFilter .glyphicon-remove {
    color: #aaa;
    margin-top: 5px;
}
.cReportDateTotal {
    display: inline-block;
    background-color: #f9f9f9;
    width: 100%;
}
.cReportDate h4 {
    float: left;
    padding: 0 30px 0 0;
}
.cReportSumTime h4, .cReportSumPrice h4 {
    float: right;
    padding: 0 10px 0 0;
}
.lblFrom-To, .lblDuration, .lblRate, .lblAmount, .lblRef, .lblDescr {
    color: #aaa;
    text-align: center;
    font-weight: bold;
}
.cReportRec .glyphicon-comment {
    color: #aaa;
    float: left;
    padding-right: 3px;
    top: 4px;
}
.cDateRangePicker {
    font-size: 18px;
}
.cDateRangePicker input {
    width: 100%;
    text-align: center;
}
.cTimeActivityRec {
    border-bottom: 1px solid #eee;
    background-color: #fff;
}
.cTimeActivityDate, .cTimeActivityPrice {
    color: #aaa;
}
.cReportTab .cTotalPrice {
    text-align: right;
    padding-right: 10px;
}
.cReportTab .row.alert-warning {margin: 10px 0 0;}
/*didenko css for new tabs*/
.cReportTab .myTabSet {margin-top: 10px;margin-bottom: 10px;}
.cReportTab .myTabSet .myTabSetLeftCol{margin-right:-2px}
.cReportTab .myTabSet .myTabSetRightCol {background-color: #f9f9f9;}

.cReportTab .myTabSet .myTabSetLeftCol .btn {
    border: 2px solid #ddd;
    border-right:none;
    width: 100%;
    height: 50px;
    text-align: left;
    border-radius: 7px 0 0 7px;
}

.cReportTab .myTabSet .myTabSetLeftCol .btn label{
    margin-top: 12px;
    margin-left: 3px;
    font-weight: bold;
    font-size: 12px;
}

.cReportTab .myTabSet .myTabSetLeftCol .ActiveTab {
    background-color: #fff;
    border: 2px solid #ddd;
    border-right: white;
    margin-right:-1px;
}
.cReportTab .myTabSetData{border: 2px solid #ddd;border-left:none;background-color: #fff;}
/*didenko css for new tabs end*/

/* MEMBERS */
.mattersList .cCompanyClients {border:1px solid #ddd;}
.OrgMember {border-bottom:1px solid #ddd;padding: 5px 4px;background-color:#f9f9f9;}
a.userName {font-weight: bold;}
.mattersList .ui-select-container .form-control {height: initial;}
.EditCompanyRoles {margin-bottom: 10px;}

/*.cAddNewUser{display:inline;}*/

/* Notifications */
.GotItButton i {float: right;margin-top: 5px;margin-right: 5px;}
.notificationAvatar{float: left;}
.notificationText{margin-left: 40px;}

/* SETTINGS */
.cSettings .lbl {/* font-weight: bold; */color:#888;min-width:110px;text-align:left;padding-right:4px;float:left;display:inline;}
.cSettings .tab-content .tab-pane div {padding: 1px 0;}
.SettingsColumn1 input {margin-bottom: 2px;}
.cSettings .ui-select-container {width: 140px;display: inline-block;}
.cSettings .ui-select-bootstrap>.ui-select-match>.btn {height: 20px;}
.cSettings .ui-select-container input.form-control {
    padding: 1px 3px;
    height: 20px;
    line-height: 1;
    font-size: 12px;
}
.cSettings {border: 1px solid #ccc;border-radius: 4px;}
.cSettings .content {padding:5px!important;}
.cSettings .cUnpaidInvoices {float: left;cursor: pointer;}
.cSettings .invoiceMonth {border-bottom: 1px solid #ccc;margin-bottom: 7px;}
.cSettings .lblCompanyInvoiceDueDate{}
.cSettings .lblSuffix{display:inline;}
.cSettings .lblCompanyInvoiceDueDate input.numberofdays{max-width:40px;}
.cSettings .OrgMember a img{float:left;margin-right:10px;}
.cSettings .nav > li > a {padding: 5px 7px 5px;line-height: 12px; margin-top: 8px;}
.cSettings .row.userTeams {display: inline;}
.cSettings .row .userTeam {border: 1px solid #ddd;border-radius: 4px; display: initial;}
.userMembershipDetails {width: 85%;margin-left: 43px;}
.invoiceMonthMonth {font-weight: bold;}
.invoiceMonth .lblInvoiceAmount {float: left;margin-right:7px;color:#778C96;font-weight:bold;}
.invoiceMonth .InvoiceAmount {font-weight: bold;font-size: 14px;}
.cUnpaid {color: red;font-size: 14px;}
.cPaid {color: green;font-size: 14px;}
.lblCompanyInvoicePayingByChecks input{width:300px;}
.cEditableCompanyRequisites .tab-content{min-height:300px;}
.TokenReplacements .row{border-bottom:1px solid #eee;padding: 3px 0;}
.cartSeletion{
    background-color: #fff;
    border-radius: 0 6px 6px 6px ;
    border: 1px solid #ccc;
    /*margin-top: 18.4px;*/
    /* min-height: 70px; */
}
.cartSeletion.create{
    background-color: #e7f5f5;
}
.cartSeletion.create.reconcilied{
    background-color: #f1f9ee;
}
.cartSeletion.find-match{
    background-color: #ffffff;
}
.buttonsMatch{
    /*position: absolute;*/
    text-align: left;
}
.untouched{
    color: #cdd7dc;
    font-size: 25px;
    margin-top: 25px;
}
.touced{
    color: #32cd32;
    cursor:pointer;
}
.match-button{
    border: 1px solid #ccc;
    border-radius: 6px 6px 0 0;
    background-color: #fff;
    outline: none;
    color: #495057;
}
.match-button.active{
    color: #3277c1;
    border-bottom: 1px solid transparent;
    padding-bottom: 2px;
    margin-bottom: -1px;
}
.categorise-button{
    border: 1px solid #ccc;
    border-radius: 6px 6px 0 0;
    /*
    background-color: #fff;
    */
    outline: none;
    color: #495057;
}
.categorise-button.active{
    color: #3277c1;
    border-bottom: 1px solid transparent;
    padding-bottom: 2px;
    margin-bottom: -1px;
    background-color: #e7f5f5;
}
.BankRec{
    margin-top: 20px;
}
.customReconcSelect .ui-select-container.ui-select-bootstrap .ui-select-match .btn.btn-default{
    outline: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    font-weight: bold;
}
.customReconcSelect .ui-select-container.ui-select-bootstrap .ui-select-match .btn.btn-default .caret.pull-right{
    top: 18%;
}
.customReconcSelect .ui-select-container.ui-select-bootstrap .ui-select-match.btn-default-focus{
    outline: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    font-weight: bold;
}
.labelAmount{
    color: #123346;
    font-size: 12px;
    font-weight: 600;
}
.selectfile{
    color: #538fc3;
    border: none;
    background: none;
}
.bankPos{
    min-height: 100%;
}
.backGreen{
    background-color: #006a4d;
}
.widgetNobankData{
    padding: 25px 2px;
    background-color: #fbf6dd;
    border: 1px solid #faebcc;
    border-radius: 7px;
    margin-top: 18px;
}
.noTouche{
    color: #b4dcb4;
}
.debitflase{
    padding-right: 50px
}
.search-button{
    background: none;
    border: none;
    outline: none;
    color: #3277c1;
}
.debitUitrue{
    position: absolute;
    right: 3px;
}
.debitUiflase{
    right: 40px;
}
.cartSeletion .ui-select-container.ui-select-bootstrap .ui-select-match .btn.btn-default{
    height: fit-content;
}
.cartSeletion .ui-select-container.ui-select-bootstrap .ui-select-choices.ui-select-choices-content .ui-select-choices-group .ui-select-choices-row {
    border-bottom: 1px solid #cdd7dc
}
.bankTransacions{
    background-color: #fff;
    border-radius: 6px;
    margin-top: 18px;
    border: 1px solid #ccc;
    min-height:  calc(100% - 18px);
    padding-left: 5px;
    margin-left: 5px;
}
.reconciliation {
    background-color: #edf2f5;
    color: #0d3d57;
    font-size: 9px;
}
/* MATTER CREATION POPUP */
.cCreateNewMatter label {
    width: 110px;
    text-align: right;
    color: #777;
    float:left;
    padding-right:4px;
}
.cCreateNewMatter legend {
    border-top: 1px solid #e5e5e5;
    margin-bottom: 3px;
    font-size: 14px;
    color: #777;
    border-bottom: none;
}
.cCreateNewMatter .cClient .cClient{border-width:0;}
.cCreateNewMatter .cClient .ui-select-container{width:95%;}
.cCreateNewMatter .cClient .glyphicon.glyphicon-remove {margin: 2px 0 0 10px; }
.cCreateNewMatter .cMatterDetailsCollapse{margin:0;cursor:pointer;font-size:14px;font-weight:bold;}
.cCreateNewMatter .cMatterDetailsCollapse h4{margin-top:0;font-weight:normal;color:#23527c;}
.cCreateNewMatter .addContact .contactName {font-size: 12px;margin: 7px 0;}
.cCreateNewMatter .addContact select.contactTitle{max-width:50px;padding: 2px 0;}
.cCreateNewMatter .addContact input.firstName, .cCreateNewMatter .addContact input.lastName{max-width:138px;}
input.dateOfBirthdd, input.dateOfBirthmm, input.dateOfBirthyy{max-width:60px;}
.lblClient, .lblOtherParty {font-weight:bold;font-size:13px;}
.btnAddOtherParty, .btnRemoveOtherParty {float:right; margin-top:-16px;}
.lblVS {font-size:40px;color:#ddd;font-weight:bold;}
.MatterPage .lblVS {font-size: 20px;margin-top: -6px;}
.cCreateNewMatter .rowMatterTemplate, .cCreateNewMatter .rowMatterTag, .cCreateNewMatter .rowMatterName{margin-top:10px;}
.cCreateNewMatter .MatterNumberAndName{border:1px solid #ccc;float:left;width:70%;}
.cCreateNewMatter .cMatterNum{font-weight:bold;float:left;}
.cCreateNewMatter input#MatterName{float:left; padding-left:5px;;border:none;width: 80%;outline: none;}
.cCreateNewMatter .MatterTag{float:left;width:70%;}
.MatterTagView {display: inline;}
.MatterPage .glyphicon.glyphicon-ok {color: #5ccf5c; font-size: 14px;}
.MatterPage .MatterTagEdit .ui-select-container {/*max-width: 80%;*/}
.MatterPage .rowMatterTag {display: flex;}
.MatterPage .rowMatterTag .glyphicon-ok, .MatterPage .rowMatterTag .glyphicon-remove{ margin-top: 4px;font-size: 12px;padding: 4px 1px 4px 9px;}
.MatterTagEdit {display: inherit;}
.MatterPageHeader .fa-tags {color: #123346; opacity: 0.3;padding: 2px 5px;font-size: 15px;}

/*  ADMIN UI */
.cAdminCompanies h4.cMembersNum {
    display: inline-block;
}
.cAdminCompanies .list-group-item {
    margin-bottom: 5px;
    padding: 3px 15px;
}
input#cChangeUsersLicencePrice {
    width: 40px;
}
.cAdminCompanies input[type="number"] {
    width: 40px;
}
.color-picker-input-data {
    width: calc(100% - 35px);
    float: right;
}
.color-picker{float:left;}
.azList{
    background-color: #f7f7f7;
    width: 100%;
    min-height: 25px;
    z-index:1000 !important;
}
.lblaz{
    display: inline;
    padding-left: 10px;
}
.horrizontalAZ{margin-top: 13px;}
.azList .btn-primary {margin-top: 5px;}
.cShowAditionalFieldsBtns{
    text-align: right;
    color: #23527c;
    padding-right: 10px;
    cursor: pointer;
}
.cShowAditionalFieldsBtn{
    display: inline;
}
.addPhone,.addEmail,.addAddress{
    text-align: left;
    padding-left: 30px;
}
.addContact .phones, .addContact .emails, .addContact .cAddress, .addContact fieldset.leads {
    border-radius:4px;
    background-color: #f9fbfd;
    border:1px solid #d3dfe8;
    margin: 5px 0;
    padding: 5px;
}
input#firstName, input#lastName, section.addContact select.contactTitle, input.contactTitle { width: 100%; height: 30px;}
.cCreateNewMatter .cClient .clientType label, .cCreateNewMatter .cClient .OtherPartyType label{width:50px;}
.cCreateNewMatter .cClient .dropdown-menu{padding:0 !important;}
.cClient .addressitem .glyphicon-remove{float:right;margin-top:-8px;}
.cClient .addressitem input, .cClient .addressitem textarea{width:65%;}
.cClient label{width:93px;text-align:right;margin-right:4px;float:left;color:#778C96;}
.cClient label.vMatterClient{width:initial;text-align:inherit;margin-right:0;}
.nationalityTag {display: inline-block;}
.addContact .addressitem{
    border-bottom: 1px solid #b4b4b4;
    padding: 7px 0;
}
.addContact input.contactTitle{font-size:17px;}
.addContact .contactName{
    font-size: 17px;
    margin: 10px 0;
}
.addContact .btn-danger{
    float: left;
}
.addContact .btn-danger .glyphicon{
    color: #FFFFFF;
}
.color-picker-wrapper {
    /* position: absolute;
    top: 27px;*/
}
.MatterPageHeader .color-picker-wrapper {float:left;}
.color-picker-wrapper .color-picker-input-wrapper {
    display: table;
    position: relative;
}
.color-picker-wrapper .input-group {
    position: relative;
    border-collapse: separate;
}
.color-picker-wrapper .input-group .color-picker-input,
.color-picker-wrapper .input-group .input-group-addon {
    display: table-cell;
}
.color-picker-wrapper .input-group .color-picker-input {
    position: relative;
    z-index: 2;
    float: left;
    margin-bottom: 0;
}
.color-picker-wrapper .input-group .input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
}
.color-picker-wrapper .input-group .input-group-addon:first-child {
    border-right-width: 0;
}
.color-picker-wrapper .input-group .input-group-addon:last-child {
    border-left-width: 0;
}
.color-picker-wrapper .input-group .color-picker-input-swatch {
    padding-left: 12px;
}
.color-picker-wrapper .color-picker-input-swatch {
    padding-left: 36px;
}
.color-picker-wrapper .color-picker-swatch {
    cursor: pointer;
    z-index: 3;
}
.color-picker-wrapper .color-picker-swatch:not(.input-group-addon) {
    position: absolute;
    top: 3px;
    width: 28px;
    height: 70%;
    box-sizing: border-box;
    border-radius: 3px;
    vertical-align: middle;
    background-position: -80px 0;
    border: solid 1px #ccc;
    padding: 0;
    margin: 0;
    display: inline-block;
}
.color-picker-wrapper .color-picker-swatch:not(.input-group-addon).color-picker-swatch-left {
    left: 3px;
}
.color-picker-wrapper .color-picker-swatch:not(.input-group-addon).color-picker-swatch-right {
    right: 3px;
}
.color-picker-wrapper .color-picker-panel {
    position: absolute;
    width: 173px;
    height: 152px;
    background: white;
    border: solid 1px #CCC;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    z-index: 99999;
    box-sizing: content-box;
}
.color-picker-wrapper .color-picker-panel .color-picker-hue,
.color-picker-wrapper .color-picker-panel .color-picker-opacity {
    position: absolute;
    top: 1px;
    width: 20px;
    height: 150px;
    background-color: white;
    cursor: row-resize;
}
.color-picker-wrapper .color-picker-panel .color-picker-hue {
    left: 152px;
    background-position: 0 0;
}
.color-picker-wrapper .color-picker-panel .color-picker-opacity {
    left: 173px;
    background-position: -40px 0;
}
.color-picker-wrapper .color-picker-panel .color-picker-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 2px;
    background: white;
    border: solid 1px black;
    margin-top: -2px;
    box-sizing: content-box;
}
.color-picker-wrapper .color-picker-panel .color-picker-grid {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 150px;
    height: 150px;
    background-position: -120px 0;
    cursor: crosshair;
}
.color-picker-wrapper .color-picker-panel .color-picker-grid .color-picker-grid-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
}
.color-picker-wrapper .color-picker-panel .color-picker-grid .color-picker-picker {
    position: absolute;
    top: 70px;
    left: 70px;
    width: 12px;
    height: 12px;
    border: solid 1px black;
    border-radius: 10px;
    margin-top: -6px;
    margin-left: -6px;
    background: none;
    box-sizing: content-box;
}
.color-picker-wrapper .color-picker-panel .color-picker-grid .color-picker-picker > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    border: solid 2px white;
    box-sizing: content-box;
}

.color-picker-wrapper .color-picker-panel.color-picker-panel-bottom {
    top: auto;
}
.color-picker-wrapper .color-picker-panel.color-picker-panel-top {
    top: -154px;
}
.color-picker-wrapper .color-picker-panel.color-picker-panel-left {
    left: 0;
}
.color-picker-wrapper .color-picker-panel.color-picker-panel-right {
    right: 0;
}
.color-picker-wrapper .color-picker-hidden {
    display: none;
}
.color-picker-wrapper.color-picker-swatch-only {
    width: 42px;
    height: 34px;
    z-index: 999;
}
.color-picker-wrapper.color-picker-swatch-only .color-picker-input {
    padding-left: 33px;
    padding-right: 0;
    width: 35px;
}
.color-picker-wrapper.color-picker-swatch-only .input-group .input-group-addon {
    width: 45px;
    height: 34px;
    border-right: 1px solid #cccccc;
}
.color-picker-wrapper.color-picker-swatch-only .input-group .input-group-addon:first-child {
    border-right-width: 1px;
}
.color-picker-wrapper.color-picker-swatch-only .input-group .input-group-addon:last-child {
    border-left-width: 1px;
}
.color-picker-wrapper.color-picker-swatch-only .input-group .color-picker-input {
    padding: 0;
    width: 1px;
    opacity: 0;
    cursor: pointer;
}
.color-picker-wrapper.color-picker-swatch-only .input-group .color-picker-input:focus {
    outline: none;
}
.cRequiredInput {border-color: red;}
footer.site-footer {
    /* position:fixed; */
    bottom: 0;
    width: 100%;
    margin: 0 0;
    border-width: 1px 0 0;
    /* background-color: #f5f7f9;*/
    background-color: #ffffff;
    padding: 11px 15px;
}
footer.site-footer .panel-footer {
    padding: 11px 15px;
    background-color: transparent !important;
}
.footerCenterLinks {text-align:end;margin-right: 20px;}
.footerTerms {padding:0 8px;display: inline;}

/* SEND EMAILS */
.SendEmailModal .modal-header h4.modal-title{color: #979797;font-size: 16px;margin-bottom:15px;}
.SendEmailModal label.cAttachment{width: 100%;text-align: right;padding-right: 3px;}
.SendEmailModal .glyphicon-paperclip{padding-right: 5px;font-size: 18px;color:#878787;}
.SendEmailModal input{width:80%;padding: 0 0 0 3px;font-size: 12px;}
.SendEmailModal button[type=submit] {padding:15px; font-weight:bold;}
.SendEmailModal .modal-header {padding: 15px 15px 5px 15px;border-bottom: none;}
.SendEmailModal .attachedFile{color: #31708f;/* background-color: #d9edf7; */font-size: 14px;font-weight:bold;padding:3px 0;}
.SendEmailModal .type-file {
    background-size: 24px;
    position: absolute;
    width: 24px;
    height: 24px;
    background-position-y: -2px;
}
.SendEmailModal .row{margin-right:0;}
.SendEmailModal .mailAddresses .row{margin-bottom:3px;}
.SendEmailModal .col-xs-4 label{padding-top: 3px;}
.SendEmailModal .attachedFile .fileName{padding-left:27px;}
.SendEmailModal i.fa-address-book-o {font-size: 20px;color: #a2c0d2;}

.capthcha-wraper {height: 48px;width: 126px;}

#SocialMediaIconList {
    position: relative;
    margin-top: -10px;
}
#SocialMediaIconList li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
}
#SocialMediaIconList li, #SocialMediaIconList a {
    height: 32px;
    display: block;
}
#SocialMediaIconSpriteFacebook {
    left: 0;
    width: 32px;
    background: url(/modules/core/img/social-media-icon-sprite.png) 0 -33px;
}
#SocialMediaIconSpriteFacebook a:hover {
    background: url(/modules/core/img/social-media-icon-sprite.png) 0 0;
}
#SocialMediaIconSpriteTwitter {
    left: 33px;
    width: 32px;
    background: url(/modules/core/img/social-media-icon-sprite.png) -33px -33px;
}
#SocialMediaIconSpriteTwitter a:hover {
    background: url(/modules/core/img/social-media-icon-sprite.png) -33px 0;
}
#SocialMediaIconSpriteIn {
    left: 66px;
    width: 32px;
    background: url(/modules/core/img/social-media-icon-sprite.png) -132px -33px;
}
#SocialMediaIconSpriteIn a:hover {
    background: url(/modules/core/img/social-media-icon-sprite.png) -132px 0;
}
#SocialMediaIconSpriteYouTube {
    left: 99px;
    width: 32px;
    background: url(/modules/core/img/social-media-icon-sprite.png) -66px -32px;
}
#SocialMediaIconSpriteYouTube a:hover {
    background: url(/modules/core/img/social-media-icon-sprite.png) -66px 0;
}

/* CONTACT FORM */
form.contactUsForm{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;padding: 20px 17%;}
form.contactUsForm .row{padding-bottom:5px;}
form.contactUsForm label {
    font-size: 14px;
    color:#778C96;
    width: 110px;
    float: left;
    text-align: right;
    padding: 10px 7px 4px 0;
}
.contactUsForm input#name, .contactUsForm  input#email, .contactUsForm textarea#message{border-radius: 5px;width: 80%;}
.contactUsForm input#name, .contactUsForm  input#email {font-size: 17px;padding: 3px;margin-top: -12px;}
.contactUsForm textarea#message{font-size: 15px;}
.contactUsForm input#submit_button {
    margin-left: 110px;
    font-size: 20px;
    border-radius: 5px;
    background-color: green;
    color: #fff;
}
.aboutBody{
    font-size: 15px;
    margin-left: 10%;
    margin-right: 10%;
}
.termsBody{
    font-size: 15px;
    margin-left: 10%;
    margin-right: 10%;
}

.quickdate .quickdate-popup a.quickdate-close{
    color: #fff;
    font-size:1px;
    position: absolute;
    bottom: 5px;
    right: 5px;
    top: auto;
}
.quickdate .quickdate-popup a.quickdate-close:after {
    content: 'OK';
    background-color: #449d44;
    color: #fff;
    font-weight: bold;
    font-size:initial;
    border-radius: 4px;
    text-decoration: none;
    padding: 2px 5px;
    margin-top: 3px;
}
.quickdate .quickdate-popup a.quickdate-clear{
    float: left;
}

.PrintWIPsHeader .MatterName {
    font-weight: bold;
    font-size: 16px;
    text-decoration: underline;
}
.PrintWIPsHeader .ClientName {
    font-weight: bold;
    font-style: italic;
}
.PrintWIPsItem {
    border: 1px solid #c1c8cc;
    padding: 2px;
    margin: 5px 10px;
}
.printWIPsItem .glyphicon {
    float: left;
    padding: 3px 10px 0 0;
}
.PrintWIPsItem .WorkEndDate {
    float: right;
    color: #777676;
    font-style: italic;
    margin-right: 22px;
    display: inline;
}
.PrintWIPsItem .WorkDuration {
    font-weight: bold;
    display: inline;
}
.PrintWIPsItem .taskname {
    display: inline;
    color: #999;
}
.PrintWIPsItem .noteContent, .PrintWIPsItem .inTask {
    padding-left: 50px;
}
.aboveMatters {
    margin-bottom: -7px;
    width: 68.3%;
    transition: width .9s;
}
.searchbar {
    position: fixed;
    /*z-index: 1001;*/
    top: 45px;
}
.multipleOrgAffiliation .matterListMainSidebarVisable .aboveMatters .searchbar{width: 16.6%;transition: width .9s;}
.multipleOrgAffiliation .matterListMainSidebarUnVisable .aboveMatters .searchbar{transition: width .9s;}
.multipleOrgAffiliation .matterListMainSidebarVisable .StickyMatter.fsm-sticky-header{/*width:68.3% !important;*/ transition: position .9s;transition: width .9s;}
.multipleOrgAffiliation .matterListMainSidebarUnVisable .StickyMatter.fsm-sticky-header{/*width:97.6% !important;*/ transition: position .9s;transition: width .9s;}
.glyphicon-menu-left, .glyphicon-menu-right{
    position:fixed;
    top:45px;
    cursor:pointer;
    color: #0d3c55;
    background-color: rgba(234, 238, 241, 1.0);
    padding: 10px 0 10px 2px;
    border: 1px solid #adbbc3;
    border-radius: 7px 0 0 7px;
    margin-left: 1px;
    margin-right: 4px;
    visibility: visible;
}
.glyphicon-menu-left {
    margin-left: 1px !important;
}
.iconPlus{
    color: lightgray;
    font-size: 15px;
}
.iconPlus:hover{
    color: gray;
}
.matterListRightSidebar {
    cursor:default;
    height: 100%;
    width: 0;
    position: fixed;
    overflow-x: hidden;
    z-index: 1;
    top: -20px;
    /*    right: 0;
    background-color: #ded5d5; */
    background-color: rgba(234, 238, 241, 0.9);
    transition: 0.9s;
    padding-top: 60px;
    margin-left: 12px;
    text-align: left;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.matterListRightSidebar a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    color: #818181;
    display: block;
    transition: 0.6s
}
.matterListRightSidebar a:hover, .offcanvas a:focus{color: #f1f1f1;}

.matterListRightSidebar .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

#matterListMain {transition: width .9s;}
.mattersTascs #matterListMain{
    transition: none;
}
@media (max-width: 768px) {
    .content {margin-left: 0 !important;}
    .crm-left, .cases-left {width: 100% !important;transition: left .6s; left: 0% !important;    transition-timing-function: cubic-bezier(0, 1.18, 1, 1);}
    .crm-left.backToMatterList {transition: left .6s; left: -100% !important;    transition-timing-function: cubic-bezier(0, 1.18, 1, 1);}
    .crm-middle.backToMatterList {visibility: initial; width: 100% !important; position:absolute; z-index:3;background-color: #fff; right: 0% !important; transition: right .6s; right: 0% !important; transition-timing-function: cubic-bezier(0, 1.18, 1, 1);}
    .crm-middle {visibility: hidden; width: 100% !important; transition: right .6s; right: -100% !important;    transition-timing-function: cubic-bezier(0, 1.18, 1, 1);}
    .crm-right {width: 0% !important;}
    .crm-body {width: 100% !important;}
    .backBtn {padding: 10px;font-size: 11px; display: initial !important;}
    .backBtn .fa{font-size: 30px;}
    #s {width: 55px !important;}
    .mobiPlusMenuItem {color: #778c96 !important; font-size: 20px;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
}
@media screen and (max-height: 450px) {
    .mobiPrice{padding-right: 3px;}
    .mobiNet{padding-right: 14px;}
    .lblTimeActivityPrice {min-width: 51px;}
    .matterListRightSidebar {padding-top: 15px;}
    .matterListRightSidebar a {font-size: 18px;}
}
.backBtn {display: none;}
.matterListMainSidebarVisable {width: 70%;float:left;}
.matterListRightSidebarVisable {width: 30%;float: left;padding-right: 20px;overflow-x: visible;visibility: visible;}
.matterListMainSidebarUnVisable {width: 100%;}
.matterListRightSidebarUnVisable {width: 0;}
.MatterListDragUsers{margin:5px 0 0 7px;}
.MatterListDragUser {/*float:left;margin:1px;*/  padding: 1px;display: inline-block;}
.MatterListDragUsers .glyphicon-plus, .MatterListDragUsers .fa-user-plus {
    cursor: pointer;
    color: #fff;
    /* background-color: #bfd6e3; */
    padding: 2px 1px 2px 2px;
    top: 8px;
    border-radius: 5px;
    font-size: 15px;
    text-align: center;
    vertical-align: baseline;
}
.fa.fa-user-plus {margin-top: 2px;/*color: #89a8c4;*/border-radius: 4px;padding: 4px; }
.fa.fa-user-plus:hover {/*background-color: #89a8c4;color:#fff !important; */cursor: pointer;}
.modal-header .fa.fa-user-plus{margin-right: 13px; margin-top: 11px;}
.MatterListDragUsers .glyphicon-plus:hover, .MatterListDragUsers .fa-user-plus:hover {background-color: #89a8c4;color:#fff !important; cursor: pointer;}
.MatterListDragUsers .fa.fa-user-plus {font-size: 20px;vertical-align: -webkit-baseline-middle;margin-bottom: -7px;color:#89a8c4;}
.MatterListDragUsers .AddNewUserToCompany .form-control{font-size:11px;height:inherit;line-height:inherit;padding:1px 1px;}
.MatterListDragUsers .AddNewUserToCompany{position: absolute; }
#matterListSidebar .ui-select-bootstrap>.ui-select-match>.btn>.ui-select-match-text {font-size: 11px;}
.MatterListDragUsers .ui-select-container {max-width: 150px;}
.MatterListDragUsers .ui-select-container input.form-control{padding:0 3px;}
.StickyMatter {background-color: rgb(245, 249, 253) !important;padding-top:4px;padding-left: 20px;}
.row.StickyMatter.ng-isolate-scope {z-index: 1 !important;}
.row.StickyMatter.ng-isolate-scope.fsm-sticky-header {z-index: 1000 !important;padding-left: 20px;box-shadow: 0 3px 5px 0 rgba(102, 113, 130, 0.3);}
.StickyMatter h2.cCompanyName{margin: -4px 0 2px;font-size: 16px;}
.singleOrgAffiliation .StickyMatter h2.cCompanyName, .singleOrgAffiliation h2.cCompanyName, .singleOrgAffiliation h2.lblCompanyName{display:none;}
.matterSearch .form-control{
    height: 30px;
    padding: 0 2px !important;
    font-size: 13px;
}
.matterSearch .input-group-lg .btn{
    height: 30px;
    padding: 4px 6px;
    font-size: 14px;
}
.NowWorked {
    /* border: 1px solid #2f882f !important; */
    /* width: 26px; */
    /*height: 22px; */
   /* box-shadow: 0 0 8px 2px #5cb85c; */
}
.cases-left .matterUsers .NowWorked img, .MatterPage .dragMatterUser .CaseMembers.NowWorked img {
    border: 1px solid #2f882f;
    background-color: #2f882f;
    box-shadow: 0 0 8px 2px #5cb85c;
}
.MatterPage .CaseMembers.NowWorked {width: 34px;height: 34px;}
.JournalRow {
    background-color: #fefefe;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 0 0 2px 5px;
    padding: 0 0 0 5px;
    clear: both;
    font-size:10px;
}
.JournalRow:hover{background-color: #e4ebef;cursor:pointer;}
.Matterbills{
    padding:85px 0 30px 0;
}
.Matterbills .tabs{margin-top:10px;}
.Matterbills .tabs .item{text-align: center;border: 1px solid #ccc; border-radius: 5px 5px 0 0;}
.Matterbills .tabs .item:active, .Matterbills .item.active, .Matterbills .tabs .item:focus{font-weight: bold;border-bottom: none;}
.Matterbills h2{color:#284664;}
.Matterbill .netAmount, .Matterbill .vatAmount{opacity:0.6;}
.lblMatterbill, .transactionLBL {
    background-color: #DDE3E8;
    /* border: 1px solid #ccc;
    border-radius: 3px; */
    margin: 0 0 2px 5px;
    padding: 3px 0 0 5px;
    clear: both;
    color:#778C96;
}
.lblMatterbill .sortable{cursor:pointer;}
.Matterbill .expand { margin-top: -10px; font-size: 15px; color: #aaa; position: absolute; right: 0; padding: 2px; }
.Matterbill .Due {color: #888;}
.Matterbill .Annotations .form-control{font-size:12px;padding:3px 3px;}
.Matterbill, .transactionVAL {
    background-color: #fefefe;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 0 0 2px 5px;
    padding: 0 0 0 0;
    clear: both;
    height: 34px;
}
.Matterbill{/*background-color:#f0f7f0 !important; background-color: #f8fef4; background-color:#d8e3d4 !important*/}
.billProgress .progress-bar-success {
    background-image: none;
    filter: none;
    background-repeat: repeat-x;
    background-color: #dae6d6/*#D1E0CB*/;
    min-height: 31px;
    margin-bottom: -32px;
}
.Matterbills .progress {
    margin-bottom: 0;
}
.Matterbill.Cancelled .progress {background-color: #f1f3f1;}
.Matterbill.draft .progress {background-color: #fff1d6;}
.Matterbill.CreditNote .billProgress .progress-bar-success {background-color: #d6e6e5 /*#D1E0CB*/;background: repeating-linear-gradient(
        120deg, #e1f0ef, #e1f0ef 5px, #c7dedb 7px, #c7dedb 10px);}
.coveredByCreditNote, .creditNoteForInvoice{margin: -20px 0 0 40px; white-space: nowrap;}
.Matterbills .Paid {color: #64b23b;}
.Matterbills .overdue, .crm-contact-page #invoicespage .overdue{color:red;}
.Matterbill .emailedOn {color: #888;}
.Matterbill .BillNum{font-size:10px;}
.BillNum, .totalAmount, .selectCategory {font-weight: bold;}
.selectCategory {font-weight: bold;color: black;}
.expenditureBtns{margin: -24px 0 4px;}
.cCreateInvoice.btn{margin:0 10px -25px 0;}
.redFlag {color: red;}
.input-group-lg > .form-control{/*  height: 36px; */padding: 0 10px !important;}
.input-group-lg > .form-control > .form-control{height: 36px;padding: 0 !important;}
.form-control.ui-select-match{height: 100%;padding: 0 !important;}
.input-group-lg > .input-group-addon{height: 1em;padding: 0 16px;}
.amountInput50{width: 50px;}
.amountInput80{width: 80px;}
.createTransaction .amountInput80 {border-color: #ccc;border-width: 1px;min-height: 30px;font-size: 16px;border-radius: 4px;}
.createTransaction .inputRef input {min-width: initial;width: 70px;height: 30px;border-radius: 4px;border: 0.5px solid #ccc;outline: none;}
.width100{width: 100%;}
.width90{width: 90%;}
.RefInput{width: 80px;}
.floatLeft{float:left;}
.floatRight{float:right;}
.padding5-10{padding: 5px 10px;}
.greenPlus{color:green;font-size: 15px;}
.DrCrGroupBox{
    border:1px solid #dddddd;
    border-radius: 4px;
    padding: 3px 10px;
    margin-bottom: 3px;
}
.DrCrGroupBox h3{
    margin-top: 0;
    margin-bottom: 3px;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
}
.CursorPointer{cursor: pointer;}

@keyframes expenseBillNewAnimation {
    from { height: 0; opacity: 0;}
    to   {  height: 32px; opacity: 1;}
}
@keyframes expenseBillDeleteAnimation {
    from { height: 32px; }
    to   {  height: 0; }
}
.expenseBody.ng-enter{
    overflow: hidden;
    animation: 1s expenseBillNewAnimation;
}
.expenseBody.ng-leave{
    overflow: hidden;
    animation: 1s expenseBillDeleteAnimation;
}
.expenseBill{
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 0 0 2px 5px;
    padding: 0 0 0 0;
    clear: both;
    height:32px;
}
.expenseBill .billProgress .progress-bar-success{background-color:#ecdae3/*#e0cbd5*/;}
.expenseBill .progress{background-color:#fef4f6;background-image:none;min-height:32px;}

.popapExpenseBill{background-color: #fefefe;}
.popapExpenseBill .progress{height:12px;min-height:12px;}

/* FINANCIAL STATEMENTS */
.CompanyStatementsHeader {font-weight: bold;font-size:12px;text-decoration:underline;}
.CompanyStatementsHeader.h2{font-size: 20px;}
.CompanyStatementsAccCategory{font-weight: bold;}
.CompanyStatementsAccCategory.h3 {color: #0d3d57;font-size: 18px;}
.CompanyStatementsAccCategory.h4 {margin: 0;}
.AccStatements .subcategory {padding-left: 5px;}
.AccStatements .OrgAccount {
    border: 1px solid #ececec;
    background-color: #fdfaf6;
    margin: 1px 0;
}
.AccStatements .accountHeader {
    padding: 0 4px;
    background-color: #fbf9f6;
    margin: 0;
}
.AccStatements .Val.h4 {
    margin: 0;
    font-size: 11px;
}
.icon-success {color: #5CB85C; margin-left: -15px;}
.unreconciled {color: green;}
.needsReconciliation {color: red;font-weight: bold;}
.Reconciled .glyphicon-unchecked {top: 0;}
/* Create Expense modal popup */
label.required:after, .label.required:after{content:"*";color:red;}
section.createExpense input#iRef, section.transferPopup input#iRef {width:30%;}
section.createExpense input.supplierRef, section.transferPopup .billRef{width:60%;float: right;font-size: 12px;}
section.createExpense .quickdate, .transactionDate.quickdate {font-size: 12px;margin-top:1px;}
section.createExpense .quickdate-button, .transactionDate .quickdate-button{padding: 5px 3px; height: 30px;}
.quickdate-button i.fa-calendar{opacity: 0.4;}
.quickdate-button i.fa-calendar:hover{opacity: 0.8;}
.expenseVATpercentage{width:35px;}
section.createExpense .input-sm, section.transferPopup .input-sm {padding: 5px 3px;border: 1px solid #ccc; width: 100%;font-size:15px;}
section.createExpense .ui-select-container, section.transferPopup .ui-select-container {height: 28px;}
section.createExpense .ui-select-bootstrap .ui-select-choices-row>a, section.transferPopup .ui-select-bootstrap .ui-select-choices-row>a{padding: 3px 2px;}
section.createExpense .ui-select-bootstrap>.ui-select-choices, section.transferPopup .ui-select-bootstrap>.ui-select-choices {width: inherit;}
section.createExpense .ui-select-bootstrap>.ui-select-choices.dropdown-menu, section.transferPopup .ui-select-bootstrap>.ui-select-choices.dropdown-menu {padding:0;}
section.createExpense .ui-select-container .form-control, section.transferPopup .ui-select-container .form-control {font-size: 12px; height:30px;}
section.createExpense .ui-select-container .ui-select-match-text, section.transferPopup .ui-select-container .ui-select-match-text{font-size:12px;padding: 5px 0;}
section.createExpense .selectedAcc, section.transferPopup .selectedAcc{font-size:12px;}
.ui-select-placeholder {vertical-align: -webkit-baseline-middle;font-style: italic;color: #aaa;}
section.createExpense label, section.createTransaction label, section.transferPopup .label{color:#778C96;margin-bottom:0;padding: inherit;font-size: inherit;text-align: inherit;}
span.ui-select-choices-row-inner{padding: 3px 3px 3px 6px;}
span.ui-select-choices-row-inner img{width:22px;}
/* VAT return */
.VATreturn{padding:20px 30px;}
.VATreturn .row.box{border:1px solid #65a161; margin-top:15px;}
.row.VATreturnHeder{border:none;}
.VATreturnLbl{font-weight:bold;font-size: 12px;}
.VATreturn .rowName{font-size: 12px;padding: 0 5px 0 15px;min-height: 20px; background-color:#e2eeea;}
.VATreturn .rowNum{background-color:#65a161; color:#fff; font-size: 14px;width: 30px;height: 20px;}
.VATreturn .row5 .rowName{background-color:#65a161; color:#fff;}
.VATreturn .row5{margin-bottom:50px;}
.VATreturnBody input{width:100%;max-height:20px;}
.VATreturnPopap .row .label{color:#778C96;}
.VATreturnPopap .noTransactions{background-color: #eee; text-align: center; padding: 5px;}


/* Print Matter Ledger */
body.PrintLedger .ng-hide {display: none;}
body.PrintLedger .btn, body.PrintLedger .glyphicong-arrow-left, body.PrintLedger .glyphicong-plus, body.PrintLedger .glyphicong-minus {display: none;}
body.PrintLedger .lblAccountTransactions{font-size:11px;}
body.PrintLedger .vTransactions{font-size:10px;}
body.PrintLedger .glyphicon {display: none !important;}

body.PrintLedger .sectionDeposit{display:none;}
body.PrintLedger .hasDepositAcc .sectionDeposit{display:block !important;}
body.PrintLedger .col-xs-4.LedgerDetails{width:50%;}
body.PrintLedger .col-xs-8.LedgerAccounts{width:50%;}
body.PrintLedger .hasDepositAcc .col-xs-4.LedgerDetails{width:33.33333333%;}
body.PrintLedger .hasDepositAcc .col-xs-8.LedgerAccounts{width:66.66666667%;}
body.PrintLedger .col-xs-4.sectionOffice,body.PrintLedger .col-xs-4.sectionClient{width:50%;}
body.PrintLedger .hasDepositAcc .col-xs-4.sectionOffice, body.PrintLedger .hasDepositAcc .col-xs-4.sectionClient, body.PrintLedger .hasDepositAcc .col-xs-4.sectionDeposit{width:33.33333333%;}

.href{color:#337ab7;cursor:pointer;}

/* River Of News */
/* #matterListSidebar .MatterListDragUsers{max-height:90px; top: 42px; position: fixed;overflow-y: auto; width: 28%;overflow-x: hidden;z-index:6;max-width:97%;margin-top: -10px;} */
#matterListSidebar .MatterListDragUsers{/* max-height:90px; *//*top: 42px;position: fixed;*/overflow-y: auto;/* width: 28%;*/height: 100%;/* overflow-x: visible; */z-index:6;max-width:97%;margin-top: 5px;}

/*
    Ross changed styles for splitter
*/
#matterListSidebar .cImportantDates{overflow-y: auto;height: 100%;overflow-x: hidden;}
/* #matterListSidebar .RiverOfNews{max-height: 70vh; overflow: auto;} */

/* Dmitry added relative position for river of news 30.05.18 */
.RiverOfNew {
    margin-top: 5px;
    height: 100% !important;
    position: relative;
    /* overflow-y: scroll; */
    /* position: fixed; */
    /* right: 0; */
    /* left: 66.6666667%; */
    /* bottom: 0; */
    /* max-width: 466px; */
    /* height: inherit; */
    /* max-height: 25vh; */
}
#splitOne, #splitTwo, #splitThree {
    overflow: hidden;
}

#splitThree > .RiverOfNews {
    height: 100%;
}

.RiverOfNews ul {padding-left: 10px;background-color: #f5f5f5;max-height: 100%;overflow: auto;}
.RiverOfNews li{list-style: none;border-bottom: 1px solid #ddd; display: inline-block;width: 100%;color:initial;}
.RiverOfNews img{margin-left: -6px;width: 25px;}
.RiverOfNews .lblUserName{float: left;margin-right: 4px;font-weight: bold;color: #777;}
.RiverOfNews .taskDescr {font-size: 12px;color: #8a6d3b;background-color: #fffef9;border-color: #faebcc;clear: both;padding-left: 5px;}
.matterListRightSidebar .RiverOfNews .matername a {padding: 1px 8px 1px 12px;color: #337ab7;}
.matterListRightSidebar .RiverOfNews .taskname a {padding: 1px 8px 1px 12px;}
/* Dmitry added style for markdown links 24.05.18 */
.matterListRightSidebar a.markdownLink {padding: 0;display: inline-block;}

.matterListRightSidebar .RiverOfNews a:hover, .offcanvas.RiverOfNews a:focus {color: #0d3c55;}
.trialPeriod {color: #f5f5f5;margin-left: 225px;position:absolute;width: 300px;}
.trialPeriodMobile {color: #f5f5f5;margin-left: 50px;}
.lblTotal{font-weight: bold;}
.btn-calculator{float:right;}
.cClientAccInterestCalculator .amountTotal {font-weight: bold;}
.cClientAccInterestCalculator .lblbalanceHistory {color: #89a8c4; border-bottom: 1px solid #89a8c4;margin: 10px 0 5px;background-color: #f4f8fb;}
.cClientAccInterestCalculator .balanceHistory { border-bottom: 1px solid #ddd; }

.row.working{background-color: #dff1df;}


.cInvoiceRefValue .form-control{height:initial;}
/* .cInvoiceRefValue .form-control{width:initial;height:initial;}
.cInvoiceRefValue .ui-select-match{width:initial;} */

input.date-picker{font-weight:bold;width:215px;font-size:13px;}

.path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
    animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}
.TeamsList .team {
    border: 1px solid #dddddd;
    min-height: 70px;
    padding: 0 5px 5px;
    margin: 0 10px 10px 0px;
}
.TeamsList .team h4 {margin-top:0;}
.row-matter .TimerTitle button.glyphicon-play {display: none;}
.row-matter .TimerTitle button, .MatterPage .MatterTimerButtons button {margin-bottom: -5px;top: -2px;padding:3px 10px;margin-top: 0;margin-left: 0;}
.cPlusMenu ul button, .cPlusMenu ul button:hover{padding-left: 11px !important; width: 100% !important; text-align: left; margin: 0;}
.cPlusMenu ul button span.menuItemText, .cPlusMenu ul button span.menuItemText:hover{font-family: "lucida grande", tahoma, verdana, arial, sans-serif;font-size:14px;}
.dropdown-menu{padding: 0;}
.row-matter .dropdown-menu{margin-top:11px;}
.row-matter .dropdown-menu .glyphicon, .row-matter .dropdown-menu .fa, .row-matter .dropdown-menu button.glyphicon-time:hover, .row-matter .dropdown-menu .glyphicon-play:hover {color:#89a8c4;padding-right: 5px; width: 20px;}
.row-matter .dropdown-menu button.glyphicon{width:100%;}
.row-matter .dropdown-menu li button, .row-matter .dropdown-menu li a {color: #778C96;padding: 5px 10px 5px 10px;display: block;}
.row-matter .dropdown-menu ul button{width: 100%;color:#778C96;text-align: left;}
.row-matter .cPlusMenu ul button{background-color: #ffffff; color:#778C96;}
.cPlusMenu ul button .menuItemText{color:#778C96;padding-left: 11px;}
.row-matter .cPlusMenu ul button:hover{background-color: #f5f5f5; color:#778C96;}
.row-matter .fa-user-plus, .row-matter .fa-user-plus:hover {font-size: initial;margin: initial;border-radius: initial;padding: initial;background-color: initial;color:#89a8c4;}
.row-matter .cPlusMenu .cAddNotes .glyphicon-remove, .row-matter .cPlusMenu .cviewAddCaseMembers .glyphicon-remove {color:#fff;background-color: #89a8c4; border-radius: 50%;padding: 4px;font-size: 16px;position: absolute;right: 12px;top: -14px; }
.row-matter .cPlusMenu .newTaskBlock button.close{right: 9px;top: -58px;font-weight: normal;opacity: 1; font-family: inherit;padding: 0px 6px 3px 6px;font-size: 21px;}
.row-matter .cPlusMenu .newTaskBlock .quickdate{font-size: 11px;margin-top:6px;}
    /* Dmitry added top auto for dropdown with companies 27.05.18 */
.dropdownCompanies {top: auto;}
/* Ross added classes for splitter 08.05.18 */
.gutter.gutter-vertical {
    background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=')
}
.gutter.gutter-vertical:hover {
    cursor: n-resize;
}
.gutter.gutter-horizontal {
    background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==')
}
.gutter {
    background-color: #eee;

    background-repeat: no-repeat;
    background-position: 50%;
}
.connectedUser::after {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    background: greenyellow;
    border-radius: 150px;
    box-shadow: 1px 1px 1px;
    position: relative;
    top: -10px;
    right: -16px;
}
.JournalData{
    height: 700px;
    overflow-y: scroll;
}
.spinner{
    position: absolute;
    top: 49%;
    left: 49%;
    z-index: 100;
}
.page-header {
    margin: 0;
}
.MyMattersCheckBox {
    margin-left: 12px;
}
.MyMattersCheckBox input {
    position: absolute;
    margin-top: 2px;
    margin-left: -13px;
}
#speechRecord, #speechStop {
    width: 32px;
    font-size: 18px;
    text-align: center;
    top: 6px;
    color: indianred;
    cursor: pointer;
}

.mattersList #speechRecord, .mattersList #speechStop {top: 10px;}

/* Dmitry added crop image for company logo into bills 29.05.18 */
.cropAreaCompanyLogo {
    width: 100%;
    height: 70px;
}
/* Dmitry added remove icon into search input 29.05.18 */
.mattersList .StickyMatter .glyphicon-remove {
    position: absolute;
    z-index: 100;
    right: 37px;
    top: 10px;
}
/* Dmitry added fa-icons to calendar and style for member in new task row 29.05.18 */
.MatterPage .newTaskBlock .fa-calendar {color: lightgrey;width: 20px;}
.MatterPage .newTaskBlock .fa-calendar, .MatterPage .newTaskBlock .fa-calendar-check-o {
    font-size: 20px;
    position: relative;
    cursor: pointer;
}
.MatterPage .newTaskBlock .newTaskMemberSmall {width: 20px;height: 20px; margin-top: -10px;}
.MatterPage .lblSpeechMicrophone .fa-microphone {color: #aaa; cursor: pointer;}
.MatterPage .lblSpeechMicrophone .fa-microphone:hover {color: #000;}

.mattersList .dropdown-backdrop {position: relative !important;}

/* Dmitry added My tasks checkbox 30.05.18 */
.mattersList #myTasks + label {font-weight: normal;}



.preloader {
    position: fixed;
    top: 30%;
    left: 30%;
    width: 25%;
    height: 25%;
    /*top: 0;
    left: 0;
    width: 100%;
    height: 100%;*/
    z-index: 1000;
}
.preloaderSmall {
    position: absolute;
}
.loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #869fb1;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
.loaderSmall {
    width: 75px;
    height: 75px;
    margin: -75px 0 0 -35px;
}
.loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #337ab7;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}
.widthSettings{
    width: 100% !important;
}
.loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #123346;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.newTaskBlock .ui-select-match.ng-scope {
    width: 90%;
}
ul.nav .glyphicon-cog.matterCog:hover{
    animation-name: mymove;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
}
.reCalc:hover{
    background-color: #b1adad;
}
@keyframes mymove {
    0%   {-webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);}
    20%  {-webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);}
    40%  {-webkit-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
        transform: rotate(120deg);}
    60%  {-webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);}
    80%  {-webkit-transform: rotate(240deg);
        -ms-transform: rotate(240deg);
        transform: rotate(240deg);}
    100% {-webkit-transform: rotate(300deg);
        -ms-transform: rotate(300deg);
        transform: rotate(300deg);}
}

.newTaskBlock span.ng-binding.ng-scope {
    top: 0px;
    position: relative;
}
.numbering{
    width: 90%;
}
.modalCreateMatterTemplate input.color-picker-input.color-picker-input-swatch.ng-valid.ng-valid-required.ng-not-empty {
    display: none;
}

.modalCreateMatterTemplate .color-picker-wrapper.color-picker-closed {
    width: 38px;
    height: 38px;
    top: 0px;
}
.refundbutton:hover{
    background-color: #245580;
    color:white;
    cursor: pointer;
}
.Matterbill button.refundbutton {
    display: none;
    font-size: 10px;
}
.Matterbill:hover button.refundbutton {
    display: inline-flex;
    width: auto;
    border: none;
    background-color: #fff;
    padding: 0 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.Matterbill:hover button.refundbutton:hover {
    background-color: #204d74;
    border-color: #122b40 !important;
}
.MatterListRefund button.refundbutton {
    display: none;
    font-size: 10px;
}
.MatterListRefund:hover button.refundbutton {
    display: inline-flex;
    width: auto;
    border: none;
    background-color: #fff;
    padding: 0 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.MatterListRefund:hover button.refundbutton:hover {
    background-color: #204d74;
    border-color: #122b40 !important;
}

.modalCreateMatterTemplate .color-picker-input-wrapper.input-group {
    height: 34px;
}

.modalCreateMatterTemplate .color-picker-open {width: 38px;top: 0px;}

.myFilterResetIcon {
    position: absolute;
    left: -15px;
    top: 12px;
    width: 10px;
}

.MyMattersCheckBox input {
    margin-left: -5px;left: 26px;
}
.erroAmount{
    border: 1px solid red;
}

.behalfOFUser .ui-select-match .ui-select-toggle{
    border: none!important;
    height: 20px!important;
    font-size: 12px;
    box-shadow: none;
}
.behalfOFUser .ui-select-bootstrap .ui-select-match-text span{
    padding-top: 2px;
}
.behalfOFUser .ui-select-container.ui-select-bootstrap>input{
    height: 20px!important;
    border: none;
    box-shadow: none;
}
.behalfOFUser .ui-select-container.ui-select-bootstrap>input::placeholder{
    font-size: 12px;
}
.settingsBankSelect .ui-select-match .ui-select-toggle{
    height: 20px!important;
    font-size: 12px;
}
.settingsBankSelect .ui-select-match .ui-select-toggle .ui-select-placeholder {
    vertical-align: unset;
}
.settingsBankSelect .ui-select-bootstrap .ui-select-match-text span{
    padding-top: 2px;
}
.settingsBankSelect .ui-select-container.ui-select-bootstrap>input{
    height: 20px!important;

}
.settingsBankSelect .ui-select-container.ui-select-bootstrap>input::placeholder{
    font-size: 12px;
}
.sectionAccounts .starIcon{
    border:none;
    background: none;
    color: #ddd;
}
.sectionAccounts .satrIcon:hover i{
    color: orange;
}
.cSettings .tab-content .tab-pane .sectionAccounts{
    border: 1px solid rgb(205, 203, 203);
    padding: 6px;
}
section#TrialBalanceBody {margin-top: 40px;}
.TrialBalance .total{font-weight:bold;font-size: 10px;}
.TrialBalance th {text-align:right;}
.TrialBalance td {padding: 1px 25px 0px 0px; width: auto;}
.TrialBalance h4 {margin-bottom: 0;}
.TrialBalance tr {border-bottom: 1px solid #ddd;background-color: #fff;}
.TrialBalance tr:hover, .MatterPage .vTransactions:hover, .MatterPage .ledgerWIProw:hover {background-color: #f4f7f9;}
.TrialBalance td.accountName{min-width:140px;}
.TrialBalanceBottomStripe {position: fixed;bottom: 0;background-color: #ecf0f4;width: 100%;padding: 3px 20px;}
.TrialBalanceHeader {position: fixed;background-color: #ecf0f4;width: 100%;top: 42px;padding: 2px 20px;}

.EachTaskWrapper {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity 0.5s linear;
}

.createdDate {color: #337ab7;margin: 0;font-weight: inherit;}
.createdDate:hover {text-decoration: underline; cursor: pointer;}
.slide{
    visibility: hidden;
}

.slideDown{
    animation-name: slideDown;
    -webkit-animation-name: slideDown;

    animation-duration: 1s;
    -webkit-animation-duration: 1s;

    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;

    visibility: visible !important;
}

@keyframes slideDown {
    0% {
        transform: translateY(-100%);
    }
    50%{
        transform: translateY(8%);
    }
    65%{
        transform: translateY(-4%);
    }
    80%{
        transform: translateY(4%);
    }
    95%{
        transform: translateY(-2%);
    }
    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%);
    }
    50%{
        -webkit-transform: translateY(8%);
    }
    65%{
        -webkit-transform: translateY(-4%);
    }
    80%{
        -webkit-transform: translateY(4%);
    }
    95%{
        -webkit-transform: translateY(-2%);
    }
    100% {
        -webkit-transform: translateY(0%);
    }
}
#toastContent{
    position: fixed;
    z-index: 2000;
    bottom: 30px;
    width: 100%;
}
.row.MoveTask {margin-top: 15px; background-color: #dfebf2; padding: 5px;}
.MoveTask{cursor:pointer;}
.changeRefOntask {
    padding: 15px;
    width: 100%;
    background-color: aliceblue;
}
.toastAlert {
    visibility: hidden;
    height: 50px;
    width:fit-content;
    /*margin-left: -125px;*/
    margin: 0 auto;
    /* background-color: #123346;*/
    text-align: center;
    border-radius: .25rem;
    font-size: 17px;
    white-space: nowrap;
    background-color: #d1ecf1;
    color: #0c5460;
    border: 1px solid #bee5eb;
}
.toastAlert .AlertImg{
    width: 50px;
    height: 48px;
    float: left;
    padding-top: 15px;
    padding-bottom: 15px;
    box-sizing: border-box;
    background-color: #d1ecf1;
    color: #0c5460;
}
.eyeLogo{
    cursor: pointer;
    font-size: 18px;
    color: lightgray;
    transition: 0.2s;
}
.eyeLogo:hover{
    color: darkgray;
}
.toastAlert .descAlert{
    color: #fff;
    padding: 12px 16px;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: nowrap;
}
.toastAlert.showToast.successAlert{
    color: #155724;
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
}
.toastAlert.showToast.successAlert .AlertImg{
    color: #155724;
    background-color: #d4edda;
}
.toastAlert.showToast.successAlert .descAlert{
    color: #155724;
    background-color: #d4edda;
}
.toastAlert.showToast.errAlert .AlertImg{
    color: #721c24;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
}
.toastAlert.showToast.errAlert .descAlert{
    color: #721c24;
}
.toastAlert.showToast {
    visibility: visible;
    -webkit-animation: fadein 0.5s, expand 0.5s 0.5s,stay 3s 1s, shrink 0.5s 2s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, expand 0.5s 0.5s,stay 3s 1s, shrink 0.5s 4s, fadeout 0.5s 4.5s;
}

@-webkit-keyframes fadein {
    from {margin-bottom: -30px; opacity: 0;}
    to {margin-bottom: 0px; opacity: 1;}
}

@keyframes fadein {
    from {margin-bottom: -30px; opacity: 0;}
    to {margin-bottom: 0px; opacity: 1;}
}

@-webkit-keyframes expand {
    from {min-width: 50px}
    to {min-width: 350px}
}

@keyframes expand {
    from {min-width: 50px}
    to {min-width: 350px}
}
@-webkit-keyframes stay {
    from {min-width: 350px}
    to {min-width: 350px}
}

@keyframes stay {
    from {min-width: 350px}
    to {min-width: 350px}
}
@-webkit-keyframes shrink {
    from {min-width: 350px;}
    to {min-width: 50px;}
}

@keyframes shrink {
    from {min-width: 350px;}
    to {min-width: 50px;}
}

@-webkit-keyframes fadeout {
    from {margin-bottom: 0px; opacity: 1;}
    to {margin-bottom: 30px; opacity: 0;}
}

@keyframes fadeout {
    from {margin-bottom: 0px; opacity: 1;}
    to {margin-bottom: 30px; opacity: 0;}
}
.annualInp{
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
    margin: 0 15px;
}
.annualInp>p{
    margin-bottom:0;
}
.annual-cols{
    padding: 0 2px !important;
}
.you-get{
    border: 1.4px solid #e8e8e8;
    border-radius: 7px;
}
.sec-first{
    text-align: center;
    background-color: #f1f3f5;
}
.you-get ul{
    padding: 0 0 0 20px;
}
.verify{
    color: #979594;
}
.fontAddNote{
    font-size: 10px;
}
.style-inp{
    width: 30px;
    border-radius: 3px;
    border: 1px solid darkgray;
    outline: none;
}
.greyLook {
    color: #9c9c9c;
}
.menuWidth{
    width: auto !important;
}
.styleNavbar{
    width: 130px;
    height: 100vh !important;
    background-color: #123346;
    margin-left: -15px;
    min-height: 100vh !important;
    max-height: 100vh !important;
    padding-top: 5%;
    transition: 1s;
}
.styleNavbar li.NewActive::after {
    /*border-bottom: 7px solid #f6f6f6;*/
    /*border-left: 8px solid transparent;*/
    /*border-right: 8px solid transparent;*/
    /*margin-left: 7px;*/
    border: solid transparent !important;
    content: " ";
    width: 0 !important;
    right: 0 !important;
    position: absolute !important;
    top: 6px  !important;
    pointer-events: none !important;
    border-color: rgba(136, 183, 213, 0) !important;
    border-right-color: #f6f6f6 !important;
    border-width: 1rem !important;
}
.styleNavbar li.NewActive.settingsNav::after {
    top: 17px  !important;
}
.activeSettings.NewActive > a::after {
    border-bottom: 7px solid #f6f6f6;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    margin-left: 1px;
}
/* .mattersTascs{
    width: 632px;
    display: inline-block;
    vertical-align: top;
    resize: horizontal;
    min-width: 450px;
    overflow: auto;
} */
.tascsList{
    width: calc(100% - 455px);
    display: inline-block;
    vertical-align: top;
}

.onRessizeDiv{
    position: absolute;
    height: 100%;
    right: -5px;
    width: 5px;
    z-index: 100;
    border-right: 0.6px solid #ccc;
    border-left: 0.6px solid #ccc;
    background-color: #fff;
}
.onRessizeDiv:hover{
    cursor: col-resize;
}
.heightHeader{
    height: 42px;
}
.styleNavbar li {
    float: unset !important;
    text-align: left;
    font-size: 1.5rem;
    padding-left: 2px;
    position: relative;
}
.whithNavbar{
    width: 100%;
}
.noteFalse{
    display: none;
}
.MatterTopWidth{
    width: 48.8% !important;
}
.navIconMenu{
    color: white;
    font-size: 16px;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 43px;
    cursor: pointer;
}
.navbar-collapse.collapse.navBarFalse{
    width: 50px;
    transition: 1s;
}
.logoNavbar{
    width: 100% !important;
    justify-content: center !important;
    margin-left: 0 !important;
}
.activeUserNav{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: lawngreen;
    margin-top: 3px;
    position: absolute;
}
.stickiMater{
    display: none;
}
.uniqueClass .matterWidth{
    width: 100%;
}
.uniqueClass .displayNone{
    display:none;
}
.uniqueClass .displayBlock{
    display:block !important;
}
.sizeunbuild{
    font-size: 9px !important;
}
.tasksComp{
    padding-left: 0;
}
.tasksPage{
    display: flex;
}
.scrollable {
    overflow-y: scroll;
    height: 92vh;
    overflow-x: hidden;
    width: -webkit-fill-available;
}
.accMenuTrue{
    display: block !important;
    background-color: transparent;
    padding-left: 22px;
    width: -webkit-fill-available;
    transition: 0.5s;
}
.multitapleSearch{
    width: 100%;
}
.multitapleSearch input{
    position: relative;
    transition: 0.8s;
}
.multitapleSearch input:focus{
    width: 300px;
}
.acountMenu>li:hover{
    background-color: white;
    cursor: pointer;
}
.acountMenu>li:hover>a{
    color: black !important;
}
.acountMenu>li>a{
    color: #869fb1;
    text-decoration: none;
    font-size: 13px;
}
.accMenuFalse{
    height: 0;
    width: 0;
    transform: scale(0);
    transition: 0.5s;
}
.fontMenu{
    padding: 0 !important;
}
.fontMenu>li{
    padding-left: 2px;
}
.fontMenu>li>a{
    font-size: 0.9rem !important;
}

#clock{
    display:block;
    width:240px;
    text-align:right;
    color:white;
}

.block{
    display:inline-block;
    width:16%;
    padding:2px;
    font-size:9px;
    text-align:center;
    background-color: #123346;
}

.digit{
    display:block;
    font-size:11px;
    background-color: #123346;
    overflow:hidden;
}
.timerPay{
    display: inline-flex;
    padding-top: 5px;
}
.timerChange{
    margin-left: 12%;
    width: 250px;
}
.bar1, .bar2, .bar3 {
    width: 20px;
    height: 3px;
    background-color: white;
    margin: 3px 0;
    transition: 0.4s;
}
.top_search{
    width: 60px;
    padding-top: 3px;
    margin-left: 30px;
}
.lefter{
    margin-left: 150px !important;
}
.topper{
    padding-top:10px;
    transition: 0.5s;
}

.change {
    border: 2px solid white;
    padding: 5px 6px;
    border-radius: 7px;
    margin: 5px 15px 5px 10px !important;
    transform: rotate(180deg);
}
#bar{
    cursor: pointer;
    margin: 12px 15px 5px 10px;
    transition: 0.5s;
}
#chechkForm-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 200px;
}
.chechkForm {
    padding: 10px 5px;
}
.chechkForm #form-title {
    font-weight: 400;
    text-align: center;
}
.chechkForm #chechkForm-amount-slider {
    display: flex;
    flex-direction: row;
    align-content: stretch;
    position: relative;
    width: 100%;
    height: 50px;
    user-select: none;
}
form #chechkForm-amount-slider:before {
    content: " ";
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    background: #000;
}
.chechkForm #chechkForm-amount-slider input, .chechkForm #chechkForm-amount-slider label {
    box-sizing: border-box;
    flex: 1;
    user-select: none;
    cursor: pointer;
}
.chechkForm #chechkForm-amount-slider label {
    position: absolute;
    width: 20%;
    height: 100%;
    user-select: none;
    opacity:1;
}
.chechkForm #chechkForm-amount-slider label:nth-child(2) {
    left: 0;
}
.chechkForm #chechkForm-amount-slider label:nth-child(4) {
    left: 13.5%;
}
.chechkForm #chechkForm-amount-slider label:nth-child(6) {
    left: 27%;
}
.chechkForm #chechkForm-amount-slider label:nth-child(8) {
    left: 40.5%;
}
.chechkForm #chechkForm-amount-slider label:nth-child(10) {
    left: 54%;
}
.chechkForm #chechkForm-amount-slider label:nth-child(12) {
    left: 67.5%;
}
.chechkForm #chechkForm-amount-slider label:nth-child(14) {
    left: 80%;
}
.chechkForm #chechkForm-amount-slider label:before {
    content: attr(data-debt-amount);
    position: absolute;
    left: 50%;
    padding-top: 10px;
    transform: translate(-50%, 45px);
    font-size: 12px;
    letter-spacing: 0.4px;
    font-weight: 400;
    white-space: nowrap;
    opacity: 0.85;
    transition: all 0.15s ease-in-out;
}
.chechkForm #chechkForm-amount-slider label:after {
    content: " ";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    border: 2px solid #000;
    background: #fff;
    border-radius: 50%;
    pointer-events: none;
    user-select: none;
    z-index: 1;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
}
.chechkForm #chechkForm-amount-slider label:hover:after {
    transform: translate(-50%, -50%) scale(1.25);
}
.chechkForm #chechkForm-amount-slider input {
    opacity: 0;
    pointer-events: none;
}
.chechkForm #chechkForm-amount-slider input:checked + label:before {
    font-weight: 800;
    opacity: 1;
}
.chechkForm #chechkForm-amount-slider input:checked + label:after {
    border-width: 4px;
    transform: translate(-50%, -50%) scale(0.75);
}
.chechkForm #chechkForm-amount-slider input:checked ~ #debt-amount-pos {
    opacity: 1;
}
.chechkForm #chechkForm-amount-slider input:checked:nth-child(1) ~ #debt-amount-pos {
    left: 10%;
}
.chechkForm #chechkForm-amount-slider input:checked:nth-child(3) ~ #debt-amount-pos {
    left: 23.5%;
}
.chechkForm #chechkForm-amount-slider input:checked:nth-child(5) ~ #debt-amount-pos {
    left: 37%;
}
.chechkForm #chechkForm-amount-slider input:checked:nth-child(7) ~ #debt-amount-pos {
    left: 50.5%;
}
.chechkForm #chechkForm-amount-slider input:checked:nth-child(9) ~ #debt-amount-pos {
    left: 64%;
}
.chechkForm #chechkForm-amount-slider input:checked:nth-child(11) ~ #debt-amount-pos {
    left: 77.5%;
}
.chechkForm #chechkForm-amount-slider input:checked:nth-child(13) ~ #debt-amount-pos {
    left: 90%;
}
.chechkForm #chechkForm-amount-slider #debt-amount-pos {
    display: block;
    position: absolute;
    top: 50%;
    width: 12px;
    height: 12px;
    background: #000;
    border-radius: 50%;
    transition: all 0.15s ease-in-out;
    transform: translate(-50%, -50%);
    border: 2px solid #fff;
    opacity: 0;
    z-index: 2;
}
.chechkForm:valid #chechkForm-amount-slider input + label:before {
    transform: translate(-50%, 45px) scale(0.9);
    transition: all 0.15s linear;
}
.chechkForm:valid #chechkForm-amount-slider input:checked + label:before {
    transform: translate(-50%, 45px) scale(1.1);
    transition: all 0.15s linear;
}
/* @keyframes spin {
    from {
      transform: rotate(0deg);
      width: 24px;
      opacity: 1;
      margin-right: 12px;
    }
    to {
      transform: rotate(360deg);
      width: 24px;
      opacity: 1;
      margin-right: 12px;
    }
} */
.online{
    position: absolute;
    width: 10px;
    height: 10px;
    right: 0;
    border: 1px solid white;
    bottom: 0px;
    border-radius: 50%;
    background-color: #16da25;
}

/*#s:focus { width: 300px; cursor: text; }*/
.nav.navbar-nav .multitapleSearch{
    position: absolute ;
    top: 40px;
    width: 300px;
    background-color: white;
    height: 400px;
    border-radius: 5px;
    border: 1px solid rgb(152, 189, 226);
    overflow-y: scroll;
    overflow-x: hidden;
}
.categCheked{
    color: purple;
}
.showMore{
    width: 100%;
    background-color: transparent;
    border: 2px solid rgb(95, 95, 255);
    text-align: center;
    height: 25px;
    color: rgb(95, 95, 255);
}
.selectedCateg{
    transition: 0.4s;
}
.selectedCateg:hover{
    transform: scale(1.2);
}
.selectedCateg:hover *{
    cursor: pointer;
}
.serachTitle{
    border-bottom: 1px solid lightgray;
    color: lightblue;
}
.seachSeeMore{
    text-align: right;
}
.seachSeeMore label:hover{
    cursor: pointer;
}
.seachSeeMore label{
    color: #bdb6b6;
    font-size: 10px;
    font-weight: lighter;
    font-style: italic;
}
.searchResult{
    padding-left: 5px;
}
.searchResult:hover{
    cursor: pointer;
}
/*::-webkit-scrollbar {*/
/*width: 12px;*/
/*}*/

/*::-webkit-scrollbar-track {*/
/*box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
/*border-radius: 10px;*/
/*}*/
/*::-webkit-scrollbar-thumb {*/
/*border-radius: 10px;*/
/*box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/

::-webkit-scrollbar {
    width: 5px;
}

:hover::-webkit-scrollbar {
    /* width: 8px; */
}

::-webkit-scrollbar-track {
    /*background: #c4c2c2;*/
    background: #d6d8da;
}

::-webkit-scrollbar-thumb {
    background: #869298;
    border-radius: 100px;
}
:hover::-webkit-scrollbar-thumb {
    background: #7e8384;
    width:20px;
    overflow: visible;
}


.fsm-sticky-header{
    z-index: 100 !important;
}
.notesright{
    position: fixed;
    right: 10px;
}
.linkSizeMenu{
    position: absolute;
    width: 100%;
}
.matterMenuright{
    z-index: 1;
    right: -0.4%;
}
.leftAndRight{
    right: 15px;
    margin-top: 20px;
    background-color: #e7ecef;
    padding: 40px 3px 3px 3px;
    transition: 1s;
}
.gliphicon_menu{
    transition: 1s;
    right: -5px;
    z-index: 1;
    transform: translateX(0);
}
.rightGliphicon{
    transition: 1s;
}
.glificonPositionTrasparent{
    position: absolute;
    width: 15px;
    height: 30px;
    top: 0;
    left: 0;
}
.noteAndUser{
    position: fixed;
    padding-right: 27px
}
.hasActiveAllMatter{
    height: calc(100vh - 42px);
    padding: 0;
    transition: 1s;
    margin-top: 15px;
}
.gliphiconMatterRight{
    transition: 1s;
}
.taeb-switch {
    position: relative;
    display: flex;
}
.taeb-switch:after {
    content: "";
    position: absolute;
    width: 50%;
    top: 0;
    transition: left 200ms;
    background-color: #ffffff;
    height: 100%;
    border-radius: 8px;
    z-index: 0;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.06);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.06);
}
.taeb-switch.leftSwitch:after {
    left: 0;
}
.taeb-switch.rightSwitch:after {
    left: 50%;
}
.taeb-switch .taeb {
    display: inline-block;
    width: 50%;
    padding: 3px 0;
    z-index: 1;
    position: relative;
    cursor: pointer;
    transition: color 200ms;
    font-weight: bold;
}
.taeb-switch .taeb.activeSwitch {
    color: #36383F;
}

.taeb-switchDueDate {
    position: relative;
    display: flex;
}
.taeb-switchDueDate:after {
    content: "";
    position: absolute;
    width: 50%;
    top: 0;
    transition: left 200ms;
    background-color: #ffffff;
    height: 100%;
    border-radius: 8px;
    z-index: 0;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.06);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.06);
}
.taeb-switchDueDate.leftSwitch:after {
    left: 0;
}
.taeb-switchDueDate.rightSwitch:after {
    left: 50%;
}
.handleRemove, .CloseModalForm{
    position: absolute;
    cursor:pointer;
    right: 0;
    top: -10px;
    border: none;
    background-color: transparent;
    transition: 0.5s;
    font-size: 33px;
    color: gray;
    display: block;
    z-index: 1;
    padding: 3px;
    font-weight: bold;
    font-family: auto;
    outline:none;
}
button.clearSelection {
    position: relative;
    display: inline;
    top: 2px;
    font-size: 20px;
}
.fa.handleRemove, .fa.CloseModalForm{font-family: 'FontAwesome';}
.handleRemove:hover, .CloseModalForm:hover{
    color: black;
    transform: rotate(180deg);
    outline:none;
}
.taeb-switchDueDate .taebDueDate {
    display: inline-block;
    width: 40%;
    font-size: 12px;
    word-spacing: -10px;
    margin: 1px 7px;
    z-index: 1;
    position: relative;
    cursor: pointer;
    transition: color 200ms;
    font-weight: bold;
}
.taeb-switchDueDate .taebDueDate.activeSwitch {
    color: #36383F;
}

/* other styles */

.text-centerSwitch {
    text-align: center;
}

.iSwitch {
    margin-right: 5px;
}

.wrapperSwitch {
    background-color: #123346;
    border-radius: 10px;
    color: white;
    padding: 7px 6px;
    width: 100%;
    max-width: 110px;
}

.formStep {
    /* position: absolute; */
    /* width: 340px;
    height: 260px; */
    /* top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
    font-family: "Archivo Narrow", sans-serif;
}

.btnStep {
    position: absolute;
    box-sizing: border-box;
    bottom: 0;
    padding: 6px 18px;
    border-radius: 20px;
    cursor: pointer;
    border: none;
    outline: none;
    font-size: 12px;
    letter-spacing: 2px;
    transform: translateY(50%);
    transition: all 0.1s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.btnStep.nextStep {
    right: 15px;
    background: #123346;
    color: white;
}
.numberInput::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.iconPencil{
    position: absolute;
    right: 0;
}
.disBlok{
    display: block;
}
.disNone{
    height: 0px;
    pointer-events:  none;
    opacity: 0;
}
.iconPlusCompany:hover{
    cursor: pointer;
}
.btnStep.prevStep {
    right: 105px;
    background: whitesmoke;
    color: #123346;
}

.blockStep {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    padding: 15px;
    background: white;
    border-radius: 2px;
    box-shadow: 0 5px 10px #123346;
    transition: all 0.3s ease-in-out;
}

.blockStep.emptyStep {
    z-index: 99;
    opacity: 0;
    transform: scale(0.6) translateX(130%);
}

.blockStep.filledStep {
    z-index: 98;
    opacity: 0;
    transform: scale(0) translateX(0);
}

.blockStep.currentStep {
    z-index: 100;
    opacity: 1;
    transform: scale(1) translateX(0);
    transition-delay: 0.1s;
}

.selectTime>div>span{
    height: 25px !important;
}
.taeb-switchBill {
    position: relative;
    display: flex;
}
.taeb-switchBill:after {
    content: "";
    position: absolute;
    width: 50%;
    top: 0;
    transition: left 200ms;
    background-color: #123346;
    height: 100%;
    border-radius: 8px;
    z-index: 0;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.06);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.06);
}
.taeb-switchBill.leftSwitchBill:after {
    left: 0;
}
.taeb-switchBill.rightSwitchBill:after {
    left: 50%;
}
.taeb-switchBill .taebBill {
    display: inline-block;
    width: 50%;
    z-index: 1;
    position: relative;
    cursor: pointer;
    transition: color 200ms;
    font-size:10px;
}
.taeb-switchBill .taebBill.activeSwitchBill {
    color: white;
}
.taeb-switchBill .taebBill.activeSwitchExpense {
    color: white;
}

.taeb-switchDisAcc {
    position: relative;
    display: flex;
    border: 1px solid #bfc7cc;
    border-radius: 10px;
}
.taeb-switchDisAcc.disableSwitcher {border: none;}
.taeb-switchDisAcc:after {
    content: "";
    position: absolute;
    width: 50%;
    top: 0;
    transition: left 200ms;
    height: 100%;
    border-radius: 8px;
    z-index: 0;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.06);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.06);
}
.taeb-switchDisAcc.leftSwitchDisAcc:after {
    left: 0;
    background-color: #6bd46b;
}
.taeb-switchDisAcc.rightSwitchDisAcc:after {
    left: 50%;
    background-color: #c3ccd2;
}
.taeb-switchDisAcc .taebDisAccLeft {
    display: inline-block;
    width: 50%;
    z-index: 1;
    color: #3e8f3e;
    position: relative;
    cursor: pointer;
    transition: color 200ms;
    font-size:10px;
}
.taeb-switchDisAcc .taebDisAccRight {
    display: inline-block;
    width: 50%;
    color: #667b88;
    z-index: 1;
    position: relative;
    cursor: pointer;
    transition: color 200ms;
    font-size:10px;
}
.taeb-switchDisAcc .taebDisAccLeft.activeSwitchDisAcc,.taebDisAccRight.activeSwitchDisAcc {
    color: white;
}
.taeb-switchBillDraft {
    position: relative;
    display: flex;
}
.taeb-switchBillDraft:after {
    content: "";
    position: absolute;
    width: 50%;
    top: 0;
    transition: left 200ms;
    height: 100%;
    border-radius: 8px;
    z-index: 0;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.06);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.06);
}
.taeb-switchBillDraft.leftSwitchBillDraft:after {
    left: 0;
    background-color: #3e8f3e;
}
.taeb-switchBillDraft.rightSwitchBillDraft:after {
    left: 50%;
    background-color: orange;
}
.taeb-switchBillDraft .taebBillDraftLeft {
    display: inline-block;
    width: 50%;
    z-index: 1;
    color: #3e8f3e;
    position: relative;
    cursor: pointer;
    transition: color 200ms;
    font-size:10px;
}
.taeb-switchBillDraft .taebBillDraftRight {
    display: inline-block;
    width: 50%;
    color: orange;
    z-index: 1;
    position: relative;
    cursor: pointer;
    transition: color 200ms;
    font-size:10px;
}
.taeb-switchBillDraft .taebBillDraftLeft.activeSwitchBillDraft,.taebBillDraftRight.activeSwitchBillDraft  {
    color: white;
}

.glyphCard:hover{
    cursor: pointer;
}
.taeb-switchDisAcc.leftSwitchDisAcc.disableSwitcher .taebDisAccLeft{
    cursor: no-drop;
}
.taeb-switchDisAcc.leftSwitchDisAcc.disableSwitcher .taebDisAccRight{
    cursor: no-drop;
}

.chinaStripe{
    width: 390px;
    border-radius: 10px;
    background-color: white;

}
.wrapperSwitchBill {
    background-color: white;
    border-radius: 10px;
    color: #123346;
    width: 100%;
    max-width: 140px;
}
.wrapperSwitchBillDraft {
    background-color: white;
    border-radius: 10px;
    color: #123346;
    width: 100%;
    max-width: 140px;
}
.wrapPrecent {
    --pos: calc((var(--val) - var(--min))*20em/(var(--max) - var(--min)));
    display: flex;
    flex-direction: column-reverse;
    position: relative;
    margin: 1em auto;
    width: calc(20em + 1em);
    font: 1.5em trebuchet ms, tahoma, sans-serif;
}

#wrapPrecent[type='range'] {
    border: solid 0 transparent;
    padding: .25em 0;
    width: inherit;
    height: 1.5em;
    background: transparent;
    cursor: pointer;
}
#wrapPrecent[type='range']::-webkit-slider-runnable-track, #wrapPrecent[type='range']::-webkit-slider-thumb, #wrapPrecent[type='range'] {
    -webkit-appearance: none;
}
#wrapPrecent[type='range']::-webkit-slider-runnable-track {
    border: none;
    width: 100%;
    height: 0.25em;
    border-radius: 0.125em;
    background: #ccc;
    /* background: radial-gradient(circle, #8fbad7 0.125em, transparent 0) calc(0.5em - .5*calc(20em/(var(--max) - var(--min)))) 50%/0 0, radial-gradient(circle at calc(var(--pos) + 0.5em) 50%, transparent 0.5em, #ccc 0); */
    color: transparent;
    transition: background-size 0.3s;
}
#wrapPrecent[type='range']::-moz-range-track {
    border: none;
    width: 100%;
    height: 0.25em;
    border-radius: 0.125em;
    background: #ccc;
    /* background: radial-gradient(circle, #8fbad7 0.125em, transparent 0) calc(0.5em - .5*calc(20em/(var(--max) - var(--min)))) 50%/0 0, radial-gradient(circle at calc(var(--pos) + 0.5em) 50%, transparent 0.5em, #ccc 0); */
    color: transparent;
    transition: background-size 0.3s;
}
#wrapPrecent[type='range']::-ms-track {
    border: none;
    width: 100%;
    height: 0.25em;
    border-radius: 0.125em;
    background: #ccc;
    /* background: radial-gradient(circle, #8fbad7 0.125em, transparent 0) calc(0.5em - .5*calc(20em/(var(--max) - var(--min)))) 50%/0 0, radial-gradient(circle at calc(var(--pos) + 0.5em) 50%, transparent 0.5em, #ccc 0); */
    color: transparent;
    transition: background-size 0.3s;
}
#wrapPrecent[type='range']::-webkit-slider-thumb {
    margin-top: -0.375em;
    box-sizing: border-box;
    border: none;
    padding: 0.1875em;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    background: #ccc content-box;
    transition: 0.3s;
}
#wrapPrecent[type='range']::-moz-range-thumb {
    box-sizing: border-box;
    border: none;
    padding: 0.1875em;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    background: #ccc content-box;
    transition: 0.3s;
}
.modal_blockStripe{
    width: 100%;
    background-color: #e8e9eb;
    border-radius: 6px;
}
.stripeModalCustm .modal-dialog {
    top: 15%;
}
.stripe .fa-times-circle{
    color:#c6c7c9;
    cursor:pointer;
}
.modal_blockStripe{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.modal-headerStripe{
    width:100%;
    background-color:#e8e9eb;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    position: relative;
}
.circleStripe{
    position: absolute;
    width:100px;
    height:100px;
    border: 5px solid white;
    border-radius: 100%;
    background-color: white;
    background-size: cover;
    left:0;
    right:0;
    margin:auto;
    top: -53px;
    box-shadow: 1px 2px 10px 1px hsla(0, 1%, 14%, 0.42);
}

.stripeModalCustm{
    padding-top: 90px;
    border-radius: 10px;
}
.stripe p.errorAmount {
    margin-top: -14px;
}
.stripeCard{
    color: #569b29;
    position: absolute;
    right: -20px;
    top: 6px;
    font-size: 15px;
    top: 5px;
}
.stripeCard:hover{
    cursor: pointer;
}
/* Ripple effect */
.rippleCopy {
    background-position: center;
    transition: background 0.8s;
}
.rippleCopy:hover {
    background:#979594 radial-gradient(circle, transparent 1%, #979594 1%) center/15000%;
}
.rippleCopy:active {
    background-color: #c9c7c7;
    background-size: 100%;
    transition: background 0s;
}

.modal-header-textStripe{
    padding-top: 50px;
    width: 100%;
    text-align: center;
    font-size:13px;
    color:#5b5b65;
    font-weight: 500;
}
.money_requestStripe{
    margin-bottom:5px;
    font-size:20px;
    font-weight:700;
}
.modal-bodyStripe{
    width: 100%;
    height:67%;
    border-radius: 6px;
    background-color: #f5f5f7;
    display:flex;
    flex-direction: column;
    align-items: center;
    border-top:1px solid #d3d3d4;
}
.first-inputStripe{
    width: 80%;
    height: 30px;
    /* border: 1px solid hsla(240,1%,49%,.25); */
    background: white;
    position: relative;
    margin: 10px 0 10px;
    /*    box-shadow: inset 0 1px 1px 0 hsla(240,1%,49%,.3), 0 1px 0 0 hsla(0,0%,100%,.7); */
    border-radius: 6px;
}
.customDropdaownMail{
    position: absolute;
    bottom: -45px;
    width: 100%;
    background: white;
    padding: 0 10px;
}
.caretDownSpan{
    width: 20px;
    text-align: center;
    font-size: 16px;
}
.caretDownSpan:hover{
    cursor: pointer;
}
.customDropdaownOption:hover{
    cursor: pointer;
    background-color: #0d3d57;
    color: white;
}
.second-inputStripe{
    margin:10px 0 0 0;
    width:80%;
    background: white;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    border-radius: 6px;
}
.envelopeStripe, .symbolStripe{
    margin: 3px;
    color:#569b29;
    font-size:15px;
}
.modal-body-inputStripe{
    width:80%;
    height:28px;
    outline:none;
    border:none;
    font-size:13px;
    border-radius:6px;
}
.modal-send-buttonStripe {
    width: 70%;
    padding: 2%;
    border: 1px solid #52aadf;
    background-color: #3ea8e5;
    border-radius: 4px;
    outline: none;
    margin: 10% 0 5%;
    background-image: linear-gradient(-180deg,#44b1e8,#3098de);
    box-shadow: 0 1px 0 0 rgba(46,86,153,.15), inset 0 1px 0 0 rgba(46,86,153,.1), inset 0 -1px 0 0 rgba(46,86,153,.4);
    font-size: 17px;
    line-height: 21px;
    height: 37px;
    font-weight: 700;
    text-shadow: 0 -1px 0 rgba(0,0,0,.12);
    color: #fff;
    cursor: pointer;
    transition: all .2s ease-in-out;
}
.modal-footStripe{
    color:#aeaeae;
    font-size:12px;
}
.modal-close-iconStripe{
    width:100%;
}
.closeStripe{
    float:right;
    padding:5%;
    color:#aeaeae;
}
#wrapPrecent[type='range']::-ms-thumb {
    margin-top: 0;
    box-sizing: border-box;
    border: none;
    padding: 0.1875em;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    background: #ccc content-box;
    transition: 0.3s;
}
#wrapPrecent[type='range']::-ms-fill-lower, #wrapPrecent[type='range']::-ms-fill-upper {
    background: transparent;
}
#wrapPrecent[type='range']::-ms-tooltip {
    display: none;
}
#wrapPrecent[type='range']:focus {
    outline: none;
}
#wrapPrecent[type='range']:focus::-webkit-slider-runnable-track {
    background-size: calc(20em/(var(--max) - var(--min))) 100%, 100%;
}
#wrapPrecent[type='range']:focus::-moz-range-track {
    background-size: calc(20em/(var(--max) - var(--min))) 100%, 100%;
}
#wrapPrecent[type='range']:focus::-ms-track {
    background-size: calc(20em/(var(--max) - var(--min))) 100%, 100%;
}
#wrapPrecent[type='range']:focus::-webkit-slider-thumb {
    padding: 0;
    background: #0db9f0;
}
#wrapPrecent[type='range']:focus::-moz-range-thumb {
    padding: 0;
    background: #0db9f0;
}
#wrapPrecent[type='range']::-webkit-slider-thumb {
    padding: 0;
    background: #0db9f0;
}
#wrapPrecent[type='range']:focus::-ms-thumb {
    padding: 0;
    background: #0db9f0;
}
.mobiNavbarView{
    margin: 10px 0 0 0 !important;
    height: 100%;
}
.wrapPrecentAfter{
    content: '30%';
    position: absolute;
    right: -2em;
}
.wrapPrecentBefore{
    position: absolute;
    left: -1.2em;
}
.menuiconCust, ul.new-ul-app li i.fa{
    font-size: 17px;
    margin-bottom: -2px;
    color:#778C96;
    min-width: 25px;
    text-align: center;
}
.plus-new-app ul.ptuchok .fa{color:#89a8c4;font-size: 22px;margin-right: 7px !important;text-align: center;width: 30px;}
.plus-new-app ul.ptuchok ng-transclude {margin-left: 9px;}
.wrapperSwitchBill.mobile{
    display: none;
}
.choosenCompanySpan{
    display: inline;
}
@media (max-width: 978px) {
    .container {padding: 0; margin: 0;}
    .TopRight .fullName {display: none;}
    #seting:hover{
        animation: none;
    }
    .wrapperSwitchBill{
        display: none;
    }
    .wrapperSwitchBill.mobile{
        display: block;
    }
    .TimerTitle .btn{
        padding: 0px 3px;
        font-size: 12px;
        margin-top: -4px;
        background-color: #ddd;
    }
    .choosenCompany{
        width: 50% !important;
        white-space: nowrap;
    }
    .choosenCompanySpan{
        background: linear-gradient(to right, #c4d0d9, transparent 109px);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .choosenCompanyCaret{
        position: absolute;
        left: 60%;
        top: 7px;

    }
    .TopRight .navbarTimer{
        width: 104px;
    }



}
.jumbotron {background-color: transparent;  }

@media (min-width: 376px) {
    .row-matter .matterTasks.mobile{display:none;}
}
/*screen-xs*/
@media (max-width: 375px) {

    section#contentContainer {padding-left: 0 !important;}
    .frontpage .jumbotron h1 {letter-spacing: 2px;}
    h4, .h4, h5, .h5, h6, .h6 {margin: 7px 0 2px 0;}
    hr {margin: 4px 0 2px 0;}
    .input-group-lg > .form-control {padding: 0 4px !important;font-size: 15px;}
    #s {background-color: transparent !important;}
    #s.showSerch { background-color: #fff !important;}
    .TopRight .navbarTimer {width: 92px;margin-right: 0 !important;}
    .TopRight .navbarTimer .TimerTitle {width: 156px;left: 0 !important;}
    .TopRight .TimerTitle .timertime {
        width: 77px !important;
        display: block;
        padding: 10px 0 0;
        margin-left: 0 !important;
        font-family: Helvetica, "Open Sans", Arial, sans-serif;
        font-size: 13px !important;
        font-weight: normal !important;
        text-align: right;
    }
    .TopRight .navbarTimer .TextORglyphicon{display: none !important;}
    .TopRight .TimerTitle .btn-danger{margin-left: -2px !important;padding:3px 9px;}
    .TopRight .navbarTimer .glyphiconORText{display: inherit !important;}
    .navbarBell{margin:0 5px 0 -3px !important;}
    .TopRight li.glyphicon {margin-left: 3px;}
    .navbarUser b.caret {display: none;}
    .navbar-nav .open .dropdown-menu {position: absolute;}
    .TopRight .timerpop {width: 315px; margin-left: -70% !important;}
    .tab-content {padding: 6px 0 !important;}
    .mattersList .alert-warning {margin-top: 40px;}
    .login-form-bg {top: 30px; background-color: #123346 !important;width: 100%;height: 100%; margin-left: 0;padding: 30px;position: absolute;
        border: 0 !important; border-radius: 0 !important; color:#fff;}
    .login-form-bg h3{color:#fff;font-size: 50px;  margin-bottom: 25px !important; text-shadow: 1px 2px 7px #c7dbe7;}
    .login-form-bg a {color:#9abcd0;}
    .login-form-bg .fa-envelope-o, .login-form-bg .glyphicon-asterisk {color: #a4b5bf;}
    .login-form-bg .btn-success { background-color: #749aaf;border-color: #38596c;width: 50%; display: initial; height: 40px; margin-bottom: 25px;}
    .login-form-bg .btn-success:active:focus {background-color: #396f84; border-color: #254b56;}
    .StickyMatter{width:100%;}
    .StickyMatter .open ul.dropdown-menu.mobile-filters-pop {margin-top: -10px; min-width: max-content; margin-left: -20px; min-height: 50px;}
    .StickyMatter .wrench-filters .mobile-filters-pop li{padding: 20px 3px;display: inline-block; white-space:nowrap; font-size: 12px;}
    .StickyMatter i.fa-wrench{font-size: 16px; padding: 3px;}
    .row-matter {margin:-1px 0 1px 0 !important;padding: 0 1px !important;border: none !important;border-bottom: 1px solid #ccc !important;}
    .row-matter .matterUsers .btn {padding: 0 !important;}
    .row-matter .matterCreated {margin-left: 11px !important;}
    .row-matter .matterCreated label{display:none;}
    .row-matter .matterCreated .openedOn{min-width:1px !important;}
    .row-matter .matterTasks.mobile .progress{height:3px;max-width: 100%;width:100%;}
    .row-matter .matterTasks.desktop .progress{background: transparent;box-shadow: none;}
    .row-matter .nbsp {  display: none;  }
    .row-matter .cImportantDates-Date{white-space: nowrap;}
    .row-matter .fa.fa-calendar { font-size: 8px;}
    .row-matter .matterTasks.desktop .progress-bar-success{background: transparent;text-align: left;box-shadow: none;}
    .mattersList .row-matter .matterTasks .matterProgress .progress-bar-success {font-size: 11px; line-height:9px;}
    .mattersList .matterAddNewNotes {top: 3px; left: -270px; }
    .fc button {height: 1.6em;padding: 0 .5em;}
    .fc .fc-toolbar>*>* {margin-left: .5em;}
    .fc-listYear-view .fc-scroller {height: 100% !important; }
    .fc-listYear-view .fc-list-item-time { white-space: pre-wrap; }
    .fc-listYear-view .fc-list-table td {padding: 5px 4px;}
    .fc-listYear-view .fc-list-item-title a {font-size: 1.1em;}
    .dayBox {width: 100%;white-space: nowrap; overflow-x: scroll; overflow-y: hidden; }
    .dayItem { display: inline-block; text-align: center; flex: 1; padding: 15px; border: 1px solid #cccc; border-radius: 10px; margin-left: 4px; }
    .CalendarMobileView{ top: 42px; }
    .CalendarMobileView .today{color: #f97070;font-size: 13px;}
    label.matterStatus {font-size: 8px;margin-bottom: 1px;font-weight: normal;text-align: left !important;}
    .wipLedgerAccount, .cAccounts, .vTransactions .cDate {font-size: 7px !important;}
    .wipAccountT {font-size: 8px;}
    .MatterBalance {font-size: 8px;}
    label.matterStatus {font-size: 8px;margin-bottom: 1px;font-weight: normal;text-align: left !important;}
    .wipLedgerAccount, .cAccounts, .vTransactions .cDate {font-size: 7px !important;}
    .wipAccountT {font-size: 8px;}
    .accounts-and-billing .wipLedgerAccountValueBalance {text-indent: 0.1em !important;}
    .Matterbills .overdue {font-size: 10px; white-space: nowrap;}
    .Matterbill .Due {width: auto;}
    .JournalentriesLabelDate, .JournalentriesLabelDescr, .JournalentriesLabelAmount, .wipLedgerAccountLabel {font-weight: normal;}
    .modal-dialog{width: 100% !important;margin: 5px auto !important;}
    .cInvoicePopap .cCompanyName h3 {font-size: 17px;}
    .cInvoicePopap { padding: 0 0;}
    .lblTimeActivity{font-weight: 100;}
    .onRessizeDiv{display:none;}
    .TaskCard .DueDate {white-space: nowrap;}
    .fc button { font-size: 1.4em;}
    .dropup ul li a{color:#778C96 !important;padding:6px 20px;}
    .cReportTab .myTabSet .myTabSetLeftCol .btn label {margin: 5px 0 0 0;font-weight: initial;font-size: 11px;display: contents;white-space: normal;}
    .cReportTab .col-sm-2.col-xs-8.cMatterName {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
    .cReportTab .myTabSet .myTabSetLeftCol .btn label{margin-top: 7px; margin-left: 0; font-weight: normal; font-size: 11px;white-space: break-spaces;}
    h1, .h1 {font-size: 25px;}
    input.date-picker {font-weight: 200; width: initial; font-size: 12px;}
    .accountHeader .accountCode {margin-left: 0;}
    .cCreateInvoice.btn {margin: 8px 10px 3px 0;}
    .dateCreated{width:auto;}
    .Matterbills .lblMatterbill .Net, .Matterbills .lblMatterbill .VAT, .Matterbill .netAmount, .Matterbill .vatAmount{visibility:hidden;}
    .Matterbill .clientName, .Matterbill .expDescr { white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
    .modal-body {padding:10px; }

}

@media (min-width: 376px) and (max-width: 768px) {
    .frontpage .jumbotron h1 {letter-spacing: 2px;}
    .TopRight .TimerTitle { position:relative; right:2px;}
    .TopRight .timertime {width: 65px !important; margin-left: 0 !important; font-size: 13px !important;}
    .TopRight .navbarTimer .TextORglyphicon{display: none !important;}
    .TopRight .TimerTitle .btn-danger{right: -40px !important; padding:3px 9px;}
    .TopRight .navbarTimer .glyphiconORText{display: inherit !important;}
    .fc button {height: 1.6em;padding: 0 .5em;}
    .changeRefOntask{ width: 40%;}
    .fc .fc-toolbar>*>* {margin-left: .5em;}
    .accounts-and-billing .wipLedgerAccountValueBalance {text-indent: 0.6em !important;}
    .JournalentriesLabelDate, .JournalentriesLabelDescr, .JournalentriesLabelAmount, .wipLedgerAccountLabel {font-weight: normal !important;}
    .cReportTab .myTabSet .myTabSetLeftCol .btn label{margin-top: 7px; margin-left: 0; font-weight: normal; font-size: 11px;white-space: break-spaces;}
}
.accountCreation input#iAccountTaxVal {max-width: 44px;}
.accountCreation select#itaxDebitOrCredit {max-width: 60px;}
.accountCreation .ui-select-container {max-width: 134px;display: flow-root;}
.curencyOpen{display: none;}
.mobileViewDiv{display: none;}
.active.match-button-reconcilied{
    background-color: #f1f9ee;
    padding-top: 0;
}
.reconcilied{
    background-color: #f1f9ee;
    padding-top: 0;
}
.tab-create{
    background-color: #e7f5f5;
}
.checkboxUnbilable{
    position: relative;
    width: 75px;
    height: 20px;
    visibility: hidden;
    cursor: pointer;
}
.checkboxUnbilable:before {
    visibility: visible;
    position: absolute;
    display: block;
    width: 100%;
    height: 20px;
    padding-top: 2px;
    font-size: 12px;
    top: 0;
    border-radius: 10px;
    border: solid 1px #ddd;
    transition: all .5s;
    background:#fbfbfb;
    content: 'UnBillable';
    padding-left: 20px;
    color:#b1b1b1;

}

.checkboxUnbilable:after {
    visibility: visible;
    top: 0;
    display: block;
    content: '\00A3';
    width: 20px;
    color: #b1b1b1;
    height: 20px;
    font-size: 14px;
    text-align: center;
    background: #fff;
    position: absolute;
    border-radius: 50%;
    border: solid 1px #ddd;
    transition: all .5s;
    left: 0;
}

.checkboxUnbilable:checked:after {
    left:100%;
    color: #22d322;
    content: '\00A3';
    margin-left:-20px;
}

.checkboxUnbilable:checked:before {
    background: #2ecc71;
    content: 'Billable';
    padding-left: 9px;
    color: #fff;
}
.slachForBillable{
    position: absolute;
    top: 13px;
    transform: rotate(45deg);
    width: 15px;
    height: 2px;
    background-color: #bbb;
    opacity: 0.7 !important;
    left: 1%;
    transition: left .5s;
}
.slachForBillable.slachForBillableMove{
    display: none;
}
@media (max-width: 1024px){
    #s{
        background-color: rgba(18,51,70,.375);
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAYAAABvVQZ0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQBJREFUeNqslI0RgyAMhdENWIEVWMEVXIGO0BW6Ah2hHcGOoCPYEewINFzBe9IA9id37w4kfEZesHHOCSYUqSPJML+RJlELDwN1pMHxMZNMkr8RTgyz2YPH5LmtwXpIHkOFmKhIlxowDmYAycKnHAHYcTCsSpXOJCie6YWDnXKLGeHLN2stGaqDsXXrX3GFcYcLrfhjtKEhffQ792gYT2nT6pJDjCw4z7ZGdGipOIqNbXIwFUARmCbKpMfYxsWJBmCEDoW7+gYUTAU2s3HJrK3AJvMLkqGHFLgWXTckm+SfSQexs+tLRqwVfgvjgMsvMAT689S5M/sk/I14kO5PAQYAuk6L1q+EdHMAAAAASUVORK5CYII=);
        background-repeat: no-repeat;
        width: 200px;
    }
    .nav.navbar-nav .multitapleSearch{
        width: 100vw;
    }
    .timerPay{
        display: block;
    }
    .timerChange{
        position: absolute;
        top: 42px;
        width: 100%;
        margin-left: 0;
        background-color: #DDE3E8;
    }
    .nav.navbar-nav.top_search{
        position: absolute;
        left: 92px;
        z-index: 10000;
        margin-left: 0;
    }
    .mobileViewDiv{
        display: block;
        width: 100%;
        height: 75px;
    }
    .matterNameMpbile{
        position: relative;
        white-space: nowrap;
        width: 305px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .casetaskMobile{
        font-size: 8px;
    }
    .matterNameMpbile::before{
        background-image: linear-gradient(to right, transparent 40%, white);
        width: 100%;
        position: absolute;
        content: "";
        height: 100%;
        right: -100px;
        top: 0;
    }
    .dropdownCompanies{
        min-width: 103px;
        z-index: 10000;
    }
    .checkbox.MyMattersCheckBox.createdMob{
        margin-top: 0;
    }
    .curencyNone{
        display: none;
    }
    .curencyOpen{
        display: block;
    }
    .userCaret{
        display: none;
    }
}
@media (max-width: 767px) {
    section.createExpense label{margin-bottom: 6px;}
    .navbar-collapse ul.navbar-nav {background-color:#0d3d57;}
    .navbar-collapse ul.navbar-nav li a {padding: 15px 0px;margin-top:0;}
    span.label.settingsNav{display:none;}
    .new-navbar-app li.accounts.dropdown {margin-left: 3px !important;margin-right: -10px !important;}
}
@media (max-width: 768px) {
    h4, .h4{font-size: 11px;}
    .nav.navbar-nav.top_search.lefter{left: 0;}
    .cInvoicePopap {padding: 0 5px;}
    .cInvoicePopap .modal-body{padding: 0;}
    .valPayingByChecks input{width: 280px;}
    .login-form-bg {margin-top: 1px !important;}
    .login-form-bg h3 {margin-top: -10px; margin-bottom: -5px;}
    .fc-toolbar .fc-center {display: none;}
    .modal-dialog {width: 100%;margin: 3px auto 0;}
    .navbar-nav {margin: 0 0;}
    .navbar-nav.mobi {margin-top: 40px;}
    .choosenCompany{width: 180px;}
    #bar{width: 38px;}
    /* .navbar-collapse ul.navbar-nav {background-color:#0d3d57;}
       .navbar-collapse ul.navbar-nav li a {padding: 15px 35px;margin-top:0;} */
    .navbar-collapse.in {overflow-y: visible;}
    .navbar-collapse {padding-right:0;}
    .navbar-collapse > ul.navbar-nav li{background-color:/*#0d3d57*/initial;}
    .navbar-toggle {float: left; margin-left: 20px; margin-top: 0px;}
    .navbar-inverse .navbar-nav.userMenu .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav.userMenu .open .dropdown-menu > li > a:focus {color: #888;}
    /* Dmitry added important to display style 21.05.18 */
    .navbar-header { /*max-width:50px;*/ display: inline !important;}
    .navbar-inverse .navbar-brand {display: none;}
    .navbarTimer { /* width: 170px; */  /* margin-right: -20px; */ margin-top: 5px; }
    .TopRight {position:absolute; right:0; top:0;}
    .TopRight .TimerSpecify {display: none;}
    .TopRight .TimerTitle {width: 115px;padding-top: 4px;}
    .navbar-nav > li > .dropdown-menu{
        margin-left: -129px;
        background-color: rgb(255, 255, 255) !important;
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175) !important;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175) !important;
        border: 1px solid rgba(0, 0, 0, .15) !important;
        border: 1px solid #ccc !important;
    }
    .mattersList .nav > li > a {padding: 7px 3px;}
    .row-matter {margin: 0 0 2px 0 !important;padding: 0 !important;}
    .tab-content {padding: 6px 1px !important;}
    .row {margin-left: 0 !important;margin-right: 0 !important;}
    .mattersList h4.caseName, .MatterList h4.caseName  {margin-bottom: 3px;margin-top: 7px;font-weight: normal;}
    .mattersList .row-matter .matterBalance label{display: normal;}
    .matterTime {/*margin-left:-4px; width:22.33%;*/}
    .matterTimeText {/*margin-left: -7px !important;*/font-size: 10px;display: inline;}
    .row-matter .matterBalance .balance {margin-right: 3px !important;font-size: 10px;}
    .mattersList .matterBalance {/*width: 18%;*/}
    .mattersList .keydates {/*width: 18%;*/}
    .mattersList .keydates h6 {margin-top: 2px;margin-bottom: 0;}
    .matterTasks {font-size: 10px;}
    .mattersList .row-matter .glyphicon-check {margin-right: -3px;font-size: 10px;}
    .mattersList label.glyphicon-time {display: none;}
    .row-matter button.glyphicon-play, .MatterPage button.glyphicon-play {padding:4px;background-color: #ddd;font-size: 10px;border-radius:3px;}
    .row-matter button.glyphicon-play{display:none;}
    .row-matter .editMatterDropdown button.glyphicon-play{display:initial;}
    .mattersList .cImportantDates-Date {margin-bottom:0;}
    .mattersList button.editMatter {/*margin-right: -3px;margin-top: -3px;*/}
    .backBtn .glyphicon-menu-left.back {position: absolute; top: 3px; left: -6px; cursor: pointer;font-size: 30px;background: initial;border: none; color: inherit;padding: initial;border-radius: initial;margin: initial;}
    .MatterPage .cMatterTotals {width:35%;}
    .MatterPage .cMatterBalance {width: 45%;}
    .MatterPage .cMatterStatus {width: 20%;}
    .MatterPage .cMatterMembers {display: none;}
    .MatterPage .MatterTotalTime {font-size: 12px !important;}
    .MatterPage .MatterSection ul {-webkit-padding-start: 2px;}
    .MatterPage .cExpandCollapse h4{display:none;}
    .MatterPage .TaskCard, .MatterPage .cMyNotificationItem {margin-right: 30px;}

    .MatterPage .accounts-and-billing {margin-bottom: 0;}
    .MatterPage .cAccountClient {width:100%; margin-left:-1px;}
    .MatterPage .cAccountOffice {width:100%; right:1px;}
    .MatterPage .transferArrow {width: 100%;margin-top:5px; text-align:center;}
    .TaskCard .DueDate {font-weight: normal;}
    .MatterPage .cAccountClient {width:100%; margin-left:-1px;}
    .MatterPage .cAccountOffice {width:100%; right:1px;}
    .MatterPage .cAccounts .glyphicon-arrow-left, .MatterPage .cAccounts .glyphicon-arrow-right { display: none;}
    .MatterPage .cAccounts .glyphicon-arrow-up, .MatterPage .cAccounts .glyphicon-arrow-down {display: inline-block !important; font-size: 20px; padding: 0 5px;}
    .wipLedgerAccountValueDate{font-size: 9px;}
    .accounts-and-billing .JournalentriesAmount, .accounts-and-billing .wipLedgerAccountValueDebitAmount, .accounts-and-billing .wipLedgerAccountValueCreditAmount, .accounts-and-billing .wipLedgerAccountValueCredit, .accounts-and-billing .wipLedgerAccountValueBalance {
        font-size: 10px;overflow-x: hidden;direction:rtl;
    }
    .accounts-and-billing .JournalentriesAmount{}
    .accounts-and-billing .wipLedgerAccountValueDebitAmount{text-indent:-1.3em;}
    .accounts-and-billing .wipLedgerAccountValueCreditAmount{text-indent:-1.3em;}
    .accounts-and-billing .wipLedgerAccountValueCredit{text-indent:-1.2em;}
    .accounts-and-billing .wipLedgerAccountValueBalance {text-indent: -1.7em;direction:ltr;}
    .wipLedgerAccountLabelDebit .wipLedgerAccountLabelDebitAmount, .wipLedgerAccountLabelCredit .wipLedgerAccountLabelCreditAmount {
        font-size: 9px;font-weight: normal;
    }
    .quickdate {font-size: 11px;}
    .transferPopup .lbl {min-width: 65px;}
    .lblBillItemAmount input {font-size: 13px;max-width: 54px;}
    .fsm-sticky-header h2.cCompanyName {font-size: 12px !important;}
    .fsm-sticky-header .row.matterSearch {margin-top: -3px;}
    .multipleOrgAffiliation .matterListMainSidebarVisable .StickyMatter.fsm-sticky-header{min-width:100% !important;}
    .multipleOrgAffiliation .matterListMainSidebarUnVisable .StickyMatter.fsm-sticky-header{min-width:100% !important;}
    .searchbar {margin-left: 40%;}
    .cTimeActivityDate{white-space: nowrap;}
    .cTimeActivityCalcPrice, .lblTimeActivityCalcPrice, .cTimeActivityPrice, .lblTimeActivityPrice, .cTransactionAmount, .cTransactionTotalPrice {
        text-align: right;
        padding-right: 2px;
        min-width: 52px;
    }
    .cReportRec h4{font-size:11px;}
    .cReportRec .fa-lock {right:-8px; top:2px;}
    .dropdown-menu > li > a {padding: 8px 20px;}
    .crm-contact-page .inline .name, .crm-contact-page .inline .title{font-size: 16px;}
    .crm-middle .fa-building-o, .crm-middle .fa-user{font-size:22px;}
    section.createExpense .ui-select-bootstrap>.ui-select-choices, section.transferPopup .ui-select-bootstrap>.ui-select-choices {width: auto;}
    angular-filemanager .container-fluid {padding-right: 10px; padding-left: 10px; margin-top: -28px;}
    angular-filemanager .navbar-form{padding:0;}
    angular-filemanager .main-navigator .breadcrumb {margin-left: 10px;}
    .MatterPage .viewMatterName{margin-top:-6px;}
    .MatterPage .rowMatterTag {margin-top: -10px; color:#aaa;}
}
/*screen-sm*/
@media (min-width: 768px) and (max-width: 992px) {
    .MatterPage .cMatterTotals {width: 15%;}
    .MatterPage .cMatterBalance {width: 35%;}
    .MatterPage .cMatterStatus {width: 10%;}
    .MatterPage .cMatterMembers {width: 40%; display: block!important;}
    .MatterPage a.cMatterPermissions {display: inline; margin-left: 45px;font-size: 18px;}
    .MatterSidebarTop.minSize .MatterMembers{display: none;}

}

/*screen-md*/
@media (min-width: 992px) and (max-width: 1200px) {

}

/*screen-lg corresponds with col-lg*/
/*@media (max-width: 1140px) {*/
/*    #s{*/
/*        width: 40px;*/
/*    }*/
/*    #s.showSerch{*/
/*        width: 200px;*/
/*    }*/
/*}*/

.new-navbar-app {
    position: fixed !important;
    width: 100% !important;
    background-color: #123346;
    height: 40px !important;
    bottom: 0;
    margin: 0 !important;
    padding: 0 !important;
}

.new-ul-app {
    display: flex;
    justify-content: space-around;
    width: 100%;
}

.plus-new-app {
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: #84a2b3;
    border: 2px double white;
    border-radius: 50%;
    margin: -34px auto 0 auto;
    left: 0;
    right: 0;
    color: white;
    display: flex !important;
    justify-content: center;
    align-items: center;
    font-size: 40px !important;
}
.plus-new-app.dropup button:focus{margin-left: 2px; margin-top: 5px;transform: rotate(135deg);}
.plus-new-app.dropup button{transition: 0.4s ease-out;}
li.activeLink.myclientstasks.link {
    margin-right: -7px;
    margin-left: -5px;
}
new-task-modal {display: inline-block;width: 100%;margin-left: -37px;padding-left: 30px;}
li.activeLink.NewMobActive a:active i.fa {
    color: #fff !important;
}
.new-navbar-app li.reports.link {
    margin: 0 -10px 0 -6px;
}
.new-navbar-app li.accounts.dropdown {
    margin-left: -3px;
    margin-right: 3px;
}
.btCloseInput{
    width: 10%;
    height: 33px;
    text-align: center;
    font-size: 33px;
    padding: 0px 0 0 0;
    margin-top: -33px;
    z-index: 999999;
    position: absolute;
    right: -222px;
}
.close{font-family: auto;}
@media (max-width: 748px){
    #s.showSerch{
        width: 99% !important;
    }
    .nav.navbar-nav.top_search{
        transition: .5s;
        z-index: 10000;
    }
    .nav.navbar-nav.top_search.showSearchul{
        width: 100%;
        left: 0;
    }
    .showSearchbtn{
        display: block;
    }
    .multitapleSearchInput{
        width: 100%;
        display: flex !important;
        align-items: center;
        padding: 0 2px 2px 2px;
        background-color: #123346 !important;
        min-height: 39px;
    }
    .btCloseInput{
        right: 5px;
    }
    .dropdown-backdrop{
        position: initial;
    }
}
.BankRec .page-header {
    height: 130px;
}
.BankRec .page-body {
    position: absolute;
    height: calc(100% - 202px);
    width: calc(100% - 130px);
    overflow-x: auto;
    overflow-y: scroll;
}
.BankRec button.fa.fa-check-circle {
    /* border-radius: 50%; */
    padding: 0;
    background-color: transparent;
    border: none;
}
/* .BankRec .rec-line{margin-bottom: 15px; position: absolute;width: 100%} */
/*
.BankRec .rec-line{margin-bottom: -5px; position: relative;}
.BankRec .rec-line.ng-enter {
    -webkit-transition: 3s;
    opacity: 0;
    transition: all linear 0.5s;
}
*/
.BankRec .rec-line.ng-enter, .BankRec .rec-line.ng-move {
    transition: all 0.5s linear;
    opacity: 0;
}

.BankRec .rec-line.ng-enter.ng-enter-active,
.BankRec .rec-line.ng-move.ng-move-active {
    opacity: 1;
}
.BankRec .rec-line.ng-leave {
    height: 89px;
    overflow: hidden;
    animation: 0.5s my_animation;
}
.BankRec .ui-select-bootstrap>.ui-select-choices, .ui-select-bootstrap>.ui-select-no-choice {min-width:400px;font-size: 11px;}
@keyframes my_animation {
    from { height: 89px; }
    to   {  height: 0; }
}
.BankRec .quickdate-button{ border:none;background-color: transparent; font-size: 11px;padding-left: 0;}
.BankRec .ui-select-bootstrap > .ui-select-match > .btn {height: 34px;}
.BankRec .select-bank input.form-control{height: 34px;}
.BankRec img.bankLogo {max-width: 32px;padding-right: 5px;}
span.ui-select-choices-row-inner img.bankLogo {margin-left: -15px;margin-right: 5px;}
.ui-select-match img.bankLogo {width:26px; margin:0;}
.BankRec .ui-select-match .acc-number, .BankRec span.ui-select-choices-row-inner .acc-number{font-size: 10px;color:#718794;margin-top: -2px;}
.ui-select-choices-row-inner .acc-category-code{color:#aaa;}
.ui-select-choices-row-inner .acc-category-divider{color:#ccc;}
.ui-select-choices-row-inner .acc-category-name{}
.BankRec .narrative.refundExpDisb .amount{font-weight: bold;}
.ui-select-bootstrap .ui-select-choices-row.active>span { /* color: #fff; */background-color: #d2e3f2;}
.BankRec .ui-select-bootstrap .ui-select-match-text span {width: initial !important;}
.BankRec .alert-warning{margin-top: -23px;padding: 5px 10px 4px;}
.BankRec .match-score{display: none;} /* Comment this to show Match Scores */
.BankRec input.edit-amount, .BankRec input.vat-input {max-width: 65px;text-align: right;}
.BankRec .transactionDate .fa-calendar{display: none;}
.BankRec .transactionDate:hover .fa-calendar{display: initial;}
.BankRec .plus-transaction-row {height: 30px;}
.BankRec button.plus-transaction {/*position: absolute;*/}
.BankRec button.plus-transaction-left {left: 0; top:-8px;}
.BankRec button.plus-transaction-right {right: 0;}
.BankRec .plus-transaction .fa-plus{color: #a0bbca;/*font-size: 18px;*/}
.BankRec .balance-on {font-weight: 200;color: #ccc;}
.BankRec .cartSeletion .reconcilied{cursor:pointer;}
.BankRec label.lbl{color:#778C96;text-align: right;}
.BankRec .find-another-match {
    background-color: #d6dfe4;
    border-radius: 20px 0 0 0;
    padding: 0 10px;
    position: absolute;
    right: 0;
    bottom: -2px;}
.BankRec .removeRealBankTr.close {
    font-family: initial;
    position: absolute;
    font-size: 30px;
    border: 1px solid #ccc;
    background-color: #e8edf0;
    border-radius: 5px;
    top: -14px;
    padding: 0px 4px 0px 4px;
    float: left;
    opacity: 0.6;
    cursor: pointer;
}
.BankRec .removeRealBankTr.close:hover{opacity: 1;}
.BankRec .rec-line-item{
    margin-bottom: 10px;
}
.BankRec .unreconciled-check .fa-check-circle{
    margin-top: 5px;
}
.link.recHistory{cursor: pointer;text-align: right; color: #538fc3;}
.link.recHistory:hover{text-decoration: underline; color: #0b58a2;}
.recHistory .glyphicon.glyphicon-transfer{color: #53c35c;font-size: 25px;}
.recHistory .transaction{border:1px solid #ccc; border-radius:5px;background-color: #fff;padding: 0 0 0 3px;}
.recHistory .fm-transaction{cursor:pointer;}
.recHistory .rec-item{
    margin-bottom: 0;
    padding: 7px 5px;
    height: 89px;
    overflow: hidden;
}
.recHistory .rec-item:hover{background-color: rgba(237, 242, 245, 0.75);}
.recHistory .rec-item .amount{font-weight: 700;text-align: right;}
.recHistory .rec-item .trNumber{color:#91989a;}
.recHistory .rec-item .trType{color: #cdd7dc;}
.recHistory .rec-item{margin-bottom: 0;padding: 7px 5px;}
.recHistory .rec-item.ng-enter, .recHistory .rec-item.ng-move {
    transition: all 0.5s linear;
    opacity: 0;
}

.recHistory .rec-item.ng-enter.ng-enter-active,
.recHistory .rec-item.ng-move.ng-move-active {
    opacity: 1;
}
.recHistory .rec-item.ng-leave {
    animation: 0.5s my_animation;
}

.dropup ul.dropdown-menu.ptuchok {
    margin-bottom: -27px;
    z-index: -1;
    padding-bottom: 35px;
}
.taskBody{
    position:absolute;
    height: calc(100% - 48px);
    overflow: hidden;
    /*    position: fixed;*/
}
.taskBody .page-header{
    height:35px;
}
.taskList{
    height: calc(100% - 37px);
    overflow: scroll;
    overflow-x: hidden;
}
section.content section.container div section {
    display: flow-root;
}
.timerpop .glyphicon-remove{
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 18px;
}
.timerpop .taskSelect .glyphicon-remove{
    position: relative;
    right: -19px;
    top: -7px;
}
.modal-content .timerpop .quickdate-button {
    font-weight: normal;
    padding: 0;
    background-color: transparent !important;
    margin-bottom: -2px;
    width: initial;
    margin-left: -6px;
    font-size: 12px;
}
.modal-content .timerpop{
    padding: 20px 15px 10px;
}
.modal-content .timerpop .lbl {
    color: #718f9f;
    font-weight: bold;
    background-color: #fff;
    margin-left: 5px;
    position: absolute;
    top: -10px;
}
.modal-content .timerpop .visStopwatchFullFromTo input.timerTimeFromTo{width:100%;}
.modal-content .timerpop .row.timerAddTime {margin-top: 20px;}
.timerpop .fa-history.reset, .timerpop .fa-clock-o {font-size: 35px;color: #bbb;margin: -12px 0 10px 0;display: block;}
.timerpop .fa-history.reset:hover, .timerpop .fa-clock-o:hover{color:#123346;cursor:pointer;}
.timerpop .journalentryName{
    width: 100%;
}
.timerpop .vatPercent{width: 30px; font-size: 9px; padding: 0;}
.inline{display: inline;}
.inline-block{display: inline-block;}
.inline-flex{display: inline-flex;}
.flow-root{display: flow-root;}
.glyphicon-remove.clearFormItem, .glyphicon.glyphicon-remove.closeMemberFinder {
    float: right;
    margin-top: -15px;
    font-size: 11px;
    margin-right: 6px;
}
.glyphicon.glyphicon-remove.closeMemberFinder {
    margin-top: -5px;
    margin-right: -1px;
}
.ReportsFilters{
    height: 44px;
    position: fixed;
    width: 100%;
    margin-top: -6px;
    z-index: 2;
}
.reportBody{
    padding: 44px 0 34px;
    /*overflow-y: scroll;*/
}
.cTotal{
    height: 34px;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 2;
    background: #DDE3E8;
}
span.CalendarDueDate {
    color: #983326;
    position: absolute;
    z-index: 2;
    top: 0;
    background: #fff;
}

input.addon.checkbox {
    float: left;
    margin: 1px 10px 0;
}
.Journal {
    height: calc(100% - 47px);
    position: fixed;
}
.Journal .page-header {
    height: 70px;
}
.Journal .page-body {
    height: calc(100% - 100px);
    overflow-y: scroll;
}
.Journal .page-footer {
    height: 30px;
}
.ChartPL {
    background-color: #fff;
    border-radius: 5px;
}

/* Switch */
.checkbox.checbox-switch {
    padding-left: 0;
}

.checkbox.checbox-switch label,
.checkbox-inline.checbox-switch {
    display: inline-block;
    position: relative;
    padding-left: 0;
}
.checkbox.checbox-switch label input,
.checkbox-inline.checbox-switch input {
    display: none;
}
.checkbox.checbox-switch label span,
.checkbox-inline.checbox-switch span {
    width: 35px;
    border-radius: 20px;
    height: 18px;
    border: 1px solid #dbdbdb;
    background-color: rgb(255, 255, 255);
    border-color: rgb(223, 223, 223);
    box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.checkbox.checbox-switch label span:before,
.checkbox-inline.checbox-switch span:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgb(255,255,255);
    content: " ";
    top: 0;
    position: relative;
    left: 0;
    transition: all 0.3s ease;
    box-shadow: 0 1px 4px rgba(0,0,0,0.4);
}
.checkbox.checbox-switch label > input:checked + span:before,
.checkbox-inline.checbox-switch > input:checked + span:before {
    left: 17px;
}

/* Switch Success */
.checkbox.checbox-switch.switch-success label > input:checked + span,
.checkbox-inline.checbox-switch.switch-success > input:checked + span {
    background-color: rgb(40, 167, 69);
    border-color: rgb(40, 167, 69);
    box-shadow: rgb(40, 167, 69) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-success label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-success > input:checked:disabled + span {
    background-color: rgb(153, 217, 168);
    border-color: rgb(153, 217, 168);
    box-shadow: rgb(153, 217, 168) 0px 0px 0px 8px inset;
}
.selectedCompany{
    background-color: #d3dee4;
}
#overlay {
    position: fixed; /* Sit on top of the page content */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 99999999; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}
.overlay-subscription {
    position: absolute;
    top: 10%;
    left: 10%;
    right: 10%;
    bottom: 10%;
    overflow-y: scroll;
    background-color: white; /* Black background with opacity */
}
.alert-info.in-trial-period{margin-top:42px;}
.alert-info {
    background-image: -webkit-linear-gradient(top, #eaf5fa 0%, #d4e5ee 100%);
    background-image: -o-linear-gradient(top, #eaf5fa 0%, #d4e5ee 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eaf5fa), to(#d4e5ee));
    background-image: linear-gradient(to bottom, #eaf5fa 0%, #d4e5ee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
    background-repeat: repeat-x;
    border-color: #9acfea;
}
.alert-info .close{font-size: 30px; color: #333333;}
.cSettings .billProgress{margin-top: -25px !important;
    margin-bottom: 0 !important;
    height: 25px !important;
    overflow: visible;}
.crm-middle .fa-user, .crm-middle .fa-building-o {
    font-size: 35px;
    color: #fff;
    background-color: #778C96;
    border-radius: 50%;
    padding: 4px 10px;
}
.crm-middle .MatterSection .fa-user, .crm-middle .MatterSection .fa-building-o {font-size: 18px;padding: 2px 5px;}
.crm-contact-page .contactRelations .fa{font-size: 16px; padding: 2px 5px; color:#fff;}
.crm-contact-page .relatedContactLinkToPage{cursor: pointer; font-size: 135%;}
.crm-contact-page .matterCard {
    background-color: #fff;
    border: 0.5px solid #ccc;
    border-radius: 10px;
    margin-bottom: 3px;
    padding: 1px 5px;
}
.crm-contact-page #invoicespage{margin-top: 20px;}
.crm-contact-page h4{margin: 1px 0 3px;}
.crm-contact-page #invoicespage .progress {height: 32px;}
.crm-contact-page #invoicespage .cCreateInvoice.btn{margin: initial;}
.crm-contact-page .crm-contact-details {margin-left: 50px;}
.crm-contact-page .lead{font-size: 11px;}
.crm-contact-page .matterCard .CaseMembers{border-radius: 50%;}
.crm-contact-page {padding: 5px 10px;}
.crm-contact-page .created{color: #a8a8a8;}
.crm-contact-page .inline .title, .crm-contact-page .inline .name{font-size: 25px;}
.noMatters, .noInvoices, .noItems {
    text-align: center;
    font-size: 15px;
    background-color: #eee;
    border-radius: 7px;
    border: 1px solid #ccc8c8;
    padding: 14px;
    color: #a4a4a4;
    margin: 0 0 5px 5px;
}
.rewards-results-labels{
    color:#778C96;
    background-color:#D5DCE2;
    border-bottom:1px solid #778C96;
}
.matterList task-new {
    min-width: 356px;
    position: absolute;
    right: 0;
    margin-top: 20px;
    background-color: #fff;
    padding: 10px;
    box-shadow: -1px 1px 10px 1px;
    z-index: 1;
}
.notify-success{margin: -15px; color: #155724;background-color: #d4edda;padding: 15px;border: 1px solid #c3e6cb;border-radius: 4px;}
.notify-info{margin: -15px;color: #31708f;background-color: #d9edf7;padding: 15px;border: 1px solid #bce8f1;border-radius: 4px;}
.notify-warning{margin: -15px;color: #856404;background-color: #fff3cd; padding: 15px; border: 1px solid#ffeeba;border-radius: 4px;}
.notify-danger, .notify-error{margin: -15px;color: #721c24;background-color: #f8d7da; padding: 15px; border: 1px solid #f5c6cb;border-radius: 4px;}

/* Lead Sources */
section.leadsources .row.as-sortable-item {border: 1px solid #ccc; padding: 6px 10px; margin-bottom: 3px; background-color: #fff;}
.sourceName{font-weight: 700;}
.ROI{
    color:#333;
    font-weight: 700;
}
.ROI.negative, .clientAcc.negative, .negative{
    color:red;
}
.ROI.positive{
    color:#1acb28;
}
.glyphicon-link.linked{color:#1acb28;}
/*
.pipelinestatus-column{
    display: inline-flex;
    width: 260px;
    flex-shrink: 0;
    overflow: hidden;
    background: rgb(245, 248, 250);
    flex-direction: column;
    border: 1px solid #DDE3E8;
}
.kanban {white-space: nowrap;}

.pipelinestatus-column .header h4{padding-left: 30px; color:#fff;}
.pipelinestatus-column .leads{padding: 3px;background-color: #ebeef1;}

.leads-column {
    height: calc(100% - 94px);
    border: 1px solid red;
    position: absolute;
    top: 94px;
    overflow-y: scroll;
    overflow-x: hidden;
    width: inherit;
    padding: 4px;
}
.pipelinestatus-column .header::after {
    !* content: " "; *!
    !* display: block; *!
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 17px solid #5c9fb8;
    position: absolute;
    !* top: 50%; *!
    !* margin-top: -50px; *!
    !* left: 100%; *!
    z-index: 2;
    top: 46px;
    padding: 0px 7px 0 20px;
    margin-left: -5px;
}
.pipelinestatus-column .header::before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 18px solid white;
    position: absolute;
    top: -23px;
    margin-top: 69px;
    margin-left: 0px;
}
*/

li.pipelinestatus-column .header .first-row {background-color:#d3e2ea; padding: 1px 8px 5px;}
li.pipelinestatus-column .header h4{display: inline;color:#123346;}
.leadsCount {
    background-color: #9cb9cb;
    padding: 3px 8px;
    border-radius: 8px;
    color: #fff;
    float: right;
    line-height: 1;
    margin-top: 0;
}
.second-row {
    margin-top: -5px;
    line-height: 1;
    background-color: #f5f7f9;
}
.leadsTotal {
    text-align: center;
    font-size: 17px;
    color: #53c35c;
    margin-top: 0;
}
.pipelinestatus-column contact-item .item{background-color: #fff;min-height: 50px;}
.pipelinestatuses-wrapper ul{padding-inline-start: 2px;}
.as-sortable-placeholder{}
.as-sortable-drag{transform: rotate(-3deg); background-color: #fff;padding-inline-start: 2px;}
.as-sortable-dragging{ border: 3px dashed #a3b0c2 !important;}
li.as-sortable-placeholder{background-color: #c6cfdc; border: 4px dashed #a3b0c2; display:block; }
.pipelinestatus-column add-contact {margin-top:-14px; float:right;}
.pipelinestatus-column add-contact .fa-user-plus{font-size: 14px; color:#89a8c4; padding: 0; margin:0;}
.pipelinestatus-column add-contact .fa-user-plus:hover{color:#123346 !important; background-color: transparent;}
.pipelinestatuses-header add-contact.btn .fa.fa-user-plus{color:#fff; font-size: 16px; background-color: transparent;}
.pipelinestatus-column .lead-card{font-size: 100%; margin: 5px 0;}
.pipelinestatus-column .contactWho .fa {padding: 2px 4px;}
.contactWho .code{color:#999;}
.contact-item .value{text-align: end; font-size: 13px; color: #778C96;}
.pipelinestatus-column .lead-card .contactType{display: none;}
.btn-text {font-family: "Lucinda Grande", Tahoma, Helvetica, arial, sans-serif;}
.lead-card .editContact{display: none;}
.lead-card:hover .editContact{display: initial; cursor: pointer;}
.pipelinestatus-column .add-contact{display: none;}
.pipelinestatus-column:hover .add-contact{display: initial; cursor: pointer;}
section.addContact select {height: 21px; margin-bottom:2px;}
section.addContact input{margin-bottom:2px;}
.BankRec .match-score pre {
    line-height: 0.5;
    margin-bottom: -6px;
}
.link-to-transaction{
    cursor: pointer;
}
.MatterListFooter {background-color: #dde6ef;font-weight: 600;color:#123346;}
.MatterListFooter .officeAcc,.MatterListFooter .clientAcc{cursor: pointer; text-align: right; font-size:9px;}
.strong, .bold{font-weight: bold;}
#clientsBalances .row.data {border-bottom: 1px solid #ccc;}
#clientsBalances .row.matters {border-top: 1px solid #eee;}
pre.viewUnbilledLegalServices, textarea#UnbilledLegalServices{
    margin-bottom: 0;
    padding: 5px 0 0 6px;
    line-height: 14px;
    font-size: 13px;
    height: 24px;
}
.invoiceLogo, .invoiceLetterhead {opacity: 0.15;}
.invoiceLogo.showLogo, .invoiceLetterhead.showCompanyName {opacity: 1;}
.col-xs-4.clientsBalanceName a{text-decoration: none; color:#123346;}
.modal-backdrop {background-color: #123346;}
.MatterPage contact-item{display: block;}
.MatterPage contact-item .contactType{display: none;}
.MatterPage .cClient .remove-contact{visibility:hidden; float:right !important; top: 0; margin: -4px -3px 0 0; right: 0; font-size:18px;}
.MatterPage .cClient:hover a.remove-contact{visibility: initial;opacity:0.7;text-decoration: none;cursor:pointer;}
.MatterPage .cClient:hover a.remove-contact:hover{opacity:1;}

.invoiceLogo .glyphicon-trash{vertical-align: bottom;margin-left: -18px;padding: 3px;background-color: #dfe7ec;color: #98afbd;}
.invoiceLogo .glyphicon-trash:hover{color:#123346;}

/* MASS BILLING */
.mass-billing .invoiceHeader{margin-bottom: 30px;}
.mass-billing .lblTimeActivity {display: flex;align-items: center;}
.invoice-item {
    border: 1px solid #e5e8ea;
    margin-bottom: 10px;
    background-color: #fff;
    border-radius: 5px;
    padding: 5px;
    box-shadow: 0 2px 5px 2px rgb(0 0 0 / 6%);
}
.mass-billing .quickdate-button{padding: 0 6px; border: none;font-size: 12px;}
.mass-billing .billDescr, .mass-billing .billDescr input {width: 100%;color: #778c96;}
.mass-billing .row.WIP, .mass-billing .row.disbursements{opacity:0.7;}
.mass-billing .taeb-switchBill {box-shadow: 0 2px 4px 3px rgb(0 0 0 / 6%);/*border: 1px solid green;*/border-radius: 8px;margin: 0 auto;}
.mass-billing .taeb-switchBill.ApprovedOrDraft{max-width: 110px;color:#778C96;}
.mass-billing .taeb-switchBill.ApprovedOrDraft.leftSwitchBill{border: 1px solid limegreen;}
.mass-billing .taeb-switchBill.ApprovedOrDraft.rightSwitchBill{border: 1px solid lightsalmon;}
.mass-billing .taeb-switchBill.ApprovedOrDraft.leftSwitchBill:after{background-color: #76cb76;}
.mass-billing .taeb-switchBill.ApprovedOrDraft.rightSwitchBill:after{background-color: lightsalmon;}

.mass-billing .taeb-switchBill.dueDateOnOff{max-width: 60px;}
.mass-billing .taeb-switchBill.dueDateOnOff.leftSwitchBill{border: 1px solid #ccc;color:#878787;background-color: #eee; margin: 0 auto;}
.mass-billing .taeb-switchBill.dueDateOnOff.rightSwitchBill{border: 1px solid limegreen;}
.mass-billing .taeb-switchBill.dueDateOnOff.leftSwitchBill:after{background-color: #d9d9d9;border:1px solid #4a4a4a;}
.mass-billing .taeb-switchBill.dueDateOnOff.rightSwitchBill:after{background-color: #76cb76;}
.mass-billing .dueDateOnOff .quickdate{display: block;text-align: center;}
.mass-billing .matterClientAccLabel{color:#778C96;}
.mass-billing .matterClientAccBalance{color:green;text-align: right;padding-right: 10px;}
.mass-billing .matterClientAccBalance.negative{color:orangered;}
.mass-billing .invoiceTotals .VAT{color:#aaa;}
.mass-billing .invoice-item .unselected {opacity: 0.3;}
.mass-billing .invoice-item .unselected input.selectInvoice{opacity: 1;}
.mass-billing .invoice-item input.selectInvoice{position: absolute;z-index: 1;margin-left: -3px;}
.mass-billing .page-header{}
.mass-billing .page-body{padding-bottom: 45px;}
.mass-billing .page-footer{
    position: fixed;
    width: calc(100% - 128px);
    background: #e6edf1;
    min-height: 40px;
    bottom: 0;
    z-index: 1;
    margin-left: -12px;
    box-shadow: 0px -3px 5px 2px rgb(41 82 106 / 30%);
}
.mass-billing .page-footer .row.mass-billing-totals{margin:0 10px 0 -10px; padding-right:10px;}
/*.selectMatterClient{width: 100px;}*/
.mass-billing .alert {padding: 5px 15px;margin-bottom: 5px;}
.mass-billing .BillTo{padding-left: 50px; display: inline-flex;}
.mass-billing .BillTo .lbl{color:#778c96; vertical-align: top; font-weight: normal;}
.mass-billing .ui-select-bootstrap > .ui-select-match > .btn {height: 20px;font-size: 12px; border-color: #eee;}
.mass-billing .ui-select-bootstrap .ui-select-toggle>.caret {right: 3px;}
.mass-billing input[type="radio"], .mass-billing  input[type="checkbox"] {margin-top: 0;vertical-align: bottom;}
.mass-billing .row.emailTo input{    border: 0.5px solid #ccc;color: #778c96;}
.mass-billing .sticky-header{
    background-color: #f5f7f9;
}
.mass-billing .fsm-sticky-header{
    padding-left: 10px;
    width: calc(100% - 154px) !important;
}
.mass-billing .inputTotals input.total{font-weight: bold;}
.mass-billing .matterClientAccLabel input {margin-left: 20px;}
.optionCreateNew{background-color: #e5fbe5;color: #76c676;text-align: center;border-top:1px solid #76c676;}
/* VAT MTD */
.leftSwitchmtdLiveOrSandbox:after {
    left: 0;
    background-color: #3e8f3e;
}
.rightSwitchmtdLiveOrSandbox:after {
    left: 50%;
    background-color: orange;
}
.activeSwitchmtdLiveOrSandbox {
    color: #36383F;
}
.MTD-VAT{padding:10px 15px;}
.MTD-VAT .VAT.page-header .row.VATreturn-BottomStripe {
    text-align: center;
    font-size: 25px;
    background-color: #fff;
    padding: 30px 20px;
    border-radius: 10px;
    border: 0.5px solid #ccc;
    margin-bottom: 20px;
}
.MTD-VAT .LiveOrSandboxSwitcher {
    max-width: 200px;
    position: absolute;
    right: 0;
    min-width: 170px;
    top:50px;
}
.MTD-VAT .taeb-switchBill.LiveOrSandbox {
    max-width: 200px;
    border: 1px solid #ccc;
    border-radius: 10px;
    background-color: #fff;
    color: #aaa;
}
.MTD-VAT button.resetVATperiods {position: absolute; top: 70px; right: 5px;}
.MTD-VAT .subsection{margin-bottom: 40px;}
.MTD-VAT .noInfo {
    text-align: center;
    background-color: #eee;
    border: 2px solid #ddd;
    font-size: 14px;
    padding: 10px;
    margin: 10px 30px;
    font-weight: bold;
}
.MTD-VAT .row.item {
    background-color: #fff;
    padding: 5px;
    margin-bottom: 5px;
    border: 0.5px solid #ddd;
    box-shadow: 0 1px 5px 1px rgb(0 0 0 / 6%);
}
.modal-header input.expense-name {
    width: 100%;
    margin-top: 15px;
}
.col-white-space-initial {
    white-space: initial;
}
.VATreturn-BottomStripe a{cursor: pointer;margin-left: 20px;}
.MTD-VAT .expandall, .MTD-VAT .cExpandCollapse{cursor: pointer;color:#778c96;}
.accounts-import-balances{
    height: 100%;
}
.accounts-import-balances .page-header{
    height: 65px;
    position: fixed;
    background-color: #e7edf3;
    width: calc(100% - 130px);
    display: block;
    z-index: 1;
    margin-top: -10px;
    padding: 0 4px;
}
.accounts-import-balances .page-body{
    padding-top: 68px;
    padding-bottom: 50px;
}
.accounts-import-balances .page-footer{
    position: fixed;
    min-height: 25px;
    bottom: 0;
    background-color: #e7edf3;
    width: calc(100% - 130px);
}
.accounts-import-balances .quickdate-button{
    padding: 1px 3px 2px;
    height: 21px;
}
input.conversion-balance{
    width: 90%;
    padding: 0 2px;
}
.accounts-import-balances{
    width: 100%;
}
.accounts-import-balances .page-body .periods-body{
    width: 100%;
    overflow-y: scroll;
}
.accounts-import-balances .page-body .periods-body .accounts{
    width: 200px;
}
.accounts-import-balances .page-body .periods-body .period{
    width: 200px;
    background-color: #FFFFFF;
    border: 1px solid #dddddd;
    border-radius: 5px;
    margin-right: 10px;
    padding: 5px;
}
.accounts-import-balances .page-body .periods-body .acc-balance{
    width: 70px;
}
.accounts-import-balances .page-body .periods-body .groupLBL{
    height: 20px;
    padding-top: 10px;
}
.accounts-import-balances .page-body .periods-body .accountRow{
    height: 23px;
}
.accounts-import-balances .page-body .periods-body .periodName{
    height: 20px;
}
.accounts-import-balances-lbls{
    height: 30px;
    width: 200px;
}
.accounts-import-balances .groupLBL{font-weight: 700;}
.accounts-import-balances .periodLBL {text-align: right;padding-right: 12px;color: #778C96;font-weight: 700;font-size: 12px;}
.page-header .period, .page-footer .period{
    border-right: 1px solid #ddd;
    text-align: center;
}

/* LEGAL AID */
.cLegalAidBillPopap{
    /*height: 700px;*/
}
.legal-aid-page-header{
    height: 40px;
    position:fixed;
    top:42px;
    width:calc(100% - 130px);
    background-color: #e7ecef;
    padding:10px 25px 5px 5px;
    border-bottom: 1px solid #778c96;
    z-index: 1;
}
.legal-aid-page-body{
    padding-top:50px;
    padding-bottom:50px;
    /*
    height: calc(100% - 100px);
    overflow-y: scroll;
    */
}
.legal-aid-page-footer{
    height: 40px;
    position:fixed;
    bottom: 0;
    width:calc(100% - 130px);
    background-color: #e7ecef;
    padding:5px 20px 5px 5px;
    border-top: 1px solid #778c96;
}
.legal-aid-page-body .invoice-item{
    cursor:pointer;
}
.legal-aid-page-body .invoice-item:hover{
    background:#f4f7f9;
}
.emptyActivityType{
    font-style: italic;
    color: #aaa;
}
.activityType{
    font-style: normal;
    color: #0a0a0a;
}
ul.filterMenu{
    min-width: 350px;
}
.bottomTotals{
    position: fixed;
    bottom: 0;
    width: calc(100% - 130px);
    background-color: #eee;
}
.expenseFooter{
    position: fixed;
    bottom: 0;
    width: calc(100% - 130px);
    background-color: #eee;
}
.dashboardExpenses .expenseFooter, .clientBillListTotals {position:sticky;width:100%;}
.topTabs{
    position: fixed;
    top: 45px;
    width: calc(100% - 130px);
    background-color: #eee;
    z-index: 1;
}
.dashboardInvoices .topTabs {position: sticky;width: 100%;}
.dashboardInvoices .bottomTotals {position: sticky; width: 100%;}
.dashboardInvoices .Matterbills{padding-top: 0;}
.dashboard img.bankLogo {max-width: 22px; margin-right: 10px;}
.dashboard .SortCode {color: #999;}
.ui-select-choices .progress.billProgress {color: #888;font-size: 11px;}
::placeholder {font-style: italic;opacity: 0.8;}

.cMyNotificationBox .cMyNotificationItem.ng-enter, .cMyNotificationBox .cMyNotificationItem.ng-move {
    transition: all 0.5s linear;
    opacity: 0;
}

.cMyNotificationBox .cMyNotificationItem.ng-enter.ng-enter-active,
.cMyNotificationBox .cMyNotificationItem.ng-move.ng-move-active {
    opacity: 1;
}
.cMyNotificationBox .cMyNotificationItem.ng-leave {
    height: 60px;
    overflow:hidden;
    animation: 0.5s cMyNotificationItem_animation;
}
@keyframes cMyNotificationItem_animation {
    from {
        height: 60px;
    }
    to {
        height: 0;
    }
}
.checkboxMobile{
    position: relative;
    width: 20px;
    height: 10px;
    visibility: hidden;
}
.checkboxMobile:before {
    visibility: visible;
    position: absolute;
    display: block;
    width: 100%;
    height: 10px;
    top: 0;
    background: rgb(220, 220, 220);
    content: '';
    border-radius: 10px;
    border: solid 1px #ddd;
    transition: all .5s;
}

.checkboxMobile:after {
    visibility: visible;
    top: 0;
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    background: #fff;
    position: absolute;
    border-radius: 50%;
    border: solid 1px #ddd;
    transition: all .5s;
    left:0;
}

.checkboxMobile:checked:after {
    left:100%;
    margin-left:-10px;
}

.checkboxMobile:checked:before {
    background:#2ecc71;
}
.mass-billing .BillTo .selectMatterClient {
    max-width: 150px;
}
.CaseNewsList .journalentry.ng-enter, .CaseNewsList .journalentry.ng-move {
    opacity: 0;
    transition: background-color 3s ease-out;
}

.CaseNewsList .journalentry.ng-enter-active{
    opacity: 1;
    overflow: hidden;
    animation: 1s caseNewsListJournalentryAnimation;
    background-color: #ddffc3;
}
.CaseNewsList .journalentry.ng-leave {
    overflow: hidden;
    animation: 2s caseDeleteListJournalentryAnimation;
    background-color: #fda6a6;
}
@keyframes caseNewsListJournalentryAnimation {
    from { height: 0; }
    to   {  height: 49px; }
}
@keyframes caseDeleteListJournalentryAnimation {
    from { height: 49px; }
    to   {  height: 0; }
}
.progress-bar-creditNote{
    /*background-color: #c8f5f5 !important;*/
    background: repeating-linear-gradient(
            120deg, #e1f0ef, #e1f0ef 5px, #c7dedb 7px, #c7dedb 10px) !important;
}
.CreditNote, .Matterbill.CreditNote .progress {background-color: #d6e6e5;}
.creditNotePopap input{
    width: 100%;
}
.crm-body .Active{
    background-color: #e7ecef;
}
.addContactBtn{
    font-size: 14px;
}
.dropzone{
    border: 4px dashed #cccccc;
    text-align: center;
    font-size: 20px;
    color: lightgray;
    display: block;
    padding: 12px;
}
.dropzone:hover{
    border-color: #aaaaaa;
}
.file-drag-over{
    border: 2px dashed #979797;
    opacity: 0.8;
    background-color: rgba(255, 255, 255, 0.5);
}
.transactionsFileType{
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 1px !important;
}
.transactionsFileName{
    vertical-align: super;
}