#logo img {
    width: auto;
    height: auto;
    padding-left: 3px;
}

#logo {
    margin-top: 0px !important;
    margin-left: 0px !important;
}

#logo-group img{
    width: auto;
    height: 45px;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 3px;
}

/* Widen search box */
/*.header-search > input[type="text"] {
    min-width: 300px;
}*/





/*CREATOR-3763 changes for the left navigation panel*/
aside#left-panel {
    background: #003646 !important;
}

span.minifyme {
    background: #006568 !important;
    color: #A8A8A8 !important;
}
a {
    color:#006568 !important;
}
nav ul li a {
    line-height:normal;font-size:14px;padding:10px 10px 10px 11px;color:#ffffff !important;display:block;font-weight:400;text-decoration:none!important;position:relative
}



li a i {
    color:#DADADA !important;
}
/*end changes*/

/* Give light grey borders to Ajax notifications */
.notification-body > li {
    border-top: 1px solid #E9E9E9;
    border-bottom: 1px solid #E9E9E9;
    border-left: 1px solid #E9E9E9;
    border-right: 1px solid #E9E9E9;
    position: relative;
}

.txt-color-gray{
    color: #808080 !important;
}

/* For use with the CFRA-modified Bootstrap style sheet */
/*.date_range_filter {
    display: inline-block;
    width: 8em;
    vertical-align: middle;
}*/


/* Change the Summernote WYSIWYG editor background color to white */
/*.note-editor .note-editable {
    background-color: rgba(0, 0, 0, 0);
    cursor: not-allowed;
}*/

/*#Special_Interest_Modal .modal-dialog
{
    width: 90%; !* Width of the Special Interest Modal *!
}*/





#class_action_risk_table {
    border:1px solid black;
    border-spacing:10px;
    margin-left:auto;
    margin-right:auto;
}

