/* Input Form Webpart Styles */
.InputFormWebPartMain {
    margin-left: 20px;
}


.InputFormWebPartMain span {
    display: block;
}

.InputFormWebPartMain label {
    display: block;
    padding-top: 20px;
    padding-bottom: 2px;
}

.InputFormWebPartMain table label {
    display: inline;
}

.InputFormWebPartMain label.field-required:before {
    color: red;
    content: "*";
    padding-right: 2px;
}

.InputFormWebPartMain input[type='text'],
.InputFormWebPartMain select {
    display: block;
    width: 300px;
}

.InputFormWebPartMain input[type="checkbox"]:first-child,
.InputFormWebPartMain input[type="radio"]:first-child {
    margin-left: 0px;
}

.InputFormWebPartMain input[type="checkbox"],
.InputFormWebPartMain input[type="radio"] {
    margin-left: 15px;
    margin-right: 3px;
}

.InputFormWebPartMain input[type="submit"] {
    margin-top: 35px;
    margin-left: 0px;
    font-family: inherit;
    display: block;
}

.InputFormWebPartMain textarea {
    display: block;
}


.InputFormWebPart-result-field:nth-child(n+2) {
    margin-top: 10px;
}
.InputFormWebPart-result-field {
    font-weight: bold;
    /* margin-top: 10px; */
}

/* Hover text fix for Accordion */
.with-image:hover {
    color: #333 !Important;
}

/* Fix accordion collapse heigh */
@media screen and (min-width: 769px)
{
.comp-accordions .with-image, .comp-accordions .with-video {
        height: 130px;
    }
}

/* QuickJobSearch stlying for Mobile vs deskotp */
.lmgQuickJobSearch-MobilePlaceholder-Left {
    display: none;
    /*display:normal;
    color:  aqua !Important;
    background-color:aliceblue;*/
}

@media screen and (max-width: 960px) {
    .lmgQuickJobSearch-MobilePlaceholder-Left {
        display: block;
    }
    .comp-quick-job-search {
        display: none;
    }
    .comp-mobile-quick-job-search {
        display: block;
    }
    .lmgQuickJobSearch-MobilePlaceholder-Left {
        margin-top: 20px;
    }
}


/* Fix iPhone scrolling momentum (ios bug) */
#s4-workspace {
    -webkit-overflow-scrolling: touch;
}

.ms-WPBorder {
    border: none;
}

/* Fixes MS Out of the Box UI components (Raka's sytles were getting inherited & messing with these props */
.ms-cui-ribbon * {
    box-sizing: content-box;
}

/*.ms-rtetoolbarmenu img {
    width: auto;
    max-width: none;
    max-height: none;
    height: auto;
    display: inline;
}*/

/* Stlying for LMRichTextEditor control*/
.lmg-minheight-onehundred {
    min-height: 100px;
}

.lmg-minheight-onehundred > .ms-rtestate-write {
    min-height: 100px;
}

.lmg-richtext {
    padding-top: 5px;
}

.lmg-richtext > .ms-rtestate-write {
    border: 1px solid #c6c6c6;
    padding: 5px;
}

.lmg-richtext > hr {
    display: none;
}

.lmg-richtext p {
    margin: 0px;
}

/* WelcomePage2 top row */
.welcome-top-row {
    margin-top: 40px;
}

/* Fixes Quick Job Search Mobile Alignment */
.block-quick-search.container-fluid {
    padding-left: 0px;
}

/* Fixes sizing of SharePoint buttons (specifically the PageLayout Menu)*/
.ms-cui-gallerybutton {
    box-sizing: content-box;
}

/* Fixes spacing between GemBox Static webparts */
.ms-webpartzone-cell {
    margin: 0;
}

/* Overrides Raka margin-bottom 15px spacing for webpart title */
h2.ms-webpart-titleText {
    margin-bottom: 0;
}

/* Override padding for modules in right column; .col-lg-4 is needed for dynamic spacing in welcome page layout */
div.col-lg-4.spacing-lte-lg-top-md .col-lg-4 {
	padding-left: 0;
}

/* Hide the sign-in link */
.ms-signInLink {
    display: none !important;
}

/* Fixes checkbox styling in Chrome */
input[type="checkbox"] {
    -webkit-appearance: checkbox;
}

/* Fixes dropdown arrow styling for webpart menu */
.ms-webpart-menuLink {
    box-sizing: content-box;
}

/* Fixes padding on #s4-bodyContainer affecting the whitespace at the bottom of the page */
#s4-bodyContainer {
    padding-bottom: 0px;
}

