/*	################################################################

	Author: Dmitrij Kolesnik
	Project Name: Accounts Receivable
	Version: 1.0

################################################################# */

//@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow);
//@import url(http://fonts.googleapis.com/css?family=Lato:400,900);

/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(fonts/UyYrYy3ltEffJV9QueSi4SppsHecKHw584ktcwPXSnc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(fonts/UyYrYy3ltEffJV9QueSi4Uvi3q9-zTdQoLrequQTguk.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(fonts/UyYrYy3ltEffJV9QueSi4T3sPXe5Q4a3bCZMR7ryN4o.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(fonts/UyYrYy3ltEffJV9QueSi4UU-p1xzoRgkupcXIqgYFBc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(fonts/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(fonts/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(fonts/R4a6fty3waPci7C44H8AjvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(fonts/tI4j516nok_GrVf4dhunkg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/*	################################################################
	1. GENERAL STRUCTURES
################################################################# */

@CHARSET "UTF-8";

* {
    margin: 0;
    padding: 0;
}

body {
    background: #ffffff;
    margin: 0;
    height: 100%;
    color: #384452;
    font-family: Lato, Arial;
    font-size: 14px;
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "PT Sans Narrow",sans-serif;
    font-weight: 700;
}

h4 {
    /*margin-top: 25px;*/
}

hr{margin: 5px 0 10px 0;}

a {
    padding: 0;
    margin: 0;
    text-decoration: none;
    -webkit-transition: background-color .4s linear, color .4s linear;
    -moz-transition: background-color .4s linear, color .4s linear;
    -o-transition: background-color .4s linear, color .4s linear;
    -ms-transition: background-color .4s linear, color .4s linear;
    transition: background-color .4s linear, color .4s linear;
    /*font-family: "PT Sans Narrow",sans-serif;*/
}
a:hover,
a:focus {
    text-decoration: none;
    color:#01b2fe;
}

p{color: #384452;}

label {
    line-height: 30px;
    margin: 0;
}

ol {margin-left: 20px;}


/*********************************/

.comment {
    width: 600px;
    padding: 10px 0 0 0;
}

.scroll_box {
    width: 90%;
    height: 400px;
    overflow: auto;
    border: none;
    margin: 0 auto 50px auto;
    padding: 10px;
}

.odd {

}

.even {
    
}

.green {
    color: green;
}

.red {
    color: red;
}

.grey {
    color: grey;
}

#div_chart {
    width: 100%;
    margin: 40px auto 40px auto;
}

#hlCountdown { 
    width: 240px; 
    height: 45px; 
}

#pagerContainer {
    float:right; width: auto; padding: 0;line-height: 34px;margin: 0 0 10px;
}

#pagerBox {
    float: left; text-align: right; padding: 0;
}

.clear {
    clear: both;
}

.thirdLeft {
    width: 33%; float: left;
}

.thirdRight {
    width: 33%; float: right;
}

.halfLeft {
    width: 50%; float: left;
}

.halfRight {
    width: 50%; float: right;
}

.titleCell {
    text-align: right;
    font-weight: bold;
}

.center {
    text-align: center;
}

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto;}
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; cursor: pointer;}
.autocomplete-suggestions strong { font-weight: normal; color: blue; }
.autocomplete-group { padding: 2px 5px;}
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

.invertedshiftdown{
padding: 0;
width: 100%;
border-top: 5px solid #428bca; /*Red color theme*/
background: transparent;
voice-family: "\"}\";
voice-family: inherit;
}

.invertedshiftdown ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown a{
float: left;
display: block;
font: normal 14px Arial;
color: black;
text-decoration: none;
margin: 0 3px 0 0; /*Margin between each menu item*/
padding: 5px 10px 9px 10px; /*Padding within each menu item*/
background-color: #EBEBEB; /*Default menu color*/

/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}

.invertedshiftdown a:hover{
background-color: #285e8e; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}

.invertedshiftdown .current a{ /** currently selected menu item **/
background-color: #285e8e; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}

.searchForm{float: left;}
.searchForm input{display: inline-block; width: auto;}

input.error { border: 1px solid red; }
label.error {
	background: url('../img/unchecked.gif') no-repeat;
	padding-left: 16px;
	margin-left: .3em;
}
label.valid {
	background: url('../img/checked.gif') no-repeat;
	display: block;
	width: 16px;
	height: 16px;
}

.message {
    font-size: 16pt;
    color: seagreen;
    text-align: center;
    width: 100%;
    padding: 0,0,10px;
}

.clear_cell {
    border: none !important;
    border-bottom: none !important;
    border-color: #fff;
    border-spacing: 0 !important;
    background-color: #fff !important;
    background: #fff !important;
    padding-top: 5px !important;
}

.menu a {
    background-color: #EBEBEB;
    padding: 3px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topright: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.formTextShort {
    width: 80px;
}

.totalAmount {
    font-size: 14pt;
    font-weight: bold;
}

/*	################################################################
	BOOTSTRAP MODIFICATIONS & TWEAKS
################################################################# */

/*NavBar*/
.navbar-default {
    background-color: #fff;
    border-color: transparent;
    -webkit-box-shadow: 0px 2px 14px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 14px -5px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 14px -5px rgba(0,0,0,0.75);
}
.navbar {
    min-height: 40px;
    padding-top: 0px;
    margin-bottom: 0px;
}
.navbar>.container .navbar-header .navbar-brand {
    color: #437EA9;
    font-family: "PT Sans Narrow",sans-serif;
    font-size: 22px;
    font-weight: bold;
    margin:0;
    padding: 5px 0;
}
.container>.navbar-header, .container>.navbar-collapse {
     margin-left: 0;
}
.dropdown-menu {
    background: #1D3752;
}

.dropdown-menu > li > a {
    color: white;
    font-weight: 700;
    font-size: 12px;
}
.container ul {
    list-style-type: none;
    font-size: 16px;
    font-family: "PT Sans Narrow",sans-serif;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #437EA9;
    background-color: transparent;
}
.navbar-default .navbar-nav > li > a:hover {
    color: #00b3fe;
}
.navbar-default .navbar-nav > li > a {
    color: #1D3752;
    font-weight: 700;
    font-size: 15px;

}
.navbar-right .nav > li > a {padding: 30px 8px;}
.nav > li > a {
    position: relative;
    display: block;
    padding: 15px 10px;
}
.nav > .btn{margin: 9px 0;}

table.fundings td th {font-size: 10px;}

.table-responsive{border:none;overflow: auto;}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #437EA9;
}
.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #FFF;
}

.tab-content>.active {
    display: block;
    margin-top: 20px;
}
.btn-primary{
    font-family: "PT Sans Narrow",sans-serif;
    font-size: 16px;
    padding: 5px 5px;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-color: #004C8E;
}

.btn-primary:hover .badge, .btn-primary:focus .badge, .btn-primary:active .badge, .btn-primary.active .badge, .open .dropdown-toggle.btn-primary .badge {
    background-color: #FF1D1D;
}

.btn-sm {
    font-size: 14px;
    line-height: 1.4;
}
.btn-primary .badge {
    color: #fff;
    background-color: #F55;
}
#searchForm .btn>input[type="radio"]{
    display: none;
}
/*	################################################################
	SITE WRAPS
################################################################# */

/*HeaderWrap*/
#headerwrap {
    min-height: 715px;
    padding-top: 95px;
    /*padding-bottom: 0px;*/
    /*text-align: left;*/
    /*background: url('../img/logo.png') no-repeat center top;*/
    /*margin-top: 60px;*/
}

#headerwrap h4 {
    font-size: 30px;
}
.hline {
    border-bottom: 2px solid #384452;
    margin-bottom: 15px;
}

/*FooterWrap*/
#footerwrap {
    padding: 10px 5px;
    background: #1D3752;
    margin-top: 15px;
}
#footerwrap p {
    color: #bfc9d3;
    margin: 0;
    font-size: 14px;
    font-family: "PT Sans Narrow",sans-serif;
}
#footerwrap a {
    color: #fff;
}


