/* IE10 temp fix for Windows 8 and Windows Phone 8 (until MS fix it) */

@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

.claimcontrol-image-background {
    background-image: url("Images/call_to_action_background_lightblue_71acca.jpg");
    background-size: 100% 100%;
    color: white;
    background-repeat: no-repeat;
    padding: 10px;
    margin-bottom: 10px;
}

.navbar-nav {
    margin: 0;
}

.claimcontrol-header {
    background-color: #5E5E5E;
    -ms-border-radius: initial;
    border-radius: initial;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

@media(max-width: 299px) {
    .claimcontrol-logo {
        height: 15px;
    }    
}

@media(min-width: 300px) {
    .claimcontrol-logo {
        height: 20px;
    }    
}

.claimcontrol-grey {
    color: #a0a0a0;
}

@media(max-width: 319px) {
    span.version {
        display: none;
    }    
}

@media(min-width: 320px) {
    span.version {
        display: inline-block;
        font-size: 8px;
        padding-top: 26px;
        margin-left: -10px;
    }
}

footer {
    padding: 5px 5px;
}

/* Extensions/mods to the bootstrap styles for Claim Control */

.float-right,
.fr
{
    float: right;
}

.float-left,
.fl
{
    float: left;
}

.container
{
    /* The default Bootstrap layout is a tad generous with the side margins - we need all the space we can get, so 95% it */
    max-width: 95%;
}

@media (min-width: 1601px)
{
    .container
    {
        /* Some clever-clogs is running at more than 1600px wide - probably time to fix the width as getting silly now! */
        max-width: 1520px;
    }
}

/* GLOBAL FONT SIZE */

.form-control
{
    height: auto;
}

body,
.form-control,
.btn,
.dropdown-menu
{
    font-size: 13px;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6
{
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}

body
{
    background-color: #e3e3e3;
    word-wrap: break-word;
}

.navbar 
{
    min-height: 53px;
    border-radius: 0 0 0 0 !important;
    margin-bottom: 0;
}

.navbar-nav > li > a {
    color: #fff;
}

.nav>li>a:hover, .nav>li>a:focus {
    background-color: #5E5E5E;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    background-color: #5E5E5E;
}

.navbar-toggle .icon-bar {
    background-color: white;
}

@media (max-width: 767px)  {
    .navbar-nav .open .dropdown-menu > li > a {
        color: white;
    }
}
/* COLOURS */

.claim-control-white
{
    color:#fff;
}

.claim-control-yellow
{
    color: #FFCC57;
}

/* PANELS */

.panel-centred
{
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
}

    .panel-centred h1
    {
        color: #FFCC57;
        margin-top: 0;
        margin-bottom: 25px;
    }

div[role='tabpanel'] > .panel
{
    border: none;
}

div[role='tabpanel'] > .panel > .panel-body
{
    padding: 12px 2px 0 2px;
}

.panel
{
    margin-bottom: 10px;
    border-radius: 0 0 0 0;
}

.panel-primary
{
     border-color: #F5F5F5;
}

.panel-module
{
    margin-top: 9px;
}

.panel-module > .panel
{
    border-radius: 0 0 0 0;
    margin-bottom: 20px;
}

.panel-module > .panel-heading
{    
    background-color: #F5F5F5;
    padding: 6px 12px 2px;
}

.panel > .panel-heading
{    
    background-color: #f5f5f5;
    padding: 6px;
    border-color: #dcdcdc;
    color: #555555;
}

.panel-heading span.glyphicon
{
    font-size: 26px;
    color: #bbbbbb;   
    margin: 1px 0 0 0;
    padding: 0;
    top: 0px;
}

    .back-button:hover span.glyphicon
    {
        color: #FFCC57;
    }

.panel-heading h3
{
    font-size: 16px;
    color: #555555;
    margin: 1px 0 0 0;
    padding: 0;    
}

.panel-heading
{
    padding: 2px 0 0 8px;
    border-radius: 0 0 0 0;
}

.panel-heading p
{
    margin: 2px;
}

#searchresults-panel
{
    display: none;
}

.row-top-margin
{
    margin-top: 16px;
}

/* NAV AND BREADCRUMB AND TOP AND SIDE MENUS*/

.navbar .container .logo
{
    display: none;
}

.top-badge
{
    width: 250px;
    z-index: 400;
    position: absolute;
    margin-left: 50%;
    left: -125px;
    top: 8px;
}

    .top-badge span
    {
        font-size: 13px;
        font-weight: normal;
        padding: 10px 12px;
        background-color: #fcf8e3;
        color: #808080;
    }

a.user-menu .caret
{
    border-bottom-color: #fff !important;
    border-top-color: #fff !important;
}

a.user-menu:hover .caret
{
    border-bottom-color: #FFCC57 !important;
    border-top-color: #FFCC57 !important;
}

.top-right
{
    float: right;
    margin-right: 2px;
}

    .top-right ul.dropdown-menu
    {
        right: 0;
        left: auto;
    }

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus
{
    background-color: #FFCC57;
    color: #333333;
}

ol.breadcrumb
{
    position: relative;
    top: 10px;
    border: solid 1px #DDDDDD;
}

.breadcrumb
{
    background-color: #5E5E5E;
    border-radius: 0 0 0 0;
    margin-bottom: 0;
}

ol.breadcrumb a,
ol.breadcrumb span
{
    color: #fff;
}

ol.breadcrumb li a:hover
{
    color: #FFCC57;
}

    ol.breadcrumb li.active a,
    ol.breadcrumb li.active span
    {
        text-decoration: underline;
        color: #FFCC57;
    }

.navbar-inverse .navbar-nav > .open > a.user-menu, .navbar-inverse .navbar-nav > .open > a.user-menu:hover, .navbar-inverse .navbar-nav > .open > a.user-menu:focus
{
    background-color: transparent !important;
}
.navbar-inverse
{
    background-color: #5E5E5E;
    border: none;
}

.navbar-inverse .navbar-toggle
{
    border-color: #c3c3c3;
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover
{
    background-color: #888888;
}

.navbar-inverse .navbar-nav > li > a
{
    color: #fff;
}

.navbar-inverse .navbar-nav > li > a:hover
{
    color: #FFCC57;
}

/* FORM CONTROLS*/

.k-multiselect-wrap .k-input
{
    height: 1.7em;
}

.checkbox-label
{
    margin: 0 12px 0 4px;
}

/*input[type='checkbox']
{
    margin-top: 12px;
    margin-left: 12px;
}*/

span.k-filename
{
    max-width: 100%;
}

.form-group
{
    margin-bottom: 8px;
}

.form-control-small
{
    width: 120px;
}

.form-control-medium
{
    width: 250px;
}

.form-control-large
{
    width: 400px;
}

.form-control-larger
{
    max-width: 600px;
}

.form-control-full-width
{
    width: 100%;
}

.text-area-full-width-in-tab {
    width: 97%;
    max-width: 97%;
}

.form-control-inline {
    display: inline-block;
}

.form-control-money
{
    text-align: right;
}

.input-group
{
    margin-bottom: 10px;
}

@media (min-width: 992px) {
    label {
        width: 150px;
    }
}

label {
    font-weight: normal;
    font-size: 13px;
}

.form-group > label
{
    color: #555555;
}

.control-label
{
}

.full-width {
    width: 100%;    
}

.ccl-form-inline {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 4px 0;
}

.required-asterix {
    color: red;
}

/* BUTTONS */

.btn
{
    border-color: #c5c5c5;
}

.btn-control-option
{
    padding: 4px 9px;
    margin-left: 6px;
    border-color: #c5c5c5;
}

.control-with-btn
{
    display: inline-block;
    padding: 4px 12px 6px;
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary.active {
    background-color: #CCCCCC;
    border-color: #AAAAAA;
}

.back-button,
.back-button:hover
{
    background-color: transparent;
    border: none;
}

    .back-button span.glyphicon
    {
        color: #BBBBBB;
    }

.btn-primary
{
    background-color: #FFCC57;
    border-color: #FFCC57;
    color: #333333;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus
{
    background-color: #FFC640;
    border-color: #FFC640;
    color: #333333;
}

.btn.back-button
{
    margin-right: 0px;
    margin-left: -2px;
}

div.no-back-button
{
    display: inline-block;
    margin-top: 6px;
    min-height: 30px;
}



/* GRIDS */


.k-grid table .k-button
{
    margin-right: 4px;
}

.k-grid td
{
    padding: 0.1em 0.6em;
    font-size: 13px;
}

.k-grid td .glyphicon
{
    font-size: 12px;
    color: #A0A0A0;
}

    .k-grid td .glyphicon.warning
    {
        color: #B94A48;
    }

.k-grid table .k-button
{
    line-height: 1.2em;
    margin: 2px 4px;
    left: 10px;
    height: 25px;
}

.btn-in-grid
{
    line-height: 11px;
}

/* TABS */

.k-tabstrip .k-state-active
{
    border-color: #c5c5c5;
}

    .k-tabstrip .k-state-active > a
    {
        text-decoration: none;
        border-top: solid 2px #FFCC57;
        font-weight:bold;
    }

/* ERROR AND ALERT AND CALLOUT STYLES */

/* Error colouring for Date and Time pickers */

.k-picker-wrap .k-invalid
{
    border-color: #a94442 !important;
    border-width: 1px !important;
    border-style: solid !important;
}

.has-error .k-dropdown
{
    background-color: transparent;
}

span.k-tooltip
{
    margin-top: 2px !important;
}

.k-datepicker span.k-tooltip,
.k-timepicker span.k-tooltip
{
    position: relative;
    left: 28px;
}

p.version {
    color: #a0a0a0;
    font-size: 11px;
    margin: 0;
    padding: 0;
}

p.error-heading
{
    font-size: 14px;
    font-weight: bold;
}

.input-validation-error
{
    border-color: #B94A48 !important;
}

.validation-summary-valid > ul,
.validation-summary-valid > ol
{
    display: none;
}

.field-validation-error
{
    color: #B94A48;
    font-size: 13px;
}

.validation-summary-errors
{
    margin-top: 16px;
    margin-bottom: 0px;
}

.validation-summary-errors.top-of-form
{
    margin-top: 0px;
    margin-bottom: 16px;
}

.alert-top
{
    margin-left: -250px;
    padding: 9px;
    position: absolute;
    top: -2px;
    width: 500px;
    z-index: 1000;
    left: 50%;
    text-align: center;
}

.alert-error
{
    background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
}

.bs-callout {
    border-left: 5px solid #EEEEEE;
    margin: 20px 0;
    padding: 15px 30px 15px 15px;
}

.bs-callout h4 {
    margin-top: 0;
}

.bs-callout p:last-child {
    margin-bottom: 0;
}

.bs-callout code, .bs-callout .highlight {
    background-color: #FFFFFF;
}

.bs-callout-danger {
    background-color: #F2DEDE;
    border-color: #DFB5B4;
}

.bs-callout-warning {
    background-color: #FEFBED;
    border-color: #F1E7BC;
}

.bs-callout-info {
    background-color: #F0F7FD;
    border-color: #D0E3F0;
}

/* CLIENT VIEW */

#clientviewtabs * {
    box-sizing: border-box !important;
}

#clientviewtabs div[role="tabpanel"] > .panel > .panel-body
{
   padding: 25px 0 0 20px !important;
}

.grid-in-tab-container
{
    margin-top: 12px;
    margin-bottom: 12px;
}

/* DISABLED CURRENCY TEXTBOXES LOOK NASTY, WITH SPINNERS AND HORRIBLE HEIGHT - THIS SORTS IT! */

.form-control-ctb .k-select
{
    display: none;
}

.form-control-ctb .k-numeric-wrap.k-state-disabled
{
    opacity: 1;
    padding: 5px 5px 5px 6px;
    border: none;
}

    .form-control-ctb .k-numeric-wrap.k-state-disabled .k-formatted-value {
        box-shadow: none;
        background-color: transparent;
    }

/* DISABLED DATE PICKERS ALSO LOOK NASTY - SOME FIXES FOR THIS */

.form-control-dp .k-select
{
    display: none;
}

.form-control-dp.form-control-small
{ 
    width: 120px !important;
}   

.form-control-dp .k-state-disabled
{
    opacity: 1;
    padding: 4px 4px 4px 6px;
    border: none;
}

.form-control-dp .k-state-disabled .form-control[disabled] {
    box-shadow: none;
    background-color: transparent;
}

/* DOC VIEWER STYLES  */

.bolderImageButton{
    color: #5e5e5e !important;
    font-size: 16px !important; 
    }

.documentviewgrid input[type="checkbox"] {
    margin-left: 0;
    margin-top: 0;
}

.segmented-button input[type="radio"] {
    width: 0px;
    height: 0px;
    display: none;
}

.exit-button a#exit{
/*color: #5e5e5e;*/
font-size: 16px;
padding: 2px 24px 2px 8px;
position: relative;
vertical-align: middle;
width: 66px;
float:right;
right:-55px;
top:-52px;
}


.segmented-button label.first {
    vertical-align: middle;
    /* ReSharper disable once InvalidValue */
    *vertical-align: auto;
    -ms-border-radius: 4px;
    border-radius: 4px;
    text-shadow: white;
    background: linear-gradient(#ffffff, #e4e4e4);
    border: 1px solid #b2b2b2;
    color: #5e5e5e;
    font-size: 16px;
    padding: 2px 24px 2px 8px;
    position: relative;
    vertical-align: middle;
    width: 20px;
    float: right;
    right: 32px;
    top: 5px;
    cursor: pointer;
    font-family: Helvetica;
    border-radius: 0px;
    z-index: 1;
}

.segmented-button label.last {
    vertical-align: middle;
    border-radius: 4px;
/* ReSharper disable once InvalidValue */
    text-shadow: white;
    background: linear-gradient(#ffffff, #e4e4e4);
    border: 1px solid #b2b2b2;
    color: #5e5e5e;
    font-size: 18px;
    padding: 0 23px 1px 5px;
    position: relative;
    float:right;
    top:5px;
    right:-28px;
    vertical-align: middle;
    width: 20px;
    cursor: pointer;
    font-family: Helvetica;
    border-radius: 0px;
    z-index: 1;
}

.segmented-button label {
    display: inline;
}
      
.segmented-button label:hover {
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
    color: #333333;
}

.segmented-button label.first {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.segmented-button label.last {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.segmented-button input:checked + label, .segmented-button label.selected {
    background: linear-gradient(#bfbfbf, #bfbfbf);
}

.segmented-button input:disabled + label {
    background: linear-gradient(#ffffff, #efefef);
    cursor: default;
    color: #b2b2b2;
    border-color: #cccccc;
    box-shadow: none;
}

/*Customising the Tab Strip Elements with Full utilisation of space*/

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

/*#documentviewertab-1 .container
{
    max-width: 99% !important;
     padding-left:0 !important;
    padding-right:0 !important;
}

#documentviewertab-2 .container
{
    max-width: 99% !important;
    padding-left:0;
    padding-right:0;
}*/

/*CUSTOMISING DOCUMENT VIEWER PAGE GRIDS*/
    .nogridlines .k-grid-header,
    .nogridlines .k-header,
    .nogridlines .k-grid td,
     .nogridlines .k-widget,
     .nogridlines .k-grid
    {
        border-color: #fff;
    }

    .nogridlines .k-grid-header,
    .nogridlines .k-header
    {
        background:#fff;
    }

    .nogridlines .k-grid tbody .k-button,
    .nogridlines .k-ie8 .k-grid tbody button.k-button {
        min-width: 24px;
        padding: 0;
        color: #fff;
        border-color: #fff;
    }

    .nogridlines .k-grid table .k-button {
        height: 21px;
        left: 1px;
        margin: 2px 4px;
    }

    .nogridlines .k-button:hover,
    .nogridlines .k-button:focus,
    .nogridlines .k-button.k-state-focused, 
    .nogridlines .k-state-hover, 
    .nogridlines .k-state-hover:hover {
        border-color: #fff !important;
        background-color: #fff!important;
    }

     .nogridlines .k-button:hover .glyphicon.glyphicon-eye-open, 
     .nogridlines .k-button:checked .glyphicon.glyphicon-eye-open{
         color: #FFC640 !important;
         background-color: #fff!important;
         border-color: #fff !important;

     }

     .nogridlines .k-button:hover .glyphicon.glyphicon-save, 
     .nogridlines .k-button:checked .glyphicon.glyphicon-save{
         color: #008000 !important;
         background-color: #fff!important;
         border-color: #fff !important;

     }

     .fullscreen .container{
         max-width: 98%;
         margin-left: auto;
         margin-right: auto;
         width: auto;
         padding-left:0;
         padding-right:0;
     }

    .fullscreen .navbar .container .logo {
        right: 8px;
    }

     .fullscreen .panel-body {
        padding: 0;
    }

     .fullscreen .panel-module {
         margin-top:0;
     }

     .layoutbody .mfp-iframe-holder .mfp-content {
        height: 100%;
        line-height: 0;
        max-width: none;
        width: 100%;
    }

     /*
     #gridDocument2.col-md-3 {
         padding-left:0;
         padding-right:0;
     }

      #gridImage2.col-md-3 {
         padding-left:0;
         padding-right:0;
     }

      #gridThumbnail.col-md-3 {
         padding-left:0;
         padding-right:0;
     }*/


      #documentGrid2 a[target="myIframe"]
      {
          display:block;
          overflow:hidden;
          height:22px;
          color: #2e2e2e;
      }

      #documentGrid2, #documentGrid, #imageGrid, #imageGrid2
      {
          overflow-y: auto;
          height: 100%;
      }

      #documentGrid2 table,
      #imageGrid2 table
      {
          table-layout: fixed;
      }

      #imageGrid2 a[target="myIframe2"]
      {
          display:block;
          overflow:hidden;
          height:22px;
          color: #2e2e2e;
      } 

    .arrow-btn {
        width: 10px;
        padding-left: 0px;
        padding-right: 2px;
        display: inline-block;
    }

    #arrowButton1 {
        left: 5px;
        padding: 3px;
        position: relative;
        top: 5px;
    }
    #arrowImageButton1 {
        left: 5px;
        padding: 3px;
        position: relative;
        top: 5px;
    }

    #arrowImageButton2 {
        left: 9px;
        padding: 3px;
        position: relative;
        top: 5px;
    }

    #arrowButton2 {
    left: 9px;
    padding: 3px;
    position: relative;
    top: 5px;
    }

    #view-thumbnail, #close-thumbnail {
    left: -60px;
    padding: 3px;
    position: relative;
    top: 5px;
    }

     a.tip {
        text-decoration: none;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        }


    #gridImageIframe.col-md-8 {
          width: 72%;
     }
     #gridDocumentIframe.col-md-8 {
          width: 72%;
     }

     #viewDoc html {
         width:100%;
     }

/* -------------------------------- 
Main components for Side-by-Side View
-------------------------------- */

.side-by-side.cd-panel {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  visibility: hidden;
  transition: visibility 0s 0.6s;
}
.side-by-side.cd-panel::after {
  /* overlay layer */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  cursor: pointer;
  transition: background 0.3s 0.3s;
}
.side-by-side.cd-panel.is-visible {
  visibility: visible;
  transition: visibility 0s 0s;
}
.side-by-side.cd-panel.is-visible::after {
  background: rgba(0, 0, 0, 0.6);
  transition: background 0.3s 0s;
}
.side-by-side.cd-panel.is-visible .side-by-side.cd-panel-close::before {
  animation: cd-close-1 0.6s 0.3s;
}
.side-by-side.cd-panel.is-visible .side-by-side.cd-panel-close::after {
  animation: cd-close-2 0.6s 0.3s;
}

.side-by-side.cd-panel-header {
  position: fixed;
  width: 0;
  height: 50px;
  line-height: 50px;
  background: rgba(255, 255, 255, 0.96);
  z-index: 2;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  transition: top 0.3s 0s;
}
.from-right .side-by-side.cd-panel-header, .side-by-side.from-left .side-by-side.cd-panel-header {
  top: -50px;
}
.from-right .side-by-side.cd-panel-header {
  right: 0;
}
.from-left .side-by-side.cd-panel-header {
  left: 0;
}
.is-visible .side-by-side.cd-panel-header {
  top: 0;
  transition: top 0.3s 0.3s;
}

.side-by-side.cd-panel-close {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 60px;
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.side-by-side.cd-panel-close::before, .side-by-side.cd-panel-close::after {
  /* close icon created in CSS */
  position: absolute;
  top: 22px;
  left: 20px;
  height: 3px;
  width: 20px;
  background-color: #424f5c;
  /* this fixes a bug where pseudo elements are slighty off position */
  backface-visibility: hidden;
}
.side-by-side.cd-panel-close::before {
  transform: rotate(45deg);
}
.side-by-side.cd-panel-close::after {
  transform: rotate(-45deg);
}
.no-touch .side-by-side.cd-panel-close:hover {
  background-color: #424f5c;
}
.no-touch .side-by-side.cd-panel-close:hover::before, .no-touch .side-by-side.cd-panel-close:hover::after {
  background-color: #ffffff;
  transition-property: transform;
  transition-duration: 0.3s;
}
.no-touch .side-by-side.cd-panel-close:hover::before {
  transform: rotate(220deg);
}
.no-touch .side-by-side.cd-panel-close:hover::after {
  transform: rotate(135deg);
}

.side-by-side.cd-panel-container {
  position: fixed;
  width: 90%;
  height: 100%;
  top: 0;
  background: #fff;
  z-index: 1;
 
  transition-property: transform;
  transition-duration: 0.3s;
  transition-delay: 0.3s;
}
.from-right .side-by-side.cd-panel-container {
  right: 0;
  transform: translate3d(100%, 0, 0);
}
.from-left .side-by-side.cd-panel-container {
  left: 0;
  transform: translate3d(-100%, 0, 0);
}
.is-visible .side-by-side.cd-panel-container {
  transform: translate3d(0, 0, 0);
  transition-delay: 0s;
}


.fa-input {
  font-family: FontAwesome, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

div#gridDocumentIframe iframe {
    height: 100%;
    width: 100%;
}

.viewer-loader {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: url('../Icons/page-loader2.gif') 50% 50% no-repeat rgb(249,249,249);
    }

/*SERVEST's FNOL PANEL CSS*/
.panel-color-servest > .panel-heading {
    background-color:transparent;
    border-color:#ddd !important;
    color:#414144;
}

.modal-backdrop.in {
    /* ReSharper disable once InvalidValue */
    -webkit-filter: alpha(opacity=50);
    -moz-filter: alpha(opacity=50);
    -o-filter: alpha(opacity=50);
    filter: alpha(opacity=50);
    -ms-opacity: .5;
    opacity: .5;
    position:fixed;
    height: 100%;
    background:#333;
}

@media (min-width: 992px) {
    .form-label-column {
        text-align: right;
    }
}

.input-fields input {
    border: 1px solid #ccc;
    -ms-border-radius: 3.01px;
    border-radius: 3.01px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    vertical-align: baseline;
}

.input-fields input:not([type=checkbox]) {
    width: 100%;
}

.input-fields input[type=checkbox],
.input-fields input[type=checkbox] span {
    vertical-align: middle;
}

.input-fields label > span {
    padding-left: 2px;
}

.field-group {
    margin: 1px 0;
    padding: 4px 0 4px 0;
}

.spinner {
    display: inline-block;
    margin-top: 3px;
    height: 12px;
    width: 12px;
    animation: rotate 0.8s infinite linear;
    border: 2px solid #409dc9;
    border-right-color: transparent;
    border-radius: 50%;
    vertical-align: top;
}

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

    100% {
        transform: rotate(360deg);
    }
}

.k-multiselect-wrap>.k-input {
   color: #909090; /* specify the default input color */
}

.active-breadcrumb {
    color: white;
}

@media (min-width: 768px) {
    .label-column {
        text-align: right;
    }
}

.label-column {
    color: #909090;
}

.value-column {
    color: black;
    text-align: left;
}

.h3-no-padding {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;   
    font-size: 24px;
}

.text-italic {
    font-style: italic;
}

.dropdown-menu > ul > li {
    background-color: green;
}

.cancel-link {
    vertical-align:middle;
    padding-left: 3px;
}

.featureGroupListItem {
    border-bottom-style: solid;
    border-bottom: #888888;
}

.featureGroupList, .featureList {
    max-height: 360px;
}

.checkbox-list-label {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
    width: auto;
    padding-top:0;
    padding-bottom: 4px;
}

.checkbox-list-label:hover {
    background-color: #f0f0f0;
}

.checkbox-list-input {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}

.select-container {
    border: 1px solid #dddddd;
    overflow-y: scroll;
    overflow-x: hidden;
}

.module-name {
    font-size: 15px;
    margin-top: 1px;
    padding: 5px;
    background-color: #409dc9;
    color: white;
    height: 25px;
    padding-top: 3px
}

.module-checkbox {
    vertical-align: bottom;
    position: relative;
    top: -1px;
} 

.module-checkbox-label {
    vertical-align: bottom;
    position: relative;
    top: -6px;
}

.inactive-label {
    margin-left: 5px;
}

/* ReSharper disable once DeclarationIsEmpty */
.mapControl {
}

div.account-recovery div.panel {
    margin-top: 30px;
    background-color: white !important; 
}

div.account-recovery div h4 {
    color: #0E0B5A !important;
}
div#actionsearchresults [type="checkbox"]:not(:checked),
div#actionsearchresults [type="checkbox"]:checked,
div#gridImage  [type="checkbox"]:not(:checked),
div#gridImage  [type="checkbox"]:checked,
div#gridDocument [type="checkbox"]:not(:checked),
div#gridDocument [type="checkbox"]:checked {
    position: inherit !important;
    left: inherit !important;
}

.ccl-search-combo-footer {
    font-size: smaller;
    padding-left: 4px;    
    padding-right: 4px;    
}

.timebox-button {
 background: url(Images/tbx90.png) 
            center no-repeat #FAEC03;
 width:100px;
}

@media (min-width: 906px) {
    li.dropdown-content-sm {
        display: none;
    }
    li.dropdown-content-sm a {
        display: none;
    }
}