/* 
    Document   : provault
    Created on : May 26, 2013, 12:25:08 PM
    Author     : manuelb
    Description:
        Purpose of the stylesheet follows.
*/
i {
	cursor: default;
}

h1, h2, h3, h4, h5, h6 {
	color: rgb(50, 108, 166) !important;
	font-weight: normal !important;
}

body {
	overflow-x: auto;
}

.help-label {
	font-size: 0.7em;
	line-height: 8px;
}

.section-divider {
	background: transparent url('/img/mod_header_bg.png') repeat-x left
		center;
	margin: 0;
	padding: 0;
}

.section-divider>h4 {
	background-color: #fff;
	display: inline-block;
	padding: 0 8px 0 0;
}

.section-divider>h5 {
	background-color: #fff;
	display: inline-block;
	padding: 0 8px 0 0;
}
.icon-caret-down, .icon-caret-right, .icon-caret-up
{
    font-size:20px!important;
}        
.navbar-inner {
	/*height : 39px;*/
	background-image: none;
	background-color: #2E6AB3;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.65);
	border:0px!important;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	-webkit-box-shadow: none;
}

/*.brand {*/
/*!*.dropdown>li>a:focus,.dropdown>li>a:hover {*!*/
/*    text-decoration:none;*/
/*    color:#262626;*/
/*    background-color:#E2EAF4!important;*/
/*}*/
dropdown-submenu:focus>a {
	color: #fff;
	background-image: none;
	background-color: #2E6AB3 !important;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a,
	.dropdown-submenu:focus>a {
	color: #333333 !important;
	background-image: none !important;
	background-color: #E2EAF4 !important;
}

.navbar .brand {
	padding: 8px 20px 12px;
	font-size: 20px;
	color: #ffffff;
}

.navbar .divider-vertical {
	height: 41px;
	background-color: #ffffff;
	border-right: 1px solid #ffffff;
}

.navbar .nav>li>a {
	padding: 10px 10px 11px;
	font-size: 14px;
	color: #ffffff;
}

.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus
	{
	background-color: #ffffff;
	color: #0A66A5;
}

#list>li>a {
	font-size: 0.85em;
}

.sublist {
	margin-bottom: 2px;
}

.span_note {
	padding: 35px 10px 15px 70px;
	margin: 10px 0px;
	background: #F55B5B url('/img/ico_note.png') no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	padding: 1px;
	text-align: center;
	vertical-align: middle;
	background-position: -1px center;
}
/* * *  Right Menu Firm Control Panel * * */
/* 2nd level */
.nav-list .nav-list>li>a {
	padding-left: 5px;
}

.nav-list .nav-list>li>a, .nav-list .nav-list .nav-header {
	margin-left: -5px;
	margin-right: -5px;
}

/* 3rd level */
.nav-list .nav-list .nav-list>li>a {
	padding-left: 5px;
}

.nav-list .nav-list .nav-list>li>a, .nav-list .nav-list .nav-list .nav-header
	{
	margin-left: -15px;
	margin-right: -15px;
}

.sub-help-label {
	font-size: 0.7em;
	line-height: 9px;
}

.sub-icon-caret-down, .sub-icon-caret-right {
	font-size: 20px;
}

.checkbox_read_only {
	color: #999;
	text-shadow: 0 1px 0 #fff;
	background-color: #eee;
	border: 1px solid #ccc;
}

.label_read_only {
	color: #999;
	text-shadow: 0 1px 0 #fff;
	background-color: #eee;
	border: 1px solid #ccc;
}

.client-name {
	min-width: 200px;
}
.client-name-active>a {
	color: #BDF96D!important;
}

.client-name-active i {
	color: #BDF96D!important;
}

.firm-member-name {
	min-width: 100px;
}

.icon-link-chain {
	width: 16px;
	height: 16px;
}

.show {
	display: inline;
}

.show-no {
	display: none;
}

.ident-0 {
	margin-left: 0px;
}

.ident-5 {
	margin-left: 5px;
}

.ident-10 {
	margin-left: 10px;
}

.ident-15 {
	margin-left: 15px;
}