/*  Fixes for field labels in EditMode */
span.ms-formfieldlabel {
  font-weight: 600;
  padding-bottom: 2px;
  display: block;
}

/*  Styling for required image */
.lmg-image-required {
    background-color: lightgray;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255,255,255,.5) 5px, rgba(255,255,255,.5) 10px);
}

.call-out-image.gembox-image-icon {
    width: 36px;
    height: 30px;
}

img.call-out-image.gembox-image-content-left {
    /*width: 180px;*/
    width: auto;
    /*height: 100px!important;*/
    height: auto;
    position: static!important;
    max-width: none!important;
    margin-right: 15px;
    margin-top: 9px;
    float: left;
}

img.call-out-image.gembox-image-content-right {
    /*width: 180px;*/
    width: auto;
    /*height: 100px!important;*/
    height: auto; 
    position: static!important;
    max-width: none!important;
    margin-left: 15px;
    margin-top: 9px;
    float: right;
}

div.comp-call-out.gembox-image-content-left,
div.comp-call-out.gembox-image-content-right {
    padding-left: 30px;
    min-height: 180px;
}


div.comp-call-out.gembox-image-content-left h3,
div.comp-call-out.gembox-image-content-right h3 {
    margin-bottom: 10px;
}


/* Styling for Module Width */
/*.cell-inner {
    width: 220px;
}*/

/* Fix height of global search (desktop only) */
.form-domain-search .input-search
{
    height: 20px;
}

/* Fix CSS Image Locations */
.external-link:after {
    background-image: url("/PublishingImages/StaticImages/external-blue.png");
}
.comp-slider .overlay {
    background-image: url("/PublishingImages/StaticImages/slider-overlay.png");
}

@media screen and (min-width: 961px) {
    .struct-content {
        background-image: url("/PublishingImages/StaticImages/content-bg.png");
    }
}

/* Styling for Welcome Page */
.contentModule .ms-webpart-zone 
{
    margin-left: -10px;
}

/* Styling for Module Double Header Height */
.comp-content-cell .comp-content-cell2 .cell-header-outer
{
    display: table;
    width: 100%;
}

.comp-content-cell .comp-content-cell2 .cell-header-row
{
    display: table-row;
}

.comp-content-cell .comp-content-cell2 .cell-header
{
  display: table-cell;
  height: 56px;
  vertical-align: middle;
  /*width: 218px;*/
  /*width: 500px;*/
}

/* Fixes Global Seach Box position */
.struct-container.struct-domain-nav-wrapper div
{
  vertical-align: top;
}

/* Fixes for Page Header (in edit mode) */
.comp-page-heading .ms-formfieldlabel
{
    font-size: 16pt;
    line-height: 1em;
    margin-top: 25px;
}

.comp-page-heading input
{
    font-size: 16pt;
}

/* Fixes Quick Job Search "GO" button to it doesn't go outside range of Right Column */
 .right-rail .ms-webpart-zone
{
    display: block;
}
/**********************************************/
/* Styles for International-Operations subsite*/
/**********************************************/
.nav-primary .nav-item-intl-home
{
  width: 151px;
}

.nav-primary .nav-item-intl-libintl
{
  width: 176px;
}

.nav-primary .nav-item-intl-libintl .menu 
{
  margin-left: -18px;
}

.nav-primary .nav-item-intl-liu
{
  width: 260px;
}

.nav-primary .nav-item-intl-liu .menu 
{
  margin-left: 0px;
  min-width: 258px;
}

.nav-primary .nav-item-intl-specialty
{
  width: 189px;
}

.nav-primary .nav-item-intl-surety
{
  width: 184px;
}

.nav-primary .nav-item-intl-surety .menu 
{
  right: 2px;
}

/* Styles for International-Ops Subsite Min-Desktop Size */
@media screen and (max-width: 976px)
{
    .nav-primary .nav-item-intl-home
    {
      width: 16%;
    }

    .nav-primary .nav-item-intl-libintl
    {
      width: 18%
    }

    .nav-primary .nav-item-intl-liu
    {
      width: 27%;
    }

    .nav-primary .nav-item-intl-specialty
    {
      width: 20%;
    }

    .nav-primary .nav-item-intl-surety
    {
      width: 19%;
    }
}


/* Styles for About-Liberty-mutual-site subsite */

.nav-primary .nav-item-about-about {
    width: 192px;
}

.nav-item-about-about menu{
    margin-left: -2px;
}

.nav-primary .nav-item-about-ir {
    width: 192px;
}

.nav-item-about-ir .menu{
    margin-left: -36px;
}

.nav-primary .nav-item-about-news {
    width: 192px;
}