/*Form SignIn*/

.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 20px auto 0;
}
.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}
.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.checkbox label {
    line-height: 19px;
    display: inline-block;
    overflow: visible;
}

/*	################################################################
	SMALL changing the appearance of elements
################################################################# */

#clientsFirstName, #clientsLastName, #attorneysFirstName, #attorneysLastName{
    text-transform: capitalize;
}

/*	################################################################
	DATA TABLES
################################################################# */

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{padding: 4px;border-right: 1px solid #ddd;border-left: 1px solid #ddd;font-size: 14px;}
table.dataTable tbody th, table.dataTable tbody td {padding: 2px 5px!important;/*font-size: 12px!important;*/}
table.dataTable thead th, table.dataTable thead td {padding: 5px 10px 5px!important;text-align: center;}
table.dataTable thead th, table.dataTable tfoot th {font-size: 16px;font-family: "PT Sans Narrow",sans-serif;}
table.fundings tbody th, .fundings tbody > tr > td {font-size: 11px; padding: 10px 5px !important;}
.form-control.fundings {font-size: 11px;}
table.dataTable tbody tr:hover{background: red!important;}

table.dataTable.hover tbody tr:hover,
table.dataTable.hover tbody tr.odd:hover,
table.dataTable.hover tbody tr.even:hover, table.dataTable.display tbody tr:hover,
table.dataTable.display tbody tr.odd:hover,
table.dataTable.display tbody tr.even:hover {background-color: red!important;}

table.dataTable.hover tbody tr:hover.selected,
table.dataTable.hover tbody tr.odd:hover.selected,
table.dataTable.hover tbody tr.even:hover.selected, table.dataTable.display tbody tr:hover.selected,
table.dataTable.display tbody tr.odd:hover.selected,
table.dataTable.display tbody tr.even:hover.selected {background-color: blue!important;}
table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting {cursor: pointer;}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #333333;
}
.dataTables_wrapper .dataTables_paginate {
    font-size: 16px;
    text-align: center;
    padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border-radius: 50%;
    background-color: #337ab7;
    border-color: #2e6da4;
    color: white!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px;
}

.dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: white;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}
table.dataTable, table.dataTable th, table.dataTable td {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    white-space: nowrap;
}
table.dataTable thead th:active,
table.dataTable thead td:active {outline: none;}

table.dataTable td a{font-family: Lato, Arial;font-size: 13px;}

table.dataTable thead .sorting {
    background: url("../img/sort_both.png") no-repeat center right;
}
table.dataTable thead .sorting_asc {
    background: url("../img/sort_asc.png") no-repeat center right;
}
table.dataTable thead .sorting_desc {
    background: url("../img/sort_desc.png") no-repeat center right;
}
table.dataTable thead .sorting_asc_disabled {
    background: url("../img/sort_asc_disabled.png") no-repeat center right;
}
table.dataTable thead .sorting_desc_disabled {
    background: url("../img/sort_desc_disabled.png") no-repeat center right;
}
table.dataTable.no-footer {
    border-bottom: 1px solid #ddd;
}

.dataTables_wrapper .dataTables_filter input {width: auto;display: inline-block;}
.dataTables_filter {width: 50%;margin-bottom: 15px;float: right;}
.dataTables_length {width: 50%;float: right;text-align: right;margin-bottom: 10px;}
.dataTables_filter label p {display: inline-block;padding: 0 10px 0 0;margin: 0;}
.dataTables_filter label input[type="search"]{margin-left:5px;}

#fundingsTable_length, #fundingsTable_filter{width:100%;float:none;}

.table tr.even.selected td, .table tr.odd.selected td{background: #d9edf7;}

td.highlight {background-color: #fcf8e3 !important;}

.table tr.even:hover td {background-color: #dff0d8;}

.table tr.odd:hover td {background-color: #dff0d8;}

.table tr.even:hover td.highlight {
    background-color: #f2dede !important;border-bottom: 1px solid #ebccd1;border-top: 1px solid #ebccd1;
}

.table tr.odd:hover td.highlight {
    background-color: #f2dede !important;border-bottom: 1px solid #ebccd1;border-top: 1px solid #ebccd1;
}

/*	################################################################
	NATIVE TABLES
################################################################# */
.table{margin-top:20px}

.paginate{text-align: center;}
.paginate .pagination .page.active a{
    padding: 3px 10px;
    border-radius: 50%;
    background-color: #337ab7;
    border-color: #2e6da4;
    color: white!important;}
.pagination>li>a, .pagination>li>span {border: 0;padding: 3px 10px;}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    border-radius: 50%;
    background-color: white;
}

@media (min-width: 1200px){.ContenForm{width:100%;margin: auto;}}
@media (min-width: 1200px){#userForm,#lawfirmForm,#attorneyForm,.csvForm{width:40%;margin: auto;}}
@media (min-width: 992px){#userForm,#lawfirmForm,#attorneyForm,#paralegalForm,.csvForm{width:40%;margin: auto;}}
@media (max-width: 992px){
    #caseForm .second-form label{border-right:0px!important;background-color:#fff!important}
    #caseForm .second-form .row.form-group {border-bottom: 1px solid #eee!important;border-top: 1px solid #eee!important;}
}

.csvForm .modal-body > div{line-height:30px}
#caseForm .second-form label{white-space:nowrap;border-right: 1px solid #eee;line-height: 34px;background-color: #FBFBFB;}
#caseForm .second-form .form-group {}
#caseForm .second-form .row.form-group {
    border-bottom: 1px solid #eee;
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 2px;
    border-top: 1px solid #eee;
    padding-top: 2px;
}
#caseForm .second-form .input-group{}
#caseForm .second-form .input-group-addon:first-child {padding:2px}
#caseForm .second-form .col-md-6{line-height: 34px;}
#caseForm .second-form .input-group .form-control:last-child{height: 32px;}

#caseForm .second-form .col-md-6 .row.form-group .col-md-6,
#caseForm .second-form .col-md-6 .row.form-group .col-md-5,
#caseForm .second-form .col-md-6 .row.form-group .col-md-4,
#caseForm .second-form .col-md-6 .row.form-group .col-md-3,
#caseForm .second-form .col-md-6 .row.form-group .col-md-9{
    padding-right: 5px;
    padding-left: 5px;
}
/*.modal-footer {padding-right: 0;}*/
.paginate .pg-top{padding: 0;margin: 4px;}
.input-group-addon:first-child {border: 0;background: none;}
.totals{margin-top:10px}
/*table.tablesorter thead tr .header {min-width: auto!important;}*/

.selectedDocument {
    font-weight: bold;
}

.selectedMenu {
    background: #d9edf7;
}

.no-padding-right {
    padding-right: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.cpointer th {
    cursor: pointer;
    cursor: hand;
}