.ident-20 {
	margin-left: 20px;
}

.ms_term_input {
	width: 25px;
}

.cal_summary_row {
	width: 450px;
}

.ms_int_calc_field {
	width: 90px;
}

.ms_int_calc_row {
	margin-bottom: 7px;
}

.linked {
	color: rgb(240, 120, 0);
}

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

.popover {
	max-width: 600px;
	width: auto;
}

.formula-variable {
	font-weight: bold;
}

.asterisk {
	color: red;
}

.asterisk-gray {
	color: gray;
}

ul.errors {
	color: red;
	list-style: none;
}

ul.errorMessage {
	color: red;
	list-style: none;
}

#fc_chat_header {
	height: 50px !important;
}

#span12 {
	margin-left: 0px;
}

/* 
Escoffie 2017-01-10 
Styles for autosave feedback
*/
#spinner {
	position: absolute;
	display: inline-block;
	padding: 5px 20px;
	color: #0088cc;
}

#spinner.success {
	color: #8bc541;
}

#spinner.radio {
	padding: 0;
	margin-top: -3px;
	margin-left: 160px;
}

#spinner.error {
	color: red;
}

/* Next and Back buttons*/
.padding {
	padding: 10px;
}

#next-back-nav {
	background-color: white;
	border-top: 1px #C8C8C8 solid;
}

.ourGreen {
	background-image: none !important;
	background-color: #8CC63E !important;
	color: #ffffff !important;
}

.ourGreenColor {
	color: #8CC63E !important;
}

.cursorPointer {
	cursor: pointer;
}

.nav-pills>.active>a, .nav-pills>.active>a:hover, .nav-pills>.active>a:focus
	{
	color: #ffffff;
	background-color: #2E6AB3 !important;
}

/* Top navigation */
.navbar .brand {
	/*padding-bottom: 0!important;*/
	
}

.nav-collapse .nav>li {
	padding-top: 10px;
	padding-bottom: 10px;
}

.dropdown.open {
	background-color: #5888C2;
	color: #ffffff !important;
}

/*.dropdown.open>a {*/
/*	color: #ffffff !important;*/
/*}*/

.client-name-active {
    /*background-color: #5888C2;*/
    color: #BDF96D!important;
}

.client-name-active > a {
    color: #BDF96D!important;
}

.client-name-active i {
    color: #BDF96D!important;
}

li.dropdown:hover, #print_menu:hover {
	background-color: #5888C2;
	border-radius: 60px;
}

.background-rectangle:hover, .background-rectangle.open {
	background-color: #5888C2;
	border-radius: 5px!important;
	color: white;
}

.background-rectangle.open > a > b {
	transform: rotate(180deg);
	/*color: #BDF96D!important;*/
}

li.dropdown.open {
	border-radius: 60px;
}

.navbar .nav>li>.dropdown-menu:after, .navbar .nav>li>.dropdown-menu:before {
	border-bottom: 0px!important;
	background-color: transparent!important;
}

/* Tables */
.table-intake th {
	background-color: #E2E6F4 !important;
	font-size: 16px;
}

.table-intake td {
	background-color: #F2F6FA !important;
}

.avatar {
	border-radius: 50%;
}

.table-intake th, .table-intake td {
	font-weight: Normal !important;
	border-top: 1px solid #ffffff !important;
}

.underline {
    text-decoration: underline;
}

/**************/
/*Select client options*/
/**************/
#select_clients_list {
	height: 280px;
	overflow-y: scroll;
	border: 1px solid #CCCCCC;
	border-radius: 2px;
}

#select_clients_list ul {
	padding: 0;
	margin: 0;
}

#select_clients_list li {
	list-style-type: none;
	height: 25px;
	font-size: 14px;
	padding-left: 10px;
	padding-top: 5px;
}

#select_clients_list li:hover {
	background-color: #E2EAF4;
	cursor: pointer;
}

#select_clients_list li.selected {
	background-color: #E2EAF4;
}

.select-client-header>div {
	float: left;
}

.close-icon h3 {
	color: #333333 !important;
}

.select-client-modal hr {
	margin: 7px 0;
}