.nav-item-about-news .menu{
    margin-left: -19px;
}

.nav-primary .nav-item-about-phil {
    width: 192px;
}

.nav-item-about-phil .menu{
    margin-left: -259px;
}

.nav-primary .nav-item-about-ri {
    width: 192px;
}

.nav-item-about-ri .menu{
    right: 2px;
}

/* Styles for About-Liberty-mutual-site subsite Min-Desktop Size */
@media screen and (max-width: 976px)
{
    .nav-primary .nav-item-about-about {
        width: 188px;
    }

    .nav-primary .nav-item-about-ir {
        width: 188px;
    }

    .nav-primary .nav-item-about-news {
        width: 188px;
    }

    .nav-primary .nav-item-about-phil {
        width: 188px;
    }

    .nav-primary .nav-item-about-ri {
        width: 188px;
    }
}

/* Customize RTE Style Menu */
.ms-rteFontFace-Arial
{
	-ms-name: "Arial";
	font-family: Arial;
}

/* Homepage Mobile View Fix */
@media screen and (max-width: 960px) {

    .row {
        margin-left: 0px;
        margin-right: 0px;
    }
    .col-home-left-text {
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
    }
    .col-home-widgets {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        display: block;
    }
    .contentModule .ms-webpart-zone {
        margin-left: 0px;
    }
    .ms-webpart-zone,
    .ms-webpart-chrome-vertical,
    .ms-webpart-cell-vertical,
    .ms-webpart-cell-horizontal {
        display: block;
    }

    #suiteBar, #s4-ribbonrow,
    #notificationArea, #DeltaPageStatusBar {
        display: none;
    }
}


/* Hamburger menu tap target increase */
.nav-domain-mobile-button {
    top: 22px;
    right: 9px;
    height: 27px;
    width: 31px;
}

.nav-domain-mobile-button
 .line {
    left: 5px;
    right: 5px;
}

.nav-domain-mobile-button
 .line:first-child {
    top: 5px;
}

.nav-domain-mobile-button
 .line:nth-child(2) {
    top: 12px;
}

.nav-domain-mobile-button
 .line:nth-child(3) {
    bottom: 5px;
}

/* Fixes right rail module width*/
.right-rail .comp-content-cell .comp-content-cell2 {
    width: 100%;
    padding-right: 0px;
}

/* Controls Hero Image sizing (needed for when the hero image is not in the comp-hero-image placeholder div */

.webpart-hero-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}

@media screen and (min-width: 961px)
{
/* 
   .webpart-hero-image img {
        width: auto;
    }
*/
    .webpart-hero-image.mobile {
        display: none !important;
    }
}

@media screen and (max-width: 960px) {
    .webpart-hero-image.desktop {
        display: none !important;
    }
}

@media print {
    .webpart-hero-image {
        display: none !important;
    }
}

.webpart-hero-image {
    padding-bottom: 5px;
}

.comp-hero-image .webpart-hero-image {
    padding-bottom: 0px;
}







/* added for the News Carousel */
@media screen and (max-width: 767px)
{
    .hide-from-mobile {
        display: none !important;
    }
}

@media screen and (min-width: 768px)
{
    .hide-from-tablet-and-desktop {
        display: none !important;
    }
}

@media screen and (min-width: 960px)
{
    .hide-from-desktop {
        display: none !important;
    }
}

















@media all and (orientation:landscape) {
   /*[styles for landscape orientation]*/
   .news-container-mobile {
        background-color: white;
        /*background-color: lightblue;*/
        /*width: 465px;*/
        /*height: 150px;*/
        /*padding-top: 5px;*/
        /*padding-right: 7px;*/
        /*padding-bottom: 5px;*/
        /*padding-left: 7px;*/
        /*vertical-align: middle;*/
        /*position: relative;*/
    }

   .news-slider .flex-control-nav  { 
        bottom: 5px!important; 
        /*width: 465px; */ 
    }

    .news-content-mobile {
        /*background-color: beige;*/
        background-color: white;
        color: black;
        /* float: right; */
        /* width: 360px; */
        /* height: 110px; */
        /* padding: 5px 5px; */
    }
    .news-sidebar-mobile {
        /*background-color: #F8F8F8;*/
        background-color: white;
        float: left;
        width: 110px!important;
        height: 110px!important;
        padding-right: 12px;
        /* padding: 5px 5px; */
    }
  
}