/* CSS3 Gradient Buttons
http://webdesignerwall.com/tutorials/css3-gradient-buttons */
.orange {
    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    background: -moz-linear-gradient(top,  #f88e11,  #f06015);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
    color: #fcd3a5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
    background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/*http://dygraphs.com/css.html*/
.dygraph-title{
    font-size:14px;
}
.dygraph-xlabel,.dygraph-ylabel{
    font-size:13px;
}
.dygraph-axis-label-x,.dygraph-axis-label-y{
    font-size:13px;
}

.fontSize10 {
    font-size: 10px;
    FONT-FAMILY: Lato;
}

.fontSize11 {
    font-size: 11px;
    FONT-FAMILY: Lato;
}

.fontSize12 {
    font-size: 12px;
    FONT-FAMILY: Lato;
}

.fontSize13 {
    font-size: 13px;
    FONT-FAMILY: Lato;
}

.fontSize14 {
    font-size: 14px;
    FONT-FAMILY: Lato;
}
.fontSize18 {
    font-size: 18px;
    FONT-FAMILY: Lato;
    font-weight:700;
    color: #006568 !important;
}

.error {
    color: #ff0000;
}

td.details-control {
    position:relative;
}

td.details-control:before {
    /*background: url('/pages/images/plus.gif') no-repeat left center;*/
    content: "+";
    font-family: Lato !important;
    cursor: pointer;
    font-size:24px !important;
}

tr.shown td.details-control {
    position:relative;
}
tr.shown td.details-control:before {
    /*background: url('/pages/images/minus.gif') no-repeat left center;*/
    content: "-" !important;
    font-family: Lato;
    font-size:24px !important;

}

/*Luci Jan 31 2017 - this was added to reduce the left indentation of the sector hierarchy level2 */
nav ul ul ul li a {
    padding: 8px 10px 8px 43px !important;
}

nav ul ul ul ul li a {
    padding: 8px 10px 8px 55px !important;
}

nav ul ul {
    background: rgba(0, 0, 0, 1) !important;
}

/*this is to disable links Oct 19 2017 Luci*/

/*a.disabled {
    *//* Make the disabled links grayish*//*
    color: gray;
    *//* And disable the pointer events *//*
    pointer-events: none;
}*/

/*this is to disable links Oct 20 2017 Luci*/
/*https://github.com/twbs/bootstrap/issues/16088*/
div.disabled {
    cursor: not-allowed;
    color: gray;
}

div.disabled a {
    color: gray;
    pointer-events: none;
}



div.showCursor {
    color: gray;
    cursor: pointer;
}



#analyst_photo {
    MAX-WIDTH: 190px;;
    WIDTH: expression(this.width > 190 ? 190: true)
}

header{
    overflow-wrap:break-word !important;
}

.panel-custom-color {
    border-color: #FFFFFF !important;
}
.panel-custom-color > .panel-heading{
    background: #FFFFFF !important;
    color:#003646 !important;
    font-weight: 700;
    font-size: 18px;
    border-color: #FFFFFF !important;
}

.grayText {
    color:#ABABAB;
}



/*.no-vertical-padding > .form-control {
    !*margin-top: 0 !important;
    margin-bottom: 0 !important;*!
    height: 22px;
    line-height: 22px;
}*/

/*this is to control the height of "Enter Search Term" input box to work well in IE11 - Luci May 25 2018*/
/*.inputHeight {
    height: 20px;padding:0;
}*/
/*this is important stuff to have the round pagination and custom color Luci Aug 6 2019*/
.pagination> .active >a {
    color:#FFFFFF !important;
    background-color: #006568 !important;
    border-color: #006568 !important;
}
/* end of - this is important stuff to have the round pagination and custom color Luci Aug 6 2019*/

/*.jarviswidget-color-gray > header {
    padding-top:3px;
    padding-bottom: 5px;
    padding-left: 5px;
    font-size:30px !important;
    margin-bottom:8px;
    font-weight: 500;
    line-height: 41px;
    font-family: Bitter;
}*/
body {
    font-family: Lato !important;
}
/*Lato fonts*/
@font-face {
    font-family: "Lato";
    src: url("../font/Lato-Thin.ttf");
    src: local("../font/Lato-Thin.ttf"),
    url("../font/Lato-Thin.ttf") format("truetype");
    /* Safari, Android, iOS */
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: "Lato";
    src: url("../font/Lato-ThinItalic.ttf");
    src: local("../font/Lato-ThinItalic.ttf"),
    url("../font/Lato-ThinItalic.ttf") format("truetype");
    /* Safari, Android, iOS */
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: "Lato";
    src: url("../font/Lato-Light.ttf");
    src: local("../font/Lato-Light.ttf"),
    url("../font/Lato-Light.ttf") format("truetype");
    /* Safari, Android, iOS */
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "Lato";
    src: url("../font/Lato-LightItalic.ttf");
    src: local("../font/Lato-LightItalic.ttf"),
    url("../font/Lato-LightItalic.ttf") format("truetype");
    /* Safari, Android, iOS */
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Lato";
    src: url("../font/Lato-Regular.ttf");
    src: local("../font/Lato-Regular.ttf"),
    url("../font/Lato-Regular.ttf") format("truetype");
    /* Safari, Android, iOS */
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Lato";
    src: url("../font/Lato-Italic.ttf");
    src: local("../font/Lato-Italic.ttf"),
    url("../font/Lato-Italic.ttf") format("truetype");
    /* Safari, Android, iOS */
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Lato";
    src: url("../font/Lato-Bold.ttf");
    src: local("../font/Lato-Bold.ttf"),
    url("../font/Lato-Bold.ttf") format("truetype");
    /* Safari, Android, iOS */
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "Lato";
    src: url("../font/Lato-BoldItalic.ttf");
    src: local("../font/Lato-BoldItalic.ttf"),
    url("../font/Lato-BoldItalic.ttf") format("truetype");
    /* Safari, Android, iOS */
    font-weight: 700;
    font-style: italic;
}


@font-face {
    font-family: "Lato";
    src: url("../font/Lato-Black.ttf");
    src: local("../font/Lato-Black.ttf"),
    url("../font/Lato-Black.ttf") format("truetype");
    /* Safari, Android, iOS */
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: "Lato";
    src: url("../font/Lato-BlackItalic.ttf");
    src: local("../font/Lato-BlackItalic.ttf"),
    url("../font/Lato-BlackItalic.ttf") format("truetype");
    /* Safari, Android, iOS */
    font-weight: 900;
    font-style: italic;
}
/* end of Lato fonts*/

/*Bitter fonts*/
@font-face {
    font-family: "Bitter";
    src: url("../font/Bitter-Thin.ttf");
    src: local("../font/Bitter-Thin.ttf"),
    url("../font/Bitter-Thin.ttf") format("truetype");
    /* Safari, Android, iOS */
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: "Bitter";
    src: url("../font/Bitter-ThinItalic.ttf");
    src: local("../font/Bitter-ThinItalic.ttf"),
    url("../font/Bitter-ThinItalic.ttf") format("truetype");
    /* Safari, Android, iOS */
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: "Bitter";
    src: url("../font/Bitter-ExtraLight.ttf");
    src: local("../font/Bitter-ExtraLight.ttf"),
    url("../font/Bitter-ExtraLight.ttf") format("truetype");
    /* Safari, Android, iOS */
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: "Bitter";
    src: url("../font/Bitter-ExtraLightItalic.ttf");
    src: local("../font/Bitter-ExtraLightItalic.ttf"),
    url("../font/Bitter-ExtraLightItalic.ttf") format("truetype");
    /* Safari, Android, iOS */
    font-weight: 200;
    font-style: italic;
}


@font-face {
    font-family: "Bitter";
    src: url("../font/Bitter-Light.ttf");
    src: local("../font/Bitter-Light.ttf"),
    url("../font/Bitter-Light.ttf") format("truetype");
    /* Safari, Android, iOS */
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "Bitter";
    src: url("../font/Bitter-LightItalic.ttf");
    src: local("../font/Bitter-LightItalic.ttf"),
    url("../font/Bitter-LightItalic.ttf") format("truetype");
    /* Safari, Android, iOS */
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Bitter";
    src: url("../font/Bitter-Regular.ttf");
    src: local("../font/Bitter-Regular.ttf"),
    url("../font/Bitter-Regular.ttf") format("truetype");
    /* Safari, Android, iOS */
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Bitter";
    src: url("../font/Bitter-Italic.ttf");
    src: local("../font/Bitter-Italic.ttf"),
    url("../font/Bitter-Italic.ttf") format("truetype");
    /* Safari, Android, iOS */
    font-weight: 400;
    font-style: italic;
}


@font-face {
    font-family: "Bitter";
    src: url("../font/Bitter-Medium.ttf");
    src: local("../font/Bitter-Medium.ttf"),
    url("../font/Bitter-Medium.ttf") format("truetype");
    /* Safari, Android, iOS */
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "Bitter";
    src: url("../font/Bitter-MediumItalic.ttf");
    src: local("../font/Bitter-MediumItalic.ttf"),
    url("../font/Bitter-MediumItalic.ttf") format("truetype");
    /* Safari, Android, iOS */
    font-weight: 500;
    font-style: italic;
}


@font-face {
    font-family: "Bitter";
    src: url("../font/Bitter-SemiBold.ttf");
    src: local("../font/Bitter-SemiBold.ttf"),
    url("../font/Bitter-SemiBold.ttf") format("truetype");
    /* Safari, Android, iOS */
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "Bitter";
    src: url("../font/Bitter-SemiBoldItalic.ttf");
    src: local("../font/Bitter-SemiBoldItalic.ttf"),
    url("../font/Bitter-SemiBoldItalic.ttf") format("truetype");
    /* Safari, Android, iOS */
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: "Bitter";
    src: url("../font/Bitter-Bold.ttf");
    src: local("../font/Bitter-Bold.ttf"),
    url("../font/Bitter-Bold.ttf") format("truetype");
    /* Safari, Android, iOS */
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "Bitter";
    src: url("../font/Bitter-BoldItalic.ttf");
    src: local("../font/Bitter-BoldItalic.ttf"),
    url("../font/Bitter-BoldItalic.ttf") format("truetype");
    /* Safari, Android, iOS */
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: "Bitter";
    src: url("../font/Bitter-ExtraBold.ttf");
    src: local("../font/Bitter-ExtraBold.ttf"),
    url("../font/Bitter-ExtraBold.ttf") format("truetype");
    /* Safari, Android, iOS */
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: "Bitter";
    src: url("../font/Bitter-ExtraBoldItalic.ttf");
    src: local("../font/Bitter-ExtraBoldItalic.ttf"),
    url("../font/Bitter-ExtraBoldItalic.ttf") format("truetype");
    /* Safari, Android, iOS */
    font-weight: 800;
    font-style: italic;
}


@font-face {
    font-family: "Bitter";
    src: url("../font/Bitter-Black.ttf");
    src: local("../font/Bitter-Black.ttf"),
    url("../font/Bitter-Black.ttf") format("truetype");
    /* Safari, Android, iOS */
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: "Bitter";
    src: url("../font/Bitter-BlackItalic.ttf");
    src: local("../font/Bitter-BlackItalic.ttf"),
    url("../font/Bitter-BlackItalic.ttf") format("truetype");
    /* Safari, Android, iOS */
    font-weight: 900;
    font-style: italic;
}
/* end of Bitter fonts*/
.txt-color-blueDark {
    font-family:Bitter !important;
    font-weight: 500 !important;
    font-size:30px !important;
}



.btn-primary {
    background-color: #006568  !important;
}

.select2-results .select2-highlighted {
    background: #003646 !important;
    color: #fff;
}
.select2-container  {
    border: 1px #003646 solid!important;
    color: #003646 !important;
}

.select2-default  {
    color: #003646 !important;
}

/*to make thr + and - sign bigger*/
.collapse-sign {
    font-size: 24px !important;
}

/*!*this is for logos to make them vertical align middle*!
.media-left, .media-right {
    display: table-cell;
    vertical-align: middle !important;
}*/

/*new html 5 that uses card*/
.card > .card-header{
    background: #003646 !important;
    color:#FFFFFF !important;
    border-color: #003646 !important;
    padding: 0.35rem 1rem;
}
.card {
    border: 1px solid #003646 !important;
}

.btn-group-sm>.btn, .btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: .675rem !important;
    line-height: 1.3 !important;
    border-radius: 0.2rem;
}


.inputHeight {
    height: 20px;padding:0;
}

nav ul li.active>a:before {
    /*color: #D81E05 !important;*/
    color: #FFFFFF !important;
    content:"<" !important;
}

.table {
    font-size: 14px !important
}
.smaller-font-size {
    font-size: 11px !important;
}


/* Luci Oct 13 2016 - to override the border around "Enter Search Term" box*/
.form-control{
    border: 1px solid #003646 !important;
    /*the below margin-top -1px is to center the box in the middle of the red strip*/
    margin-top:-1px;
    font-size:0.875rem !important;
}


/*to make the Column visibility menu white links on blue background*/
.dt-button.buttons-columnVisibility.active a, a.dt-button.buttons-columnVisibility.active {
    color:#ffffff !important;
}
#header>div{
    display: inline-flex !important;
}
/*end of new html 5 that uses card*/