.select-client-modal ul>li {
	color: #333333 !important;
}

.select-client-footer>div {
	float: right;
	margin-left: 5px;
}

.hidden {
	display: none !important;
}

.select2-dropdown {
	z-index: 200001;
}

#child_support_print_container {
	float: left;
}

#child_support_print_scenario_id_container 
[data-tooltip]:hover {
	position: relative;
}
[data-tooltip]:hover::before {
	all: initial;
	font-family: Arial, Helvetica, sans-serif;
	display: inline-block;
	border-radius: 5px;
	padding: 10px;
    background-color: rgb(26,26,26, 0.65);
	content: attr(data-tooltip);
	color: #f9f9f9;
	position: absolute;
	bottom: 100%;
	width: 500px;
	left: 50%;
	transform: translate(-50%, 0);
	margin-bottom: 15px;
	text-align: left;
    font-size: 14px;
    white-space: pre-wrap;
    z-index: 3;
}
[data-tooltip]:hover::after {
	all: initial;
	display: inline-block;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;		  
	border-top: 10px solid #1a1a1a;
	position: absolute;
	bottom: 100%;
	content: '';
	left: 50%;
	transform: translate(-50%, 0);
    margin-bottom: 5px;
    opacity: 0.65!important;
}	{
	float: left;
	width: 35%;
	margin-left: 10px;
}

.select_element:hover {
	background-color: #E2EAF4 !important;
	color: #333333 !important;
}

.close-icon h3 {
	cursor: pointer;
}

[data-tooltip-bottom]:hover,
[data-tooltip-left]:hover,
[data-tooltip-right]:hover,
[data-tooltip]:hover {
	position: relative;
}

[data-tooltip-bottom]:hover::after,
[data-tooltip-left]:hover::after,
[data-tooltip-right]:hover::after,
[data-tooltip]:hover::after {
	all: initial;
	display: inline-block;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;		  
	border-top: 10px solid #1a1a1a;
	position: absolute;
	bottom: 100%;
	content: '';
	left: 50%;
	transform: translate(-50%, 0);
	margin-bottom: 5px;
	opacity: 0.65 !important;
}

[data-tooltip-right]:hover::after {
	margin-bottom: 0;
	bottom: auto;
	transform: rotate(90deg) translate(0, -50%);
	left: 100%;
	top: 50%;
	margin-left: -5px;
	margin-top: -5px;
}

[data-tooltip-left]:hover::after {
	margin-bottom: 0;
	bottom: auto;
	transform: rotate(-90deg) translate(0, -50%);
	left: auto;
	right: 100%;
	top: 50%;
	margin-right: -5px;
	margin-top: -5px;
}

[data-tooltip-bottom]:hover::after {
	margin-bottom: 0;
	bottom: auto;
	transform: rotate(180deg) translate(-50%, 0);
	top: 100%;
	margin-left: -20px;
	margin-top: 5px;
}

[data-tooltip-bottom]:hover::before,
[data-tooltip-left]:hover::before,
[data-tooltip-right]:hover::before,
[data-tooltip]:hover::before {
	all: initial;
	font-family: Arial, Helvetica, sans-serif;
	display: inline-block;
	border-radius: 5px;
	padding: 10px;
	background-color: rgb(26,26,26, 0.65);
	content: attr(data-tooltip);
	color: #f9f9f9;
	position: absolute;
	bottom: 100%;
	width: 500px;
	left: 50%;
	transform: translate(-50%, 0);
	margin-bottom: 15px;
	text-align: left;
	font-size: 14px;
	white-space: pre-wrap;
    z-index: 3;
}

[data-tooltip-right]:hover::before {
	margin-bottom: 0;
	bottom: auto;
	transform: translate(0, -50%);
	left: 100%;
	top: 50%;
	content: attr(data-tooltip-right);
	margin-left: 15px;
}

[data-tooltip-left]:hover::before {
	margin-bottom: 0;
	bottom: auto;
	transform: translate(0, -50%);
	left: auto;
	right: 100%;
	top: 50%;
	content: attr(data-tooltip-left);
	margin-right: 15px;
}