@media all and (orientation:portrait) {
/*[styles for portrait orientation]*/   
   .news-container-mobile {
        background-color: white;
        /*background-color: lightblue;*/
        /*width: 465px;*/
        /*height: 150px;*/
        /*padding-top: 5px;*/
        /*padding-right: 7px;*/
        /*padding-bottom: 5px;*/
        /*padding-left: 7px;*/
        /*vertical-align: middle;*/
        /*position: relative;*/
    }

   .news-slider .flex-control-nav  { 
        bottom: -5px!important; 
        /*width: 465px; */ 
    }

   .news-content-mobile {
        /* background-color: beige; */
        background-color: white;
        color: black;
        /*float: right;*/
        /*width: 360px;*/
        /*height: 110px;*/
        /* padding: 5px 5px; */
    }
  
    .news-sidebar-mobile {
        /*background-color: #F8F8F8;*/
        background-color: white;
        float: left;
        width: 110px;
        height: 110px;
        padding-right: 7px;
        /* padding: 5px 5px; */
    }
}



/*news-sidebar-mobile img {
    height: 100px!important;
    width: 110px!important;
}*/







.news-container-mobile  h1, h2, h3, h4, h5, h6 {
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 1px;
}
.news-container-mobile img {
    height: 100px!important;
    width: 110px!important;
} 





.news-container {
    background-color: #C1DAD6;
    width: 700px;
    height: 260px;
}

.news-header {
    background-color: #c2c9d9;
    width: 700px;
    height: 30px;
    padding: 8px 15px;
}
.news-sidebar {
    background-color: #F8F8F8;
    float: left;
    width: 465px;
    height: 260px;
}
.news-content {
    background-color: white;
    color: black;
    float: left;
    width: 235px;
    height: 260px;
    padding: 8px 15px;
}
.news-footer {
    background-color: #C1DAD6;
    color: black;
    clear: left;
    width: 700px;
}


.news-content a {
    text-decoration: none; 
    color: #004D9C; 
    cursor: pointer; 
} 

.news-content a:hover { 
    text-decoration: underline; 
} 

.news-content a:visited { 
   color: #004D9C; 
} 















.telno {
   background:url("/PublishingImages/StaticImages/phone.png") center left no-repeat;
   padding:0 0 0 25px;
   white-space:nowrap;
}

.email {
   background:url("/PublishingImages/StaticImages/email.png") center left no-repeat;
   padding:0 0 0 25px;
   white-space:nowrap;
}


/**  Styling for FilteredList Webpart **/


div.lmg-filtered-filters {
    border-bottom: 1px solid #dfdfdf;
}

.lmg-filtered-filters .lmg-filtered-filter-title {
    font-size: 1.2em;
    color: #013e7f;
    font-weight: bold;
    float: left;
    text-align: right;
}

.lmg-filtered-filters input.lmg-filtered-checkbox {
    width: 0px;
    border: none;
}

.lmg-filtered-filters label.ui-button {
    display: inline-block;
    border-radius: 4px;
    border: 1px solid black;
    margin-left: 10px;
    vertical-align: middle;
    text-align: center;
    background: #c2c9d9;
    background: rgba(194,201,217,0.4);
    margin-bottom: .4em;
}

.lmg-filtered-filters label.ui-button {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* IE/Edge */
    user-select: none;
}

.lmg-filtered-filters label.ui-button.ui-state-active {
    color: white;
    background: #3f5588;
    background: rgba(63, 85, 136, .8);
}

.lmg-filtered-filters label.ui-button.ui-state-active span:after {
    content: "x";
    color: white;
    position: relative;
    top: -.8em;
    right: -.9em;
    font-size: .8em;
    margin-left: -6px;
}

.lmg-filtered-filters div {
    padding-bottom: .75em;
}

.lmg-filtered-filters label.ui-button .ui-button-text {
    display: block;
    padding: .2em 1em;
}

.lmg-filtered-results {
    font-size: 0.92em;
    padding-top: 30px;
    min-height: 300px;
}

.lmg-filtered-results span {
    padding-right: 5px;
}

.lmg-filtered-results .lmg-result-item {
    margin-bottom: 10px;
}

.lmg-filtered-results .lmg-result-title {
    color: #013e7f;
    font-weight: bold;
}

.lmg-filtered-results .lmg-result-date {
    color: #000000;
    font-weight: bold;
    display: block;
}

.lmg-filtered-results .lmg-result-link {
    text-align: right;
    display: block;
}


.lmg-filter-item {
    margin-bottom: 10px;
    clear:both;
}
.lmg-filter-remove {
    float: right;
    display: block;
    position: relative;
    font-size:.8em;
    cursor: pointer;
    margin-bottom: -.4em;
    color: #004D9C;
}

label.lmg-filter-config-section {
    margin-top: 0px;
    border: none;
    margin-bottom: 5px;
}

