/*Global Styles*/
html, body {
    height: 100%;
}

.DnnModule-nBraneCloudServices .dnnLabel {width: 100px;}

div.card-container{margin:30px auto 0;width:700px;}
div.card-container p{margin-top:10px;}
div.card-wrapper{display:inline-block;vertical-align: top;}
div.cardinfo {
    display: block;
    width: 300px;
    margin: 10px 25px;
}
label{
	display:initial !important;
	margin:6px 0 0 !important;}
button.lfs-button{
	margin: 10px 0 !important;
	padding:4px 12px;
	color:#FFFFFF !important;
	background-image:-webkit-linear-gradient(top, #808284, #bbbdc0);
	background-image:-moz-linear-gradient(top, #808284, #bbbdc0);
	background-image:-ms-linear-gradient(top, #808284, #bbbdc0);
	background-image:-o-linear-gradient(top, #808284, #bbbdc0);
	background-image:linear-gradient(to bottom, #808284, #bbbdc0);
	border:solid #bbbdc0 2px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:16px;
	font-size:12px;
	text-decoration:none;
}
button.lfs-button > p{
    margin:2px !important;
    line-height: 1em;
    text-align:left;
    }
dt{
	width:80px;
	float:left;}
dd{
	padding-top:4px;}
dl.contacts dt{
	width:120px;}
dl.qafields dt{
	width:120px;}

.nbr_formstyle dt {
    width: 100%;
}
button.lfs-button:hover{
	background:#808284;
	background-image:-webkit-linear-gradient(top, #808284, #58585b);
	background-image:-moz-linear-gradient(top, #808284, #58585b);
	background-image:-ms-linear-gradient(top, #808284, #58585b);
	background-image:-o-linear-gradient(top, #808284, #58585b);
	background-image:linear-gradient(to bottom, #808284, #58585b);}
.text-error{ horiz-align: center;}
	
/*TicketPay Styles*/
.tp_nav li{
    font-size: 36px;
	display:inline-block;
	text-align:center;
	list-style-type: none;
    margin:0 25px;
}

.tp_list { margin: 0;padding: 0;}
.tp_list li { 
    list-style-type: none;
    line-height: 31px;
    margin: 0;
}

.tp_list input, .tp_list select { height: 30px;margin: 0;padding: 0;width: 100%;}
	
/*LawSuite Styles*/

.lfs-fullscreen {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 10000;
    overflow:auto;
    padding-top: 10px;
}

#lfs-menu {
    margin: auto;
    padding: 0;
    list-style-type: none;
    width: 100%;
}
#lfs-menu li{
	display:inline-block;
	text-align:center;
	margin:0 10px;
	opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */}
#lfs-menu li p{margin-top:6px;vertical-align:baseline;text-transform:uppercase;}
#lfs-menu li.active{
	opacity: 0.85;
    filter: alpha(opacity=85); /* For IE8 and earlier */}
#lfs-menu li:hover{
	cursor:pointer;
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */}
.lfs_dbnav{
	width:90%;
	margin: 0 auto;
    padding:0;
}
.lfs_dbnav a *{
    display:inline-block;
    vertical-align:middle;
}
.lfs_dbnav li{
	margin:10px;
	padding:10px;
	width:100%;
	border:1px solid #D3D3D3;
	list-style-type:none;
    border-radius:6px;}
.lfs_dbnav li:hover{
    -moz-box-shadow:    inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow:         inset 0 0 10px #000000;
}
.lfs_dbnav h2{
	margin:0;}
.lfs_dbnav h6{
    font-size:14px;
    font-weight:700;
    text-align:right;
    float:right;
	margin:14px 0 0;}
.nbrane-grid {
	font-family: arial;
	font-size: 14px;
	padding: 1em;
	background-color:#ECECEC;
	border: 0px;
	width:100%;
}
.lfs_topadd{
    display:inline-block;
    float:right;
    vertical-align:top;
}
.lfs_addbtn{
    margin-right:10px;
}
.addbtndiv{
    margin-top:10px;
}
.lfs_optnadd{
    display:inline-block;
    vertical-align:top;
    font-size:10px;
    font-weight:700;
    line-height:1em;
}
.lfs_oltitle{
    display:inline-block;
}
.lfs_details{
    font-size:22px;
}
.lfs_ctnav li{
    list-style-type:none;
    display:inline-block;
    margin:0 2px;
}
.lfs_ctnav a{
    display:block;
    width:48px;
    height:48px;
}
.lfs_grn{color:green !important;}
.lfs_red{color:red !important;}
.lfs_gry{color:gray !important;}

.lfs_ctnav-selected a {
    background-position: 0 -48px;
}

.lfs_ctnav a:hover{
    background-position: 0 -48px;
}

.lfs_alertcancel{
    float:right;
}




label{width:100%;}
input[type="text"]{width:100%;}
textarea{width:100%;}

.nbr-global-nav {
    position: absolute !important;
    top: 2px;
    right: 2px;
}

/*Overlay Content Areas*/
.lfs_overlay {
    padding: 0 0 0 0;
    margin: 0;
    width: auto;
}
.lfs_olbody{
    background-color:#ECECEC;
    width:100%;
    margin:0;
    padding:15px;
}
.lfs_olcontent{

}

.lfs_olbody h1, .nbrane-grid h1{
    margin-top: -10px;
    margin-bottom: 0;
    margin-left: -10px;
    color: #888686;
    font-size:36px;
}

.lfs_olbody h3 , .nbrane-grid h3{
    margin-top: 0;
    margin-bottom: 0;
    color: #888686;
    font-size:24px;
}

.lfs_olbody h6 , .nbrane-grid h6{
    margin-top: 0;
    margin-bottom: 15px;
    color: #888686;
    font-size:16px;
}

.lfs_olbody p, .nbrane-grid p {
    margin-top: 0;
    margin-bottom: 0;
}

 .nbrane-grid h1.lfs_oltitle { font-size: 18px;position: relative; top: -12px;}
 .nbrane-grid h1.lfs_oltitle span { font-size: 35px; position: relative; top: 10px; margin-right: 5px;}

 .nbrane-grid h1.lfs_oltitle img { width: 40px;}

li.list-group-item-clickable {
    cursor: pointer;
}

    li.list-group-item-clickable span.badge {
        font-size: 8px !important;
    }


.lfs-reductions a, .lfs-reductions a:visited {
    color: #000;
}

.lfs-reductions a:hover {
    color: #888686;
}

.lfs-reductions a img{
    margin-right: 4px;
}

.btn-grp-default {
    padding-right: 14px !important;
}

.btn-grp-danger {
    color: #cc0000 !important;
}

.btn-grp-warning {
    color: #ff0000 !important;
}

.btn-grp-info {
    color: #ff6600 !important;
}

.btn-grp-success {
    color: #5cb85c !important;
}

.btn-grp-completed {
    color: #5bc0de !important;
}

.btn-grp-pending {
    color: #f0ad4e !important;
}

#lfs-cases .badge, #lfs-dashboard .badge {
    font-size: 15px !important;
}

#lfs-cases .badge-counter, #lfs-dashboard .badge-counter {
    font-size: 9px !important;
    top: -11px !important;
    left: -4px !important;
    padding: 3px 5px !important;
    min-width: 20px;
}

#lfs-cases .badge-sm {
    font-size: 12px !important;
    font-weight: lighter;
}


#lfs-cases {
    position: relative;
}

.btn-with-badge {
    padding-right: 2px !important;
}




/*Grid Styles*/
.nbrane-grid h1, .nbrane-grid h2, .nbrane-grid h3 {
    color: #888686;
}

.nbrane-grid h2 {
    display:inline-block;
    margin-top:0;
    font-size: 28px;
}

.lfs_alertnav .btn-group {
    margin-top: -5px;
}

.nbrane-grid input {
	font-family: Arial;
}

.nbrane-grid b {
	font-weight: bold;
}

.nbrane-grid select[multiple] {
	width: 100%;
	height: 8em;
}
.dnnTable {
	margin-bottom: 1em;
	width: 100%;
	border: 1px solid #D3D3D3;
	background-color: White;
	border-collapse: collapse;
}

.dnnTable th {
	text-align: left;
	background-color: #7e7e7e;
	color: White;
	padding: 0.4em;
}
.dnnTable td {
	padding: 0.4em;
	border: none;
}
.dnnTable tr{
	border-top: 1px solid #aaa;
}
.dnnTable tr:nth-child(odd) {
	background-color: #efefef;
}

/* Mobile Safari reflows pages slowly, so fix the height to avoid the need for reflows */

#map_canvas {
	display: none;
	width: 600px;
	height: 400px;
}

#map_canvas_small {
	display: none;
	height: 325px;
}

/*Loading Styles*/
#nbrane-loading-placeholder {display:none;}

.nbrane-loading img {width: auto;height: 90px;margin: 5px;}
.nbrane-loading h2 {position: relative;top: 16px; font-weight: 400;font-size: 12px;}

.nbrane-loading span {position: relative;top: 16px; font-weight: 400;font-size: 12px;}

.nbrane-confirm { display: none;}
.nbrane-confirm img {width: auto;height: 90px;margin: 5px;float: left;}
.nbrane-confirm h2 {position: relative;top: 4px; font-weight: 400;font-size: 15px;}
.nbrane-confirm span {position: relative;top: 6px; font-weight: 400;font-size: 12px;}
.nbrane-confirm p { padding: 0;margin: 0;}

.nbrane-message { display: none;}
.nbrane-message h2 {position: relative;top: 4px; margin:0 0 5px 0; font-weight: 400;font-size: 18px;}
.nbrane-message span {position: relative;top: 6px; font-weight: 400;font-size: 15px;}
.nbrane-message p { padding: 0;margin: 0;}

.lfs-ticketpay hr {
    margin: 0;
}

.lfs-ticketpay .CurrentStep {
    text-decoration: underline;
}

.lfs-charge-list {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}

.lfs-charge-list li {
    display: inline;
    margin: 0;
    padding: 0;
}

.lfs-charge-list li:after {
    content: ", ";
}

.lfs-charge-list li:last-child:after {
    content: "";
}

.lfs-qna > ul {
    margin-left: 0;
}

.lfs-qna > ul > li {
    margin-top:10px;
}

.lfs-qna ul li {
    margin-left: 0;
}

.lfs-qna ul li {
    list-style-type: none;
    margin-left: 0;
}

.lfs-qna .lfs-question {
    font-weight: bolder;
}

.lfs-qna ul li ul li label {
    font-weight:normal !important;
}

li.form-label {
    font-weight: bolder;
}

ul.case-tickets {
    list-style-type: none;
    margin:0;
    padding:0;
}

ul.case-tickets ul {
    list-style-type: square;
    margin:0;
    padding:0;
}

ul.case-tickets li, ul.case-tickets ul li {
    margin:0;
    padding:0;
}

ul.case-tickets ul li {
    margin-left:20px;
}

ul.nbr-list-tiles {
    list-style-type: none;
}

ul.nbr-list-tiles li {
    float: left;
    width: 150px;
    height: 150px;
    border: 2px solid #58585b;
    margin: 15px 15px 0 0;
    padding: 15px;
}

    ul.nbr-list-tiles li:hover {
        background-color: #fff;
    }

ul.nbr-doc-fields {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.nbr-doc-fields li {
     margin:0;
    padding:0;
}

.nbrane-ticketpay-intro {
    font-weight: bold;
    font-size:16px;
}

.nbrane-ticketpay-intro a, .nbrane-ticketpay-intro a:visited { color: #333;}
.nbrane-ticketpay-intro a.btn-success, .nbrane-ticketpay-intro a.btn-success:visited { color: #fff;}


.lfs-question-nomargin {margin-bottom:0px !important;}

.lfs-splitview {
    border-left: 1px solid #CCC;
}

.lfs-questionnaire ul li {
    list-style: none;
    margin-bottom: 40px;
}

.lfs-questionnaire ul li:last-child {
    margin-bottom: 5px;
}

.lfs-questionnaire ul li ul li {
    margin-bottom: 0px;
}



.lfs-questionnaire input[type="text"], .lfs-questionnaire input[type="tel"], .lfs-questionnaire input[type="email"] {
  width: 50%;
  padding: 10px;
  border: solid 1px #dcdcdc;
  transition: box-shadow 0.3s, border 0.3s;
}

.lfs-questionnaire input[type="date"]{
  padding: 10px;
  border: solid 1px #dcdcdc;
  transition: box-shadow 0.3s, border 0.3s;
}
.lfs-questionnaire input[type="text"]:focus {
  border: solid 1px #707070;
  box-shadow: 0 0 5px 1px #969696;
}

div.dropbackground {
    background-color:#0094ff;
}

.nbr-doc-attachments {
    margin: 0;
}

.nbr-doc-attachments li {
    margin: 0;
}

.lfs-case-filterby ul {
    list-style-type: none;
}

.lfs-case-filterby ul.two-col {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.lfs-contact-call li {
    margin: 0;
    list-style-type: none;
}

.lfs-scroll-list {overflow-y: scroll; height: 500px;}

.lfs-list{margin-left:0;}

.lfs-list li {margin-left:0;border: 1px solid #aaa;}

.lfs-list li:nth-child(odd) {
    background: #efefef;
}

.lfs-list li:nth-child(even) {
    background: #fff;
}

.lfs-list li.active{
    background-color: #2fa4e7;
    border-color: #2fa4e7;
}

.clockpicker-popover {
z-index: 10010 !important;
}

.lfs-documents {
    padding: 0;
}

.lfs-documents fieldset { padding: 0}
.lfs-documents input[type=text] {
    margin-top: 5px;
    margin-bottom: 5px;
}


ul.double {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;

}
.list-padding-fix ul {padding: 0; margin:0;}
.force-no-padding-left {padding-left: 0 !important;}
.force-no-padding-right {padding-right: 0 !important;}
.force-no-padding {padding-left: 0 !important;padding-right: 0 !important;}

@keyframes ring {
	0%{transform:rotate(-15deg)}
	2%{transform:rotate(15deg)}
	4%{transform:rotate(-18deg)}
	6%{transform:rotate(18deg)}
	8%{transform:rotate(-22deg)}
	10%{transform:rotate(22deg)}
	12%{transform:rotate(-18deg)}
	14%{transform:rotate(18deg)}
	16%{transform:rotate(-12deg)}
	18%{transform:rotate(12deg)}
	20%,100%{transform:rotate(0deg)}
}
.faa-ring.animated,
.faa-ring.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-ring {
	animation: ring 2s ease infinite;
	transform-origin-x: 50%;
	transform-origin-y: 0px;
	transform-origin-z: initial;
}

.hover-enlarge {
    transition: transform .2s, color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out !important;
}

.hover-enlarge:hover {
    transform: scale(1.33);
}

.basic-article {
    margin-bottom: 20px;
}

.basic-article h4 {
    margin-bottom: 0px;
}

.basic-article .basic-summary {
    border: 0;
    border-left: .25rem solid #eee;
    border-radius: .25rem;
    padding-left: .75rem;
}

.float-none {
    float: none;
    width: auto;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.editor_pagebreak {
    margin: 20px 0 0 0;
    padding: 20px 0;
    border-top: 1px dotted #c5c5c5;
}


.dnnTable-wrapper {
    margin-left:-1em;
    margin-right: -1em;
}

.nbr-doc-view p {
    margin: 0 0 .66667em 0;
}

.nbr-doctitle-view span {
    font-size: 1.23em;
    font-weight:700;
    margin: 0 0 .5em 0;
}

.nbr-doc-view h1, .nbr-doc-view h2, .nbr-doc-view h3, .nbr-doc-view h4, .nbr-doc-view h5 {
    margin: 0 0 .22333em 0;
}

.btn-check {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}


/*Responsiveness*/
    @media screen and (max-width: 655px) {
        .dnnTable {
            width: 24em;
        }

        ul.double {
            -moz-column-count: 1;
            -moz-column-gap: 0px;
            -webkit-column-count: 1;
            -webkit-column-gap: 0px;
            column-count: 1;
            column-gap: 0px;
        }
    }