[data-tooltip-bottom]:hover::before {
	margin-bottom: 0;
	bottom: auto;
	top: 100%;
	content: attr(data-tooltip-bottom);
	margin-top: 15px;
}

li:not(.open) a .icon-caret-up {
    transform: rotate(180deg);
}

.brand > .nav li a, .brand > .nav li {
    outline: none!important;
}

/* Tab menu style */

#client-selector-container {
	padding-left: 10px;
	width: 235px;
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.second-row{
	display: flex;
	background-color: #2E6AB3;
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.43);
	-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.43);
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.43);
}
#tabs {
	display: flex;
	flex-grow: 1;
}

#tabs div a {
	color: white;
}

#tabs div {
	text-align: center;
	color: white;
	font-size: 16px;
	padding-top: 23px;
	padding-bottom: 20px;
	cursor: pointer;
	width: 150px;
	flex-grow: 1;
}

#tabs div:hover {
	background-color: #5888C2;
}

#tabs div.active {
	color: #BDF96D;
	font-weight: bold;
	border-bottom: 5.8px solid #BDF96D;
}

#tabs div.active > a {
	color: #BDF96D;
}

.item {
	margin-top: 4px;
}
.client-name-active a:hover, .client-name a:hover{
	text-decoration: none;
}
#page-content-wrapper {
	display: inline-block;
	width: calc(100% - 255px);
	height: calc(100% - 145px);
	overflow-y: auto;
	overflow-x: auto;
	padding-top: 20px;
	transition: width 1s;
}

#page-content-wrapper.expanded {
	width: calc(100% - 40px);
	transition: width 1s;
}
#sidebar-wrapper {
	margin-top: -1px;
	display: inline-block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-color: #5888C2;
	padding-left: 24px;
	height:100%;
	box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.65);
	position: relative;
	z-index: 10;
	padding-bottom: 30px;
}
#left-bar-content {
	color: white;
	font-size: 16px;
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
	height: 100%;
	padding-bottom: 50px;
}

.btn-new {
	background-color: white;
	color: rgb(88, 136, 194);
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.btn-new.active {
	background-color: #BDF96D!important;
	font-weight: bold!important;
}

.left-bar-item {
	margin-top: 29px;
	width: 211px;
}

.left-bar-item a, .submenu-item a:not(.btn-new) {
	color: white!important;
	cursor: pointer!important;
}

.left-bar-item .active, .submenu-item .active:not(.btn-new) {
	color: #BDF96D!important;
	font-weight: bold!important;
}

#child-support-sub-child-sublist .submenu-item a.active,
#child-support-main-sub-child .submenu-item a.active,
#child-support-list-sub-spousal .submenu-item a.active,
#child-support-main-sub-spousal-child .submenu-item a.active {
	border-left: 5px solid;
	margin-left: -17px;
	padding-left: 12px;
}

a.active {
	border-left: 5px solid;
	margin-left: -17px;
	padding-left: 12px;
}

.left-submenu {
	margin-left: 6px;
	border-left: 1px solid white;
	padding-left: 14px;
	font-size: 14px;
}

.third-level {
	margin-top: 10px;
}

.v-divisor {
	margin-left: 10px;
	border-left: 1px solid white;
	padding-left: 14px;
	font-size: 14px;
}

.submenu-item {
	padding-top: 13px;
}

.btn {
	background-color: white;
	color: rgb(88, 136, 194);
}

.handle {
	position: absolute;
	top: 40px !important;
	z-index: 999;
	border-radius: 50%;
	color: #0070a8;
	background-color: white;
	width: 25px;
	height: 25px;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(53, 2, 230, 0.16);;
	padding: 3px;
	box-shadow: 0 0 0 1px rgba(9,30,66,0.08), 0 2px 4px 1px rgba(9,30,66,0.08);
	cursor: pointer;
	padding: 4px;
}

.handle-open {
	left: 225px;
	transition: left 1s;
}

.handle-closed {
	left: 12px;
	transition: left 1s;
}

.closed {
	width: 0px;
	transition: width 1s;
}