.lmg-filter-config-section {
    width: 100%;
    font-weight: bold;
    margin-top: 15px;
    display: block;
    border-top: 1px solid #d9d9d9;
    padding-top: 5px;
}

.lmg-filter-add {
    display: inline-block;
    font-size: .9em;
    text-align: center;
    width: 100%;
    margin: 10px 0px 5px 0px;
}

.lmg-filter-add span {
    border: 1px solid #d9d9d9;
    color: #004D9C;    
    cursor: pointer;
    padding: 5px;
}

.lmg-filter-item label {
    float: left;
    display: block;
    width: 54px;
    padding-top:1px;
}

.lmg-filter-item>span {
    padding-top: 2px;
}

.lmg-filter-source span,
.lmg-filter-fields span,
.lmg-filter-editor span,
.lmg-filter-results span {
    display: block;
}

.lmg-filter-fields span span,
.lmg-filter-editor span span,
.lmg-filter-results span {
    overflow: hidden;
}

.lmg-filter-fields span span input[type="text"],
.lmg-filter-editor span span input[type="text"],
.lmg-filter-results span span input[type="text"] {
    width: 100%;
}


.lmg-filter-editor span input[type="radio"]:nth-child(n+2) {
    margin-left: 8px;
}

.lmg-filter-editor input[type="radio"] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    margin-right: 1px;
}

.lmg-filter-editor.lmg-filter-template {
    display: none;
}

.lmg-filtered-filter-filters {
    overflow: hidden;
}


.FilteredListWebPartConfig {
	background-color: #EEE;
    padding: 5px;
    min-width: 350px;
}

.FilteredListWebPartConfig  div {
	display: block;
	padding-top: 2px;
}

.lmg-filtered-filters .ui-button {
    cursor: default;
}

.lmg-filter-source {
    margin-top: -3px;
}

.lmg-filter-results,
.lmg-filter-fields {
    margin-top: 10px;
}

.lmg-filter-source div label {
    float: left;
    width: 108px;
    padding-top: 2px;
}

.lmg-filter-results div label {
    float: left;
    width: 54px;
    padding-top: 2px;
}

.lmg-filter-fields div label {
    float: left;
    width: 40px;
    padding-top: 1px;
}

.lmg-filter-source div span input,
.lmg-filter-fields div span input,
.lmg-filter-results div span input,
.lmg-filter-fields div span textarea,
.lmg-filter-results div span textarea {
    width: 100%;
    display: inline-block;
}

.lmg-filter-source div span,
.lmg-filter-fields div span,
.lmg-filter-results div span {
    overflow: hidden;
    display: block;
}

.lmg-filter-fields textarea,
.lmg-filter-results textarea{
    height: 4em;
}

.lmg-filter-fields div:last-child textarea,
.lmg-filter-results div:last-child textarea {
    height: 8.6em;
}

.lmg-filtered-paging {
    text-align:center;
    margin-top:1em;
}

.lmg-filtered-paging .page-link {
    width: 1.8em;
    font-size: 1.1em;
    display: inline-block;
}

.lmg-filtered-paging .page-link.page-current {
    color: #777777;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.2em;
    pointer-events: none;
}

.lmg-filtered-paging .page-link.arrow {
    text-decoration: none;
}

/**  End of Styling for FilteredList Webpart **/



.smallcarousel-slider .flex-control-nav  { 
    bottom: 7px!important; 
    /*width:inherit;*/   
}


/* Styling fix for Gembox & Recent News Web Parts to proprly size box around images */
.comp-call-out.content-cms.with-image.spacing-top-md-sm.gembox-image-content-left p:last-child:after,
.comp-call-out.content-cms.with-image.spacing-top-md-sm.gembox-image-content-right p:last-child:after {
    content: " ";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    width: 0;
    font-size: 0;
}










/* Added on 6/3 for the Alert Banner in the master page*/
.alert-container {
    /* width: 100%; */
    /* margin: 20px auto; */
    background-color: rgba(245, 226, 220, 0.62);
}

.alert-header {
    background-color: #E91E1E;
    height: 3px;
}

.alert-sidebar {
    float: left;
    /* width: 20%;  */
    padding: 5px 20px 5px 20px;
    /*background-color: rgba(245, 226, 220, 0.62);*/
}

.alert-content {
    float: left;
    width: 80%!important; 
    /*background-color: rgba(245, 226, 220, 0.62);*/
    padding: 5px 0px 5px 0px;
}


.alert-footer {
    clear:both;
}



.fa-alert {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: x-large;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #E91E1E;
}