div.open {
	width: 211px;
	transition: width 1s;
}
.container-fluid {
	padding-left: 0px!important;
}
html,body {
	height: 100%;
}

[class^="icon-"], [class*=" icon-"] {
	background-image: none!important;
}
@media (max-width: 575.98px) {
	#wrapper {
		padding-left: 0;
	}
	#wrapper.toggled {
		padding-right: 0;
	}
	#sidebar-wrapper {
		width: 0;
	}
	#wrapper.toggled #sidebar-wrapper {
		width: 0;
	}
	#page-content-wrapper {
		padding: 20px;
		position: relative;
		height: 100vh;
	}
	#wrapper.toggled #page-content-wrapper {
		position: relative;
		margin-right: 0;
	}
	.caret-menu {
		right: 0 !important;
		width: 0 !important;
	}
	.toggled>.caret-menu {
		right: 0 !important;
		width: 0 !important;
	}
}

@media (min-width: 576px) and (max-width: 767.98px) {
	#wrapper {
		padding-left: 0;
	}
	#wrapper.toggled {
		padding-right: 0;
	}
	#sidebar-wrapper {
		width: 0;
	}
	#wrapper.toggled #sidebar-wrapper {
		width: 0;
	}
	#page-content-wrapper {
		padding: 20px;
		position: relative;
	}
	#wrapper.toggled #page-content-wrapper {
		position: relative;
		margin-right: 0;
	}
	.caret-menu {
		right: 0 !important;
		width: 0 !important;
	}
	.toggled>.caret-menu {
		right: 0 !important;
		width: 0 !important;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	#wrapper {
		padding-left: 0;
	}
	#wrapper.toggled {
		padding-right: 0;
	}
	#sidebar-wrapper {
		width: 0;
	}
	#wrapper.toggled #sidebar-wrapper {
		width: 0;
	}
	#page-content-wrapper {
		padding: 20px;
		position: relative;
	}
	#wrapper.toggled #page-content-wrapper {
		position: relative;
		margin-right: 0;
	}
	.caret-menu {
		right: 0 !important;
		width: 0 !important;
	}
	.toggled>.caret-menu {
		right: 0 !important;
		width: 0 !important;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	#wrapper {
		padding-left: 0;
	}
	#wrapper.toggled {
		padding-right: 0;
	}
	#sidebar-wrapper {
		width: 0;
	}
	#wrapper.toggled #sidebar-wrapper {
		width: 0;
	}
	#page-content-wrapper {
		padding: 20px;
		position: relative;
	}
	#wrapper.toggled #page-content-wrapper {
		position: relative;
		margin-right: 0;
	}
	.caret-menu {
		right: 0 !important;
		width: 0 !important;
	}
	.toggled>.caret-menu {
		right: 0 !important;
		width: 0 !important;
	}
}

@media(min-width:992px) {
	#wrapper {
		padding-left: 20px;
	}
	#wrapper.toggled {
		padding-left: 400px;
	}
	#page-content-wrapper {
		padding-left: 20px;
		position: absolute!important;
	}
	#wrapper.toggled #page-content-wrapper {
		position: inherit;
		margin-right: 0;
	}
	.toggled>.caret-menu {
		right: 235px;
	}
}

@media(min-width:1150px) {
	#page-content-wrapper > .container {
		width: 970px;
	}
}

@media(min-width:1420px) {
	#page-content-wrapper > .container {
		width: 1170px;
	}
}

#client-image-profile, #user-image-profile {
	width: 35px;
	border-radius: 15px;
	margin-right: 10px;
}

/* width */
::-webkit-scrollbar{
	width: 10px;
	height: 10px;
}

/* Track */
/*::-webkit-scrollbar-track {*/
/*	box-shadow: inset 0 0 5px grey;*/
/*	border-radius: 10px;*/
/*}*/

/* Handle */
::-webkit-scrollbar-thumb {
	background: #c5d6e9;
	border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #c5d6e9;
}

option:hover{background-color:#E2EAF4;}

.loader {
	width: 50px;
	height: 50px;
	margin: auto;
	animation: spin 1.5s infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.imgLoader {
	width: 40px;
	height: 40px;

}